fix(css): constrain gallery heading, pricing + contact sections to main container width

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>

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;
-}
+  max-width: 1200px;
-
-.contact-inner {
-  max-width: 700px;
   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 {