/* Website-Wartung (Philipp 26.10.2026: „monatlich/jährlich ergänzen wie bei managed websites“): Umschalter der Zahlweise
   für beide Preiskarten auf Schwarz. Ergänzt leistung.css, Logik in public/assets/js/wartung.js. */
.ww-umschalter{display:inline-flex;margin-top:28px;padding:4px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.ww-umschalter button{padding:8px 16px;border:0;border-radius:999px;background:transparent;font:600 12px/1 var(--sans);letter-spacing:.02em;color:var(--on-dark-2);cursor:pointer}
.ww-umschalter button[aria-pressed="true"]{background:#fff;color:var(--black)}
.ww-umschalter button:focus-visible{outline:2px solid #fff;outline-offset:2px}
/* Preiskarten dunkel (Philipp 26.10.2026: „dunkle karten“), wie die Glas-Karten der übrigen dunklen Abschnitte */
.ww-stufen .weg{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);color:#fff}
.ww-stufen .weg--hl{border:1.5px solid rgba(255,255,255,.55)}
.ww-stufen .weg__titel,.ww-stufen .weg__preis strong{color:#fff}
.ww-stufen .weg__preis small,.ww-stufen .weg__text{color:var(--on-dark-2)}
.ww-stufen .checklist{color:#fff}
.ww-stufen .checklist li{border-bottom-color:rgba(255,255,255,.12)}
.ww-stufen .checklist li::before{background:#fff;color:var(--black)}