From a765497bc92eedacf60b67c2666843a0b50f782f Mon Sep 17 00:00:00 2001 From: Hermes Date: Fri, 5 Jun 2026 20:12:18 +0000 Subject: [PATCH] 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 | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/public/css/haus-schleusingen.css b/public/css/haus-schleusingen.css index 06260ea..5bf345a 100755 --- a/public/css/haus-schleusingen.css +++ b/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;