From a25eac3b04cfd64feb481b9c7268df0bdc228955 Mon Sep 17 00:00:00 2001
From: Hermes <hermes@kies-media.de>
Date: Sun, 14 Jun 2026 16:36:03 +0000
Subject: [PATCH] fix(css): constrain gallery heading, pricing + contact
 sections to main container width

---
 app/views/home/index.php         |  2 +-
 public/css/haus-schleusingen.css | 19 +++++++------------
 2 files changed, 8 insertions(+), 13 deletions(-)

diff --git a/app/views/home/index.php b/app/views/home/index.php
index 08ae436..dbb8213 100644
--- a/app/views/home/index.php
+++ b/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>
diff --git a/public/css/haus-schleusingen.css b/public/css/haus-schleusingen.css
index 462f6d0..2ed4ec3 100755
--- a/public/css/haus-schleusingen.css
+++ b/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 {