/* ============ DUNKLE SEITEN (body.dunkel): ganze Seite auf #1A1A18 wie Figma AI content (858:2) und Creator D-2 (1511:144).
   Texte Creme, Labels Creme 90 %, Grau Creme 50 %, Fließtext Creme 78 %, Linien Creme 18 %; Footer bleibt rot. Für Creator und später AI content ============ */
body.dunkel{background:var(--dunkel);color:var(--creme)}
.dunkel .label{color:rgba(247,244,240,.9)}
.dunkel .grau{color:rgba(247,244,240,.5)}
.dunkel :focus-visible{outline-color:var(--creme)}

/* Navigation: Leiste dunkel 92 % + Unschärfe, Schrift Creme; das weiße Expertise-Dropdown bleibt, wie es ist */
.dunkel .sub-nav{background:rgba(26,26,24,.92)}
.dunkel .sub-nav .wortmarke,
.dunkel .sub-nav .nav-links > a,
.dunkel .sub-nav .nav-dd-ausloeser,
.dunkel .nav-links .nav-dd.offen > .nav-dd-ausloeser,
.dunkel .sub-nav .lang,
.dunkel .sub-nav .menu-auf{color:var(--creme)}

/* Seitenkopf */
.dunkel .seitenkopf h1{color:var(--creme)}

/* FAQ (bereich.css) */
.dunkel .s-faq-liste{border-bottom-color:rgba(247,244,240,.18)}
.dunkel .s-faq-zeile{border-top-color:rgba(247,244,240,.18)}
.dunkel .s-frage button{color:var(--creme)}
.dunkel .s-antwort p{color:rgba(247,244,240,.78)}

/* Kontakt mit Linie (produktfoto.css .pf-test) */
.dunkel .pf-test{border-top-color:rgba(247,244,240,.18)}
.dunkel .pf-test-statement,.dunkel .pf-test .link-l{color:var(--creme)}

/* More services: dunkles Band mit Linie oben statt Saum (Linie als Schatten, damit die Höhe 304 bleibt) */
.dunkel .pf-mehr{background:var(--dunkel);box-shadow:inset 0 1px 0 rgba(247,244,240,.18)}
.dunkel .pf-mehr-links a{color:var(--creme)}