fix(css): verhindere horizontalen scrollbalken in hero und pricing auf mobile

Zwei weitere Overflow-Quellen identifiziert nach intro-fix:

1. .hero-content: 397.47px breit auf 320px viewport
   Ursache: Flex-item ohne width/min-width constraint, h1 min-content
   (~349px) erweitert das parent bis ueber viewport
   Fix: max-width: 100%, min-width: 0, width: 100% in @media (width <= 900px)

2. .pricing-section: ohne mobile-padding override, .rent-notes grid
   '12rem 1fr' = 192px + 1fr (min ~272px) passt nicht in 320px-24px-24px
   Fix: padding: 4rem 1.5rem + .rent-notes grid-template-columns: 1fr
   (dt/dd stapeln sich auf mobile, dt als mini-label oben)

Vorher: docScrollW=359 bei viewport=320 (3 Overflow-Quellen)
Nachher: docScrollW=320 (intro, hero, pricing alle im viewport)

Tests: 141/141 gruen.

public/css/haus-schleusingen.css

@@ -1413,6 +1413,9 @@ footer {
 
   .hero-content {
     padding: 0 1.5rem 4rem;
+    max-width: 100%;
+    min-width: 0;
+    width: 100%;
   }
 
   .facts-strip {
@@ -1483,6 +1486,15 @@ footer {
     padding: 4rem 1.5rem;
   }
 
+  .pricing-section {
+    padding: 4rem 1.5rem;
+  }
+
+  .pricing-section .rent-notes {
+    grid-template-columns: 1fr;
+    gap: 0.25rem 0;
+  }
+
   footer {
     flex-direction: column;
     gap: 1.5rem;