/* ============================================================ * desktop-fixes-v1.css * Run 1A — Desktop Container + Layout Fundamental Fix * Datum: 2026-05-12 * * Adressiert: * - Container streckt auf 1904px (12/12 Pages @ 1920) * - Sections ohne Container-Cap haben Voll-Breite-Text * - Mobile-Nav-Bars (Phone/WhatsApp full-width) auf Desktop * - Footer 1-spaltig auf 3 Pages * - Body-Font 13-15px (Lese-Komfort) * - Nav nicht sticky * * WICHTIG: Greift NUR bei min-width:1024px — Mobile bleibt unangetastet. * ============================================================ */ @media (min-width: 1024px) { /* -------------------------------------------------------- * 1. CONTAINER GLOBAL CAP auf 1440px (Voll-Breite-Fix) * Überschreibt Pages mit max-width:100% oder max-width:none * -------------------------------------------------------- */ html body .container, html body main .container, html body section .container, html body div.container, html body .wrapper, html body .content-wrapper { max-width: 1440px !important; margin-left: auto !important; margin-right: auto !important; padding-left: clamp(24px, 3vw, 48px) !important; padding-right: clamp(24px, 3vw, 48px) !important; box-sizing: border-box !important; } /* Sektionen behalten Voll-Breite für Background, aber Inhalt zentriert. Direkte H1/H2/p in
(ohne Container) müssen auf 1440 limitiert werden. */ html body main > section > h1:not(.full-bleed), html body main > section > h2:not(.full-bleed), html body main > section > p:not(.full-bleed), html body main > section > div.fade-up:not(.container):not(.full-bleed), html body main > section > div.section-label:not(.container):not(.full-bleed) { max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: clamp(24px, 3vw, 48px); padding-right: clamp(24px, 3vw, 48px); box-sizing: border-box; } /* -------------------------------------------------------- * 2. CONTENT-MAX-WIDTH 72ch für Fließtext * Personas-Issue: Zeilen >100 Zeichen * -------------------------------------------------------- */ html body main p:not(.hero p):not(.full-width):not([class*="badge"]):not(.eyebrow):not(.no-readwidth), html body article p:not(.full-width), html body section p:not(.hero p):not(.full-width):not([class*="badge"]):not(.eyebrow) { max-width: 72ch; } /* Zentrierter Fließtext für Hero-Sublines und Section-Intros */ html body .hero > .container > p, html body .hero > p, html body section > .container > p.lead, html body section > .container > p.section-intro, html body main > section > p.lead, html body main > section > p.section-intro { margin-left: auto; margin-right: auto; } /* -------------------------------------------------------- * 3. STICKY-NAV auf Desktop * Page-Variants:
,