/* Gemeinsame Bausteine der dunklen Booster-Seiten (erzeugt mit booster_sc.py) */
.bo-fuenf{grid-template-columns:repeat(5,minmax(0,1fr))!important}
@media (max-width:1100px){.bo-fuenf{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:760px){.bo-fuenf{grid-template-columns:1fr!important}}
.ww-bild.ww-hoch{max-width:300px}
.ww-bild.ww-hoch img{border-radius:22px}
.sc-rein .wrap > .ww-hinweis{margin-top:28px}
/* Geraete in den Hero-Szenen */
.bo-szene{order:2;position:relative;width:min(100%,1000px);margin-top:clamp(36px,4.5vw,60px);display:flex;justify-content:center;align-items:flex-end;gap:clamp(18px,4vw,56px);opacity:0;animation:bs-tv-rein 1.1s .4s cubic-bezier(.2,.7,.2,1) forwards}
.bo-szene *{text-align:left}
@media (prefers-reduced-motion:reduce){.bo-szene{opacity:1;animation:none}}
.fs-liste.bo-vier{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1000px){.fs-liste.bo-vier{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.fs-liste.bo-vier{grid-template-columns:1fr}}
/* Geraete fuer die Hero-Szenen: Masse in cqw relativ zum Geraet */
.bo-handy{container-type:inline-size;width:26%;flex:none;padding:clamp(6px,.7vw,10px);border-radius:clamp(30px,3.4vw,46px);background:linear-gradient(145deg,#3C3C3C,#151515 40%,#0C0C0C);box-shadow:0 0 0 1px #4A4A4A,inset 0 1px 0 rgba(255,255,255,.2),0 60px 120px -40px rgba(0,0,0,.95),0 30px 80px -30px rgba(224,36,107,.45)}
.bo-display{--m:#B8661E;position:relative;aspect-ratio:9/19;border-radius:clamp(24px,2.8vw,38px);overflow:hidden;background:#F6F1EA;color:#2A2420;padding:15cqw 6cqw 0;display:flex;flex-direction:column;gap:4cqw;font-size:4cqw}
.bo-display::before{content:"";position:absolute;z-index:5;top:3cqw;left:50%;width:30cqw;height:7cqw;translate:-50% 0;border-radius:999px;background:#000}
.bo-tablet{container-type:inline-size;width:50%;flex:none;padding:clamp(8px,1vw,14px);border-radius:clamp(18px,2vw,28px);background:linear-gradient(145deg,#3C3C3C,#151515 40%,#0C0C0C);box-shadow:0 0 0 1px #4A4A4A,inset 0 1px 0 rgba(255,255,255,.18),0 60px 120px -50px rgba(0,0,0,.95),0 40px 90px -40px rgba(224,36,107,.4)}
.bo-tscreen{--m:#B8661E;position:relative;aspect-ratio:4/3;border-radius:clamp(10px,1.2vw,16px);overflow:hidden;background:#F6F1EA;color:#2A2420;padding:5cqw 6cqw;display:flex;flex-direction:column;gap:2.4cqw;font-size:2.8cqw}
.bo-browser{container-type:inline-size;flex:1;min-width:0;border-radius:12px;overflow:hidden;background:#161616;box-shadow:0 0 0 1px #3A3A3A,inset 0 1px 0 rgba(255,255,255,.12),0 60px 120px -50px rgba(0,0,0,.95),0 40px 90px -40px rgba(224,36,107,.4)}
.bo-bseite{--m:#B8661E;position:relative;aspect-ratio:16/9.4;overflow:hidden;background:#F6F1EA;color:#2A2420;font-size:1.4cqw}
.bo-panel{flex:none;width:clamp(220px,28%,290px);padding:18px;border-radius:14px;background:#1C1C1C;box-shadow:0 0 0 1px #333,0 30px 60px -20px rgba(0,0,0,.9);font-size:13px;color:#D4D4D4}
.bo-panel .k{display:block;margin:0 0 12px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text)}
:where(.bo-display,.bo-tscreen,.bo-bseite,.bo-panel) p{margin:0;color:inherit}
.bo-x{display:inline-grid}.bo-x > *{grid-area:1/1}
@media (max-width:860px){
  .bo-szene{gap:12px;flex-wrap:wrap}
  .bo-weg{display:none!important}
  .bo-handy{width:min(270px,78%)}
  .bo-szene .bo-browser{flex:0 0 100%}
  .bo-panel{width:min(300px,86%)}
}
/* Helle Attrappen der Live-Seiten (Karten, Mockups) behalten ihre hellen Farben auf dem dunklen Grund */
:is(.bw-k,.bw-zahl,.bw-portale span,.bw-wahl span,.bw-wk,.evm-k,.evm-t,.evm-such,.tk,.weg,.rl,.leads,.pro-mock,.schau,.ablauf div,.beispiel,.merk>div,.an-gast,.an-termin,.twocol div,.portals li,.portale .liste li,.anatomy){--fg:#16171A;--muted:#5A5F66;--faint:#8E949B;--line:rgba(22,23,26,.10);--line2:rgba(22,23,26,.18);--soft:#EEECE8;--bg:#F6F5F2;--card:#fff;--ok:#1E8A55;color:#16171A}
:is(.bw-k,.bw-zahl,.bw-wk,.evm-k,.evm-t,.evm-such,.tk,.weg,.rl,.leads,.pro-mock,.schau,.ablauf div,.beispiel,.merk>div,.an-gast,.an-termin,.twocol div,.portals li,.portale .liste li,.anatomy) :is(p,h3,h4,h5,li,b,strong){color:inherit}
section.sc-rein .paar>div{text-align:left}
section.sc-rein .paar>div>h3{color:#fff}
:is(.bw-k,.evm-k,.evm-such,.tk,.weg,.rl,.leads,.pro-mock,.beispiel,.merk>div,.twocol div,.portals li) a{color:#B0185A}
.ben p{color:inherit}
.an-push .meldung{color:#16171A}
.kreis{color:#fff!important}
.pm-k.pri{background:var(--accent)}
.ideen .idee h3{color:#fff}
/* Zweispalter der Live-Seiten: Listen als dunkle Karten, sonst Punkte mit Grafik */
.bo-zwei{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:980px;margin:40px auto 0}
.bo-zwei > div{padding:24px 26px;border-radius:12px;background:#161616;box-shadow:inset 0 0 0 1px #242424;text-align:left}
.bo-zwei h3{margin:0 0 12px;color:#fff;font-size:19px}
.bo-zwei ul{margin:0;padding-left:20px;display:grid;gap:8px;color:#A3A3A3;font-size:15px;line-height:1.55}
.fs-liste.bo-zwei-l{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}
@media (max-width:760px){.bo-zwei,.fs-liste.bo-zwei-l{grid-template-columns:1fr}}
.bo-def{max-width:760px;margin:48px auto 0;padding:24px 26px;border-radius:12px;background:#161616;box-shadow:inset 0 0 0 1px #242424;text-align:left}
.bo-def h3{margin:0 0 8px;color:#fff;font-size:19px}
.bo-def p{margin:0;color:#A3A3A3}
.bo-def b{color:#fff}
.bo-def a{color:#F2F2F2;text-decoration:underline;text-underline-offset:3px}
.portale .liste li a{color:#B0185A}