/* ============================================================ Hybrid Clean+Dark – Override-Layer Betrifft nur den onepage-Header (Rest = eigene ipm-* Sektionen). Mit !important, damit es die React-Hydration ueberlebt: der Header wird zu einer soliden hellen Leiste, die sowohl ueber dem dunklen Hero als auch ueber den hellen Sektionen lesbar ist. ============================================================ */ /* Solide weisse Kopfleiste + dezenter Schatten */ header .con-kit-organism-background{ background:#ffffff !important; background-image:none !important; } header.con-kit-section--first, header .con-kit-section--fixed, .con-kit-section.header{ box-shadow:0 2px 14px rgba(31,43,56,.10); } /* Alle Header-Texte (Logo-Wortmarke, Navigation, Burger) dunkel */ header, header *{ --color-text:31,43,56 !important; } /* Aktiver/gehoverter Menuepunkt im Markenblau */ header .con-kit-atom-menu-v2-item-inside--active, header .con-kit-atom-menu-v2-item-inside:hover{ color:#2f6fb0 !important; } /* Telefon-/Call-Button: das Gelb ist auf Weiss unlesbar -> Markenblau */ .call-text .line1, .call-text .line2{ color:#1b5891 !important; } .call-icon{ color:#1b5891 !important; } /* ============================================================ Sticky Header: bleibt beim Scrollen oben sichtbar. Ursache des alten Bugs ("weder sticky noch scrollt mit"): vendor/main.css setzt "body{overflow-x:hidden}" OHNE overflow-y. Per CSS-Spec berechnet der Browser overflow-y dann automatisch als "auto" -> body wird selbst zum Scroll-Container. Dadurch bezieht sich position:sticky auf den falschen Scroll-Kontext (den von body, der real nie scrollt) statt auf den Viewport, und der Header klebt nirgends richtig fest. Fix: overflow-x nach verschieben, body bleibt "visible" auf beiden Achsen, damit der normale Viewport-Scroll wieder der massgebliche Scroll-Container fuer sticky ist. ============================================================ */ html{ overflow-x:hidden; } body{ overflow-x:visible !important; overflow-y:visible !important; } .con-kit-page header, .con-kit-section--type-header, .con-kit-section.header, .con-kit-section--fixed{ position:sticky !important; top:0 !important; z-index:500; }