/* ========================================================================== WEBINAR-SEITEN (ACS/BSI, 30.10.2026) Gilt ausschliesslich fuer . ========================================================================== WARUM ES DIESE DATEI GIBT `.site-header` ist `position: fixed` mit `background: transparent` (styles/home.css:52-63). Undurchsichtig wird der Header erst ueber die Klasse `scrolled` — und die setzt im ganzen Repo genau EINE Stelle: `assets/js/home.js:98` (`header.classList.toggle('scrolled', scrollY > 60)`). Die Webinar-Seiten laden `home.js` bewusst nicht: es schreibt in Zeile 57 ohne Einwilligung in den Browser-Speicher, und die Speicherfreiheit dieser Seiten ist die Grundlage des Datenschutz-Abschnitts. Folge: `scrolled` wird nie gesetzt, der Header bleibt dauerhaft durchsichtig und schwebt ueber dem Seiteninhalt. Diese Datei stellt den Zustand her, den `home.js` sonst per Scroll erzeugt — statisch, ohne JavaScript. Der Header bleibt `fixed`: die 130px Kopfabstand von `.page-hero--legal` (styles/pages.css:2519) und der `top: 72px`-Versatz von `.mobile-menu` (styles/components.css:1925) rechnen beide mit einem fixierten Header. Ihn statisch zu machen haette beides zerlegt. NICHT in styles/components.css eintragen — die Datei laedt jede der 46 Seiten. ========================================================================== */ /* Der Header, den home.js sonst beim Scrollen baut (Vorbild home.css:65-71). */ .page-webinar .site-header { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(14px) saturate(180%); -webkit-backdrop-filter: blur(14px) saturate(180%); border-bottom-color: rgba(0, 0, 0, 0.08); box-shadow: 0 1px 12px rgba(0, 0, 0, 0.08); } /* Die Schriftfarbe ist ueber `.page-sub .site-header:not(.scrolled) …` (pages.css:2614) schon dunkel. Offen bleibt allein der Schlagschatten aus `.navbar__link` (home.css:163), der fuer helle Schrift auf dunklem Bildhero gedacht ist — auf weissem Grund macht er die Schrift schmutzig. home.js loest das ueber `.scrolled` (home.css:171-174); hier direkt. */ .page-webinar .navbar__link, .page-webinar .topbar, .page-webinar .topbar a { text-shadow: none; }