fix(map): correct OSM marker to actual address (was 556m north-east)

app/views/home/index.php

@@ -86,7 +86,7 @@ $gridItems = [
 </section>
 
 <section class="gallery-section" id="galerie" aria-label="<?= htmlspecialchars($t('gallery.aria'), ENT_QUOTES) ?>">
-  <div class="section-head">
+  <div class="section-head gallery-header">
     <span class="section-eyebrow"><?= htmlspecialchars($t('gallery.eyebrow'), ENT_QUOTES) ?></span>
     <h2><?= htmlspecialchars($t('gallery.h2'), ENT_QUOTES) ?></h2>
   </div>
@@ -262,7 +262,7 @@ $gridItems = [
   <div class="lage-map-wrapper">
     <iframe
       title="<?= htmlspecialchars($t('loc.map_title'), ENT_QUOTES) ?>"
-      src="https://www.openstreetmap.org/export/embed.html?bbox=10.7535%2C50.5095%2C10.7705%2C50.5185&amp;layer=mapnik&amp;marker=50.5140%2C10.7620"
+      src="https://www.openstreetmap.org/export/embed.html?bbox=10.7424%2C50.5072%2C10.7524%2C50.5108&amp;layer=mapnik&amp;marker=50.5090%2C10.7474"
       loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
     <p class="lage-address">
       <strong><?= htmlspecialchars($t('loc.address'), ENT_QUOTES) ?>:</strong><br>

public/css/haus-schleusingen.css

@@ -543,7 +543,7 @@ nav.scrolled {
 }
 
 .gallery-header {
-  padding: 5rem 3rem 3rem;
+  padding: 5rem 1.5rem 3rem;
   max-width: 1400px;
   margin: 0 auto;
 }
@@ -820,9 +820,6 @@ img.floor-plan-img {
 .pricing-section {
   background: var(--dark);
   padding: 6rem 3rem;
-}
-
-.pricing-inner {
   max-width: 1200px;
   margin: 0 auto;
 }
@@ -1075,33 +1072,31 @@ img.floor-plan-img {
 .contact-section {
   background: var(--cream);
   padding: 6rem 3rem;
-}
-
-.contact-inner {
-  max-width: 700px;
+  max-width: 1200px;
   margin: 0 auto;
-  text-align: center;
 }
 
-.contact-inner h2 {
+.contact-section h2 {
   font-family: "Cormorant Garamond", serif;
   font-size: clamp(2.2rem, 4vw, 3.5rem);
   font-weight: 300;
   line-height: 1.15;
   color: var(--charcoal);
   margin-bottom: 1rem;
+  text-align: center;
 }
 
-.contact-inner h2 em {
+.contact-section h2 em {
   font-style: italic;
   color: var(--accent);
 }
 
-.contact-inner p {
+.contact-section p {
   font-size: 0.9rem;
   color: var(--stone);
   line-height: 1.8;
   margin-bottom: 2.5rem;
+  text-align: center;
 }
 
 .contact-form {
@@ -1695,3 +1690,100 @@ nav:not(.scrolled) .locale-switcher__trigger:focus-visible {
   outline: 2px solid #b91c1c;
   outline-offset: 2px;
 }
+
+/* LEGAL PAGES (Impressum, Datenschutz) */
+.legal-page {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 6rem 3rem;
+  color: var(--stone-strong);
+  line-height: 1.85;
+}
+
+.legal-page h1 {
+  font-family: "Cormorant Garamond", serif;
+  font-size: clamp(2.4rem, 4vw, 3.4rem);
+  font-weight: 300;
+  line-height: 1.1;
+  color: var(--charcoal);
+  margin: 0.5rem 0 2.5rem;
+}
+
+.legal-page h2 {
+  font-family: "DM Sans", sans-serif;
+  font-size: 0.78rem;
+  font-weight: 600;
+  letter-spacing: 0.18em;
+  text-transform: uppercase;
+  color: var(--charcoal);
+  margin: 2.5rem 0 1rem;
+}
+
+.legal-page h3 {
+  font-family: "DM Sans", sans-serif;
+  font-size: 0.95rem;
+  font-weight: 600;
+  color: var(--charcoal);
+  margin: 1.5rem 0 0.5rem;
+}
+
+.legal-page p,
+.legal-page address,
+.legal-page li {
+  font-size: 0.95rem;
+  line-height: 1.85;
+  color: var(--stone-strong);
+  font-style: normal;
+}
+
+.legal-page ul {
+  list-style: disc;
+  padding-left: 1.5rem;
+  margin: 0.5rem 0 1.25rem;
+}
+
+.legal-page ul li {
+  margin-bottom: 0.35rem;
+}
+
+.legal-page a {
+  color: var(--accent);
+  text-decoration: underline;
+  text-underline-offset: 0.2em;
+  text-decoration-thickness: 1px;
+}
+
+.legal-page a:hover {
+  color: var(--accent-light);
+}
+
+.legal-divider {
+  border: 0;
+  border-top: 1px solid var(--warm);
+  margin: 2rem 0;
+}
+
+.legal-back {
+  display: inline-block;
+  margin-top: 3rem;
+  font-family: "DM Sans", sans-serif;
+  font-size: 0.72rem;
+  font-weight: 600;
+  letter-spacing: 0.18em;
+  text-transform: uppercase;
+  color: var(--accent);
+  text-decoration: none;
+  padding-bottom: 0.25rem;
+  border-bottom: 1px solid currentcolor;
+  transition: color 0.2s;
+}
+
+.legal-back:hover {
+  color: var(--accent-light);
+}
+
+@media (width <= 768px) {
+  .legal-page {
+    padding: 4rem 1.5rem;
+  }
+}