/* ============================================================ GEMEINSAMES STYLESHEET -- von index.html, beratung.html und profil.html per eingebunden. Enthaelt alle seitenuebergreifenden Regeln (Farb-Tokens, Reset, Body, Nav, Kopfleiste, Footer, Section-Farbsystem, Typografie-Basis) sowie Regeln, die nur auf index.html greifen, aber auf den Unterseiten schadlos ungenutzt bleiben (z.B. .portfolio-*, .lightbox-*, .poem-*). Eine Ausnahme bleibt bewusst NICHT hier: die Sichtbarkeits-Gating- Regeln von .site-title/.site-nav/.logo-bar (opacity:0 + Freigabe ueber html.nav-visible/html.hero-fixed) sind nur auf index.html relevant, wo diese Elemente hinter dem Klick-Uebergang des Gedichts versteckt starten. Auf den Unterseiten sollen sie von Anfang an sichtbar sein -- die Basisregeln hier setzen daher bewusst KEIN opacity, wodurch der CSS-Startwert (1, sichtbar) automatisch greift. index.html ergaenzt die Gating-Logik in einem eigenen kleinen