diff --git a/.continue/mcpServers/new-mcp-server.yaml b/.continue/mcpServers/new-mcp-server.yaml
old mode 100644
new mode 100755
diff --git a/.dockerignore b/.dockerignore
old mode 100644
new mode 100755
diff --git a/.gitea/workflows/deploy-test.yml b/.gitea/workflows/deploy-test.yml
old mode 100644
new mode 100755
diff --git a/.gitignore b/.gitignore
old mode 100644
new mode 100755
diff --git a/.htaccess b/.htaccess
new file mode 100644
index 0000000..cb7276d
--- /dev/null
+++ b/.htaccess
@@ -0,0 +1,8 @@
+# Legacy redirects for old URLs pointing to root
+RewriteEngine On
+RewriteRule ^impressum\.html$ /impressum [R=301,L]
+RewriteRule ^datenschutz\.html$ /datenschutz [R=301,L]
+RewriteRule ^haus-schleusingen\.html$ / [R=301,L]
+
+# Everything else goes to public/
+RewriteRule ^(.*)$ public/$1 [L]
diff --git a/.htmlhintrc b/.htmlhintrc
old mode 100644
new mode 100755
diff --git a/.husky/pre-commit b/.husky/pre-commit
old mode 100644
new mode 100755
diff --git a/.prettierignore b/.prettierignore
old mode 100644
new mode 100755
diff --git a/.prettierrc b/.prettierrc
old mode 100644
new mode 100755
diff --git a/.stylelintrc.json b/.stylelintrc.json
old mode 100644
new mode 100755
diff --git a/AGENTS.md b/AGENTS.md
old mode 100644
new mode 100755
diff --git a/Dockerfile b/Dockerfile
old mode 100644
new mode 100755
diff --git a/README.md b/README.md
old mode 100644
new mode 100755
diff --git a/app/controllers/Controller.php b/app/controllers/Controller.php
new file mode 100644
index 0000000..309b848
--- /dev/null
+++ b/app/controllers/Controller.php
@@ -0,0 +1,25 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Controllers;
+
+use App\Core\View;
+
+abstract class Controller
+{
+    protected View $view;
+
+    public function __construct()
+    {
+        $this->view = new View();
+    }
+
+    protected function render(string $view, array $data = [], string $layout = 'main'): void
+    {
+        foreach ($data as $key => $value) {
+            $this->view->assign($key, $value);
+        }
+        $this->view->render($view, $layout);
+    }
+}
diff --git a/app/controllers/DatenschutzController.php b/app/controllers/DatenschutzController.php
new file mode 100644
index 0000000..9bb59b6
--- /dev/null
+++ b/app/controllers/DatenschutzController.php
@@ -0,0 +1,18 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Controllers;
+
+class DatenschutzController extends Controller
+{
+    public function index(): void
+    {
+        $this->render('datenschutz/index', [
+            'pageTitle'       => 'Datenschutzerklärung – Haus Schleusingen',
+            'pageDescription' => 'Datenschutzerklärung der Website haus-schleusingen.de',
+            'robots'          => 'noindex',
+            'canonical'       => 'https://haus-schleusingen.de/datenschutz',
+        ]);
+    }
+}
diff --git a/app/controllers/HomeController.php b/app/controllers/HomeController.php
new file mode 100644
index 0000000..0d7b51a
--- /dev/null
+++ b/app/controllers/HomeController.php
@@ -0,0 +1,174 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Controllers;
+
+class HomeController extends Controller
+{
+    public function index(): void
+    {
+        session_start();
+
+        // --- Helper functions ---
+        $normalizeContactValue = function (string $value): string {
+            return trim($value);
+        };
+
+        $escapeContactValue = function (string $value): string {
+            return htmlspecialchars($value, ENT_QUOTES, 'UTF-8');
+        };
+
+        $containsHeaderInjection = function (string $value): bool {
+            return (bool) preg_match('/[\r\n]/', $value);
+        };
+
+        // --- Form processing ---
+        $formErrors = [];
+        $formSuccess = false;
+        if (!empty($_SESSION['form_success'])) {
+            $formSuccess = true;
+            unset($_SESSION['form_success']);
+        }
+        if (!empty($_SESSION['form_errors'])) {
+            $formErrors = $_SESSION['form_errors'];
+            unset($_SESSION['form_errors']);
+        }
+        if (!empty($_SESSION['form_data'])) {
+            $formData = $_SESSION['form_data'];
+            unset($_SESSION['form_data']);
+        } else {
+            $formData = ['fname' => '', 'lname' => '', 'email' => '', 'phone' => '', 'interest' => 'Besichtigung anfragen', 'message' => ''];
+        }
+
+        if ($_SERVER['REQUEST_METHOD'] === 'POST') {
+            $formData['fname']    = $normalizeContactValue((string) ($_POST['fname'] ?? ''));
+            $formData['lname']    = $normalizeContactValue((string) ($_POST['lname'] ?? ''));
+            $formData['email']    = $normalizeContactValue((string) ($_POST['email'] ?? ''));
+            $formData['phone']    = $normalizeContactValue((string) ($_POST['phone'] ?? ''));
+            $formData['interest'] = $normalizeContactValue((string) ($_POST['interest'] ?? ''));
+            $formData['message']  = $normalizeContactValue((string) ($_POST['message'] ?? ''));
+
+            $honeypot = $normalizeContactValue((string) ($_POST['website'] ?? ''));
+            if ($honeypot !== '') {
+                header('Location: ' . $_SERVER['REQUEST_URI'] . '#form-result');
+                $_SESSION['form_success'] = true;
+                exit;
+            } else {
+                if ($formData['fname'] === '') {
+                    $formErrors[] = 'Bitte geben Sie Ihren Vornamen an.';
+                }
+                if ($formData['lname'] === '') {
+                    $formErrors[] = 'Bitte geben Sie Ihren Nachnamen an.';
+                }
+                if ($formData['email'] === '' || !filter_var($formData['email'], FILTER_VALIDATE_EMAIL)) {
+                    $formErrors[] = 'Bitte geben Sie eine gültige E-Mail-Adresse an.';
+                }
+                if ($formData['message'] === '') {
+                    $formErrors[] = 'Bitte geben Sie eine Nachricht ein.';
+                }
+
+                if ($containsHeaderInjection($formData['email']) || $containsHeaderInjection($formData['fname'] . ' ' . $formData['lname'])) {
+                    $formErrors[] = 'Ungültige Zeichen in den Eingabefeldern.';
+                }
+
+                $formTime = isset($_POST['form_time']) ? (int) $_POST['form_time'] : 0;
+                if ($formTime > 0 && (time() - $formTime) < 3) {
+                    $formErrors[] = 'Das Formular wurde zu schnell abgeschickt. Bitte versuchen Sie es erneut.';
+                }
+
+                $lastSubmit = $_SESSION['last_contact_submit'] ?? 0;
+                if ($lastSubmit && (time() - $lastSubmit) < 60) {
+                    $formErrors[] = 'Bitte warten Sie einen Moment vor der nächsten Anfrage.';
+                }
+
+                if (empty($formErrors)) {
+                    $to      = 'mki@kies-media.de';
+                    $subject = 'Kontaktanfrage: ' . $formData['interest'];
+                    $body    = "Von: {$formData['fname']} {$formData['lname']}\n"
+                             . "E-Mail: {$formData['email']}\n";
+                    if ($formData['phone'] !== '') {
+                        $body .= "Telefon: {$formData['phone']}\n";
+                    }
+                    $body .= "Anliegen: {$formData['interest']}\n\n"
+                             . $formData['message'];
+
+                    $headers  = "From: {$formData['email']}\r\n";
+                    $headers .= "Reply-To: {$formData['email']}\r\n";
+                    $headers .= "Content-Type: text/plain; charset=UTF-8\r\n";
+                    $headers .= "X-Mailer: PHP/" . phpversion();
+
+                    $mailSent = mail($to, $subject, $body, $headers);
+
+                    if ($mailSent) {
+                        $_SESSION['last_contact_submit'] = time();
+                        header('Location: ' . $_SERVER['REQUEST_URI'] . '#form-result');
+                        $_SESSION['form_success'] = true;
+                        exit;
+                    } else {
+                        $formErrors[] = 'Leider konnte die E-Mail nicht gesendet werden. Bitte versuchen Sie es später erneut oder schreiben Sie uns direkt an mki@kies-media.de.';
+                    }
+                }
+            }
+            if (!empty($formErrors)) {
+                header('Location: ' . $_SERVER['REQUEST_URI'] . '#form-result');
+                $_SESSION['form_errors'] = $formErrors;
+                $_SESSION['form_data'] = $formData;
+                exit;
+            }
+        }
+
+        $this->render('home/index', [
+            'formSuccess'        => $formSuccess,
+            'formErrors'         => $formErrors,
+            'formData'           => $formData,
+            'escapeContactValue' => $escapeContactValue,
+            'pageTitle'          => 'Einfamilienhaus mieten Schleusingen | 227 m², 6 Zimmer | 1.300 € Kaltmiete',
+            'pageDescription'    => 'Einfamilienhaus zur Langzeitmiete in Schleusingen: 227 m² Wohnfläche, 6 Zimmer, 3 Etagen mit Dachterrasse. Kaltmiete 1.300 €. Bahnhofstraße 10, 98553 Schleusingen. Ab sofort verfügbar.',
+            'canonical'          => 'https://haus-schleusingen.de/',
+            'openGraph'          => [
+                'ogTitle'       => 'Einfamilienhaus zur Miete in Schleusingen – 227 m², 6 Zimmer',
+                'ogDescription' => 'Großzügiges Einfamilienhaus zur Langzeitmiete: 227 m², 6 Zimmer, 3 Etagen + Dachterrasse. Kaltmiete 1.300 €. Ab sofort verfügbar in Schleusingen.',
+                'ogImage'       => 'https://haus-schleusingen.de/bilder/Außenansicht-2.png',
+                'ogUrl'         => 'https://haus-schleusingen.de/',
+            ],
+            'structuredData'     => json_encode([
+                '@context'     => 'https://schema.org',
+                '@type'        => 'RealEstateListing',
+                'name'         => 'Einfamilienhaus zur Miete in Schleusingen',
+                'description'  => 'Großzügiges Einfamilienhaus zur Langzeitmiete: 227 m² Wohnfläche, 6 Zimmer, 3 Etagen mit Dachterrasse. Kaltmiete 1.300 €.',
+                'url'          => 'https://haus-schleusingen.de/',
+                'image'        => 'https://haus-schleusingen.de/bilder/Außenansicht-2.png',
+                'datePosted'   => '2026-05-14',
+                'address'      => [
+                    '@type'           => 'PostalAddress',
+                    'streetAddress'   => 'Bahnhofstraße 10',
+                    'addressLocality' => 'Schleusingen',
+                    'postalCode'      => '98553',
+                    'addressCountry'  => 'DE',
+                ],
+                'offers' => [
+                    '@type'            => 'Offer',
+                    'price'           => '1300',
+                    'priceCurrency'   => 'EUR',
+                    'priceSpecification' => [
+                        '@type'       => 'UnitPriceSpecification',
+                        'price'       => '1300',
+                        'priceCurrency' => 'EUR',
+                        'unitCode'    => 'MON',
+                        'description' => 'Kaltmiete pro Monat',
+                    ],
+                ],
+                'floorSize' => [
+                    '@type'    => 'QuantitativeValue',
+                    'value'    => '227',
+                    'unitCode' => 'MTK',
+                ],
+                'numberOfRooms' => [
+                    '@type'  => 'QuantitativeValue',
+                    'value'  => '6',
+                ],
+            ]),
+        ]);
+    }
+}
diff --git a/app/controllers/ImpressumController.php b/app/controllers/ImpressumController.php
new file mode 100644
index 0000000..a7bef04
--- /dev/null
+++ b/app/controllers/ImpressumController.php
@@ -0,0 +1,18 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Controllers;
+
+class ImpressumController extends Controller
+{
+    public function index(): void
+    {
+        $this->render('impressum/index', [
+            'pageTitle'       => 'Impressum – Haus Schleusingen',
+            'pageDescription' => 'Impressum der Website haus-schleusingen.de',
+            'robots'          => 'noindex',
+            'canonical'       => 'https://haus-schleusingen.de/impressum',
+        ]);
+    }
+}
diff --git a/app/core/Router.php b/app/core/Router.php
new file mode 100644
index 0000000..2f17cb2
--- /dev/null
+++ b/app/core/Router.php
@@ -0,0 +1,60 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Core;
+
+class Router
+{
+    private array $routes = [];
+
+    public function addRoute(string $path, string $controller, string $action = 'index'): void
+    {
+        $this->routes[$path] = [
+            'controller' => $controller,
+            'action'     => $action,
+        ];
+    }
+
+    public function dispatch(string $uri): void
+    {
+        // Normalize: strip query string and trailing slash
+        $path = parse_url($uri, PHP_URL_PATH);
+        $path = rtrim($path, '/') ?: '/';
+
+        // Direct match
+        if (isset($this->routes[$path])) {
+            $this->execute($this->routes[$path]);
+            return;
+        }
+
+        // Legacy .html redirect (301)
+        if (preg_match('#^/(impressum|datenschutz)\.html$#', $path, $m)) {
+            header('Location: /' . $m[1], true, 301);
+            exit;
+        }
+
+        // 404
+        http_response_code(404);
+        echo '<h1>404 – Seite nicht gefunden</h1>';
+        echo '<p><a href="/">Zurück zur Startseite</a></p>';
+    }
+
+    private function execute(array $route): void
+    {
+        $controllerClass = $route['controller'];
+        $action = $route['action'];
+
+        if (!class_exists($controllerClass)) {
+            throw new \RuntimeException("Controller {$controllerClass} nicht gefunden.");
+        }
+
+        $controller = new $controllerClass();
+
+        if (!method_exists($controller, $action)) {
+            throw new \RuntimeException("Action {$action} in {$controllerClass} nicht gefunden.");
+        }
+
+        $controller->$action();
+    }
+}
diff --git a/app/core/View.php b/app/core/View.php
new file mode 100644
index 0000000..47210a5
--- /dev/null
+++ b/app/core/View.php
@@ -0,0 +1,46 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Core;
+
+class View
+{
+    private string $viewsPath;
+    private array $data = [];
+
+    public function __construct(?string $viewsPath = null)
+    {
+        $this->viewsPath = $viewsPath ?? dirname(__DIR__) . '/views';
+    }
+
+    public function assign(string $key, mixed $value): void
+    {
+        $this->data[$key] = $value;
+    }
+
+    public function render(string $view, string $layout = 'main'): void
+    {
+        $viewFile = $this->viewsPath . '/' . $view . '.php';
+        $layoutFile = $this->viewsPath . '/layouts/' . $layout . '.php';
+
+        if (!file_exists($viewFile)) {
+            throw new \RuntimeException("View {$view} nicht gefunden: {$viewFile}");
+        }
+
+        if (!file_exists($layoutFile)) {
+            throw new \RuntimeException("Layout {$layout} nicht gefunden: {$layoutFile}");
+        }
+
+        // Extract data to variables for the view
+        extract($this->data, EXTR_SKIP);
+
+        // Capture view content
+        ob_start();
+        require $viewFile;
+        $content = ob_get_clean();
+
+        // Render layout with $content
+        require $layoutFile;
+    }
+}
diff --git a/datenschutz.html b/app/views/datenschutz/index.php
similarity index 60%
rename from datenschutz.html
rename to app/views/datenschutz/index.php
index 578b169..7bb1594 100644
--- a/datenschutz.html
+++ b/app/views/datenschutz/index.php
@@ -1,110 +1,12 @@
-<!doctype html>
-<html lang="de">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Datenschutzerklärung – Haus Schleusingen</title>
-    <meta name="description" content="Datenschutzerklärung der Website haus-schleusingen.de" />
-    <meta name="robots" content="noindex" />
-    <link rel="canonical" href="https://haus-schleusingen.de/datenschutz.html" />
-    <link rel="stylesheet" href="fonts/fonts.css" />
-    <link rel="stylesheet" href="css/haus-schleusingen.css" />
-    <style>
-      .legal-page {
-        max-width: 800px;
-        margin: 0 auto;
-        padding: 8rem 3rem 6rem;
-        min-height: 70vh;
-      }
-      .legal-page .section-eyebrow { margin-bottom: 0.75rem; }
-      .legal-page h1 {
-        font-family: "Cormorant Garamond", serif;
-        font-size: clamp(2rem, 4vw, 3rem);
-        font-weight: 300;
-        color: var(--charcoal);
-        margin-bottom: 2.5rem;
-        line-height: 1.2;
-      }
-      .legal-page h2 {
-        font-family: "Cormorant Garamond", serif;
-        font-size: 1.5rem;
-        font-weight: 400;
-        color: var(--charcoal);
-        margin-top: 2.5rem;
-        margin-bottom: 1rem;
-      }
-      .legal-page h3 {
-        font-size: 0.95rem;
-        font-weight: 600;
-        color: var(--dark);
-        margin-top: 1.5rem;
-        margin-bottom: 0.5rem;
-      }
-      .legal-page p, .legal-page ul {
-        font-size: 0.9rem;
-        line-height: 1.85;
-        color: var(--stone);
-        margin-bottom: 1rem;
-      }
-      .legal-page ul { padding-left: 1.25rem; }
-      .legal-page ul li { margin-bottom: 0.4rem; }
-      .legal-page a {
-        color: var(--accent);
-        text-decoration: none;
-        font-weight: 500;
-        transition: color 0.2s;
-      }
-      .legal-page a:hover { color: var(--accent-light); }
-      .legal-page address {
-        font-style: normal;
-        line-height: 1.85;
-        color: var(--stone);
-        font-size: 0.9rem;
-      }
-      .legal-back {
-        display: inline-flex;
-        align-items: center;
-        gap: 0.5rem;
-        margin-top: 3rem;
-        padding: 0.8rem 2rem;
-        font-family: "DM Sans", sans-serif;
-        font-size: 0.78rem;
-        font-weight: 500;
-        letter-spacing: 0.12em;
-        text-transform: uppercase;
-        background: var(--accent);
-        color: var(--white);
-        border: none;
-        cursor: pointer;
-        text-decoration: none;
-        border-radius: 2px;
-        transition: background 0.3s, transform 0.2s;
-      }
-      .legal-back:hover {
-        background: var(--accent-light);
-        transform: translateY(-1px);
-        color: var(--white);
-      }
-      .legal-divider {
-        border: none;
-        border-top: 1px solid var(--warm);
-        margin: 2rem 0;
-      }
-      @media (width <= 768px) {
-        .legal-page { padding: 6rem 1.5rem 4rem; }
-      }
-    </style>
-  </head>
-  <body>
     <nav id="navbar" class="scrolled">
       <div class="nav-logo">Bahnhofstraße 10</div>
       <ul class="nav-links">
-        <li><a href="haus-schleusingen.html#galerie">Galerie</a></li>
-        <li><a href="haus-schleusingen.html#grundriss">Grundriss</a></li>
-        <li><a href="haus-schleusingen.html#miete">Miete</a></li>
-        <li><a href="haus-schleusingen.html#lage">Lage</a></li>
+        <li><a href="/#galerie">Galerie</a></li>
+        <li><a href="/#grundriss">Grundriss</a></li>
+        <li><a href="/#miete">Miete</a></li>
+        <li><a href="/#lage">Lage</a></li>
       </ul>
-      <a href="haus-schleusingen.html#kontakt" class="nav-cta" style="text-decoration:none;">Jetzt anfragen</a>
+      <a href="/#kontakt" class="nav-cta" style="text-decoration:none;">Jetzt anfragen</a>
     </nav>
 
     <main class="legal-page">
@@ -209,15 +111,13 @@
         Zur Ausübung Ihrer Rechte wenden Sie sich bitte an: <a href="mailto:mki@kies-media.de">mki@kies-media.de</a>
       </p>
 
-      <a href="haus-schleusingen.html" class="legal-back">← Zurück zum Objekt</a>
+      <a href="/" class="legal-back">← Zurück zum Objekt</a>
     </main>
 
     <footer>
       <div class="footer-logo">Bahnhofstraße 10 · Schleusingen</div>
       <div class="footer-links">
-        <a href="impressum.html">Impressum</a>
-        <a href="datenschutz.html">Datenschutz</a>
+        <a href="/impressum">Impressum</a>
+        <a href="/datenschutz">Datenschutz</a>
       </div>
     </footer>
-  </body>
-</html>
diff --git a/app/views/home/index.php b/app/views/home/index.php
new file mode 100644
index 0000000..6358e9f
--- /dev/null
+++ b/app/views/home/index.php
@@ -0,0 +1,504 @@
+    <a href="#main-content" class="skip-link">Zum Inhalt springen</a>
+    <nav id="navbar" role="navigation" aria-label="Hauptnavigation">
+      <div class="nav-logo">Bahnhofstraße 10</div>
+      <button class="nav-hamburger" aria-label="Navigation öffnen" aria-expanded="false">
+        <span></span>
+      </button>
+      <ul class="nav-links">
+        <li><a href="#galerie">Galerie</a></li>
+        <li><a href="#grundriss">Grundriss</a></li>
+        <li><a href="#miete">Miete</a></li>
+        <li><a href="#lage">Lage</a></li>
+      </ul>
+      <button
+        class="nav-cta"
+        onclick="$('html').animate({ scrollTop: $('#kontakt').offset().top }, 700)"
+      >
+        Jetzt anfragen
+      </button>
+    </nav>
+    <div class="nav-mobile-overlay" aria-hidden="true"></div>
+
+    <section class="hero" id="hero">
+      <div
+        class="hero-bg"
+        id="heroBg"
+        style="background-image: url(/bilder/Außenansicht-2.webp)"
+      ></div>
+      <div class="hero-overlay"></div>
+      <div class="hero-content" id="heroContent">
+        <div class="hero-tag">Zur Langzeitmiete · Ab sofort verfügbar</div>
+        <h1>
+          Großzügiges
+          <br />
+          <em>Einfamilienhaus</em>
+          <br />
+          in Schleusingen
+        </h1>
+        <div class="hero-meta">
+          <span><strong>Schleusinger Bahnhofstraße 10</strong></span>
+          <span>227 m² Wohnfläche</span>
+          <span>6 Zimmer</span>
+          <span>3 Etagen + Dachterrasse</span>
+        </div>
+      </div>
+      <div class="hero-scroll">
+        <span>Entdecken</span>
+        <div class="scroll-line"></div>
+      </div>
+    </section>
+
+    <main id="main-content">
+    <div class="facts-strip">
+      <div class="fact">
+        <div class="fact-val">227</div>
+        <div class="fact-label">m² Wohnfläche</div>
+      </div>
+      <div class="fact">
+        <div class="fact-val">6</div>
+        <div class="fact-label">Zimmer</div>
+      </div>
+      <div class="fact">
+        <div class="fact-val">3</div>
+        <div class="fact-label">Etagen</div>
+      </div>
+      <div class="fact">
+        <div class="fact-val">1.300</div>
+        <div class="fact-label">€ Kaltmiete</div>
+      </div>
+    </div>
+
+    <section class="intro" id="intro">
+      <div class="intro-text" data-animate>
+        <div class="section-eyebrow">Das Objekt</div>
+        <h2>Wohnen mit Charakter und viel Raum</h2>
+        <p>
+          Vermietet wird ein vollständiges Einfamilienhaus in ruhiger Lage von Schleusingen. Das
+          Haus verbindet historischen Charme mit modernem Wohnkomfort auf drei großzügigen Etagen.
+        </p>
+        <p>
+          Garage für zwei Fahrzeuge, großzügige Dachterrasse mit 35,8 m², vollausgestattete Küche,
+          Vollbad sowie Abstell- und Nutzräume machen das Haus zu einem außergewöhnlichen
+          Mietobjekt.
+        </p>
+        <div class="intro-stats">
+          <div>
+            <div class="istat-val">154,9 m²</div>
+            <div class="istat-label">Nutzfläche</div>
+          </div>
+          <div>
+            <div class="istat-val">35,8 m²</div>
+            <div class="istat-label">Dachterrasse</div>
+          </div>
+          <div>
+            <div class="istat-val">2 Stpl.</div>
+            <div class="istat-label">Garage</div>
+          </div>
+        </div>
+      </div>
+      <div class="intro-img" data-animate>
+        <picture>
+          <source srcset="/bilder/wohnzimmer2.webp" type="image/webp">
+          <img src="/bilder/wohnzimmer2.png" alt="Wohnzimmer" loading="lazy" />
+        </picture>
+        <div class="intro-img-badge">Wohnzimmer · 42,6 m²</div>
+      </div>
+    </section>
+
+    <section id="galerie" class="gallery-section" aria-label="Fotogalerie">
+      <div class="gallery-header">
+        <div>
+          <div class="section-eyebrow">Fotogalerie</div>
+          <h2>Einblicke ins Haus</h2>
+        </div>
+      </div>
+      <div class="masonry-grid">
+        <div class="grid-sizer"></div>
+
+        <div class="grid-item" data-img="/bilder/Außenansicht-2.webp" role="button" tabindex="0" aria-label="Außenansicht – Großansicht öffnen">
+          <picture>
+            <source srcset="/bilder/Außenansicht-2-small.webp" type="image/webp">
+            <img src="/bilder/Außenansicht-2-small.png" alt="Außenansicht des Einfamilienhauses" loading="lazy" />
+          </picture>
+          <span class="grid-item-label">Außenansicht</span>
+        </div>
+        <div class="grid-item" data-img="/bilder/wohnzimmer2.webp" role="button" tabindex="0" aria-label="Wohnzimmer – Großansicht öffnen">
+          <picture>
+            <source srcset="/bilder/wohnzimmer2-small.webp" type="image/webp">
+            <img src="/bilder/wohnzimmer2-small.png" alt="Wohnzimmer mit 42,6 m² Wohnfläche" loading="lazy" />
+          </picture>
+          <span class="grid-item-label">Wohnzimmer · 42,6 m²</span>
+        </div>
+        <div class="grid-item" data-img="/bilder/Küche 1.webp" role="button" tabindex="0" aria-label="Küche – Großansicht öffnen">
+          <picture>
+            <source srcset="/bilder/Küche 1-small.webp" type="image/webp">
+            <img src="/bilder/Küche 1.jpg" alt="Küche mit 18,4 m²" loading="lazy" />
+          </picture>
+          <span class="grid-item-label">Küche · 18,4 m²</span>
+        </div>
+        <div class="grid-item" data-img="/bilder/schlafzimmer.webp" role="button" tabindex="0" aria-label="Schlafzimmer – Großansicht öffnen">
+          <picture>
+            <source srcset="/bilder/schlafzimmer-small.webp" type="image/webp">
+            <img src="/bilder/schlafzimmer-small.png" alt="Schlafzimmer mit 18 m²" loading="lazy" />
+          </picture>
+          <span class="grid-item-label">Schlafzimmer · 18 m²</span>
+        </div>
+        <div class="grid-item" data-img="/bilder/Bad.webp" role="button" tabindex="0" aria-label="Badezimmer – Großansicht öffnen">
+          <picture>
+            <source srcset="/bilder/Bad-small.webp" type="image/webp">
+            <img src="/bilder/Bad.jpg" alt="Badezimmer mit 9,8 m²" loading="lazy" />
+          </picture>
+          <span class="grid-item-label">Badezimmer · 9,8 m²</span>
+        </div>
+        <div class="grid-item" data-img="/bilder/Kinderzimmer.webp" role="button" tabindex="0" aria-label="Kinderzimmer 1 – Großansicht öffnen">
+          <picture>
+            <source srcset="/bilder/Kinderzimmer-small.webp" type="image/webp">
+            <img src="/bilder/Kinderzimmer-small.png" alt="Kinderzimmer 1 mit 21,7 m²" loading="lazy" />
+          </picture>
+          <span class="grid-item-label">Kinderzimmer 1 · 21,7 m²</span>
+        </div>
+        <div class="grid-item" data-img="/bilder/Kinderzimmer 2.webp" role="button" tabindex="0" aria-label="Kinderzimmer 2 – Großansicht öffnen">
+          <picture>
+            <source srcset="/bilder/Kinderzimmer 2-small.webp" type="image/webp">
+            <img src="/bilder/Kinderzimmer 2-small.png" alt="Kinderzimmer 2 mit 15,7 m²" loading="lazy" />
+          </picture>
+          <span class="grid-item-label">Kinderzimmer 2 · 15,7 m²</span>
+        </div>
+        <div class="grid-item" data-img="/bilder/kinderzimmer 2 2.webp" role="button" tabindex="0" aria-label="Kinderzimmer Detail – Großansicht öffnen">
+          <picture>
+            <source srcset="/bilder/kinderzimmer 2 2-small.webp" type="image/webp">
+            <img src="/bilder/kinderzimmer 2 2-small.png" alt="Detailansicht Kinderzimmer" loading="lazy" />
+          </picture>
+          <span class="grid-item-label">Kinderzimmer Detail</span>
+        </div>
+        <div class="grid-item" data-img="/bilder/Kinderzimmer 3.webp" role="button" tabindex="0" aria-label="Gästezimmer – Großansicht öffnen">
+          <picture>
+            <source srcset="/bilder/Kinderzimmer 3-small.webp" type="image/webp">
+            <img src="/bilder/Kinderzimmer 3-small.png" alt="Gästezimmer mit 11,5 m²" loading="lazy" />
+          </picture>
+          <span class="grid-item-label">Gästezimmer · 11,5 m²</span>
+        </div>
+        <div class="grid-item" data-img="/bilder/Bad-2.webp" role="button" tabindex="0" aria-label="Zweites Bad – Großansicht öffnen">
+          <picture>
+            <source srcset="/bilder/Bad-2-small.webp" type="image/webp">
+            <img src="/bilder/Bad-2-small.jpg" alt="Zweites Badezimmer im Haus" loading="lazy" />
+          </picture>
+          <span class="grid-item-label">Wohnbereich</span>
+        </div>
+        <div class="grid-item" data-img="/bilder/Bad-3.webp" role="button" tabindex="0" aria-label="Drittes Bad – Großansicht öffnen">
+          <picture>
+            <source srcset="/bilder/Bad-3-small.webp" type="image/webp">
+            <img src="/bilder/Bad-3-small.jpg" alt="Drittes Badezimmer im Haus" loading="lazy" />
+          </picture>
+          <span class="grid-item-label">Wohnbereich Detail</span>
+        </div>
+        <div class="grid-item" data-img="/bilder/Bad-4.webp" role="button" tabindex="0" aria-label="Wohnbereich Detail – Großansicht öffnen">
+          <picture>
+            <source srcset="/bilder/Bad-4-small.webp" type="image/webp">
+            <img src="/bilder/Bad-4-small.jpg" alt="Wohnbereich Detail 3" loading="lazy" />
+          </picture>
+          <span class="grid-item-label">Hausansicht</span>
+        </div>
+      </div>
+    </section>
+
+    <section class="floors-section" id="grundriss">
+      <div class="section-eyebrow">Raumaufteilung</div>
+      <h2>Großzügig auf allen Etagen</h2>
+      <div class="floor-accordion">
+        <div class="floor-item">
+          <div class="floor-header" role="button" tabindex="0" aria-expanded="false" aria-controls="floor-body-0" id="floor-title-0">
+            <span class="floor-title">Erdgeschoss</span>
+            <div class="floor-size">
+              <span>99,5 m²</span>
+              <div class="floor-icon">+</div>
+            </div>
+          </div>
+          <div class="floor-body" id="floor-body-0" role="region" aria-labelledby="floor-title-0">
+            <div class="floor-rooms-grid">
+              <div class="room-chip">Flur<span class="room-chip-area">20,1 m²</span></div>
+              <div class="room-chip">WC<span class="room-chip-area">0,8 m²</span></div>
+              <div class="room-chip">Garage / Partykeller<span class="room-chip-area">42,6 m²</span></div>
+              <div class="room-chip">Abstellraum 1<span class="room-chip-area">9,9 m²</span></div>
+              <div class="room-chip">Abstellraum 2<span class="room-chip-area">7,8 m²</span></div>
+              <div class="room-chip">Heizungskeller<span class="room-chip-area">18,3 m²</span></div>
+            </div>
+            <div class="floor-plan floor-plan-multi">
+              <picture>
+                <source srcset="/bilder/grundrisse/EG-small.webp" type="image/webp">
+                <img src="/bilder/grundrisse/EG-small.jpg" alt="Grundriss Erdgeschoss" loading="lazy" data-img="/bilder/grundrisse/EG.webp" />
+              </picture>
+              <picture>
+                <source srcset="/bilder/grundrisse/EG 3D-small.webp" type="image/webp">
+                <img src="/bilder/grundrisse/EG 3D-small.jpg" alt="Grundriss Erdgeschoss" loading="lazy" data-img="/bilder/grundrisse/EG 3D.webp" />
+              </picture>
+            </div>
+          </div>
+        </div>
+        <div class="floor-item">
+          <div class="floor-header" role="button" tabindex="0" aria-expanded="false" aria-controls="floor-body-1" id="floor-title-1">
+            <span class="floor-title">1. Obergeschoss</span>
+            <div class="floor-size">
+              <span>120,4 m²</span>
+              <div class="floor-icon">+</div>
+            </div>
+          </div>
+          <div class="floor-body" id="floor-body-1" role="region" aria-labelledby="floor-title-1">
+            <div class="floor-rooms-grid">
+              <div class="room-chip">Flur<span class="room-chip-area">20,1 m²</span></div>
+              <div class="room-chip">Wohnzimmer<span class="room-chip-area">42,6 m²</span></div>
+              <div class="room-chip">Gästezimmer<span class="room-chip-area">11,5 m²</span></div>
+              <div class="room-chip">Badezimmer<span class="room-chip-area">9,8 m²</span></div>
+              <div class="room-chip">Küche<span class="room-chip-area">18,4 m²</span></div>
+              <div class="room-chip">Schlafzimmer<span class="room-chip-area">18,0 m²</span></div>
+            </div>
+            <div class="floor-plan floor-plan-multi">
+              <picture>
+                <source srcset="/bilder/grundrisse/OG 1 2-small.webp" type="image/webp">
+                <img src="/bilder/grundrisse/OG 1 2-small.jpg" alt="Grundriss 1. Obergeschoss" loading="lazy" data-img="/bilder/grundrisse/OG 1 2.webp" />
+              </picture>
+              <picture>
+                <source srcset="/bilder/grundrisse/OG 1 3D-small.webp" type="image/webp">
+                <img src="/bilder/grundrisse/OG 1 3D-small.jpg" alt="Grundriss 1. Obergeschoss" loading="lazy" data-img="/bilder/grundrisse/OG 1 3D.webp" />
+              </picture>
+            </div>
+          </div>
+        </div>
+        <div class="floor-item">
+          <div class="floor-header" role="button" tabindex="0" aria-expanded="false" aria-controls="floor-body-2" id="floor-title-2">
+            <span class="floor-title">2. Obergeschoss</span>
+            <div class="floor-size">
+              <span>68 m²</span>
+              <div class="floor-icon">+</div>
+            </div>
+          </div>
+          <div class="floor-body" id="floor-body-2" role="region" aria-labelledby="floor-title-2">
+            <div class="floor-rooms-grid">
+              <div class="room-chip">Flur<span class="room-chip-area">13,9 m²</span></div>
+              <div class="room-chip">Kinderzimmer 1<span class="room-chip-area">21,7 m²</span></div>
+              <div class="room-chip">Kinderzimmer 2<span class="room-chip-area">15,7 m²</span></div>
+              <div class="room-chip">Spielzimmer<span class="room-chip-area">6,3 m²</span></div>
+              <div class="room-chip">Ankleidezimmer<span class="room-chip-area">1,4 m²</span></div>
+              <div class="room-chip">Dachterrasse<span class="room-chip-area">9,0 m²</span> <small>(25% von 35,8 m²)</small></div>
+            </div>
+            <div class="floor-plan floor-plan-multi">
+              <picture>
+                <source srcset="/bilder/grundrisse/OG 2 grundriss-small.webp" type="image/webp">
+                <img src="/bilder/grundrisse/OG 2 grundriss-small.jpg" alt="Grundriss 2. Obergeschoss" loading="lazy" data-img="/bilder/grundrisse/OG 2 grundriss.webp" />
+              </picture>
+              <picture>
+                <source srcset="/bilder/grundrisse/OG 2 3D-small.webp" type="image/webp">
+                <img src="/bilder/grundrisse/OG 2 3D-small.jpg" alt="Grundriss 2. Obergeschoss" loading="lazy" data-img="/bilder/grundrisse/OG 2 3D.webp" />
+              </picture>
+            </div>
+          </div>
+        </div>
+        <div class="floor-item">
+          <div class="floor-header" role="button" tabindex="0" aria-expanded="false" aria-controls="floor-body-3" id="floor-title-3">
+            <span class="floor-title">Dachboden</span>
+            <div class="floor-size">
+              <span>94 m² Nutzfläche</span>
+              <div class="floor-icon">+</div>
+            </div>
+          </div>
+          <div class="floor-body" id="floor-body-3" role="region" aria-labelledby="floor-title-3">
+            <div class="floor-rooms-grid">
+              <div class="room-chip">Dachboden unten (ungeheizt)<span class="room-chip-area">52 m²</span></div>
+              <div class="room-chip">Dachboden Mitte (ungeheizt)<span class="room-chip-area">31 m²</span></div>
+              <div class="room-chip">Dachboden oben (ungeheizt)<span class="room-chip-area">11 m²</span></div>
+            </div>
+            <div class="floor-plan floor-plan-multi">
+              <picture>
+                <source srcset="/bilder/grundrisse/Dachboden unten 2-small.webp" type="image/webp">
+                <img src="/bilder/grundrisse/Dachboden unten 2-small.jpg" alt="Grundriss Dachboden" loading="lazy" data-img="/bilder/grundrisse/Dachboden unten 2.webp" />
+              </picture>
+              <picture>
+                <source srcset="/bilder/grundrisse/Dachboden unten-small.webp" type="image/webp">
+                <img src="/bilder/grundrisse/Dachboden unten-small.jpg" alt="Grundriss Dachboden" loading="lazy" data-img="/bilder/grundrisse/Dachboden unten.webp" />
+              </picture>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <section class="pricing-section" id="miete" aria-label="Mietkonditionen">
+      <div class="pricing-inner">
+        <div class="section-eyebrow">Mietkonditionen</div>
+        <h2>Transparente Preisgestaltung</h2>
+        <div class="price-cards">
+          <div class="price-card">
+            <div class="pc-label">Kaltmiete</div>
+            <div class="pc-val">1.300 €</div>
+            <div class="pc-sub">pro Monat</div>
+          </div>
+          <div class="price-card highlight">
+            <div class="pc-label">Gesamtmiete warm</div>
+            <div class="pc-val">1.600 €</div>
+            <div class="pc-sub">inkl. 300 € Nebenkosten</div>
+          </div>
+          <div class="price-card">
+            <div class="pc-label">Kaution</div>
+            <div class="pc-val">2.600 €</div>
+            <div class="pc-sub">2 Nettokaltmieten</div>
+          </div>
+        </div>
+        <div class="price-note">
+          <div class="pn-item">
+            <strong>Verfügbarkeit</strong>
+            Ab sofort · unbefristete Laufzeit
+          </div>
+          <div class="pn-item">
+            <strong>Nebenkosten</strong>
+            Vorauszahlung 300 €/Monat, jährliche Abrechnung
+          </div>
+          <div class="pn-item">
+            <strong>Energieausweis</strong>
+            Wird bei Mietbeginn übergeben · Erdgasheizung
+          </div>
+          <div class="pn-item">
+            <strong>Haustiere</strong>
+            Auf Anfrage
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <section class="lage-section" id="lage">
+      <div class="section-eyebrow">Standort</div>
+      <h2>Zentral und ruhig zugleich</h2>
+      <div class="lage-grid">
+        <div class="lage-item">
+          <div class="lage-icon">🛒</div>
+          <div>
+            <div class="lage-title">Einkaufen & Versorgung</div>
+            <div class="lage-desc">Supermärkte, Ärzte, Apotheken und Schulen sind fußläufig erreichbar</div>
+          </div>
+        </div>
+        <div class="lage-item">
+          <div class="lage-icon">🚌</div>
+          <div>
+            <div class="lage-title">Öffentlicher Nahverkehr</div>
+            <div class="lage-desc">Zentrale Bushaltestelle ca. 200 m entfernt — direkte Verbindungen in die Region</div>
+          </div>
+        </div>
+        <div class="lage-item">
+          <div class="lage-icon">🏛</div>
+          <div>
+            <div class="lage-title">Innenstadt Schleusingen</div>
+            <div class="lage-desc">Wochenmarkt und Stadtmitte nur ca. 500 m entfernt</div>
+          </div>
+        </div>
+        <div class="lage-item">
+          <div class="lage-icon">📍</div>
+          <div>
+            <div class="lage-title">Genaue Adresse</div>
+            <div class="lage-desc">Schleusinger Bahnhofstraße 10<br />98533 Schleusingen, Thüringen</div>
+          </div>
+        </div>
+      </div>
+      <div class="lage-map-wrapper">
+        <iframe
+          src="https://maps.google.com/maps?q=50.5090045,10.7473859&t=&z=16&ie=UTF8&iwloc=&output=embed"
+          width="100%" height="450" style="border: 0" allowfullscreen="" loading="lazy"
+          referrerpolicy="no-referrer-when-downgrade"
+          title="Standort Bahnhofstraße 10, Schleusingen"
+        ></iframe>
+      </div>
+    </section>
+
+    <section class="contact-section" id="kontakt" aria-label="Kontaktformular">
+      <div class="contact-inner">
+        <div class="section-eyebrow">Kontakt</div>
+        <h2>Interesse?<br /><em>Schreiben Sie uns.</em></h2>
+        <p>
+          Wir freuen uns über Ihre Anfrage und melden uns innerhalb von 24 Stunden.
+          Besichtigungstermine sind nach Absprache möglich. Bitte geben Sie bei Ihrer Anfrage ein
+          paar Terminvorschläge an.
+        </p>
+        <div class="contact-form">
+<?php if ($formSuccess): ?>
+          <div id="form-result" class="form-success" style="display: block">
+            <p>Vielen Dank für Ihre Anfrage!</p>
+            <br />
+            <small>Wir haben Ihre Nachricht erhalten und melden uns innerhalb von 24 Stunden bei Ihnen.</small>
+          </div>
+<?php else: ?>
+<?php if (!empty($formErrors)): ?>
+          <div id="form-errors" class="form-errors">
+            <ul>
+<?php foreach ($formErrors as $error): ?>
+              <li><?= $escapeContactValue($error) ?></li>
+<?php endforeach; ?>
+            </ul>
+          </div>
+<?php endif; ?>
+          <form id="contactForm" method="post">
+            <div class="form-row">
+              <div class="form-field">
+                <label for="fname">Vorname</label>
+                <input type="text" id="fname" name="fname" placeholder="Max" required value="<?= $escapeContactValue($formData['fname']) ?>" />
+              </div>
+              <div class="form-field">
+                <label for="lname">Nachname</label>
+                <input type="text" id="lname" name="lname" placeholder="Mustermann" required value="<?= $escapeContactValue($formData['lname']) ?>" />
+              </div>
+            </div>
+            <div class="form-row">
+              <div class="form-field">
+                <label for="email">E-Mail</label>
+                <input type="email" id="email" name="email" placeholder="max@beispiel.de" required value="<?= $escapeContactValue($formData['email']) ?>" />
+              </div>
+              <div class="form-field">
+                <label for="phone">Telefon</label>
+                <input type="tel" id="phone" name="phone" placeholder="+49 ..." value="<?= $escapeContactValue($formData['phone']) ?>" />
+              </div>
+            </div>
+            <div class="form-row">
+              <div class="form-field full">
+                <label for="interest">Anliegen</label>
+                <select id="interest" name="interest">
+<?php
+$interestOptions = ['Besichtigung anfragen', 'Allgemeine Informationen', 'Mietbewerbung einreichen'];
+foreach ($interestOptions as $opt):
+    $selected = ($formData['interest'] === $opt) ? ' selected' : '';
+?>
+                  <option<?= $selected ?>><?= $escapeContactValue($opt) ?></option>
+<?php endforeach; ?>
+                </select>
+              </div>
+            </div>
+            <div class="form-row">
+              <div class="form-field full">
+                <label for="message">Nachricht</label>
+                <textarea id="message" name="message" rows="4" placeholder="Ihre Nachricht ..." required><?= $escapeContactValue($formData['message']) ?></textarea>
+              </div>
+            </div>
+            <div class="hp-field" aria-hidden="true">
+              <label for="website">Website</label>
+              <input type="text" id="website" name="website" tabindex="-1" autocomplete="off" />
+            </div>
+            <input type="hidden" name="form_time" value="<?= time() ?>" />
+            <button type="submit" class="btn-submit">Anfrage absenden</button>
+          </form>
+<?php endif; ?>
+        </div>
+        <div class="contact-details">
+          <p>Oder schreiben Sie uns direkt: <a href="mailto:mki@kies-media.de">mki@kies-media.de</a></p>
+        </div>
+      </div>
+    </section>
+
+    </main>
+    <footer role="contentinfo">
+      <div class="footer-logo">Bahnhofstraße 10 · Schleusingen</div>
+      <div class="footer-links">
+        <a href="/impressum">Impressum</a>
+        <a href="/datenschutz">Datenschutz</a>
+      </div>
+    </footer>
+
+    <div class="lightbox" id="lightbox" role="dialog" aria-modal="true" aria-label="Bildansicht">
+      <button class="lightbox-close" id="lightboxClose" aria-label="Bildansicht schließen">&times;</button>
+      <img src="" id="lightboxImg" alt="" />
+    </div>
diff --git a/impressum.html b/app/views/impressum/index.php
similarity index 53%
rename from impressum.html
rename to app/views/impressum/index.php
index 8480798..e246e54 100644
--- a/impressum.html
+++ b/app/views/impressum/index.php
@@ -1,110 +1,12 @@
-<!doctype html>
-<html lang="de">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Impressum – Haus Schleusingen</title>
-    <meta name="description" content="Impressum der Website haus-schleusingen.de" />
-    <meta name="robots" content="noindex" />
-    <link rel="canonical" href="https://haus-schleusingen.de/impressum.html" />
-    <link rel="stylesheet" href="fonts/fonts.css" />
-    <link rel="stylesheet" href="css/haus-schleusingen.css" />
-    <style>
-      .legal-page {
-        max-width: 800px;
-        margin: 0 auto;
-        padding: 8rem 3rem 6rem;
-        min-height: 70vh;
-      }
-      .legal-page .section-eyebrow { margin-bottom: 0.75rem; }
-      .legal-page h1 {
-        font-family: "Cormorant Garamond", serif;
-        font-size: clamp(2rem, 4vw, 3rem);
-        font-weight: 300;
-        color: var(--charcoal);
-        margin-bottom: 2.5rem;
-        line-height: 1.2;
-      }
-      .legal-page h2 {
-        font-family: "Cormorant Garamond", serif;
-        font-size: 1.5rem;
-        font-weight: 400;
-        color: var(--charcoal);
-        margin-top: 2.5rem;
-        margin-bottom: 1rem;
-      }
-      .legal-page h3 {
-        font-size: 0.95rem;
-        font-weight: 600;
-        color: var(--dark);
-        margin-top: 1.5rem;
-        margin-bottom: 0.5rem;
-      }
-      .legal-page p, .legal-page ul {
-        font-size: 0.9rem;
-        line-height: 1.85;
-        color: var(--stone);
-        margin-bottom: 1rem;
-      }
-      .legal-page ul { padding-left: 1.25rem; }
-      .legal-page ul li { margin-bottom: 0.4rem; }
-      .legal-page a {
-        color: var(--accent);
-        text-decoration: none;
-        font-weight: 500;
-        transition: color 0.2s;
-      }
-      .legal-page a:hover { color: var(--accent-light); }
-      .legal-page address {
-        font-style: normal;
-        line-height: 1.85;
-        color: var(--stone);
-        font-size: 0.9rem;
-      }
-      .legal-back {
-        display: inline-flex;
-        align-items: center;
-        gap: 0.5rem;
-        margin-top: 3rem;
-        padding: 0.8rem 2rem;
-        font-family: "DM Sans", sans-serif;
-        font-size: 0.78rem;
-        font-weight: 500;
-        letter-spacing: 0.12em;
-        text-transform: uppercase;
-        background: var(--accent);
-        color: var(--white);
-        border: none;
-        cursor: pointer;
-        text-decoration: none;
-        border-radius: 2px;
-        transition: background 0.3s, transform 0.2s;
-      }
-      .legal-back:hover {
-        background: var(--accent-light);
-        transform: translateY(-1px);
-        color: var(--white);
-      }
-      .legal-divider {
-        border: none;
-        border-top: 1px solid var(--warm);
-        margin: 2rem 0;
-      }
-      @media (width <= 768px) {
-        .legal-page { padding: 6rem 1.5rem 4rem; }
-      }
-    </style>
-  </head>
-  <body>
     <nav id="navbar" class="scrolled">
       <div class="nav-logo">Bahnhofstraße 10</div>
       <ul class="nav-links">
-        <li><a href="haus-schleusingen.html#galerie">Galerie</a></li>
-        <li><a href="haus-schleusingen.html#grundriss">Grundriss</a></li>
-        <li><a href="haus-schleusingen.html#miete">Miete</a></li>
-        <li><a href="haus-schleusingen.html#lage">Lage</a></li>
+        <li><a href="/#galerie">Galerie</a></li>
+        <li><a href="/#grundriss">Grundriss</a></li>
+        <li><a href="/#miete">Miete</a></li>
+        <li><a href="/#lage">Lage</a></li>
       </ul>
-      <a href="haus-schleusingen.html#kontakt" class="nav-cta" style="text-decoration:none;">Jetzt anfragen</a>
+      <a href="/#kontakt" class="nav-cta" style="text-decoration:none;">Jetzt anfragen</a>
     </nav>
 
     <main class="legal-page">
@@ -171,15 +73,13 @@
         Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.
       </p>
 
-      <a href="haus-schleusingen.html" class="legal-back">← Zurück zum Objekt</a>
+      <a href="/" class="legal-back">← Zurück zum Objekt</a>
     </main>
 
     <footer>
       <div class="footer-logo">Bahnhofstraße 10 · Schleusingen</div>
       <div class="footer-links">
-        <a href="impressum.html">Impressum</a>
-        <a href="datenschutz.html">Datenschutz</a>
+        <a href="/impressum">Impressum</a>
+        <a href="/datenschutz">Datenschutz</a>
       </div>
     </footer>
-  </body>
-</html>
diff --git a/app/views/layouts/main.php b/app/views/layouts/main.php
new file mode 100644
index 0000000..02ce463
--- /dev/null
+++ b/app/views/layouts/main.php
@@ -0,0 +1,51 @@
+<!doctype html>
+<html lang="de">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <?php if (!isset($pageTitle)) $pageTitle = 'Einfamilienhaus mieten Schleusingen | 227 m², 6 Zimmer | 1.300 € Kaltmiete'; ?>
+    <title><?= htmlspecialchars($pageTitle) ?></title>
+    <?php if (isset($pageDescription)): ?>
+    <meta name="description" content="<?= htmlspecialchars($pageDescription) ?>" />
+    <?php else: ?>
+    <meta name="description" content="Einfamilienhaus zur Langzeitmiete in Schleusingen: 227 m² Wohnfläche, 6 Zimmer, 3 Etagen mit Dachterrasse. Kaltmiete 1.300 €. Bahnhofstraße 10, 98553 Schleusingen. Ab sofort verfügbar." />
+    <?php endif; ?>
+    <?php if (isset($robots)): ?>
+    <meta name="robots" content="<?= htmlspecialchars($robots) ?>" />
+    <?php endif; ?>
+    <?php if (isset($canonical)): ?>
+    <link rel="canonical" href="<?= htmlspecialchars($canonical) ?>" />
+    <?php endif; ?>
+
+    <link rel="icon" type="image/png" sizes="32x32" href="/bilder/favicon/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/bilder/favicon/favicon-16x16.png">
+    <link rel="icon" type="image/x-icon" href="/bilder/favicon/favicon.ico">
+    <link rel="apple-touch-icon" sizes="180x180" href="/bilder/favicon/apple-touch-icon.png">
+    <link rel="manifest" href="/bilder/favicon/site.webmanifest">
+
+    <?php if (isset($openGraph)): extract($openGraph); ?>
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="<?= htmlspecialchars($ogTitle ?? '') ?>" />
+    <meta property="og:description" content="<?= htmlspecialchars($ogDescription ?? '') ?>" />
+    <meta property="og:image" content="<?= htmlspecialchars($ogImage ?? '') ?>" />
+    <meta property="og:url" content="<?= htmlspecialchars($ogUrl ?? '') ?>" />
+    <meta property="og:locale" content="de_DE" />
+    <meta property="og:site_name" content="Haus Schleusingen" />
+    <?php endif; ?>
+
+    <?php if (isset($structuredData)): ?>
+    <script type="application/ld+json"><?= $structuredData ?></script>
+    <?php endif; ?>
+
+    <link rel="stylesheet" href="/fonts/fonts.css" />
+    <link rel="stylesheet" href="/css/haus-schleusingen.css" />
+    <?php if (isset($extraCss)): ?>
+    <style><?= $extraCss ?></style>
+    <?php endif; ?>
+  </head>
+  <body>
+    <?= $content ?>
+
+    <script src="/js/haus-schleusingen.js"></script>
+  </body>
+</html>
diff --git a/docker-preview.png b/docker-preview.png
old mode 100644
new mode 100755
diff --git a/eslint.config.js b/eslint.config.js
old mode 100644
new mode 100755
diff --git a/index.php b/index.php
deleted file mode 100644
index c3539df..0000000
--- a/index.php
+++ /dev/null
@@ -1,835 +0,0 @@
-<?php
-session_start();
-
-// --- Helper functions ---
-function normalizeContactValue(string $value): string
-{
-    return trim($value);
-}
-
-function escapeContactValue(string $value): string
-{
-    return htmlspecialchars($value, ENT_QUOTES, 'UTF-8');
-}
-
-function containsHeaderInjection(string $value): bool
-{
-    return (bool) preg_match('/[\r\n]/', $value);
-}
-
-
-
-// --- Form processing ---
-$formErrors = [];
-$formSuccess = false;
-if (!empty($_SESSION['form_success'])) {
-    $formSuccess = true;
-    unset($_SESSION['form_success']);
-}
-if (!empty($_SESSION['form_errors'])) {
-    $formErrors = $_SESSION['form_errors'];
-    unset($_SESSION['form_errors']);
-}
-if (!empty($_SESSION['form_data'])) {
-    $formData = $_SESSION['form_data'];
-    unset($_SESSION['form_data']);
-} else {
-    $formData = ['fname' => '', 'lname' => '', 'email' => '', 'phone' => '', 'interest' => 'Besichtigung anfragen', 'message' => ''];
-}
-
-if ($_SERVER['REQUEST_METHOD'] === 'POST') {
-    // Collect and normalize input
-    $formData['fname']    = normalizeContactValue((string) ($_POST['fname'] ?? ''));
-    $formData['lname']    = normalizeContactValue((string) ($_POST['lname'] ?? ''));
-    $formData['email']    = normalizeContactValue((string) ($_POST['email'] ?? ''));
-    $formData['phone']    = normalizeContactValue((string) ($_POST['phone'] ?? ''));
-    $formData['interest'] = normalizeContactValue((string) ($_POST['interest'] ?? ''));
-    $formData['message']  = normalizeContactValue((string) ($_POST['message'] ?? ''));
-
-    // Honeypot check – hidden field must be empty
-    $honeypot = normalizeContactValue((string) ($_POST['website'] ?? ''));
-    if ($honeypot !== '') {
-        // Bot detected – pretend success
-        header('Location: ' . $_SERVER['REQUEST_URI'] . '#form-result');
-        $_SESSION['form_success'] = true;
-        exit;
-    } else {
-        // Server-side validation
-        if ($formData['fname'] === '') {
-            $formErrors[] = 'Bitte geben Sie Ihren Vornamen an.';
-        }
-        if ($formData['lname'] === '') {
-            $formErrors[] = 'Bitte geben Sie Ihren Nachnamen an.';
-        }
-        if ($formData['email'] === '' || !filter_var($formData['email'], FILTER_VALIDATE_EMAIL)) {
-            $formErrors[] = 'Bitte geben Sie eine gültige E-Mail-Adresse an.';
-        }
-        if ($formData['message'] === '') {
-            $formErrors[] = 'Bitte geben Sie eine Nachricht ein.';
-        }
-
-        // Header injection check
-        if (containsHeaderInjection($formData['email']) || containsHeaderInjection($formData['fname'] . ' ' . $formData['lname'])) {
-            $formErrors[] = 'Ungültige Zeichen in den Eingabefeldern.';
-        }
-
-        // Minimum time check – form submitted too fast (< 3 seconds)
-        $formTime = isset($_POST['form_time']) ? (int) $_POST['form_time'] : 0;
-        if ($formTime > 0 && (time() - $formTime) < 3) {
-            $formErrors[] = 'Das Formular wurde zu schnell abgeschickt. Bitte versuchen Sie es erneut.';
-        }
-
-        // Session rate limit – max 1 submission per 60 seconds
-        $lastSubmit = $_SESSION['last_contact_submit'] ?? 0;
-        if ($lastSubmit && (time() - $lastSubmit) < 60) {
-            $formErrors[] = 'Bitte warten Sie einen Moment vor der nächsten Anfrage.';
-        }
-
-        // Send email if no errors
-        if (empty($formErrors)) {
-            $to      = 'mki@kies-media.de';
-            $subject = 'Kontaktanfrage: ' . $formData['interest'];
-            $body    = "Von: {$formData['fname']} {$formData['lname']}\n"
-                     . "E-Mail: {$formData['email']}\n";
-            if ($formData['phone'] !== '') {
-                $body .= "Telefon: {$formData['phone']}\n";
-            }
-            $body .= "Anliegen: {$formData['interest']}\n\n"
-                     . $formData['message'];
-
-            $headers  = "From: {$formData['email']}\r\n";
-            $headers .= "Reply-To: {$formData['email']}\r\n";
-            $headers .= "Content-Type: text/plain; charset=UTF-8\r\n";
-            $headers .= "X-Mailer: PHP/" . phpversion();
-
-            $mailSent = mail($to, $subject, $body, $headers);
-
-            if ($mailSent) {
-                $_SESSION['last_contact_submit'] = time();
-                header('Location: ' . $_SERVER['REQUEST_URI'] . '#form-result');
-                $_SESSION['form_success'] = true;
-                exit;
-            } else {
-                $formErrors[] = 'Leider konnte die E-Mail nicht gesendet werden. Bitte versuchen Sie es später erneut oder schreiben Sie uns direkt an mki@kies-media.de.';
-            }
-        }
-    }
-    if (!empty($formErrors)) {
-        header('Location: ' . $_SERVER['REQUEST_URI'] . '#form-result');
-        $_SESSION['form_errors'] = $formErrors;
-        $_SESSION['form_data'] = $formData;
-        exit;
-    }
-}
-?>
-<!doctype html>
-<html lang="de">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/png" sizes="32x32" href="/bilder/favicon/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/bilder/favicon/favicon-16x16.png">
-    <link rel="icon" type="image/x-icon" href="/bilder/favicon/favicon.ico">
-    <link rel="apple-touch-icon" sizes="180x180" href="/bilder/favicon/apple-touch-icon.png">
-    <link rel="manifest" href="/bilder/favicon/site.webmanifest">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Einfamilienhaus mieten Schleusingen | 227 m², 6 Zimmer | 1.300 € Kaltmiete</title>
-    <meta name="description" content="Einfamilienhaus zur Langzeitmiete in Schleusingen: 227 m² Wohnfläche, 6 Zimmer, 3 Etagen mit Dachterrasse. Kaltmiete 1.300 €. Bahnhofstraße 10, 98553 Schleusingen. Ab sofort verfügbar." />
-    <link rel="canonical" href="https://haus-schleusingen.de/haus-schleusingen.html" />
-
-    <!-- Open Graph -->
-    <meta property="og:type" content="website" />
-    <meta property="og:title" content="Einfamilienhaus zur Miete in Schleusingen – 227 m², 6 Zimmer" />
-    <meta property="og:description" content="Großzügiges Einfamilienhaus zur Langzeitmiete: 227 m², 6 Zimmer, 3 Etagen + Dachterrasse. Kaltmiete 1.300 €. Ab sofort verfügbar in Schleusingen." />
-    <meta property="og:image" content="https://haus-schleusingen.de/bilder/Außenansicht-2.png" />
-    <meta property="og:url" content="https://haus-schleusingen.de/haus-schleusingen.html" />
-    <meta property="og:locale" content="de_DE" />
-    <meta property="og:site_name" content="Haus Schleusingen" />
-
-    <!-- Schema.org Structured Data -->
-    <script type="application/ld+json">
-    {
-      "@context": "https://schema.org",
-      "@type": "RealEstateListing",
-      "name": "Einfamilienhaus zur Miete in Schleusingen",
-      "description": "Großzügiges Einfamilienhaus zur Langzeitmiete: 227 m² Wohnfläche, 6 Zimmer, 3 Etagen mit Dachterrasse. Kaltmiete 1.300 €.",
-      "url": "https://haus-schleusingen.de/haus-schleusingen.html",
-      "image": "https://haus-schleusingen.de/bilder/Außenansicht-2.png",
-      "datePosted": "2026-05-14",
-      "address": {
-        "@type": "PostalAddress",
-        "streetAddress": "Bahnhofstraße 10",
-        "addressLocality": "Schleusingen",
-        "postalCode": "98553",
-        "addressCountry": "DE"
-      },
-      "offers": {
-        "@type": "Offer",
-        "price": "1300",
-        "priceCurrency": "EUR",
-        "priceSpecification": {
-          "@type": "UnitPriceSpecification",
-          "price": "1300",
-          "priceCurrency": "EUR",
-          "unitCode": "MON",
-          "description": "Kaltmiete pro Monat"
-        }
-      },
-      "floorSize": {
-        "@type": "QuantitativeValue",
-        "value": "227",
-        "unitCode": "MTK"
-      },
-      "numberOfRooms": {
-        "@type": "QuantitativeValue",
-        "value": "6"
-      }
-    }
-    </script>
-
-    <link rel="stylesheet" href="fonts/fonts.css" />
-    <link rel="stylesheet" href="css/haus-schleusingen.css" />
-  </head>
-  <body>
-    <a href="#main-content" class="skip-link">Zum Inhalt springen</a>
-    <nav id="navbar" role="navigation" aria-label="Hauptnavigation">
-      <div class="nav-logo">Bahnhofstraße 10</div>
-      <button class="nav-hamburger" aria-label="Navigation öffnen" aria-expanded="false">
-        <span></span>
-      </button>
-      <ul class="nav-links">
-        <li><a href="#galerie">Galerie</a></li>
-        <li><a href="#grundriss">Grundriss</a></li>
-        <li><a href="#miete">Miete</a></li>
-        <li><a href="#lage">Lage</a></li>
-      </ul>
-      <button
-        class="nav-cta"
-        onclick="$('html').animate({ scrollTop: $('#kontakt').offset().top }, 700)"
-      >
-        Jetzt anfragen
-      </button>
-    </nav>
-    <div class="nav-mobile-overlay" aria-hidden="true"></div>
-
-    <section class="hero" id="hero">
-      <div
-        class="hero-bg"
-        id="heroBg"
-        style="background-image: url(bilder/Außenansicht-2.webp)"
-      ></div>
-      <div class="hero-overlay"></div>
-      <div class="hero-content" id="heroContent">
-        <div class="hero-tag">Zur Langzeitmiete · Ab sofort verfügbar</div>
-        <h1>
-          Großzügiges
-          <br />
-          <em>Einfamilienhaus</em>
-          <br />
-          in Schleusingen
-        </h1>
-        <div class="hero-meta">
-          <span><strong>Schleusinger Bahnhofstraße 10</strong></span>
-          <span>227 m² Wohnfläche</span>
-          <span>6 Zimmer</span>
-          <span>3 Etagen + Dachterrasse</span>
-        </div>
-      </div>
-      <div class="hero-scroll">
-        <span>Entdecken</span>
-        <div class="scroll-line"></div>
-      </div>
-    </section>
-
-    <main id="main-content">
-    <div class="facts-strip">
-      <div class="fact">
-        <div class="fact-val">227</div>
-        <div class="fact-label">m² Wohnfläche</div>
-      </div>
-      <div class="fact">
-        <div class="fact-val">6</div>
-        <div class="fact-label">Zimmer</div>
-      </div>
-      <div class="fact">
-        <div class="fact-val">3</div>
-        <div class="fact-label">Etagen</div>
-      </div>
-      <div class="fact">
-        <div class="fact-val">1.300</div>
-        <div class="fact-label">€ Kaltmiete</div>
-      </div>
-    </div>
-
-    <section class="intro" id="intro">
-      <div class="intro-text" data-animate>
-        <div class="section-eyebrow">Das Objekt</div>
-        <h2>Wohnen mit Charakter und viel Raum</h2>
-        <p>
-          Vermietet wird ein vollständiges Einfamilienhaus in ruhiger Lage von Schleusingen. Das
-          Haus verbindet historischen Charme mit modernem Wohnkomfort auf drei großzügigen Etagen.
-        </p>
-        <p>
-          Garage für zwei Fahrzeuge, großzügige Dachterrasse mit 35,8 m², vollausgestattete Küche,
-          Vollbad sowie Abstell- und Nutzräume machen das Haus zu einem außergewöhnlichen
-          Mietobjekt.
-        </p>
-        <div class="intro-stats">
-          <div>
-            <div class="istat-val">154,9 m²</div>
-            <div class="istat-label">Nutzfläche</div>
-          </div>
-          <div>
-            <div class="istat-val">35,8 m²</div>
-            <div class="istat-label">Dachterrasse</div>
-          </div>
-          <div>
-            <div class="istat-val">2 Stpl.</div>
-            <div class="istat-label">Garage</div>
-          </div>
-        </div>
-      </div>
-      <div class="intro-img" data-animate>
-        <picture>
-          <source srcset="bilder/wohnzimmer2.webp" type="image/webp">
-          <img src="bilder/wohnzimmer2.png" alt="Wohnzimmer" loading="lazy" />
-        </picture>
-        <div class="intro-img-badge">Wohnzimmer · 42,6 m²</div>
-      </div>
-    </section>
-
-    <section id="galerie" class="gallery-section" aria-label="Fotogalerie">
-      <div class="gallery-header">
-        <div>
-          <div class="section-eyebrow">Fotogalerie</div>
-          <h2>Einblicke ins Haus</h2>
-        </div>
-      </div>
-      <div class="masonry-grid">
-        <div class="grid-sizer"></div>
-
-        <div class="grid-item" data-img="bilder/Außenansicht-2.webp" role="button" tabindex="0" aria-label="Außenansicht – Großansicht öffnen">
-          <picture>
-            <source srcset="bilder/Außenansicht-2-small.webp" type="image/webp">
-            <img src="bilder/Außenansicht-2-small.png" alt="Außenansicht des Einfamilienhauses" loading="lazy" />
-          </picture>
-          <span class="grid-item-label">Außenansicht</span>
-        </div>
-        <div class="grid-item" data-img="bilder/wohnzimmer2.webp" role="button" tabindex="0" aria-label="Wohnzimmer – Großansicht öffnen">
-          <picture>
-            <source srcset="bilder/wohnzimmer2-small.webp" type="image/webp">
-            <img src="bilder/wohnzimmer2-small.png" alt="Wohnzimmer mit 42,6 m² Wohnfläche" loading="lazy" />
-          </picture>
-          <span class="grid-item-label">Wohnzimmer · 42,6 m²</span>
-        </div>
-        <div class="grid-item" data-img="bilder/Küche 1.webp" role="button" tabindex="0" aria-label="Küche – Großansicht öffnen">
-          <picture>
-            <source srcset="bilder/Küche 1-small.webp" type="image/webp">
-            <img src="bilder/Küche 1.jpg" alt="Küche mit 18,4 m²" loading="lazy" />
-          </picture>
-          <span class="grid-item-label">Küche · 18,4 m²</span>
-        </div>
-        <div class="grid-item" data-img="bilder/schlafzimmer.webp" role="button" tabindex="0" aria-label="Schlafzimmer – Großansicht öffnen">
-          <picture>
-            <source srcset="bilder/schlafzimmer-small.webp" type="image/webp">
-            <img src="bilder/schlafzimmer-small.png" alt="Schlafzimmer mit 18 m²" loading="lazy" />
-          </picture>
-          <span class="grid-item-label">Schlafzimmer · 18 m²</span>
-        </div>
-        <div class="grid-item" data-img="bilder/Bad.webp" role="button" tabindex="0" aria-label="Badezimmer – Großansicht öffnen">
-          <picture>
-            <source srcset="bilder/Bad-small.webp" type="image/webp">
-            <img src="bilder/Bad.jpg" alt="Badezimmer mit 9,8 m²" loading="lazy" />
-          </picture>
-          <span class="grid-item-label">Badezimmer · 9,8 m²</span>
-        </div>
-        <div class="grid-item" data-img="bilder/Kinderzimmer.webp" role="button" tabindex="0" aria-label="Kinderzimmer 1 – Großansicht öffnen">
-          <picture>
-            <source srcset="bilder/Kinderzimmer-small.webp" type="image/webp">
-            <img src="bilder/Kinderzimmer-small.png" alt="Kinderzimmer 1 mit 21,7 m²" loading="lazy" />
-          </picture>
-          <span class="grid-item-label">Kinderzimmer 1 · 21,7 m²</span>
-        </div>
-        <div class="grid-item" data-img="bilder/Kinderzimmer 2.webp" role="button" tabindex="0" aria-label="Kinderzimmer 2 – Großansicht öffnen">
-          <picture>
-            <source srcset="bilder/Kinderzimmer 2-small.webp" type="image/webp">
-            <img src="bilder/Kinderzimmer 2-small.png" alt="Kinderzimmer 2 mit 15,7 m²" loading="lazy" />
-          </picture>
-          <span class="grid-item-label">Kinderzimmer 2 · 15,7 m²</span>
-        </div>
-        <div class="grid-item" data-img="bilder/kinderzimmer 2 2.webp" role="button" tabindex="0" aria-label="Kinderzimmer Detail – Großansicht öffnen">
-          <picture>
-            <source srcset="bilder/kinderzimmer 2 2-small.webp" type="image/webp">
-            <img src="bilder/kinderzimmer 2 2-small.png" alt="Detailansicht Kinderzimmer" loading="lazy" />
-          </picture>
-          <span class="grid-item-label">Kinderzimmer Detail</span>
-        </div>
-        <div class="grid-item" data-img="bilder/Kinderzimmer 3.webp" role="button" tabindex="0" aria-label="Gästezimmer – Großansicht öffnen">
-          <picture>
-            <source srcset="bilder/Kinderzimmer 3-small.webp" type="image/webp">
-            <img src="bilder/Kinderzimmer 3-small.png" alt="Gästezimmer mit 11,5 m²" loading="lazy" />
-          </picture>
-          <span class="grid-item-label">Gästezimmer · 11,5 m²</span>
-        </div>
-        <div class="grid-item" data-img="bilder/Bad-2.webp" role="button" tabindex="0" aria-label="Zweites Bad – Großansicht öffnen">
-          <picture>
-            <source srcset="bilder/Bad-2-small.webp" type="image/webp">
-            <img src="bilder/Bad-2-small.jpg" alt="Zweites Badezimmer im Haus" loading="lazy" />
-          </picture>
-          <span class="grid-item-label">Wohnbereich</span>
-        </div>
-        <div class="grid-item" data-img="bilder/Bad-3.webp" role="button" tabindex="0" aria-label="Drittes Bad – Großansicht öffnen">
-          <picture>
-            <source srcset="bilder/Bad-3-small.webp" type="image/webp">
-            <img src="bilder/Bad-3-small.jpg" alt="Drittes Badezimmer im Haus" loading="lazy" />
-          </picture>
-          <span class="grid-item-label">Wohnbereich Detail</span>
-        </div>
-        <div class="grid-item" data-img="bilder/Bad-4.webp" role="button" tabindex="0" aria-label="Wohnbereich Detail – Großansicht öffnen">
-          <picture>
-            <source srcset="bilder/Bad-4-small.webp" type="image/webp">
-            <img src="bilder/Bad-4-small.jpg" alt="Wohnbereich Detail 3" loading="lazy" />
-          </picture>
-          <span class="grid-item-label">Hausansicht</span>
-        </div>
-      </div>
-    </section>
-
-    <section class="floors-section" id="grundriss">
-      <div class="section-eyebrow">Raumaufteilung</div>
-      <h2>Großzügig auf allen Etagen</h2>
-      <div class="floor-accordion">
-        <div class="floor-item">
-          <div class="floor-header" role="button" tabindex="0" aria-expanded="false" aria-controls="floor-body-0" id="floor-title-0">
-            <span class="floor-title">Erdgeschoss</span>
-            <div class="floor-size">
-              <span>99,5 m²</span>
-              <div class="floor-icon">+</div>
-            </div>
-          </div>
-          <div class="floor-body" id="floor-body-0" role="region" aria-labelledby="floor-title-0">
-            <div class="floor-rooms-grid">
-              <div class="room-chip">
-                Flur
-                <span class="room-chip-area">20,1 m²</span>
-              </div>
-              <div class="room-chip">
-                WC
-                <span class="room-chip-area">0,8 m²</span>
-              </div>
-              <div class="room-chip">
-                Garage / Partykeller
-                <span class="room-chip-area">42,6 m²</span>
-              </div>
-              <div class="room-chip">
-                Abstellraum 1
-                <span class="room-chip-area">9,9 m²</span>
-              </div>
-              <div class="room-chip">
-                Abstellraum 2
-                <span class="room-chip-area">7,8 m²</span>
-              </div>
-              <div class="room-chip">
-                Heizungskeller
-                <span class="room-chip-area">18,3 m²</span>
-              </div>
-            </div>
-            <div class="floor-plan floor-plan-multi">
-              <picture>
-                <source srcset="bilder/grundrisse/EG-small.webp" type="image/webp">
-                <img
-                  src="bilder/grundrisse/EG-small.jpg"
-                  alt="Grundriss Erdgeschoss"
-                  loading="lazy"
-                  data-img="bilder/grundrisse/EG.webp"
-                />
-              </picture>
-              <picture>
-                <source srcset="bilder/grundrisse/EG 3D-small.webp" type="image/webp">
-                <img
-                  src="bilder/grundrisse/EG 3D-small.jpg"
-                  alt="Grundriss Erdgeschoss"
-                  loading="lazy"
-                  data-img="bilder/grundrisse/EG 3D.webp"
-                />
-              </picture>
-            </div>
-          </div>
-        </div>
-        <div class="floor-item">
-          <div class="floor-header" role="button" tabindex="0" aria-expanded="false" aria-controls="floor-body-1" id="floor-title-1">
-            <span class="floor-title">1. Obergeschoss</span>
-            <div class="floor-size">
-              <span>120,4 m²</span>
-              <div class="floor-icon">+</div>
-            </div>
-          </div>
-          <div class="floor-body" id="floor-body-1" role="region" aria-labelledby="floor-title-1">
-            <div class="floor-rooms-grid">
-              <div class="room-chip">
-                Flur
-                <span class="room-chip-area">20,1 m²</span>
-              </div>
-              <div class="room-chip">
-                Wohnzimmer
-                <span class="room-chip-area">42,6 m²</span>
-              </div>
-              <div class="room-chip">
-                Gästezimmer
-                <span class="room-chip-area">11,5 m²</span>
-              </div>
-              <div class="room-chip">
-                Badezimmer
-                <span class="room-chip-area">9,8 m²</span>
-              </div>
-              <div class="room-chip">
-                Küche
-                <span class="room-chip-area">18,4 m²</span>
-              </div>
-              <div class="room-chip">
-                Schlafzimmer
-                <span class="room-chip-area">18,0 m²</span>
-              </div>
-            </div>
-            <div class="floor-plan floor-plan-multi">
-              <picture>
-                <source srcset="bilder/grundrisse/OG 1 2-small.webp" type="image/webp">
-                <img
-                  src="bilder/grundrisse/OG 1 2-small.jpg"
-                  alt="Grundriss 1. Obergeschoss"
-                  loading="lazy"
-                  data-img="bilder/grundrisse/OG 1 2.webp"
-                />
-              </picture>
-              <picture>
-                <source srcset="bilder/grundrisse/OG 1 3D-small.webp" type="image/webp">
-                <img
-                  src="bilder/grundrisse/OG 1 3D-small.jpg"
-                  alt="Grundriss 1. Obergeschoss"
-                  loading="lazy"
-                  data-img="bilder/grundrisse/OG 1 3D.webp"
-                />
-              </picture>
-            </div>
-          </div>
-        </div>
-        <div class="floor-item">
-          <div class="floor-header" role="button" tabindex="0" aria-expanded="false" aria-controls="floor-body-2" id="floor-title-2">
-            <span class="floor-title">2. Obergeschoss</span>
-            <div class="floor-size">
-              <span>68 m²</span>
-              <div class="floor-icon">+</div>
-            </div>
-          </div>
-          <div class="floor-body" id="floor-body-2" role="region" aria-labelledby="floor-title-2">
-            <div class="floor-rooms-grid">
-              <div class="room-chip">
-                Flur
-                <span class="room-chip-area">13,9 m²</span>
-              </div>
-              <div class="room-chip">
-                Kinderzimmer 1
-                <span class="room-chip-area">21,7 m²</span>
-              </div>
-              <div class="room-chip">
-                Kinderzimmer 2
-                <span class="room-chip-area">15,7 m²</span>
-              </div>
-              <div class="room-chip">
-                Spielzimmer
-                <span class="room-chip-area">6,3 m²</span>
-              </div>
-              <div class="room-chip">
-                Ankleidezimmer
-                <span class="room-chip-area">1,4 m²</span>
-              </div>
-              <div class="room-chip">
-                Dachterrasse
-                <span class="room-chip-area">9,0 m²</span> <small>(25% von 35,8 m²)</small>
-              </div>
-            </div>
-            <div class="floor-plan floor-plan-multi">
-              <picture>
-                <source srcset="bilder/grundrisse/OG 2 grundriss-small.webp" type="image/webp">
-                <img
-                  src="bilder/grundrisse/OG 2 grundriss-small.jpg"
-                  alt="Grundriss 2. Obergeschoss (1)"
-                  loading="lazy"
-                  data-img="bilder/grundrisse/OG 2 grundriss.webp"
-                />
-              </picture>
-              <picture>
-                <source srcset="bilder/grundrisse/OG 2 3D-small.webp" type="image/webp">
-                <img
-                  src="bilder/grundrisse/OG 2 3D-small.jpg"
-                  alt="Grundriss 2. Obergeschoss (1)"
-                  loading="lazy"
-                  data-img="bilder/grundrisse/OG 2 3D.webp"
-                />
-              </picture>
-            </div>
-          </div>
-        </div>
-        <div class="floor-item">
-          <div class="floor-header" role="button" tabindex="0" aria-expanded="false" aria-controls="floor-body-3" id="floor-title-3">
-            <span class="floor-title">Dachboden</span>
-            <div class="floor-size">
-              <span>94 m² Nutzfläche</span>
-              <div class="floor-icon">+</div>
-            </div>
-          </div>
-          <div class="floor-body" id="floor-body-3" role="region" aria-labelledby="floor-title-3">
-            <div class="floor-rooms-grid">
-              <div class="room-chip">
-                Dachboden unten (ungeheizt)
-                <span class="room-chip-area">52 m²</span>
-              </div>
-              <div class="room-chip">
-                Dachboden Mitte (ungeheizt)
-                <span class="room-chip-area">31 m²</span>
-              </div>
-              <div class="room-chip">
-                Dachboden oben (ungeheizt)
-                <span class="room-chip-area">11 m²</span>
-              </div>
-            </div>
-            <div class="floor-plan floor-plan-multi">
-              <picture>
-                <source srcset="bilder/grundrisse/Dachboden unten 2-small.webp" type="image/webp">
-                <img
-                  src="bilder/grundrisse/Dachboden unten 2-small.jpg"
-                  alt="Grundriss Dachboden"
-                  loading="lazy"
-                  data-img="bilder/grundrisse/Dachboden unten 2.webp"
-                />
-              </picture>
-              <picture>
-                <source srcset="bilder/grundrisse/Dachboden unten-small.webp" type="image/webp">
-                <img
-                  src="bilder/grundrisse/Dachboden unten-small.jpg"
-                  alt="Grundriss Dachboden"
-                  loading="lazy"
-                  data-img="bilder/grundrisse/Dachboden unten.webp"
-                />
-              </picture>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-
-    <section class="pricing-section" id="miete" aria-label="Mietkonditionen">
-      <div class="pricing-inner">
-        <div class="section-eyebrow">Mietkonditionen</div>
-        <h2>Transparente Preisgestaltung</h2>
-        <div class="price-cards">
-          <div class="price-card">
-            <div class="pc-label">Kaltmiete</div>
-            <div class="pc-val">1.300 €</div>
-            <div class="pc-sub">pro Monat</div>
-          </div>
-          <div class="price-card highlight">
-            <div class="pc-label">Gesamtmiete warm</div>
-            <div class="pc-val">1.600 €</div>
-            <div class="pc-sub">inkl. 300 € Nebenkosten</div>
-          </div>
-          <div class="price-card">
-            <div class="pc-label">Kaution</div>
-            <div class="pc-val">2.600 €</div>
-            <div class="pc-sub">2 Nettokaltmieten</div>
-          </div>
-        </div>
-        <div class="price-note">
-          <div class="pn-item">
-            <strong>Verfügbarkeit</strong>
-            Ab sofort · unbefristete Laufzeit
-          </div>
-          <div class="pn-item">
-            <strong>Nebenkosten</strong>
-            Vorauszahlung 300 €/Monat, jährliche Abrechnung
-          </div>
-          <div class="pn-item">
-            <strong>Energieausweis</strong>
-            Wird bei Mietbeginn übergeben · Erdgasheizung
-          </div>
-          <div class="pn-item">
-            <strong>Haustiere</strong>
-            Auf Anfrage
-          </div>
-        </div>
-      </div>
-    </section>
-
-    <section class="lage-section" id="lage">
-      <div class="section-eyebrow">Standort</div>
-      <h2>Zentral und ruhig zugleich</h2>
-      <div class="lage-grid">
-        <div class="lage-item">
-          <div class="lage-icon">🛒</div>
-          <div>
-            <div class="lage-title">Einkaufen & Versorgung</div>
-            <div class="lage-desc">
-              Supermärkte, Ärzte, Apotheken und Schulen sind fußläufig erreichbar
-            </div>
-          </div>
-        </div>
-        <div class="lage-item">
-          <div class="lage-icon">🚌</div>
-          <div>
-            <div class="lage-title">Öffentlicher Nahverkehr</div>
-            <div class="lage-desc">
-              Zentrale Bushaltestelle ca. 200 m entfernt — direkte Verbindungen in die Region
-            </div>
-          </div>
-        </div>
-        <div class="lage-item">
-          <div class="lage-icon">🏛</div>
-          <div>
-            <div class="lage-title">Innenstadt Schleusingen</div>
-            <div class="lage-desc">Wochenmarkt und Stadtmitte nur ca. 500 m entfernt</div>
-          </div>
-        </div>
-        <div class="lage-item">
-          <div class="lage-icon">📍</div>
-          <div>
-            <div class="lage-title">Genaue Adresse</div>
-            <div class="lage-desc">
-              Schleusinger Bahnhofstraße 10
-              <br />
-              98533 Schleusingen, Thüringen
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div class="lage-map-wrapper">
-        <iframe
-          src="https://maps.google.com/maps?q=50.5090045,10.7473859&t=&z=16&ie=UTF8&iwloc=&output=embed"
-          width="100%"
-          height="450"
-          style="border: 0"
-          allowfullscreen=""
-          loading="lazy"
-          referrerpolicy="no-referrer-when-downgrade"
-          title="Standort Bahnhofstraße 10, Schleusingen"
-        ></iframe>
-      </div>
-    </section>
-
-    <section class="contact-section" id="kontakt" aria-label="Kontaktformular">
-      <div class="contact-inner">
-        <div class="section-eyebrow">Kontakt</div>
-        <h2>
-          Interesse?
-          <br />
-          <em>Schreiben Sie uns.</em>
-        </h2>
-        <p>
-          Wir freuen uns über Ihre Anfrage und melden uns innerhalb von 24 Stunden.
-          Besichtigungstermine sind nach Absprache möglich. Bitte geben Sie bei Ihrer Anfrage ein
-          paar Terminvorschläge an.
-        </p>
-        <div class="contact-form">
-<?php if ($formSuccess): ?>
-          <div id="form-result" class="form-success" style="display: block">
-            <p>Vielen Dank für Ihre Anfrage!</p>
-            <br />
-            <small>Wir haben Ihre Nachricht erhalten und melden uns innerhalb von 24 Stunden bei Ihnen.</small>
-          </div>
-<?php else: ?>
-<?php if (!empty($formErrors)): ?>
-          <div id="form-errors" class="form-errors">
-            <ul>
-<?php foreach ($formErrors as $error): ?>
-              <li><?= escapeContactValue($error) ?></li>
-<?php endforeach; ?>
-            </ul>
-          </div>
-<?php endif; ?>
-          <form id="contactForm" method="post">
-            <div class="form-row">
-              <div class="form-field">
-                <label for="fname">Vorname</label>
-                <input type="text" id="fname" name="fname" placeholder="Max" required value="<?= escapeContactValue($formData['fname']) ?>" />
-              </div>
-              <div class="form-field">
-                <label for="lname">Nachname</label>
-                <input type="text" id="lname" name="lname" placeholder="Mustermann" required value="<?= escapeContactValue($formData['lname']) ?>" />
-              </div>
-            </div>
-            <div class="form-row">
-              <div class="form-field">
-                <label for="email">E-Mail</label>
-                <input
-                  type="email"
-                  id="email"
-                  name="email"
-                  placeholder="max@beispiel.de"
-                  required
-                  value="<?= escapeContactValue($formData['email']) ?>"
-                />
-              </div>
-              <div class="form-field">
-                <label for="phone">Telefon</label>
-                <input type="tel" id="phone" name="phone" placeholder="+49 ..." value="<?= escapeContactValue($formData['phone']) ?>" />
-              </div>
-            </div>
-            <div class="form-row">
-              <div class="form-field full">
-                <label for="interest">Anliegen</label>
-                <select id="interest" name="interest">
-<?php
-$interestOptions = ['Besichtigung anfragen', 'Allgemeine Informationen', 'Mietbewerbung einreichen'];
-foreach ($interestOptions as $opt):
-    $selected = ($formData['interest'] === $opt) ? ' selected' : '';
-?>
-                  <option<?= $selected ?>><?= escapeContactValue($opt) ?></option>
-<?php endforeach; ?>
-                </select>
-              </div>
-            </div>
-            <div class="form-row">
-              <div class="form-field full">
-                <label for="message">Nachricht</label>
-                <textarea
-                  id="message"
-                  name="message"
-                  rows="4"
-                  placeholder="Ihre Nachricht ..."
-                  required
-                ><?= escapeContactValue($formData['message']) ?></textarea>
-              </div>
-            </div>
-            <!-- Honeypot: hidden field for spam bots -->
-            <div class="hp-field" aria-hidden="true">
-              <label for="website">Website</label>
-              <input type="text" id="website" name="website" tabindex="-1" autocomplete="off" />
-            </div>
-            <!-- Form load timestamp for minimum-submit-time check -->
-            <input type="hidden" name="form_time" value="<?= time() ?>" />
-            <button type="submit" class="btn-submit">Anfrage absenden</button>
-          </form>
-<?php endif; ?>
-        </div>
-        <div class="contact-details">
-          <p>Oder schreiben Sie uns direkt: <a href="mailto:mki@kies-media.de">mki@kies-media.de</a></p>
-        </div>
-      </div>
-    </section>
-
-    </main>
-    <footer role="contentinfo">
-      <div class="footer-logo">Bahnhofstraße 10 · Schleusingen</div>
-      <div class="footer-links">
-        <a href="impressum.html">Impressum</a>
-        <a href="datenschutz.html">Datenschutz</a>
-      </div>
-    </footer>
-
-    <div class="lightbox" id="lightbox" role="dialog" aria-modal="true" aria-label="Bildansicht">
-      <button class="lightbox-close" id="lightboxClose" aria-label="Bildansicht schließen">&times;</button>
-      <img src="" id="lightboxImg" alt="" />
-    </div>
-
-    <script src="js/haus-schleusingen.js"></script>
-  </body>
-</html>
diff --git a/nginx.conf b/nginx.conf
old mode 100644
new mode 100755
diff --git a/package.json b/package.json
old mode 100644
new mode 100755
diff --git a/page-preview.png b/page-preview.png
old mode 100644
new mode 100755
diff --git a/public/.htaccess b/public/.htaccess
new file mode 100644
index 0000000..9be60ac
--- /dev/null
+++ b/public/.htaccess
@@ -0,0 +1,15 @@
+# Enable rewrite engine
+RewriteEngine On
+
+# Legacy redirects (301) – must be before the catch-all
+RewriteRule ^impressum\.html$ /impressum [R=301,L]
+RewriteRule ^datenschutz\.html$ /datenschutz [R=301,L]
+RewriteRule ^haus-schleusingen\.html$ / [R=301,L]
+
+# Serve existing files/directories directly (css, js, images, fonts, etc.)
+RewriteCond %{REQUEST_FILENAME} -f [OR]
+RewriteCond %{REQUEST_FILENAME} -d
+RewriteRule ^ - [L]
+
+# Route everything else through the front controller
+RewriteRule ^(.*)$ index.php [QSA,L]
diff --git a/bilder/Außenansicht-2-small.png b/public/bilder/Außenansicht-2-small.png
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Außenansicht-2-small.png
rename to public/bilder/Außenansicht-2-small.png
diff --git a/bilder/Außenansicht-2-small.webp b/public/bilder/Außenansicht-2-small.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Außenansicht-2-small.webp
rename to public/bilder/Außenansicht-2-small.webp
diff --git a/bilder/Außenansicht-2.png b/public/bilder/Außenansicht-2.png
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Außenansicht-2.png
rename to public/bilder/Außenansicht-2.png
diff --git a/bilder/Außenansicht-2.webp b/public/bilder/Außenansicht-2.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Außenansicht-2.webp
rename to public/bilder/Außenansicht-2.webp
diff --git a/bilder/Bad-2-small.jpg b/public/bilder/Bad-2-small.jpg
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Bad-2-small.jpg
rename to public/bilder/Bad-2-small.jpg
diff --git a/bilder/Bad-2-small.webp b/public/bilder/Bad-2-small.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Bad-2-small.webp
rename to public/bilder/Bad-2-small.webp
diff --git a/bilder/Bad-2.jpeg b/public/bilder/Bad-2.jpeg
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Bad-2.jpeg
rename to public/bilder/Bad-2.jpeg
diff --git a/bilder/Bad-2.webp b/public/bilder/Bad-2.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Bad-2.webp
rename to public/bilder/Bad-2.webp
diff --git a/bilder/Bad-3-small.jpg b/public/bilder/Bad-3-small.jpg
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Bad-3-small.jpg
rename to public/bilder/Bad-3-small.jpg
diff --git a/bilder/Bad-3-small.webp b/public/bilder/Bad-3-small.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Bad-3-small.webp
rename to public/bilder/Bad-3-small.webp
diff --git a/bilder/Bad-3.jpeg b/public/bilder/Bad-3.jpeg
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Bad-3.jpeg
rename to public/bilder/Bad-3.jpeg
diff --git a/bilder/Bad-3.webp b/public/bilder/Bad-3.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Bad-3.webp
rename to public/bilder/Bad-3.webp
diff --git a/bilder/Bad-4-small.jpg b/public/bilder/Bad-4-small.jpg
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Bad-4-small.jpg
rename to public/bilder/Bad-4-small.jpg
diff --git a/bilder/Bad-4-small.webp b/public/bilder/Bad-4-small.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Bad-4-small.webp
rename to public/bilder/Bad-4-small.webp
diff --git a/bilder/Bad-4.jpeg b/public/bilder/Bad-4.jpeg
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Bad-4.jpeg
rename to public/bilder/Bad-4.jpeg
diff --git a/bilder/Bad-4.webp b/public/bilder/Bad-4.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Bad-4.webp
rename to public/bilder/Bad-4.webp
diff --git a/bilder/Bad-small.jpg b/public/bilder/Bad-small.jpg
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Bad-small.jpg
rename to public/bilder/Bad-small.jpg
diff --git a/bilder/Bad-small.webp b/public/bilder/Bad-small.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Bad-small.webp
rename to public/bilder/Bad-small.webp
diff --git a/bilder/Bad.jpg b/public/bilder/Bad.jpg
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Bad.jpg
rename to public/bilder/Bad.jpg
diff --git a/bilder/Bad.webp b/public/bilder/Bad.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Bad.webp
rename to public/bilder/Bad.webp
diff --git a/bilder/Kinderzimmer 2-small.png b/public/bilder/Kinderzimmer 2-small.png
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Kinderzimmer 2-small.png
rename to public/bilder/Kinderzimmer 2-small.png
diff --git a/bilder/Kinderzimmer 2-small.webp b/public/bilder/Kinderzimmer 2-small.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Kinderzimmer 2-small.webp
rename to public/bilder/Kinderzimmer 2-small.webp
diff --git a/bilder/Kinderzimmer 2.jpg b/public/bilder/Kinderzimmer 2.jpg
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Kinderzimmer 2.jpg
rename to public/bilder/Kinderzimmer 2.jpg
diff --git a/bilder/Kinderzimmer 2.webp b/public/bilder/Kinderzimmer 2.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Kinderzimmer 2.webp
rename to public/bilder/Kinderzimmer 2.webp
diff --git a/bilder/Kinderzimmer 3-small.png b/public/bilder/Kinderzimmer 3-small.png
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Kinderzimmer 3-small.png
rename to public/bilder/Kinderzimmer 3-small.png
diff --git a/bilder/Kinderzimmer 3-small.webp b/public/bilder/Kinderzimmer 3-small.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Kinderzimmer 3-small.webp
rename to public/bilder/Kinderzimmer 3-small.webp
diff --git a/bilder/Kinderzimmer 3.jpg b/public/bilder/Kinderzimmer 3.jpg
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Kinderzimmer 3.jpg
rename to public/bilder/Kinderzimmer 3.jpg
diff --git a/bilder/Kinderzimmer 3.webp b/public/bilder/Kinderzimmer 3.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Kinderzimmer 3.webp
rename to public/bilder/Kinderzimmer 3.webp
diff --git a/bilder/Kinderzimmer-small.png b/public/bilder/Kinderzimmer-small.png
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Kinderzimmer-small.png
rename to public/bilder/Kinderzimmer-small.png
diff --git a/bilder/Kinderzimmer-small.webp b/public/bilder/Kinderzimmer-small.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Kinderzimmer-small.webp
rename to public/bilder/Kinderzimmer-small.webp
diff --git a/bilder/Kinderzimmer.png b/public/bilder/Kinderzimmer.png
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Kinderzimmer.png
rename to public/bilder/Kinderzimmer.png
diff --git a/bilder/Kinderzimmer.webp b/public/bilder/Kinderzimmer.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Kinderzimmer.webp
rename to public/bilder/Kinderzimmer.webp
diff --git a/bilder/Küche 1-small.jpg b/public/bilder/Küche 1-small.jpg
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Küche 1-small.jpg
rename to public/bilder/Küche 1-small.jpg
diff --git a/bilder/Küche 1-small.webp b/public/bilder/Küche 1-small.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Küche 1-small.webp
rename to public/bilder/Küche 1-small.webp
diff --git a/bilder/Küche 1.jpg b/public/bilder/Küche 1.jpg
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Küche 1.jpg
rename to public/bilder/Küche 1.jpg
diff --git a/bilder/Küche 1.webp b/public/bilder/Küche 1.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/Küche 1.webp
rename to public/bilder/Küche 1.webp
diff --git a/public/bilder/favicon/apple-touch-icon.png b/public/bilder/favicon/apple-touch-icon.png
new file mode 100755
index 0000000..b34ffd2
Binary files /dev/null and b/public/bilder/favicon/apple-touch-icon.png differ
diff --git a/public/bilder/favicon/favicon-16x16.png b/public/bilder/favicon/favicon-16x16.png
new file mode 100755
index 0000000..44929fe
Binary files /dev/null and b/public/bilder/favicon/favicon-16x16.png differ
diff --git a/public/bilder/favicon/favicon-32x32.png b/public/bilder/favicon/favicon-32x32.png
new file mode 100755
index 0000000..6352df8
Binary files /dev/null and b/public/bilder/favicon/favicon-32x32.png differ
diff --git a/public/bilder/favicon/favicon.ico b/public/bilder/favicon/favicon.ico
new file mode 100755
index 0000000..c49b767
Binary files /dev/null and b/public/bilder/favicon/favicon.ico differ
diff --git a/public/bilder/favicon/site.webmanifest b/public/bilder/favicon/site.webmanifest
new file mode 100755
index 0000000..f6f3493
--- /dev/null
+++ b/public/bilder/favicon/site.webmanifest
@@ -0,0 +1,10 @@
+{
+  "name": "Haus Schleusingen",
+  "short_name": "HS",
+  "icons": [
+    { "src": "/bilder/favicon/favicon-32x32.png", "sizes": "32x32", "type": "image/png" },
+    { "src": "/bilder/favicon/favicon-16x16.png", "sizes": "16x16", "type": "image/png" }
+  ],
+  "theme_color": "#1c1917",
+  "background_color": "#fafaf9"
+}
diff --git a/bilder/grundrisse/Dachboden unten 2-small.jpg b/public/bilder/grundrisse/Dachboden unten 2-small.jpg
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/grundrisse/Dachboden unten 2-small.jpg
rename to public/bilder/grundrisse/Dachboden unten 2-small.jpg
diff --git a/bilder/grundrisse/Dachboden unten 2-small.webp b/public/bilder/grundrisse/Dachboden unten 2-small.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/grundrisse/Dachboden unten 2-small.webp
rename to public/bilder/grundrisse/Dachboden unten 2-small.webp
diff --git a/bilder/grundrisse/Dachboden unten 2.png b/public/bilder/grundrisse/Dachboden unten 2.png
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/grundrisse/Dachboden unten 2.png
rename to public/bilder/grundrisse/Dachboden unten 2.png
diff --git a/bilder/grundrisse/Dachboden unten 2.webp b/public/bilder/grundrisse/Dachboden unten 2.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/grundrisse/Dachboden unten 2.webp
rename to public/bilder/grundrisse/Dachboden unten 2.webp
diff --git a/bilder/grundrisse/Dachboden unten-small.jpg b/public/bilder/grundrisse/Dachboden unten-small.jpg
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/grundrisse/Dachboden unten-small.jpg
rename to public/bilder/grundrisse/Dachboden unten-small.jpg
diff --git a/bilder/grundrisse/Dachboden unten-small.webp b/public/bilder/grundrisse/Dachboden unten-small.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/grundrisse/Dachboden unten-small.webp
rename to public/bilder/grundrisse/Dachboden unten-small.webp
diff --git a/bilder/grundrisse/Dachboden unten.png b/public/bilder/grundrisse/Dachboden unten.png
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/grundrisse/Dachboden unten.png
rename to public/bilder/grundrisse/Dachboden unten.png
diff --git a/bilder/grundrisse/Dachboden unten.webp b/public/bilder/grundrisse/Dachboden unten.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/grundrisse/Dachboden unten.webp
rename to public/bilder/grundrisse/Dachboden unten.webp
diff --git a/bilder/grundrisse/EG 3D-small.jpg b/public/bilder/grundrisse/EG 3D-small.jpg
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/grundrisse/EG 3D-small.jpg
rename to public/bilder/grundrisse/EG 3D-small.jpg
diff --git a/bilder/grundrisse/EG 3D-small.webp b/public/bilder/grundrisse/EG 3D-small.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/grundrisse/EG 3D-small.webp
rename to public/bilder/grundrisse/EG 3D-small.webp
diff --git a/bilder/grundrisse/EG 3D.png b/public/bilder/grundrisse/EG 3D.png
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/grundrisse/EG 3D.png
rename to public/bilder/grundrisse/EG 3D.png
diff --git a/bilder/grundrisse/EG 3D.webp b/public/bilder/grundrisse/EG 3D.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/grundrisse/EG 3D.webp
rename to public/bilder/grundrisse/EG 3D.webp
diff --git a/bilder/grundrisse/EG-small.jpg b/public/bilder/grundrisse/EG-small.jpg
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/grundrisse/EG-small.jpg
rename to public/bilder/grundrisse/EG-small.jpg
diff --git a/bilder/grundrisse/EG-small.webp b/public/bilder/grundrisse/EG-small.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/grundrisse/EG-small.webp
rename to public/bilder/grundrisse/EG-small.webp
diff --git a/bilder/grundrisse/EG.png b/public/bilder/grundrisse/EG.png
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/grundrisse/EG.png
rename to public/bilder/grundrisse/EG.png
diff --git a/bilder/grundrisse/EG.webp b/public/bilder/grundrisse/EG.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/grundrisse/EG.webp
rename to public/bilder/grundrisse/EG.webp
diff --git a/bilder/grundrisse/OG 1 2-small.jpg b/public/bilder/grundrisse/OG 1 2-small.jpg
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/grundrisse/OG 1 2-small.jpg
rename to public/bilder/grundrisse/OG 1 2-small.jpg
diff --git a/bilder/grundrisse/OG 1 2-small.webp b/public/bilder/grundrisse/OG 1 2-small.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/grundrisse/OG 1 2-small.webp
rename to public/bilder/grundrisse/OG 1 2-small.webp
diff --git a/bilder/grundrisse/OG 1 2.png b/public/bilder/grundrisse/OG 1 2.png
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/grundrisse/OG 1 2.png
rename to public/bilder/grundrisse/OG 1 2.png
diff --git a/bilder/grundrisse/OG 1 2.webp b/public/bilder/grundrisse/OG 1 2.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/grundrisse/OG 1 2.webp
rename to public/bilder/grundrisse/OG 1 2.webp
diff --git a/bilder/grundrisse/OG 1 3D-small.jpg b/public/bilder/grundrisse/OG 1 3D-small.jpg
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/grundrisse/OG 1 3D-small.jpg
rename to public/bilder/grundrisse/OG 1 3D-small.jpg
diff --git a/bilder/grundrisse/OG 1 3D-small.webp b/public/bilder/grundrisse/OG 1 3D-small.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/grundrisse/OG 1 3D-small.webp
rename to public/bilder/grundrisse/OG 1 3D-small.webp
diff --git a/bilder/grundrisse/OG 1 3D.png b/public/bilder/grundrisse/OG 1 3D.png
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/grundrisse/OG 1 3D.png
rename to public/bilder/grundrisse/OG 1 3D.png
diff --git a/bilder/grundrisse/OG 1 3D.webp b/public/bilder/grundrisse/OG 1 3D.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/grundrisse/OG 1 3D.webp
rename to public/bilder/grundrisse/OG 1 3D.webp
diff --git a/bilder/grundrisse/OG 2 3D-small.jpg b/public/bilder/grundrisse/OG 2 3D-small.jpg
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/grundrisse/OG 2 3D-small.jpg
rename to public/bilder/grundrisse/OG 2 3D-small.jpg
diff --git a/bilder/grundrisse/OG 2 3D-small.webp b/public/bilder/grundrisse/OG 2 3D-small.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/grundrisse/OG 2 3D-small.webp
rename to public/bilder/grundrisse/OG 2 3D-small.webp
diff --git a/bilder/grundrisse/OG 2 3D.png b/public/bilder/grundrisse/OG 2 3D.png
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/grundrisse/OG 2 3D.png
rename to public/bilder/grundrisse/OG 2 3D.png
diff --git a/bilder/grundrisse/OG 2 3D.webp b/public/bilder/grundrisse/OG 2 3D.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/grundrisse/OG 2 3D.webp
rename to public/bilder/grundrisse/OG 2 3D.webp
diff --git a/bilder/grundrisse/OG 2 grundriss-small.jpg b/public/bilder/grundrisse/OG 2 grundriss-small.jpg
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/grundrisse/OG 2 grundriss-small.jpg
rename to public/bilder/grundrisse/OG 2 grundriss-small.jpg
diff --git a/bilder/grundrisse/OG 2 grundriss-small.webp b/public/bilder/grundrisse/OG 2 grundriss-small.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/grundrisse/OG 2 grundriss-small.webp
rename to public/bilder/grundrisse/OG 2 grundriss-small.webp
diff --git a/bilder/grundrisse/OG 2 grundriss.png b/public/bilder/grundrisse/OG 2 grundriss.png
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/grundrisse/OG 2 grundriss.png
rename to public/bilder/grundrisse/OG 2 grundriss.png
diff --git a/bilder/grundrisse/OG 2 grundriss.webp b/public/bilder/grundrisse/OG 2 grundriss.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/grundrisse/OG 2 grundriss.webp
rename to public/bilder/grundrisse/OG 2 grundriss.webp
diff --git a/bilder/kinderzimmer 2 2-small.png b/public/bilder/kinderzimmer 2 2-small.png
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/kinderzimmer 2 2-small.png
rename to public/bilder/kinderzimmer 2 2-small.png
diff --git a/bilder/kinderzimmer 2 2-small.webp b/public/bilder/kinderzimmer 2 2-small.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/kinderzimmer 2 2-small.webp
rename to public/bilder/kinderzimmer 2 2-small.webp
diff --git a/bilder/kinderzimmer 2 2.jpeg b/public/bilder/kinderzimmer 2 2.jpeg
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/kinderzimmer 2 2.jpeg
rename to public/bilder/kinderzimmer 2 2.jpeg
diff --git a/bilder/kinderzimmer 2 2.webp b/public/bilder/kinderzimmer 2 2.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/kinderzimmer 2 2.webp
rename to public/bilder/kinderzimmer 2 2.webp
diff --git a/bilder/schlafzimmer-small.png b/public/bilder/schlafzimmer-small.png
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/schlafzimmer-small.png
rename to public/bilder/schlafzimmer-small.png
diff --git a/bilder/schlafzimmer-small.webp b/public/bilder/schlafzimmer-small.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/schlafzimmer-small.webp
rename to public/bilder/schlafzimmer-small.webp
diff --git a/bilder/schlafzimmer.png b/public/bilder/schlafzimmer.png
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/schlafzimmer.png
rename to public/bilder/schlafzimmer.png
diff --git a/bilder/schlafzimmer.webp b/public/bilder/schlafzimmer.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/schlafzimmer.webp
rename to public/bilder/schlafzimmer.webp
diff --git a/bilder/wohnzimmer2-small.png b/public/bilder/wohnzimmer2-small.png
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/wohnzimmer2-small.png
rename to public/bilder/wohnzimmer2-small.png
diff --git a/bilder/wohnzimmer2-small.webp b/public/bilder/wohnzimmer2-small.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/wohnzimmer2-small.webp
rename to public/bilder/wohnzimmer2-small.webp
diff --git a/bilder/wohnzimmer2.png b/public/bilder/wohnzimmer2.png
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/wohnzimmer2.png
rename to public/bilder/wohnzimmer2.png
diff --git a/bilder/wohnzimmer2.webp b/public/bilder/wohnzimmer2.webp
old mode 100644
new mode 100755
similarity index 100%
rename from bilder/wohnzimmer2.webp
rename to public/bilder/wohnzimmer2.webp
diff --git a/css/haus-schleusingen.css b/public/css/haus-schleusingen.css
old mode 100644
new mode 100755
similarity index 100%
rename from css/haus-schleusingen.css
rename to public/css/haus-schleusingen.css
diff --git a/fonts/CormorantGaramond-Light.ttf b/public/fonts/CormorantGaramond-Light.ttf
old mode 100644
new mode 100755
similarity index 100%
rename from fonts/CormorantGaramond-Light.ttf
rename to public/fonts/CormorantGaramond-Light.ttf
diff --git a/fonts/CormorantGaramond-Regular.ttf b/public/fonts/CormorantGaramond-Regular.ttf
old mode 100644
new mode 100755
similarity index 100%
rename from fonts/CormorantGaramond-Regular.ttf
rename to public/fonts/CormorantGaramond-Regular.ttf
diff --git a/fonts/CormorantGaramond-SemiBold.ttf b/public/fonts/CormorantGaramond-SemiBold.ttf
old mode 100644
new mode 100755
similarity index 100%
rename from fonts/CormorantGaramond-SemiBold.ttf
rename to public/fonts/CormorantGaramond-SemiBold.ttf
diff --git a/fonts/DMSans-Light.ttf b/public/fonts/DMSans-Light.ttf
old mode 100644
new mode 100755
similarity index 100%
rename from fonts/DMSans-Light.ttf
rename to public/fonts/DMSans-Light.ttf
diff --git a/fonts/DMSans-Medium.ttf b/public/fonts/DMSans-Medium.ttf
old mode 100644
new mode 100755
similarity index 100%
rename from fonts/DMSans-Medium.ttf
rename to public/fonts/DMSans-Medium.ttf
diff --git a/fonts/DMSans-Regular.ttf b/public/fonts/DMSans-Regular.ttf
old mode 100644
new mode 100755
similarity index 100%
rename from fonts/DMSans-Regular.ttf
rename to public/fonts/DMSans-Regular.ttf
diff --git a/fonts/fonts.css b/public/fonts/fonts.css
old mode 100644
new mode 100755
similarity index 100%
rename from fonts/fonts.css
rename to public/fonts/fonts.css
diff --git a/public/index.php b/public/index.php
new file mode 100644
index 0000000..005abcc
--- /dev/null
+++ b/public/index.php
@@ -0,0 +1,44 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * Front Controller – Single Entry Point
+ * All requests are routed through this file.
+ */
+
+// Autoloader (PSR-4 style, simple)
+spl_autoload_register(function (string $class): void {
+    $prefix = 'App\\';
+    $baseDir = __DIR__ . '/../app/';
+
+    $len = strlen($prefix);
+    if (strncmp($prefix, $class, $len) !== 0) {
+        return;
+    }
+
+    $relativeClass = substr($class, $len);
+    // Lowercase directory names, keep class name case
+    $parts = explode('\\', $relativeClass);
+    $className = array_pop($parts);
+    $parts = array_map('strtolower', $parts);
+    $parts[] = $className;
+    $file = $baseDir . implode('/', $parts) . '.php';
+
+    if (file_exists($file)) {
+        require $file;
+    }
+});
+
+use App\Core\Router;
+
+$router = new Router();
+
+// Define routes
+$router->addRoute('/', \App\Controllers\HomeController::class, 'index');
+$router->addRoute('/impressum', \App\Controllers\ImpressumController::class, 'index');
+$router->addRoute('/datenschutz', \App\Controllers\DatenschutzController::class, 'index');
+
+// Dispatch
+$uri = $_SERVER['REQUEST_URI'] ?? '/';
+$router->dispatch($uri);
diff --git a/js/haus-schleusingen.js b/public/js/haus-schleusingen.js
old mode 100644
new mode 100755
similarity index 100%
rename from js/haus-schleusingen.js
rename to public/js/haus-schleusingen.js
diff --git a/public/robots.txt b/public/robots.txt
new file mode 100755
index 0000000..516c855
--- /dev/null
+++ b/public/robots.txt
@@ -0,0 +1,3 @@
+User-agent: *
+Allow: /
+Sitemap: https://haus-schleusingen.de/haus-schleusingen.html
diff --git a/robots.txt b/robots.txt
old mode 100644
new mode 100755
diff --git a/screenshot-landingpage-thumb.png b/screenshot-landingpage-thumb.png
old mode 100644
new mode 100755
diff --git a/screenshot-landingpage.png b/screenshot-landingpage.png
old mode 100644
new mode 100755