/* sicher – Kindersicherungs-Trainer (Prototyp). Mobil-first. */
:root{
  --blau:#14324f; --blau2:#1f4e79; --akzent:#2f80ed; --gruen:#1f9d55; --rot:#d64545; --orange:#e08a1e;
  --bg:#f3f5f8; --karte:#fff; --text:#1c2430; --text2:#5b6675; --linie:#e2e6ec;
  --ios-bg:#f2f2f7; --ios-gruppe:#fff; --and-bg:#f7f9fc; --and-gruppe:#fff;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
@media (prefers-color-scheme:dark){ :root{ --bg:#0f141b; --karte:#18202b; --text:#e7ecf2; --text2:#9aa6b4; --linie:#2a3442; } }
*{box-sizing:border-box;}
html,body{margin:0;background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;}
button{font:inherit;color:inherit;cursor:pointer;}
.ic{flex-shrink:0;vertical-align:-.15em;}

/* ── Kopf: fixer Geräte-Wechsler ── */
#kopf{position:sticky;top:0;z-index:50;background:var(--blau);color:#fff;padding-top:env(safe-area-inset-top);box-shadow:0 2px 10px rgba(0,0,0,.2);}
.b-top{display:flex;align-items:center;gap:8px;padding:8px 12px 4px;}
.b-top .logo{display:flex;align-items:center;gap:7px;margin-right:auto;min-width:0;}
.logo-tx{display:flex;flex-direction:column;line-height:1.1;min-width:0;}
.logo-tx b{font-size:17px;font-weight:700;letter-spacing:.01em;}
.logo-tx small{font-size:11px;font-weight:500;opacity:.78;font-style:italic;letter-spacing:.02em;white-space:nowrap;}
.b-uebung{background:#ffcf33;color:#3a2a00;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.03em;}
.b-nav{background:rgba(255,255,255,.12);border:0;border-radius:16px;padding:6px 10px;font-size:13px;display:flex;align-items:center;gap:5px;color:#fff;}
.b-nav.an{background:#fff;color:var(--blau);}
.b-geraete{display:flex;gap:6px;overflow-x:auto;padding:6px 12px 10px;scrollbar-width:none;}
.b-geraete::-webkit-scrollbar{display:none;}
.chip{display:flex;align-items:center;gap:5px;white-space:nowrap;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;border-radius:18px;padding:6px 11px;font-size:13px;flex-shrink:0;}
.chip em{font-style:normal;font-size:10.5px;opacity:.75;border-left:1px solid rgba(255,255,255,.35);padding-left:5px;}
.chip.an{background:#fff;color:var(--blau);border-color:#fff;font-weight:600;box-shadow:0 0 0 3px rgba(255,207,51,.6);}
.chip.an em{border-color:rgba(20,50,79,.25);}
.uebung{background:#fff4c2;color:#5a4300;font-size:12px;padding:5px 12px;text-align:center;}

/* ── Auftragsleiste ── */
.auftrag{display:flex;gap:10px;align-items:center;background:#e8f1ff;border-bottom:1px solid #c9dcf7;padding:8px 12px;color:#14324f;}
.a-tx{flex:1;min-width:0;font-size:13px;}
.a-tx small{display:block;color:#3c5675;font-size:12px;line-height:1.35;max-height:3.9em;overflow:auto;}
.a-btns{display:flex;gap:6px;flex-shrink:0;}

/* ── Panels (Familie / Aufträge) ── */
.panel{max-width:640px;margin:0 auto;padding:16px;}
.panel h1{font-size:21px;margin:4px 0 6px;}
.panel>p{color:var(--text2);line-height:1.45;margin:0 0 14px;}
.karte{background:var(--karte);border:1px solid var(--linie);border-radius:14px;padding:14px;margin-bottom:12px;}
.karte h3{margin:0 0 8px;font-size:15px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.karte.fertig{border-color:#9fd8b6;}
.badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;display:inline-flex;gap:3px;align-items:center;}
.badge.ok{background:#e3f6ea;color:#16703e;}
.leise{color:var(--text2);font-size:13px;}
.feld{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text2);}
.k-kopf{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px;}
.k-name{flex:1 1 140px;font:inherit;font-size:16px;font-weight:600;border:1px solid var(--linie);border-radius:10px;padding:8px 10px;background:var(--bg);color:var(--text);min-width:0;}
.k-alter{font-size:13px;color:var(--text2);display:flex;align-items:center;gap:6px;}
.k-alter input{width:64px;font:inherit;font-size:16px;border:1px solid var(--linie);border-radius:10px;padding:7px 8px;background:var(--bg);color:var(--text);}
.g-zeile{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px solid var(--linie);flex-wrap:wrap;}
.g-zeile select{font:inherit;font-size:15px;border:1px solid var(--linie);border-radius:10px;padding:6px 8px;background:var(--bg);color:var(--text);}
.os-wahl{display:inline-flex;border:1px solid var(--linie);border-radius:10px;overflow:hidden;}
.os-wahl button{border:0;background:var(--bg);padding:7px 12px;font-size:13px;}
.os-wahl button.an{background:var(--blau2);color:#fff;font-weight:600;}
.mini{border:0;background:transparent;color:var(--text2);padding:6px;margin-left:auto;border-radius:8px;}
.k-fuss{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;}
.aktionen{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;}
.btn,.btn2{border-radius:12px;padding:10px 16px;font-size:14px;font-weight:600;border:0;}
.btn{background:var(--akzent);color:#fff;}
.btn2{background:transparent;border:1px solid var(--linie);color:var(--text);}
.btn2.rot{color:var(--rot);border-color:#f0c7c7;}
.btn2.gross{width:100%;border-style:dashed;margin-bottom:6px;}
.klein{padding:6px 10px;font-size:12.5px;border-radius:10px;}

/* ── Simulator ── */
.sim-wrap{display:flex;justify-content:center;padding:0;}
.phone{width:100%;min-height:calc(100dvh - 140px);display:flex;flex-direction:column;background:var(--ios-bg);color:#111;position:relative;}
.phone.android{background:var(--and-bg);}
.phone.router{background:#eef1f5;}
@media (min-width:700px){
  .sim-wrap{padding:22px 0 40px;}
  .phone{width:390px;min-height:760px;border-radius:44px;border:10px solid #1b1f24;box-shadow:0 20px 50px rgba(0,0,0,.25);overflow:hidden;}
  .phone.typ-tablet{width:560px;border-radius:30px;}
  .phone.typ-laptop{width:680px;border-radius:14px;min-height:520px;}
  .phone.typ-uhr{width:300px;min-height:360px;border-radius:70px;}
  .phone.router{width:680px;border-radius:12px;border-width:6px;}
}
.s-status{display:flex;justify-content:space-between;align-items:center;padding:8px 18px 4px;font-size:12.5px;font-weight:600;color:#111;}
.s-uebung{background:#ffcf33;color:#3a2a00;border-radius:8px;padding:1px 7px;font-size:10px;text-transform:uppercase;}
.s-screen{flex:1;overflow:auto;padding-bottom:12px;}
.s-homebar{display:block;margin:6px auto 8px;width:134px;height:5px;border-radius:3px;background:#111;border:0;padding:0;}
.s-navbar{display:flex;justify-content:space-around;padding:8px 0 10px;background:#fff;border-top:1px solid #e6e8ec;}
.s-navbar button{border:0;background:transparent;font-size:18px;padding:4px 18px;color:#444;}

.s-home{padding:26px 16px;min-height:100%;background:linear-gradient(160deg,#cfe0f5,#e9e3f7);}
.s-home.android{background:linear-gradient(160deg,#d6efe3,#dde8f7);}
.s-apps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 8px;}
.s-app{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11.5px;color:#1c1c1e;}
.s-appic{width:58px;height:58px;border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.15);}
.android .s-appic{border-radius:50%;}
.s-wer{margin-top:28px;text-align:center;font-size:12px;color:#3c4a5c;display:flex;justify-content:center;align-items:center;gap:5px;}

.s-kopf{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;padding:6px 10px 10px;min-height:44px;}
.s-kopf h2{margin:0;font-size:17px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.s-kopf.android{background:#fff;border-bottom:1px solid #e6e8ec;grid-template-columns:auto 1fr auto;}
.s-kopf.android h2{text-align:left;font-size:19px;font-weight:500;}
.s-back{border:0;background:transparent;color:#0a7cff;display:flex;align-items:center;gap:2px;padding:6px 4px;font-size:16px;}
.s-kopf.android .s-back{color:#333;}
.s-hdbtn{border:0;background:transparent;padding:6px;color:#333;}
.s-gtitel{font-size:12.5px;color:#6d6d72;text-transform:uppercase;padding:14px 20px 6px;letter-spacing:.02em;}
.android .s-gtitel{text-transform:none;color:#1a73e8;font-weight:600;font-size:13.5px;}
.s-gruppe{background:var(--ios-gruppe);margin:0 14px;border-radius:12px;overflow:hidden;}
.android .s-gruppe{margin:0 12px;border-radius:16px;}
.s-gfuss{font-size:12px;color:#6d6d72;padding:6px 20px 0;line-height:1.35;}
.s-zeile{display:flex;align-items:center;gap:10px;padding:11px 14px;min-height:46px;border-bottom:1px solid #ececf0;font-size:15.5px;}
.s-zeile:last-child{border-bottom:0;}
.s-zeile.tap{cursor:pointer;}
.s-zeile.tap:active{background:#e5e5ea;}
.s-zic{width:29px;height:29px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;}
.android .s-zic{border-radius:50%;}
.s-zl{flex:1;min-width:0;display:flex;flex-direction:column;}
.s-zl small{font-size:12px;color:#8a8a8e;}
.s-zw{color:#8a8a8e;font-size:14.5px;white-space:nowrap;}
.s-chev{color:#c4c4c9;display:flex;}
.s-haken{color:#0a7cff;display:flex;}
.android .s-haken{color:#1a73e8;}
.s-info{border:0;background:#e9f1ff;color:#2366c9;border-radius:50%;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;}
.s-hinweis{margin:4px 18px 10px;font-size:13px;color:#4a5566;line-height:1.4;background:#fff8e1;border-radius:10px;padding:8px 10px;}
.s-hinweis.klein{font-size:12px;}
.s-leer{padding:14px;color:#8a8a8e;font-size:14px;}
.s-sw{position:relative;width:51px;height:31px;flex-shrink:0;}
.s-sw input{opacity:0;width:0;height:0;position:absolute;}
.s-sw span{position:absolute;inset:0;background:#e3e3e8;border-radius:16px;transition:.2s;}
.s-sw span::after{content:"";position:absolute;width:27px;height:27px;left:2px;top:2px;background:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.25);transition:.2s;}
.s-sw input:checked+span{background:#34c759;}
.android .s-sw input:checked+span{background:#1a73e8;}
.s-sw input:checked+span::after{transform:translateX(20px);}
.s-sw input:focus-visible+span{outline:2px solid #0a7cff;outline-offset:2px;}
.s-zeit{font:inherit;font-size:16px;border:1px solid #d1d1d6;border-radius:8px;padding:4px 6px;background:#f7f7f9;color:#111;}
.s-btn{border:0;border-radius:10px;padding:9px 14px;background:#e9e9ee;color:#1c2430;font-weight:600;font-size:14px;}
.s-btn.rot{background:#ffe5e5;color:#c0262d;}

/* Chat-App */
.c-app{min-height:100%;display:flex;flex-direction:column;background:#fff;}
.c-app.android .s-kopf{background:#1f7a55;color:#fff;border:0;}
.c-app.android .s-kopf .s-back,.c-app.android .s-hdbtn{color:#fff;}
.c-liste{flex:1;}
.c-zeile{display:flex;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid #f0f0f2;}
.c-av{width:44px;height:44px;border-radius:50%;background:#cfd8dc;color:#37474f;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;}
.c-tx{display:flex;flex-direction:column;min-width:0;}
.c-tx small{color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.c-tabs{display:flex;border-top:1px solid #e6e6ea;background:#f9f9f9;}
.c-tabs button{flex:1;border:0;background:transparent;padding:8px 0 10px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:#8a8a8e;}
.c-tabs button.an{color:#1f9d55;}
.c-nr{text-align:center;font-size:12px;color:#888;padding:4px;}
.c-blase{margin:16px 14px;background:#f1f1f3;border-radius:14px 14px 14px 4px;padding:10px 12px;max-width:80%;font-size:15px;}
.c-aktion{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:16px;}

/* Router */
.r-ui{padding:12px;color:#1c2430;}
.r-kopf{display:flex;gap:8px;align-items:center;background:#2b3a4a;color:#fff;border-radius:10px;padding:10px 12px;}
.r-kopf span{margin-left:auto;font-size:12px;opacity:.7;}
.r-karte{background:#fff;border-radius:10px;padding:12px;margin-top:10px;border:1px solid #dde3ea;}
.r-karte h3{margin:0 0 6px;display:flex;align-items:center;justify-content:space-between;font-size:16px;}
.r-karte h4{margin:14px 0 6px;font-size:13px;color:#46576b;display:flex;align-items:center;gap:6px;}
.r-zeile{display:flex;align-items:center;gap:8px;padding:7px 0;border-top:1px solid #eef1f4;font-size:14px;flex-wrap:wrap;}
.r-zeile>span:first-of-type{flex:1;}
.r-zeile select{font:inherit;font-size:14px;padding:5px 6px;border:1px solid #cfd6de;border-radius:6px;}

/* Bottom-Sheet: Info & Prüfergebnis */
#sheet[hidden]{display:none;}
.sheet-bg{position:fixed;inset:0;background:rgba(10,20,35,.45);z-index:90;}
.sheet-box{position:fixed;left:0;right:0;bottom:0;z-index:91;background:var(--karte);color:var(--text);border-radius:18px 18px 0 0;max-height:86dvh;overflow:auto;padding:18px 16px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px rgba(0,0,0,.25);}
@media (min-width:700px){ .sheet-box{left:50%;right:auto;bottom:auto;top:50%;transform:translate(-50%,-50%);width:560px;border-radius:18px;max-height:84vh;} }
.sheet-box h2{font-size:18px;margin:0 32px 10px 0;display:flex;align-items:center;gap:6px;}
.sheet-box h4{font-size:12.5px;text-transform:uppercase;color:var(--text2);margin:14px 0 4px;letter-spacing:.03em;}
.sheet-box p{line-height:1.5;margin:0 0 6px;}
.sheet-x{position:absolute;top:12px;right:12px;border:0;background:var(--bg);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;}
.quellen{margin-top:10px;border-top:1px solid var(--linie);padding-top:6px;}
.quellen a{display:block;color:var(--akzent);padding:5px 0;text-decoration:none;}
.quellen details summary{cursor:pointer;color:var(--text2);font-size:13px;padding:4px 0;}
p.gut{color:#16703e;font-weight:600;}
p.mittel{color:#9a5b00;font-weight:600;}
.erg{border:1px solid var(--linie);border-radius:12px;margin:8px 0;overflow:hidden;}
.erg summary{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;font-size:14px;list-style:none;}
.erg summary::-webkit-details-marker{display:none;}
.erg summary span{flex:1;}
.erg summary em{font-style:normal;font-size:12px;color:var(--text2);white-space:nowrap;}
.erg.ok summary{color:#16703e;background:#effaf3;}
.erg.nok summary{color:#a33;background:#fff1f1;}
.erg-in{padding:4px 12px 12px;}
@media (prefers-color-scheme:dark){ .erg.ok summary{background:#13301f;color:#7fd8a2;} .erg.nok summary{background:#3a1717;color:#ff9b9b;} .auftrag{background:#16263a;color:#d7e6fb;border-color:#24405f;} .a-tx small{color:#a9bfdc;} .uebung{background:#3d3410;color:#ffe48a;} }

/* Etappe 1: Motor-Elemente */
.s-input{flex:1;min-width:0;font:inherit;font-size:16px;border:1px solid #d1d1d6;border-radius:8px;padding:7px 9px;background:#f7f7f9;color:#111;}
.s-btn.blau{background:#0a7cff;color:#fff;}
.android .s-btn.blau{background:#1a73e8;}
.s-btn.klein{padding:6px 10px;font-size:13px;}
.s-zeile.opt{padding-left:22px;}
.s-kopf.router{background:#2b3a4a;color:#fff;border-radius:10px;margin-bottom:8px;}
.s-kopf.router .s-back{color:#fff;}
.r-ui .s-gruppe{margin:0;border:1px solid #dde3ea;border-radius:10px;}
.r-ui .s-gtitel{padding:12px 4px 6px;text-transform:none;font-weight:600;color:#46576b;}
.r-ui .s-gfuss{padding:6px 4px 0;}
.r-ui .s-hinweis{margin:4px 0 8px;}

/* Etappe 2: Kinder-Anfragen */
.anfrage{margin:10px 12px 0;background:#fff;border:1px solid #f1d28a;border-left:4px solid #f5b400;border-radius:14px;padding:12px;box-shadow:0 6px 18px rgba(0,0,0,.08);color:#1c2430;animation:anf-ein .35s ease;}
@keyframes anf-ein{from{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}
.anf-kopf{display:flex;gap:10px;align-items:flex-start;}
.anf-av{width:38px;height:38px;border-radius:50%;background:#ffe8a3;color:#7a5600;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.anf-tx{display:flex;flex-direction:column;gap:2px;min-width:0;}
.anf-tx small{color:#6b7380;font-size:12px;}
.anf-tx b{font-size:15px;line-height:1.35;font-weight:600;}
.anf-btns{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;}
.leise-btn{color:#6b7380;}
.anf-zeile{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-top:1px solid var(--linie);font-size:14px;}
.anf-zeile em{font-style:normal;font-size:12px;padding:1px 8px;border-radius:10px;white-space:nowrap;}
.e-ja{background:#e3f6ea;color:#16703e;} .e-nein{background:#fde8e8;color:#a33;} .e-spaeter{background:#eef1f5;color:#5b6675;}
@media (prefers-color-scheme:dark){ .anfrage{background:#1f2733;color:#e7ecf2;border-color:#5c4a17;} .anf-tx small{color:#9aa6b4;} }
@media (min-width:700px){ .anfrage{max-width:560px;margin:14px auto 0;} }

/* Etappe 3: Stores + Ökosystem */
.st-chips{display:flex;gap:6px;overflow-x:auto;padding:4px 14px 10px;scrollbar-width:none;}
.st-chips::-webkit-scrollbar{display:none;}
.st-chip{border:1px solid #d1d1d6;background:#fff;border-radius:16px;padding:6px 12px;font-size:13px;white-space:nowrap;color:#1c1c1e;}
.st-chip.an{background:#0a7cff;border-color:#0a7cff;color:#fff;}
.android .st-chip.an{background:#1a8f5c;border-color:#1a8f5c;}
.st-liste{background:#fff;margin:0 12px;border-radius:14px;overflow:hidden;}
.st-app{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid #f0f0f3;cursor:pointer;}
.st-app:last-child{border-bottom:0;}
.st-ic{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;}
.android .st-ic{border-radius:14px;}
.st-ic.klein{width:30px;height:30px;border-radius:8px;}
.st-ic.gross{width:76px;height:76px;border-radius:18px;}
.st-tx{flex:1;min-width:0;display:flex;flex-direction:column;}
.st-tx b{font-size:15px;font-weight:600;}
.st-tx small{font-size:12px;color:#8a8a8e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.st-knopf{background:#eef0f4;color:#0a7cff;font-weight:700;font-size:13px;border-radius:14px;padding:5px 12px;white-space:nowrap;}
.android .st-knopf{color:#1a8f5c;}
.st-knopf.drin{color:#8a8a8e;}
.st-detail{display:flex;gap:14px;align-items:center;padding:6px 16px 10px;}
.st-detail h3{margin:0;font-size:20px;}
.st-detail small{color:#8a8a8e;}
.st-fakten{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 14px;background:#fff;border-radius:12px;padding:10px 6px;}
.st-fakt{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;}
.st-fakt small{font-size:10.5px;color:#8a8a8e;line-height:1.2;}
.st-fakt b{font-size:13px;}
.st-text{margin:12px 16px;font-size:14px;line-height:1.45;color:#333;}
.st-aktion{display:flex;gap:8px;align-items:center;margin:0 16px 14px;flex-wrap:wrap;}
.st-anfrage{flex-wrap:wrap;}
.s-badge{position:absolute;top:-5px;right:-5px;background:#ff3b30;color:#fff;font-size:11px;font-style:normal;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px;}
.s-appic{position:relative;}
.s-zeile.gesperrt{opacity:.62;}
.s-zeile.gesperrt .s-zw{font-size:12px;}
.oeko-box{margin:4px 14px 10px;border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.4;}
.oeko-box b{display:block;margin-bottom:3px;}
.oeko-box p{margin:0 0 8px;}
.oeko-box.m{background:#fff1e6;color:#7a3d00;border:1px solid #f7c9a1;}
.oeko-box.w{background:#eaf3ff;color:#1d4a80;border:1px solid #c5dcfa;}
.oeko-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;white-space:nowrap;}
.oeko-badge.g{background:#e3f6ea;color:#16703e;} .oeko-badge.w{background:#eaf3ff;color:#1d4a80;} .oeko-badge.m{background:#fff1e6;color:#9a4b00;}
.mini-info{width:26px;height:26px;}

/* ── App-Oberflächen (fiktiv, neutrale Icons; Etappe 4) ── */
.ax{min-height:100%;display:flex;flex-direction:column;background:#fff;color:#111;--ax:#2f80ed;--ax2:#f2f3f5;--axt:#6b7280;}
.ax.dunkel{background:#0d0f12;color:#f2f2f2;--ax2:#1c1f24;--axt:#a3a9b3;}
.ax-kopf{display:flex;align-items:center;gap:6px;padding:6px 10px 8px;min-height:46px;position:sticky;top:0;z-index:3;background:inherit;}
.ax-titel{flex:1;font-size:19px;font-weight:700;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ax-rechts{display:flex;gap:2px;}
.ax-hd{border:0;background:transparent;color:inherit;padding:6px;border-radius:50%;display:flex;}
.ax-inhalt{flex:1;}
.ax-tabs{position:sticky;bottom:0;z-index:3;display:flex;justify-content:space-around;border-top:1px solid rgba(127,127,127,.18);background:inherit;padding:6px 2px 8px;}
.ax-tabs button{flex:1;border:0;background:transparent;color:var(--axt);display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;padding:2px 0;min-width:0;}
.ax-tabs button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.ax-tabs button.an{color:inherit;font-weight:700;}
.ax-tabs button.gross{justify-content:center;}
.ax-av{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;flex-shrink:0;}
.ax-av.gr{width:66px;height:66px;font-size:24px;}
.ax-bild{display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.55);position:relative;}
.ax-bild.hoch{height:min(420px,62vh);border-radius:10px;}
.ax-bild.quadrat{aspect-ratio:1/1;}
.ax-bild.breit{aspect-ratio:16/9;border-radius:12px;}
.ax-bild.kachel{aspect-ratio:3/4;}
.ax-ki{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.55);color:#fff;font-size:10.5px;padding:2px 7px;border-radius:8px;}
.ax-lern{display:inline-flex;align-items:center;gap:4px;border:1px solid rgba(47,128,237,.45);background:rgba(47,128,237,.1);color:#2f80ed;border-radius:12px;padding:3px 9px;font-size:12px;font-weight:600;margin-top:6px;vertical-align:middle;}
.dunkel .ax-lern{color:#8ab8ff;border-color:rgba(138,184,255,.5);background:rgba(138,184,255,.12);}
.ax-hinweis{margin:10px 12px;padding:9px 11px;border-radius:12px;font-size:13px;line-height:1.4;background:var(--ax2);}
.ax-hinweis.warn{background:#fff3e0;color:#7a4200;}
.ax-hinweis.ok{background:#e7f6ec;color:#185c34;}
.dunkel .ax-hinweis.warn{background:#3a2a12;color:#ffd59a;}
.dunkel .ax-hinweis.ok{background:#173323;color:#a8e6bf;}
.ax-leer{padding:50px 24px;text-align:center;color:var(--axt);}
/* Video-Feed */
.ax-vfeed{padding:0 8px 8px;display:flex;flex-direction:column;gap:12px;}
.ax-vtop{display:flex;justify-content:center;gap:18px;font-size:15px;color:var(--axt);padding:2px 0 4px;}
.ax-vtop .an{color:inherit;font-weight:700;border-bottom:2px solid currentColor;}
.ax-video{position:relative;}
.ax-vseite{position:absolute;right:8px;top:min(150px,25vh);display:flex;flex-direction:column;gap:14px;align-items:center;color:#fff;}
.ax-vseite span{display:flex;flex-direction:column;align-items:center;font-size:11px;}
.ax-vtext{position:absolute;left:12px;right:60px;top:calc(min(420px,62vh) - 110px);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);font-size:13.5px;}
.ax-vtext p{margin:3px 0;}
.ax-vtext small{display:flex;align-items:center;gap:3px;opacity:.9;}
.ax-komm{padding:6px 12px 2px;font-size:13px;}
.ax-komm p{margin:4px 0;}
/* Posts + Stories */
.ax-stories{display:flex;gap:12px;overflow-x:auto;padding:4px 12px 10px;scrollbar-width:none;border-bottom:1px solid rgba(127,127,127,.15);}
.ax-story{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;}
.ax-story .ax-av{box-shadow:0 0 0 2px #fff,0 0 0 4px #d6249f;}
.ax-post{border-bottom:1px solid rgba(127,127,127,.12);padding-bottom:8px;}
.ax-phead{display:flex;align-items:center;gap:9px;padding:8px 12px;}
.ax-phead .ax-av{width:32px;height:32px;font-size:13px;}
.ax-phead>span:not(.ax-av){flex:1;display:flex;flex-direction:column;font-size:13.5px;}
.ax-phead small{font-size:11.5px;color:var(--axt);}
.ax-pact{display:flex;gap:14px;padding:8px 12px 2px;}
.ax-ptext{padding:0 12px;font-size:13.5px;}
.ax-ptext p{margin:3px 0;}
/* Chats */
.ax-suche{display:flex;align-items:center;gap:8px;margin:0 12px 8px;background:var(--ax2);border-radius:10px;padding:8px 10px;color:var(--axt);font-size:14px;}
.ax-anfragen{display:flex;align-items:center;gap:10px;padding:11px 14px;font-size:14.5px;font-weight:600;border-bottom:1px solid rgba(127,127,127,.12);}
.ax-anfragen span{flex:1;}
.ax-anfragen em{font-style:normal;background:#e53935;color:#fff;border-radius:10px;padding:1px 8px;font-size:12px;}
.ax-czeile{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid rgba(127,127,127,.1);cursor:pointer;}
.ax-ctx{flex:1;min-width:0;display:flex;flex-direction:column;}
.ax-ctx b{font-size:15px;font-weight:600;}
.ax-ctx small{font-size:13px;color:var(--axt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ax-czeit{font-size:11.5px;color:var(--axt);}
.ax-chat{display:flex;flex-direction:column;min-height:100%;}
.ax-chat .ax-kopf .ax-av{width:34px;height:34px;font-size:14px;}
.ax-chat .ax-titel{font-size:16px;}
.ax-nr{text-align:center;font-size:12px;color:var(--axt);padding:2px 12px 6px;}
.ax-msgs{flex:1;display:flex;flex-direction:column;gap:6px;padding:10px 12px;}
.ax-msg{max-width:78%;padding:8px 11px;border-radius:16px;font-size:14.5px;line-height:1.35;}
.ax-msg.sie{align-self:flex-start;background:var(--ax2);border-bottom-left-radius:4px;}
.ax-msg.ich{align-self:flex-end;background:var(--ax);color:#fff;border-bottom-right-radius:4px;}
.ax-caktion{margin:6px 12px;padding:10px;border-radius:14px;background:var(--ax2);font-size:13.5px;}
.ax-caktion p{margin:0 0 8px;}
.ax-cbtns{display:flex;flex-wrap:wrap;gap:6px;}
.ax-cbtns .s-btn{display:inline-flex;align-items:center;gap:4px;}
.ax-eingabe{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;margin:8px 10px 6px;padding:9px 14px;border-radius:20px;background:var(--ax2);color:var(--axt);font-size:14px;}
/* Profil */
.ax-profil{padding:6px 14px 10px;}
.ax-prow{display:flex;align-items:center;gap:16px;}
.ax-stats{flex:1;display:flex;justify-content:space-around;}
.ax-stats span{display:flex;flex-direction:column;align-items:center;font-size:12px;}
.ax-stats b{font-size:16px;}
.ax-stats small{color:var(--axt);}
.ax-pname{display:block;margin-top:8px;font-size:15px;}
.ax-handle{color:var(--axt);font-size:13px;}
.ax-bio{font-size:13.5px;margin:6px 0;}
.ax-pbtns{display:flex;gap:6px;margin:8px 0;}
.ax-pbtns span{flex:1;text-align:center;background:var(--ax2);border-radius:8px;padding:7px;font-size:13px;font-weight:600;}
.ax-profil .ax-hinweis{margin:8px 0;}
.ax-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin:6px -14px 0;}
/* Kamera + Karte */
.ax-kamera{background:#000;color:#fff;min-height:440px;display:flex;flex-direction:column;}
.ax-sucher{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:rgba(255,255,255,.35);background:radial-gradient(circle at 50% 40%,#3b4350,#0b0c0f);}
.ax-sucher small{color:rgba(255,255,255,.6);}
.ax-ausloeser{display:flex;justify-content:center;padding:16px;}
.ax-ausloeser span{width:68px;height:68px;border-radius:50%;border:5px solid #fff;}
.ax-map{position:relative;height:360px;background:linear-gradient(135deg,#cfe7d4 0%,#e7efe1 40%,#d3e4f2 41%,#d9e8f3 60%,#e9eadf 61%);overflow:hidden;}
.ax-map::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 58px,rgba(255,255,255,.75) 58px 62px),repeating-linear-gradient(0deg,transparent 0 70px,rgba(255,255,255,.75) 70px 74px);}
.ax-pinp{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;font-size:11px;font-weight:600;color:#222;}
.ax-pinp .ax-av{width:36px;height:36px;border:3px solid #fff;font-size:14px;}
.ax-pinp.ich .ax-av{box-shadow:0 0 0 6px rgba(47,128,237,.25);}
.ax-karte.geist .ax-pinp.ich{opacity:.65;}
/* Video-Startseite + Kids */
.ax-chips,.ax-kchips{display:flex;gap:6px;overflow-x:auto;padding:2px 12px 10px;scrollbar-width:none;}
.ax-chips span,.ax-kchips span{background:var(--ax2);border-radius:8px;padding:6px 11px;font-size:13px;white-space:nowrap;}
.ax-chips span.an{background:currentColor;}
.ax-chips span.an{background:#111;color:#fff;}
.dunkel .ax-chips span.an{background:#f2f2f2;color:#111;}
.ax-yt{padding:0 12px 14px;}
.ax-ytinfo{display:flex;gap:10px;padding-top:8px;}
.ax-ytinfo .ax-av{width:34px;height:34px;font-size:13px;}
.ax-ytinfo>span:not(.ax-av){display:flex;flex-direction:column;font-size:14px;}
.ax-ytinfo small{color:var(--axt);font-size:12px;}
.ax-kchips span{border-radius:18px;padding:8px 14px;font-weight:700;}
.ax-kchips span.an{background:#ff7043;color:#fff;}
.ax-kgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 12px 10px;}
.ax-kkachel small{display:block;font-size:12.5px;font-weight:600;margin-top:4px;}
/* App-eigene Einstellungsseiten */
.ax-set{background:var(--ios-bg);}
.ax-set.android{background:var(--and-bg);}
.ax-set.dunkel-set{background:#0d0f12;}
/* Farbakzente der fiktiven Apps (keine Original-Logos) */
.ax-whatsapp{--ax:#1f9d55;}
.ax-whatsapp.android .ax-kopf{background:#fff;color:#1f7a55;}
.ax-threema{--ax:#3c3c3c;}
.ax-signal{--ax:#3a76f0;}
.ax-instagram{--ax:#c13584;}
.ax-tiktok{--ax:#fe2c55;}
.ax-snapchat{--ax:#e6c700;}
.ax-snapchat .ax-kopf{background:#fffc00;color:#111;}
.ax-youtube{--ax:#c62828;}
.ax-ytkids{--ax:#e53935;background:#fff8f0;}
@media (min-width:700px){ .ax-bild.hoch{height:440px;} .ax-vtext{top:330px;} .ax-vseite{top:170px;} }
/* Feste Gerätehöhe: Bildschirm scrollt innen, App-Tabs bleiben unten sichtbar (Etappe 4) */
.phone{height:calc(100dvh - 140px);min-height:480px;}
@media (min-width:700px){ .phone{height:760px;} .phone.typ-laptop{height:520px;} .phone.typ-uhr{height:360px;} .phone.router{height:auto;} }

/* ── Etappe 5–7 ── */
.ax-bild.gross{aspect-ratio:4/3;}
.ax-bild.mini{width:96px;height:96px;border-radius:12px;flex-shrink:0;}
.ax-bild.mini svg{width:30px;height:30px;}
.ax-bild.rund{width:66px;height:66px;border-radius:50%;}
.ax-bild.rund svg{width:26px;height:26px;}
.ax-pbild{display:flex;}
.ax-grid.fotos{margin:6px 0 0;}
.ax-fkachel{border:0;padding:0;background:none;position:relative;display:block;}
.ax-fpin{position:absolute;right:5px;top:5px;background:rgba(0,0,0,.5);color:#fff;border-radius:10px;padding:2px 4px;display:flex;}
.ax-fdetails{display:flex;flex-direction:column;gap:3px;padding:10px 14px;}
.ax-fdetails small{color:var(--axt);display:flex;align-items:center;gap:4px;font-size:12.5px;}
.ax-fdetails small.ok{color:#1f7a45;}
.ax-fdetails .ax-lern{align-self:flex-start;}
.ax-fteilen{padding:4px 14px 16px;display:flex;flex-direction:column;gap:8px;}
.ax-fteilen h4{margin:6px 0 2px;font-size:13px;color:var(--axt);text-transform:uppercase;letter-spacing:.03em;}
.ax-fteilen .s-btn{text-align:left;}
.ax-post-ed{display:flex;gap:12px;align-items:flex-start;padding:10px 14px 14px;}
.ax-ed-text{color:var(--axt);font-size:14px;padding-top:6px;}
.ax .s-gruppe{margin:0 12px;}
.ax.dunkel .s-gruppe{background:#1c1f24;}
.ax.dunkel .s-zeile{border-color:#2a2e35;}
.aktionen.pad{padding:12px 14px;}
.sheet-box .ax-bild.mini{margin:4px 0 8px;}
ul.bew{list-style:none;margin:6px 0 10px;padding:0;display:flex;flex-direction:column;gap:6px;}
ul.bew li{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.4;padding:7px 9px;border-radius:10px;}
ul.bew li>span{flex:1;}
ul.bew li.ok{background:#e9f7ef;color:#185c34;}
ul.bew li.hm{background:#fff5e6;color:#6b4100;}
ul.bew li small{color:inherit;opacity:.75;}
ul.bew li .btn2{flex-shrink:0;align-self:center;}
.ax-galerie{position:absolute;left:28px;bottom:26px;width:42px;height:42px;border-radius:10px;border:2px solid #fff;background:rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;}
.ax-ausloeser{position:relative;}
.ax-neu{display:flex;align-items:center;gap:10px;margin:4px 12px 12px;padding:14px;border-radius:14px;border:0;background:var(--ax);color:#fff;font-weight:700;font-size:15px;width:calc(100% - 24px);}
.ax-kkachel{position:relative;}
.ax-kkachel em{display:block;font-style:normal;font-size:11.5px;color:var(--axt);}
.ax-kkachel em.ax-reife{display:inline-block;margin-top:3px;background:var(--ax2);border-radius:6px;padding:1px 6px;}
.ax-kkachel em.ax-reife.rot{background:#ffe5e5;color:#b3261e;}
.ax-kkachel.aus .ax-bild{filter:grayscale(1);opacity:.55;}
.ax-player{display:flex;flex-direction:column;align-items:center;padding:8px 24px 14px;gap:4px;}
.ax-player .ax-bild{width:min(240px,62vw);border-radius:12px;}
.ax-player b{font-size:18px;margin-top:8px;}
.ax-player small{color:var(--axt);}
.ax-pbar{width:100%;height:4px;background:rgba(255,255,255,.2);border-radius:2px;margin:10px 0 4px;}
.ax-pbar span{display:block;width:35%;height:100%;background:#fff;border-radius:2px;}
.ax-pctl{display:flex;align-items:center;gap:26px;}
.ax-play{width:56px;height:56px;border-radius:50%;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;}
.ax-czeile.aus{opacity:.45;}
.ax-e{font-style:normal;font-size:10px;background:var(--axt);color:#111;border-radius:3px;padding:0 4px;vertical-align:1px;}
.ax-dc{display:flex;min-height:420px;}
.ax-dcleiste{width:62px;flex-shrink:0;background:#0b0c0e;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 0;}
.ax-dcsrv{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;border:0;}
.ax-dcsrv.an{border-radius:14px;}
.ax-dcsrv.dm{background:#5865f2;}
.ax-dcsrv.plus{background:#1c1f24;color:#3ba55c;}
.ax-dcmain{flex:1;min-width:0;padding:10px 12px;background:#15171a;}
.ax-dcname{display:block;font-size:16px;}
.ax-dckanal{display:block;color:var(--axt);margin:2px 0 12px;}
.ax-dcmsg{display:flex;gap:10px;margin-bottom:14px;}
.ax-dcmsg .ax-av{width:34px;height:34px;font-size:13px;}
.ax-dcmsg span{min-width:0;font-size:14px;}
.ax-dcmsg p{margin:2px 0 0;}
.ax-lobby{padding:10px 14px;background:linear-gradient(170deg,#2a1b5e,#0d0f12 70%);min-height:420px;}
.ax-team{display:flex;justify-content:space-around;padding:30px 0 20px;}
.ax-team span{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;}
.ax-spielen{display:block;width:100%;border:0;border-radius:12px;padding:16px;font-size:20px;font-weight:800;letter-spacing:.06em;background:#ffd400;color:#111;margin-bottom:10px;}
.ax-lobby .ax-hinweis{margin:10px 0;}
.ax-menu{display:flex;flex-direction:column;gap:8px;padding:10px 14px;}
.ax-menu.gross{min-height:440px;justify-content:center;background:linear-gradient(#7cb342,#33691e);margin:0;padding:24px;}
.ax-logo{display:flex;flex-direction:column;align-items:center;color:#fff;margin-bottom:18px;}
.ax-logo b{font-size:26px;letter-spacing:.1em;text-shadow:2px 2px 0 #000;}
.ax-mbtn{display:flex;align-items:center;gap:10px;border:0;border-radius:10px;padding:13px 14px;background:var(--ax2);color:inherit;font-size:15px;font-weight:600;text-align:left;}
.ax-mbtn span{flex:1;}
.ax-menu.gross .ax-mbtn{background:#c6c6c6;color:#222;border:2px solid #555;border-radius:4px;}
.ax-spotify{--ax:#1db954;}
.ax-roblox{--ax:#335fff;}
.ax-discord{--ax:#5865f2;}
.ax-fortnite{--ax:#5d3fd3;}
.ax-minecraft{--ax:#5a8f3c;}
.ax-capcut{--ax:#00c2c7;}
.ax-duolingo{--ax:#58cc02;}
.ax-scratchjr{--ax:#f9a825;}
.ax-fotos{--ax:#f4a024;}
/* Familien-Check, Start, roter Faden */
.fc-score b{font-size:17px;}
.fc-bar{height:12px;border-radius:6px;background:var(--linie);margin:8px 0 6px;overflow:hidden;}
.fc-bar span{display:block;height:100%;background:linear-gradient(90deg,#f5a623,#1f9d55);border-radius:6px;}
.fc-gr{border-top:1px solid var(--linie);padding:6px 0;}
.fc-gr summary{cursor:pointer;font-weight:600;font-size:14px;padding:4px 0;}
.fc-gr summary small{color:var(--text2);font-weight:500;}
ul.bew.fc li{align-items:center;}
.badge{background:var(--bg);color:var(--text2);}
.start{padding-top:22px;}
.start-logo{display:flex;align-items:center;gap:14px;color:var(--blau2);margin-bottom:12px;}
.start-logo h1{margin:0;font-size:26px;color:var(--text);}
.uebung-karte{background:#fff8dc;border-color:#f1d57a;color:#4d3b00;}
.uebung-karte p{margin:4px 0 0;font-size:14px;line-height:1.45;}
ol.faden{padding-left:22px;line-height:1.5;margin:0 0 6px;}
ol.faden li{margin-bottom:6px;}
.faden-leiste{display:flex;gap:6px;overflow-x:auto;margin:0 -4px 12px;padding:2px 4px;scrollbar-width:none;}
.fl-schritt{display:flex;align-items:center;gap:6px;border:1px solid var(--linie);background:var(--karte);border-radius:18px;padding:5px 10px 5px 5px;font-size:12.5px;white-space:nowrap;}
.fl-schritt small{color:var(--text2);}
.fl-nr{width:21px;height:21px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;}
.fl-schritt.ok .fl-nr{background:#1f9d55;color:#fff;}
@media (max-width:420px){ .b-nl{display:none;} .b-nav{padding:6px 8px;} }
/* Mehrere Elterngeräte + Steuerungs-Matrix */
.k-name.klein{flex:1 1 120px;font-size:15px;padding:6px 9px;}
.mx-wrap{overflow-x:auto;margin:0 -4px;}
table.mx{border-collapse:collapse;width:100%;font-size:12.5px;}
table.mx th,table.mx td{padding:7px 6px;border-top:1px solid var(--linie);text-align:left;vertical-align:top;}
table.mx thead th{border-top:0;font-weight:700;}
table.mx th small,table.mx td small{display:block;color:var(--text2);font-weight:400;font-size:11px;margin-top:2px;}
table.mx tbody th{font-weight:600;min-width:96px;}
table.mx td .oeko-badge{white-space:nowrap;}
/* Windows-Laptop (Fluent-ähnlich, neutral) */
.phone.windows{background:#f3f3f3;}
.s-home.windows{background:linear-gradient(160deg,#cfe3f7,#e4e9f5);}
.s-kopf.windows{background:#fff;border-bottom:1px solid #e5e5e5;grid-template-columns:auto 1fr auto;}
.s-kopf.windows h2{text-align:left;font-size:18px;font-weight:600;}
.s-kopf.windows .s-back{color:#0067b8;}
.windows .s-gtitel{text-transform:none;color:#1b1b1b;font-weight:600;font-size:14px;}
.windows .s-gruppe{border-radius:8px;margin:0 12px;}
.windows .s-haken{color:#0067b8;}
.windows .s-appic{border-radius:10px;}
.phone.windows .s-navbar{display:none;}
.s-taskbar{display:flex;justify-content:center;gap:18px;padding:7px 0 9px;background:rgba(243,243,243,.95);border-top:1px solid #ddd;}
.s-taskbar button{border:0;background:transparent;color:#1b1b1b;padding:5px 10px;border-radius:6px;}
.s-taskbar button:hover{background:#e5e5e5;}
.ax-av.img{background-size:cover;background-position:center;}
/* ── Kompakter Kopf (eine Zeile): Logo · Geräte-Chips · Ansichten ── */
.b-zeile{display:flex;align-items:center;gap:6px;padding:6px 8px;min-height:46px;}
.b-zeile .logo{display:flex;align-items:center;gap:5px;flex-shrink:0;}
.b-zeile .logo-tx{font-size:15px;font-weight:700;display:inline;}
.b-zeile .b-uebung{border:0;font-size:9.5px;padding:2px 6px;border-radius:8px;cursor:pointer;opacity:.9;}
.b-zeile .b-geraete{flex:1;min-width:0;padding:0 2px;gap:5px;mask-image:linear-gradient(90deg,transparent 0,#000 8px,#000 calc(100% - 12px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8px,#000 calc(100% - 12px),transparent);}
.b-zeile .chip{padding:4px 9px;font-size:12px;border-radius:14px;gap:4px;line-height:1.2;}
.b-zeile .chip em{font-size:9.5px;padding-left:4px;}
.b-zeile .chip.an{box-shadow:0 0 0 2px rgba(255,207,51,.75);}
.b-navs{display:flex;gap:4px;flex-shrink:0;}
.b-zeile .b-nav{padding:6px 8px;border-radius:12px;gap:4px;font-size:12.5px;}
.b-zeile .b-nl{display:none;}
@media (min-width:900px){ .b-zeile .b-nl{display:inline;} .b-zeile{padding:7px 14px;} .b-zeile .chip{font-size:12.5px;padding:5px 10px;} }
@media (max-width:420px){ .b-zeile .chip em{display:none;} .b-zeile .chip span{max-width:110px;overflow:hidden;text-overflow:ellipsis;} }
#kopf .uebung{display:none;}
.sim-wrap{padding-top:0;}
@media (max-width:699px){ .phone{min-height:440px;} }
@media (max-width:420px){ .b-zeile .logo-tx{display:none;} .b-zeile{gap:5px;padding:6px;} .b-zeile .b-nav{padding:6px 7px;} }
/* ── Navigation unten passend zum Gerät ── */
.nv-homezone{display:flex;justify-content:center;align-items:flex-end;padding:10px 0 8px;cursor:pointer;touch-action:none;}
.nv-indikator{display:block;width:134px;height:5px;border-radius:3px;background:#111;transition:transform .15s;}
.nv-homezone:active .nv-indikator{transform:translateY(-3px);}
.phone.ios .s-homebar{display:none;}
.nv-android{gap:0;}
.nv-android button{display:flex;align-items:center;justify-content:center;padding:6px 26px;color:#3c4043;border-radius:20px;}
.nv-android button:active{background:#e8eaed;}
.nv-dock{display:flex;align-items:center;justify-content:center;gap:8px;margin:6px auto 8px;padding:6px 10px;border-radius:16px;background:rgba(255,255,255,.55);border:1px solid rgba(0,0,0,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:max-content;max-width:95%;}
.nv-app{border:0;background:none;padding:0;display:flex;}
.nv-app span{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .12s;}
.nv-app:hover span,.nv-app:active span{transform:translateY(-3px);}
.nv-trenner{width:1px;height:30px;background:rgba(0,0,0,.18);}
.nv-taskleiste{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 8px 7px;background:rgba(243,243,243,.96);border-top:1px solid #ddd;}
.nv-taskleiste .nv-app span{width:32px;height:32px;border-radius:7px;}
.nv-start,.nv-such{border:0;background:transparent;color:#0067b8;width:36px;height:36px;border-radius:7px;display:flex;align-items:center;justify-content:center;}
.nv-such{color:#333;}
.nv-start:hover,.nv-such:hover{background:#e5e5e5;}
.nv-regal{display:flex;align-items:center;gap:6px;padding:6px 8px;background:rgba(32,33,36,.92);color:#fff;}
.nv-launcher,.nv-zur{border:0;background:rgba(255,255,255,.12);color:#fff;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.nv-mitte{flex:1;display:flex;justify-content:center;gap:6px;}
.nv-regal .nv-app span{width:32px;height:32px;border-radius:50%;}
.nv-status{font-size:11px;display:flex;align-items:center;gap:4px;opacity:.85;}
.phone.typ-uhr{position:relative;}
.nv-krone{position:absolute;right:-6px;top:30%;width:12px;height:34px;border-radius:5px;border:0;background:linear-gradient(90deg,#9aa0a6,#5f6368);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);cursor:pointer;z-index:4;}
.nv-seite{position:absolute;right:-4px;top:52%;width:8px;height:44px;border-radius:4px;border:0;background:#7d8288;cursor:pointer;z-index:4;}
.nv-krone.wear{top:26%;width:10px;height:26px;border-radius:5px;}
.nv-seite.wear{top:58%;height:26px;width:10px;right:-6px;border-radius:5px;background:linear-gradient(90deg,#9aa0a6,#5f6368);}
@media (max-width:699px){ .nv-krone{right:0;} .nv-seite{right:0;} }
.nv-karten{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:6px 0 12px;}
.nv-karte{border:1px solid var(--linie);background:var(--bg);border-radius:14px;padding:22px 10px;font-weight:600;color:var(--text);}
.s-taskbar{display:none;}
.nv-krone,.nv-seite,.nv-krone.wear,.nv-seite.wear{right:3px;}
/* ── Einheitliche Leiste unten: Zurück · Home · Einstellungen (Stil je Gerät) ── */
.nv3{display:flex;justify-content:space-around;align-items:center;gap:4px;padding:5px 8px 7px;border-top:1px solid rgba(0,0,0,.08);background:rgba(249,249,251,.96);}
.nv3-btn{flex:1;max-width:120px;border:0;background:transparent;color:#2b2f36;display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 4px;border-radius:12px;font-size:10.5px;cursor:pointer;}
.nv3-btn span{opacity:.75;}
.nv3-btn:active{background:rgba(0,0,0,.07);}
.nv3-ios .nv3-btn.h svg{color:#111;}
.nv3-ios{background:rgba(242,242,247,.96);}
.nv3-android{background:#fff;}
.nv3-android .nv3-btn{color:#3c4043;border-radius:20px;}
.nv3-windows{background:rgba(243,243,243,.97);border-top-color:#ddd;}
.nv3-windows .nv3-btn{border-radius:6px;}
.nv3-windows .nv3-btn.h{color:#0067b8;}
.nv3-mac{background:transparent;border:0;padding:4px 8px 8px;}
.nv3-mac .nv3-btn{background:rgba(255,255,255,.6);border:1px solid rgba(0,0,0,.08);margin:0 3px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.nv3-chromeos{background:rgba(32,33,36,.94);border-top-color:#111;}
.nv3-chromeos .nv3-btn{color:#e8eaed;border-radius:18px;}
.nv3-chromeos .nv3-btn:active{background:rgba(255,255,255,.12);}
.nv3-uhr{background:#111;border:0;padding:4px 6px 6px;}
.nv3-uhr .nv3-btn{color:#e8eaed;font-size:9.5px;padding:3px 2px;}
.nv3-router{background:#eef1f5;}
.nv3-router .nv3-btn{color:#1a3a5a;}
.nv-homezone,.nv-android,.nv-dock,.nv-taskleiste,.nv-regal,.nv-krone,.nv-seite{display:none;}
/* ── Geräte-Dropdown im Kopf ── */
.b-wahl{position:relative;flex:1;min-width:0;display:flex;justify-content:center;}
.b-wahlknopf{display:flex;align-items:center;gap:7px;max-width:100%;min-width:0;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.1);color:#fff;border-radius:14px;padding:5px 10px;cursor:pointer;}
.b-wahlknopf.an{background:#fff;color:var(--blau);border-color:#fff;}
.b-wahlknopf[aria-expanded="true"] .ic:last-child{transform:rotate(90deg);}
.b-wahlknopf .ic:last-child{transform:rotate(90deg);opacity:.7;transition:transform .15s;}
.b-wahlknopf[aria-expanded="true"] .ic:last-child{transform:rotate(-90deg);}
.b-wahltx{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.15;}
.b-wahltx b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.b-wahltx small{font-size:10.5px;opacity:.75;}
.b-menue{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);width:min(320px,calc(100vw - 16px));max-height:min(70vh,520px);overflow:auto;background:var(--karte);color:var(--text);border:1px solid var(--linie);border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.25);padding:6px;z-index:80;}
.b-mgr{padding:4px 0;}
.b-mgr+.b-mgr{border-top:1px solid var(--linie);}
.b-mgr>small{display:block;font-size:11px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.04em;padding:4px 8px;}
.b-mitem{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:8px 10px;border-radius:10px;cursor:pointer;}
.b-mitem span{flex:1;display:flex;flex-direction:column;min-width:0;}
.b-mitem b{font-size:14px;font-weight:600;}
.b-mitem small{font-size:12px;color:var(--text2);}
.b-mitem:hover,.b-mitem:focus-visible{background:var(--bg);}
.b-mitem.an{background:#e8f1ff;color:#14324f;}
@media (prefers-color-scheme:dark){ .b-mitem.an{background:#1f3550;color:#e7ecf2;} }
.b-zeile .b-geraete{display:none;}
/* Warnkarte für problematische Inhalte: keine Vorschau, neutrale Fläche */
.ax-warnkarte{border-radius:10px;overflow:hidden;background:#1c1f24;border:1px solid #33373e;}
.ax-warnflaeche{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:22px 18px;text-align:center;color:#d6d9de;background:repeating-linear-gradient(135deg,#2a2e35 0 14px,#30353d 14px 28px);}
.ax-warnflaeche b{font-size:15px;color:#fff;}
.ax-warnflaeche small{font-size:12.5px;color:#b8bec7;max-width:260px;}
.ax-warnlabel{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#ffcf33;color:#3a2a00;border-radius:8px;padding:2px 8px;}
.ax-warnknoepfe{display:flex;flex-wrap:wrap;gap:6px;padding:10px;justify-content:center;}
.ax-warnknoepfe .s-btn{display:inline-flex;align-items:center;gap:4px;}
.ax-warnknoepfe .s-btn:not(.blau){background:#3a3f47;color:#f1f3f5;}
/* Warnkarte v2: verschwommenes Stimmungsbild + Banner */
.ax-warnflaeche{position:relative;overflow:hidden;width:100%;border:0;cursor:pointer;background:#1c1f24;min-height:300px;padding:0;display:block;}
.ax-warnbg{position:absolute;inset:-30px;background-size:cover;background-position:center;filter:blur(22px) saturate(.75) brightness(.7);transform:scale(1.1);}
.ax-warnbg.foto{filter:blur(26px) saturate(.6) brightness(.55);}
.wb-grusel:not(.foto){background:radial-gradient(circle at 30% 35%,#ff8f3d 0 12%,transparent 30%),radial-gradient(circle at 70% 60%,#6a3fa0 0 18%,transparent 45%),linear-gradient(160deg,#2b1640,#120c1d);}
.wb-schoenheit:not(.foto){background:radial-gradient(circle at 45% 40%,#ffd1dc 0 20%,transparent 45%),radial-gradient(circle at 65% 65%,#f7a8c4 0 15%,transparent 40%),linear-gradient(160deg,#c48aa6,#6d4a5c);}
.wb-fragwuerdig:not(.foto){background:radial-gradient(circle at 35% 45%,#9aa3ad 0 18%,transparent 45%),radial-gradient(circle at 70% 55%,#c06b6b 0 12%,transparent 35%),linear-gradient(160deg,#3d434b,#1f2328);}
.ax-warnbanner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:300px;padding:22px 18px;text-align:center;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.45));}
.ax-warnbanner b{font-size:16px;text-shadow:0 1px 3px rgba(0,0,0,.6);}
.ax-warnbanner small{font-size:12.5px;color:#e3e6ea;max-width:260px;text-shadow:0 1px 2px rgba(0,0,0,.6);}
.ax-warnbanner em{font-style:normal;font-size:12px;font-weight:600;border:1px solid rgba(255,255,255,.55);border-radius:12px;padding:3px 10px;margin-top:4px;background:rgba(0,0,0,.25);}
/* Live-Zifferblatt der Smartwatch */
.s-zifferblatt{display:flex;flex-direction:column;align-items:center;margin:4px 0 18px;}
.s-uhr.gross{font-size:52px;font-weight:600;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums;color:#1c1c1e;}
.s-datum{font-size:13px;color:#5b6675;margin-top:4px;text-transform:capitalize;}
.s-status .s-uhr{font-variant-numeric:tabular-nums;}

/* ── Kontrast-Korrekturen (WCAG AA, hell + dunkel) ───────────────────────────────────────
 * Ursache im Dunkelmodus: Knöpfe/Texte erben helle Schrift (var(--text)), liegen aber auf hellen Flächen
 * (simulierter Bildschirm, Hinweis-Kästen). Der Simulator hat darum immer helle Farbvariablen. */
.phone{--bg:#f3f5f8;--karte:#fff;--text:#1c2430;--text2:#525d6b;--linie:#d9dee5;}
.ax.dunkel{--text:#f2f2f2;--text2:#c3c8cf;}
:root{--akzent:#1f6fd8;}
.btn{background:var(--akzent);}
/* Zweit-Knöpfe auf hellen Flächen: immer dunkle Schrift */
ul.bew li .btn2,.oeko-box .btn2,.phone .btn2,.ax-caktion .btn2{color:#1c2430;background:#fff;border-color:rgba(0,0,0,.22);}
.btn2.rot{color:#b42318;}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) .btn2.rot{color:#ff9b93;border-color:#6b2a2a;} :root:not([data-theme="light"]) .leise-btn{color:#c3c8cf;} }
/* Graue Werte/Untertitel im Simulator: dunkler (≥ 4.5:1 auf Weiss) */
.s-zw,.s-zl small,.st-tx small,.st-fakt small,.st-detail small,.s-leer,.s-gfuss{color:#6a6a70;}
.android .s-gtitel{color:#1765cc;}
.s-back{color:#0a64d0;}
.s-haken{color:#0a64d0;}
.st-knopf{color:#0a64d0;}
.android .st-knopf{color:#11633f;}
.st-knopf.drin{color:#5f6368;}
.android .st-chip.an{background:#14774b;border-color:#14774b;}
.st-chip.an{background:#0a64d0;border-color:#0a64d0;}
/* Lern-Chips „Was tun?“ */
.ax-lern{color:#1a56b0;border-color:rgba(26,86,176,.45);background:rgba(26,86,176,.08);}
/* App-UIs: sekundärer Text */
.ax{--axt:#5b6270;}
.ax.dunkel{--axt:#b4bac3;}
.ax-pbtns button{flex:1;border:0;background:var(--ax2);color:inherit;border-radius:8px;padding:7px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;}
/* Discord-Server-Symbole: dunklere Grundfarben für weisse Schrift */
.ax-dcsrv{text-shadow:0 1px 1px rgba(0,0,0,.35);}
/* Ergebnis-Sätze und Links in Sheets (dunkel) */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .sheet-box .mittel{color:#f2b35c;}
  :root:not([data-theme="light"]) .sheet-box .gut{color:#7fd8a4;}
  :root:not([data-theme="light"]) .sheet-box a,:root:not([data-theme="light"]) .panel a{color:#8fbcff;}
}

/* ── Interaktivität in den App-Oberflächen (v=30) ── */
.ax-vtap,.ax-gtap,.ax-ktap{display:block;width:100%;padding:0;margin:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;position:relative;text-align:inherit;}
.ax-vtap:focus-visible,.ax-gtap:focus-visible,.ax-ktap:focus-visible,.ax-story:focus-visible{outline:3px solid #2f80ed;outline-offset:-3px;}
.ax-pausiert{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(0,0,0,.28);pointer-events:none;}
.ax-vseite button{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:0;color:#fff;font:inherit;font-size:11px;cursor:pointer;padding:2px;text-shadow:0 1px 2px rgba(0,0,0,.5);}
.ax-vseite button.an,.ax-pact button.an{color:#ff3040;}
.ax-pact button{background:none;border:0;color:inherit;cursor:pointer;padding:2px;display:inline-flex;align-items:center;gap:4px;font:inherit;font-size:13px;}
button.ax-story{background:none;border:0;color:inherit;font:inherit;font-size:11px;cursor:pointer;padding:0;}
.ax-story.gesehen .ax-av{box-shadow:0 0 0 2px #fff,0 0 0 4px #b0b6bf;}
.ax-punkte{background:none;border:0;color:inherit;cursor:pointer;margin-left:auto;padding:4px;}
button.ax-suche{width:calc(100% - 24px);border:0;font:inherit;font-size:14px;cursor:pointer;text-align:left;}
.ax-vtop button{background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:0 0 2px;}
.ax-ausl{width:68px;height:68px;border-radius:50%;border:5px solid #fff;background:transparent;cursor:pointer;padding:0;}
.ax-ausl:active{background:rgba(255,255,255,.35);}
button.ax-pinp{background:none;border:0;cursor:pointer;padding:0;font:inherit;font-size:11px;font-weight:600;color:#222;}
.ax-eingabe input{flex:1;min-width:0;border:0;background:transparent;color:inherit;font:inherit;font-size:14px;outline:none;}
.ax-eingabe button{background:none;border:0;color:#2f80ed;cursor:pointer;padding:2px 0 2px 8px;display:inline-flex;}
.sheet-box .ax-eingabe{position:static;margin:10px 0;background:#eef1f5;color:#1c2430;}
.ax-msg.ich{white-space:pre-wrap;}
.ax-czeile-btn{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:0;background:none;border:0;cursor:pointer;font:inherit;color:inherit;text-align:left;}
button.ax-czeile{width:100%;background:none;border:0;border-bottom:1px solid rgba(127,127,127,.1);font:inherit;color:inherit;text-align:left;}
.ax-czeile.jetzt b{color:#1ed760;}
.ax-player.laeuft .ax-pbar span{animation:axFort 30s linear infinite;}
.ax-pbar.laeuft{background:#dfe3e8;}.ax-pbar.laeuft span{background:#e53935;animation:axFort 12s linear infinite;}
@keyframes axFort{from{width:0}to{width:100%}}
@media (prefers-reduced-motion:reduce){.ax-player.laeuft .ax-pbar span,.ax-pbar.laeuft span{animation:none;width:45%;}}
.ax-pctl button{background:none;border:0;color:inherit;cursor:pointer;padding:4px;display:inline-flex;}
.ax-dckanaele{display:flex;gap:6px;overflow-x:auto;margin:6px 0 10px;scrollbar-width:none;}
.ax-dckanaele button{flex:0 0 auto;background:#24272c;color:#c9cdd3;border:0;border-radius:6px;padding:5px 9px;font:inherit;font-size:13px;cursor:pointer;}
.ax-dckanaele button.an{background:#3a3e45;color:#fff;font-weight:600;}
button.ax-dcav{background:none;border:0;padding:0;cursor:pointer;color:inherit;}
.ax-dcmain .ax-eingabe{background:#24272c;color:#dcdfe3;}
.ax-dcmain .ax-eingabe input::placeholder{color:#a3a8b0;}
.ax-teilen{display:flex;flex-direction:column;gap:8px;margin:10px 0;}
.ax-teilen .s-btn{width:100%;text-align:left;}
.ax-storyview{background:#111;color:#fff;border-radius:14px;padding:10px;}
.ax-storyleiste{height:3px;background:rgba(255,255,255,.3);border-radius:2px;overflow:hidden;}
.ax-storyleiste span{display:block;height:100%;background:#fff;animation:axFort 5s linear forwards;}
.ax-storykopf{display:flex;align-items:center;gap:8px;margin:8px 0;}.ax-storykopf small{opacity:.7;}
.ax-storybild{height:240px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.8);}
.ax-storyview .ax-eingabe{background:rgba(255,255,255,.12);color:#fff;}
.ax-storyview .ax-eingabe button{color:#fff;}
.sheetkomm{max-height:40vh;overflow:auto;}
.br-leiste{display:flex;gap:8px;padding:10px 12px;}
.br-leiste input{flex:1;min-width:0;border:1px solid #c9ced6;border-radius:20px;padding:8px 14px;font:inherit;font-size:14px;background:#fff;color:#1c2430;}
.br-ergebnisse{padding:4px 12px 14px;display:flex;flex-direction:column;gap:8px;}
.br-treffer{display:flex;flex-direction:column;gap:2px;text-align:left;background:#fff;border:1px solid #e1e5ea;border-radius:10px;padding:10px 12px;font:inherit;color:#1a0dab;cursor:pointer;}
.br-treffer small{color:#3c6e3c;}
#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);max-width:min(92vw,420px);background:#1f2733;color:#fff;padding:10px 16px;border-radius:12px;font-size:14px;line-height:1.35;box-shadow:0 6px 20px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:1000;text-align:center;}
#toast.zeigen{opacity:1;transform:translate(-50%,0);}
.ax-kkachel[data-act]{cursor:pointer;}
/* Kontrast-Nachtrag (v=32) */
.ax-fnspieler{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:0;padding:4px;color:inherit;font:inherit;cursor:pointer;}
.ax-fnspieler small{font-size:12px;color:#f1f3f5;text-shadow:0 1px 2px rgba(0,0,0,.6);}
/* Titelleiste: Name des aktiven Geräts + dezentes Übungs-Badge */
.s-titel{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:5px;margin:0 8px;}
.s-gname{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:700;}
.s-titel .s-uebung{flex-shrink:0;font-size:8.5px;padding:0 5px;line-height:14px;border-radius:7px;letter-spacing:.02em;}
.typ-uhr .s-gname{font-size:11px;}
/* eigene Chat-Blasen + Zähl-Badge: weisse Schrift mind. 4.5:1 */
.ax-anfragen em{background:#c62828;}
/* Akzent für weisse Schrift (eigene Blasen, „Neu“-Knopf): abgedunkelte Variante, mind. 4.5:1 */
.ax-whatsapp{--axd:#1b8448;}
.ax-signal{--axd:#356ddd;}
.ax-tiktok{--axd:#d72548;}
.ax-snapchat{--axd:#816f00;}
.ax-ytkids{--axd:#d33431;}
.ax-spotify{--axd:#15843c;}
.ax-minecraft{--axd:#4c7933;}
.ax-capcut{--axd:#008084;}
.ax-duolingo{--axd:#357b02;}
.ax-scratchjr{--axd:#976617;}
.ax-fotos{--axd:#a16918;}
.ax-msg.ich,.ax-neu{background:var(--axd,var(--ax));color:#fff;}
/* Plattform-Icons */
.os-tag{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;}
.os-tag .ic{flex-shrink:0;}
.os-ic{display:inline-flex;vertical-align:-2px;}
.os-wahl button{display:inline-flex;align-items:center;gap:5px;}
.mx small .os-tag{gap:3px;}
.os-bild{object-fit:contain;vertical-align:middle;}
.s-titel .os-ic,.s-titel > .ic{flex-shrink:0;}
/* OS-Plaketten (v=42): farbige Fläche + weisses Zeichen, Gerätesymbol mit Plakette in der Ecke */
.os-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:28%;flex-shrink:0;vertical-align:middle;color:#fff;}
.os-badge svg{display:block;}
img.os-badge{object-fit:contain;border-radius:0;}
.geraet-os{position:relative;display:inline-flex;flex-shrink:0;padding:0 5px 5px 0;}
.geraet-os .os-badge{position:absolute;right:-1px;bottom:-1px;box-shadow:0 0 0 1.5px #fff;}
.b-wahlknopf .geraet-os .os-badge{box-shadow:none;}
.s-titel .os-badge{box-shadow:none;}
.b-mitem span.geraet-os{flex:0 0 auto;display:inline-flex;flex-direction:row;}
.b-mitem span.os-badge{flex:0 0 auto;display:inline-flex;flex-direction:row;position:absolute;}
.b-mitem.an .geraet-os .os-badge{box-shadow:0 0 0 1.5px #e8f1ff;}
@media (prefers-color-scheme:dark){ .b-menue .geraet-os .os-badge{box-shadow:0 0 0 1.5px var(--karte);} .b-mitem.an .geraet-os .os-badge{box-shadow:0 0 0 1.5px #1f3550;} }
/* OS-Plaketten v=44: helle Plaketten mit feinem Rand */
.os-badge.rand{box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);}
.geraet-os .os-badge.rand{box-shadow:inset 0 0 0 1px rgba(0,0,0,.18),0 0 0 1.5px #fff;}
.b-wahlknopf .geraet-os .os-badge.rand,.s-titel .os-badge.rand{box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);}
/* v=46: Communities, Kanäle, LIVE, Formularfelder in Blättern */
.ax-gtitel{padding:10px 14px 4px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--axt,#5b6573);}
.ax-badge-warn{color:#b35300;margin-left:auto;display:inline-flex;}
.ax-feld{display:flex;flex-direction:column;gap:4px;margin:10px 0;font-size:13px;font-weight:600;color:inherit;}
.ax-feld input,.ax-feld .s-sel{font:inherit;font-weight:400;font-size:14px;padding:8px 10px;border:1px solid #c9ced6;border-radius:10px;background:#fff;color:#1c2430;}
.ax-warnung{background:#fff4e5;color:#7a3e00;border-radius:10px;padding:8px 10px;display:flex;gap:6px;align-items:flex-start;font-size:13px;}
.ax-live{background:#0d0d10;color:#fff;padding-bottom:8px;}
.ax-livebild{position:relative;}
.ax-livekopf{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:center;gap:6px;text-shadow:0 1px 2px rgba(0,0,0,.6);}
.ax-livekopf .ax-av{width:30px;height:30px;font-size:12px;}
.ax-livekopf small{margin-left:auto;display:inline-flex;align-items:center;gap:3px;background:rgba(0,0,0,.45);padding:2px 7px;border-radius:10px;}
.ax-livebadge{background:#e0245e;color:#fff;font-size:11px;font-weight:800;padding:1px 6px;border-radius:4px;}
.ax-livechat{position:absolute;left:10px;right:60px;bottom:10px;display:flex;flex-direction:column;gap:4px;}
.ax-livechat p{margin:0;background:rgba(0,0,0,.5);padding:4px 8px;border-radius:10px;font-size:13px;width:fit-content;max-width:100%;}
.ax-livechat p.fremd b{color:#ffb4c4;}
.ax-liveknoepfe{display:flex;flex-wrap:wrap;gap:6px;padding:10px;}
.ax-live .s-btn{background:#2a2d33;color:#f1f3f5;display:inline-flex;align-items:center;gap:5px;}
.ax-live .ax-hinweis{color:#dfe3e8;margin:0 10px;}
.ax-storybild .ax-bild{height:240px;border-radius:10px;}
/* v=47: Erweiterungen */
.ax-msg .ax-von{display:block;font-size:12px;margin-bottom:2px;color:#00796b;}
.ax-msg.gemein{border:1px solid #f4b4b4;}
.ax-msgbild{display:flex;align-items:center;gap:6px;background:#e9e3e0;color:#5d4037;border-radius:8px;padding:18px 10px;margin:2px 0 6px;font-size:13px;}
.ax-cbtns .s-btn.erledigt{background:#e3f4e8;color:#1b5e20;}
.ax-kichips{display:flex;flex-wrap:wrap;gap:6px;padding:6px 10px;}
.ax-kichips .s-btn{text-align:left;}
.ax-streak{border:0;background:#fff3e0;color:#8a4b00;border-radius:12px;padding:2px 7px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;margin-left:4px;}
.ax-streak.ende{background:#ffe0e0;color:#a4161a;}
.ax-serie{display:flex;align-items:center;gap:10px;width:calc(100% - 24px);margin:8px 12px;padding:10px 12px;border:0;border-radius:14px;background:#fff3e0;color:#5d3300;font:inherit;text-align:left;cursor:pointer;}
.ax-serie b{font-size:18px;}
.ax-serie span{flex:1;font-size:13px;}
.ax-rang{width:22px;text-align:center;color:#5b6573;}
.ax-czeile.ich-zeile{background:#eef8e6;}
.ax-rbavatar{display:flex;justify-content:center;padding:18px;color:#5b6770;background:#eef1f5;margin:10px 12px;border-radius:14px;}
.ax-fnpass{margin:10px 12px;padding:14px;border-radius:14px;background:linear-gradient(150deg,#3b2a8f,#1d1640);color:#fff;display:flex;flex-direction:column;gap:6px;}
.ax-fnpass.crew{background:linear-gradient(150deg,#5d3fd3,#2a1b5e);}
.ax-fnpass small{color:#dcd6ff;}
.ax-fnpass .s-btn{align-self:flex-start;}
.ax-fnpass .ax-pbar{background:rgba(255,255,255,.25);}
.ax-spind{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 6px;border:0;border-radius:12px;background:#2a2d33;color:#f1f3f5;font:inherit;cursor:pointer;}
.ax-stufe{margin-left:auto;letter-spacing:1px;font-size:13px;}
.ax-stufe.s1{color:#c62828;} .ax-stufe.s2{color:#b35300;} .ax-stufe.s3{color:#1b7a3a;}
.ax-stufe i{font-style:normal;color:#666e79;}
.ax-thprofil{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;}
.ax-thprofil .ax-av{width:64px;height:64px;font-size:24px;}
.ax-thprofil b{font-family:ui-monospace,Menlo,monospace;font-size:18px;letter-spacing:.08em;}
.ax-abos{display:flex;gap:12px;overflow-x:auto;padding:10px 12px;}
.ax-abo{display:flex;flex-direction:column;align-items:center;gap:4px;border:0;background:none;font:inherit;font-size:11px;color:inherit;cursor:pointer;min-width:64px;}
.ax-genres{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 10px;}
.ax-genre{border:0;border-radius:10px;padding:18px 10px;color:#fff;font:inherit;font-weight:700;text-align:left;cursor:pointer;}
.ax-e{font-style:normal;font-size:10px;background:#5b6573;color:#fff;border-radius:3px;padding:0 4px;margin-left:4px;}
small.rot{color:#b3261e;}