/* Course section completion: preserve title alignment for unfinished sections. */
.cd-item-practice .cd-it{display:flex;align-items:center;gap:18px}
.cd-section-heading{min-width:0}
.cd-section-completion{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:50%;visibility:hidden}
.cd-section-completion.is-complete{visibility:visible;background:radial-gradient(circle at 32% 24%,#358d48,#205a32);box-shadow:inset 0 1px 1px #ffffff24,0 2px 5px #00000018;color:#24cf65}
.cd-section-completion svg{display:block;width:27px;height:27px;filter:drop-shadow(0 1px 1px #083a2460)}
@media(max-width:640px){.cd-item-practice .cd-it{gap:10px}.cd-section-completion{width:32px;height:32px;flex-basis:32px}.cd-section-completion svg{width:23px;height:23px}}

/* Keine Hover-Bewegung (Wunsch 01.10.2026): Knöpfe, Antworten und Karten heben/verschieben sich beim Überfahren nicht mehr.
   Farbe, Rahmen und Schatten bleiben als Rückmeldung. Liste = alle :hover-Regeln mit translate aus style.css + lx-auth.css. */
.auth-card .btn.primary.block:hover,.oauth-btn:hover,.card .cpin:hover,.jokerbtn:hover,.rc.mini[role="button"]:hover,.gcard:hover,.gcardv2:hover,.blitzcta:hover,.blitz #bq .opt:hover:not(:disabled),.blitz-rank-link:hover,.cd-cert.done:hover,.pcert:hover,.bannercard:hover,.p2-kpi:hover,.mc-promo:hover,.mc-card:hover,.fc-rate:hover,.profile .p2-kpi:hover,.profile .pcert:hover,.profile .pbadge:not(.locked):hover,.quiz-stage .opt:hover:not(:disabled),.settings .btn.primary:hover,.gcase:hover,.rankb .rb-pcard:hover,.rankb .rb-row:hover,.quiz-stage .iconbtn:hover,.quiz-stage .jokerbtn:hover,.quiz-stage .qfoot .btn.primary:hover:not(:disabled),.cd-item:hover,.cd-tip:hover,.shopcard:hover,.fd-item:hover,.pf-btn:hover,.pf-cert:hover,.hm-btn:hover,.hm-tool:hover,.hm-mc:hover,.hm-kc:hover,.fx-card:hover,.lp-btn:hover,.fe-topic:hover,.gl-card:hover,.gd-practice:hover,.quiz.quiz-stage.qz .opt:hover:not(:disabled),.quiz.quiz-stage.qz .qfoot .btn.primary:hover:not(:disabled),.cx-cert.done:hover,.cx-b:hover,.bz-opt:hover:not(:disabled),.px-cell.no:hover,.dz-opt:hover:not(:disabled),.dc-help:hover,.kk-opt:hover:not(:disabled),.kk-rate:hover:not(:disabled),.kk-dc:hover,.it2-jp:hover,.it2-bt button:hover,.pw2-ib:hover,.rs2-cell:hover,button.rk2-pd:hover,.sh2-it:hover,.sr2-best:hover,.ce2-act:hover,.qz2 #opts .opt:hover:not(:disabled),.qz2-joker:hover,.modal.m2 .m2-actions .btn:hover,.modal.m2 .share-b:hover,.ak2-cc:hover,.lp2-pc:hover,.cf2-cc:hover,.gl2-gc:hover,.os2-stack .ly:hover,.vd2-vc:hover,.mcp-cat:hover,.jbs:hover,.jbx-links a:hover,.wkx:hover,.lxa-social button:hover,.lxa-submit:hover,.lxa .btn.primary.block:hover{transform:none!important}
.card:hover,.share-b:hover{transform:translateZ(0)!important}
.rc.mini:hover .rc-go,.gcardv2:hover .gc-go,.gcase:hover .gc-go,.jbs:hover .jbs-go{transform:none!important}
.gcardv2:hover .gc-ic{transform:translateY(1px)!important}

/* Merksatz in der Kategorie-Ansicht (learning.js merksatzHtml) – Landingpage-Stil, ersetzt .merksatz/.ms-* */
.ms2{border-radius:24px;background:var(--hm-paper);border:1px solid var(--hm-line);color:var(--hm-ink);padding:22px 24px;display:grid;gap:18px;box-shadow:0 10px 24px -22px rgba(40,3,15,.35)}
.ms2-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center}
.ms2-ic{width:56px;height:56px;border-radius:18px;background:var(--hm-sun,#ffe14d);color:#28030f;display:grid;place-items:center;font-size:22px}
.ms2-s{margin:6px 0 0;font-size:clamp(20px,2.3vw,28px);font-weight:700;letter-spacing:-.035em;line-height:1.25;color:var(--hm-ink);text-wrap:balance}
.ms2-w{white-space:nowrap}
.ms2-w b{font-weight:900;color:#28030f;background:var(--hm-sun,#ffe14d);border-radius:7px;padding:0 .14em;margin-right:.03em}
.ms2-stack{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.ms2-stack li{display:grid;justify-items:start;gap:8px;padding:12px 12px 14px;border-radius:16px;background:var(--hm-tile,var(--hm-sand));border:1px solid var(--hm-line);min-width:0}
.ms2-n{font:600 11px var(--hm-mono,'Geist Mono',monospace);letter-spacing:.08em;color:var(--hm-muted)}
.ms2-n::before{content:"L"}
.ms2-l{width:38px;height:38px;border-radius:12px;background:#28030f;color:var(--hm-sun,#ffe14d);display:grid;place-items:center;font-size:18px;font-weight:900}
.ms2-t{font-size:13.5px;font-weight:700;line-height:1.25;overflow-wrap:anywhere}
.ms2-note{margin:0;font-size:13px;color:var(--hm-muted);line-height:1.5}
@media (max-width:900px){.ms2-stack{grid-template-columns:1fr;gap:6px}.ms2-stack li{grid-template-columns:44px 38px minmax(0,1fr);align-items:center;padding:8px 12px;margin-inline:calc(var(--i)*6px)}.ms2-t{font-size:14.5px}}
@media (max-width:520px){.ms2{padding:18px}.ms2-top{grid-template-columns:1fr}.ms2-stack li{margin-inline:0}}

/* Kopfzeile: Stundenplan + Notenrechner nur als Symbol (Platz sparen); Hover/aktiv gelb – nie schwarzer Rahmen */
.tb-tt{padding:0 4px;gap:0;margin-right:4px}
.tb-tt span{display:none}
.tb-tt:hover,.tb-tt.on{border-color:#ffe14d}
.tb-tt.on{box-shadow:0 0 0 3px rgba(255,225,77,.45)}

/* Fokus-Modus Eignungstest-Simulation (shared.js render → #shell.itq-focus): nur die Frage, dunkler ruhiger Hintergrund */
#shell.itq-focus>.sm,#shell.itq-focus .mainpane>.nav,#shell.itq-focus .mainpane>.tabs{display:none!important}
#shell.itq-focus .mainpane,#shell.itq-focus .mainpane>.body{background:radial-gradient(120% 120% at 85% 0%,#4a0b20 0%,#28030f 45%,#1c020a 100%)}
#shell.itq-focus .mainpane>.body{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:4vh 24px 5vh}
#shell.itq-focus .mainpane>.body::before{content:"Fokus-Modus · nur du und der Test";align-self:center;font:700 11px 'Geist Mono',ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#d9b9b0}
#shell.itq-focus .exam-qz2{width:min(1320px,100%);margin:0 auto}
#shell.itq-focus .exam-qz2 .qz2-stage{border-color:transparent;box-shadow:0 40px 90px -40px rgba(0,0,0,.65)}
@media (max-width:700px){#shell.itq-focus .mainpane>.body{justify-content:flex-start;padding:14px 10px 24px}}

/* Fokus-Modus: Beenden oben rechts (statt ✕ links in der Karte) */
.exf-quit{display:none}
#shell.itq-focus .exf-quit{position:fixed;top:18px;right:22px;z-index:60;display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 8px 0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff;font:700 14px Geist,system-ui,sans-serif;cursor:pointer;backdrop-filter:blur(6px)}
#shell.itq-focus .exf-quit i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ffe14d;color:#28030f;font-size:14px}
#shell.itq-focus .exf-quit:hover{border-color:#ffe14d;background:rgba(255,255,255,.14)}
#shell.itq-focus .exf-quit:focus-visible{outline:3px solid #ffe14d;outline-offset:2px}
#shell.itq-focus .exam-qz2 #ex{display:none}
@media (max-width:700px){#shell.itq-focus .exf-quit{top:10px;right:10px;height:38px;padding:0 6px 0 14px;font-size:13px}#shell.itq-focus .mainpane>.body{padding-top:58px}}

/* Kopfzeile rechts: alle Elemente mit gleichem Abstand – Gruppen auflösen, ein gemeinsamer Abstand */
.nav.tb2 .tb-right{gap:10px}
.nav.tb2 .tb-right .tb-tt{margin-right:0}
.nav.tb2 .tb-right .nav-actions{display:contents}
@media (min-width:1281px){.nav.tb2 .tb-right .tb-stats{display:contents}}
@media (max-width:1000px){.nav.tb2 .tb-right{gap:6px}}
.nav.tb2 .tb-right .nbtn{width:38px;height:38px;flex:0 0 38px;background:var(--tb-paper);border:1px solid var(--tb-line)}
.nav.tb2 .tb-right .nbtn:hover{border-color:#ffe14d}

/* Eignungstest-Simulation im qz2-Look (learning.js renderExamMc) */
.exam-qz2 .qz2-lay{grid-template-columns:minmax(0,1fr) 300px;max-width:1320px;margin:0 auto}
.exam-qz2 .exq-bar{margin-top:16px;height:8px;border-radius:5px;background:rgba(255,255,255,.14);overflow:hidden}
.exam-qz2 .exq-bar i{display:block;height:100%;border-radius:5px;background:#ffe14d;box-shadow:0 0 0 1px rgba(255,225,77,.35)}
.exam-qz2 .px-timer{margin-left:4px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18)}
.exam-qz2 .px-timer.low{background:#d4493b;border-color:#d4493b}
.exam-qz2 .qz2-qf .cx-b{display:inline-flex;align-items:center;gap:8px}
@media (max-width:700px){.exam-qz2 .px-timer{height:38px;padding:0 12px;font-size:15px}}

/* Gedächtnis-Training (Zahlenfolge/Paare + Raster) im qz2-Look – ersetzt das alte Quiz-Fenster */
.body .qz2-stage.mg2{width:min(1000px,100%);margin-inline:auto;display:block;padding:0}
.mg2::before,.mg2::after{content:none!important}
.mg2 .mg2-prg{display:flex;align-items:center;gap:12px;margin-top:16px}
.mg2 .mg2-prg .pbar{flex:1;height:8px;border-radius:5px;background:rgba(255,255,255,.14);overflow:hidden}
.mg2 .mg2-prg .pbar span{display:block;height:100%;border-radius:5px;background:#ffe14d;transition:width .3s}
.mg2 .mg2-prg .pnum{font:600 12px var(--hm-mono);color:#cbb3ac;white-space:nowrap}
.mg2>.mg-intro,.mg2>.mg-play,.mg2>.mg-res{padding:34px 30px 26px;text-align:center}
.mg2 .mg-hero-ic{width:84px;height:84px;border-radius:26px;background:#ffe14d;color:#28030f;font-size:32px;display:grid;place-items:center;margin:0 auto 16px}
.mg2 .mg-best{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:999px;background:var(--hm-sand);color:var(--hm-ink);font:600 12.5px var(--hm-mono)}
.mg2 .mg-best i{color:#d9a400}
.mg2 .qtext{font-size:clamp(30px,4vw,50px);font-weight:900;letter-spacing:-.055em;line-height:1.02;color:var(--hm-ink);text-wrap:balance}
.mg2 .mg-lead{color:var(--hm-muted);font-size:16px;line-height:1.6;max-width:38em;margin:0 auto}
.mg2 .mg-lead b{color:var(--hm-ink)}
.mg2 .memg-seg{display:inline-flex;gap:4px;padding:4px;margin:22px auto 0;border-radius:999px;background:var(--hm-sand);border:0}
.mg2 .memg-seg button{height:42px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:var(--hm-ink);font:700 14px 'Geist',sans-serif;display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.mg2 .memg-seg button.on{background:#28030f;color:#ffe14d}
.mg2 .qfoot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:28px -30px -26px;padding:18px 30px 24px;border-top:1px solid var(--hm-line)}
.mg2 .btn.primary{height:50px;padding:0 24px;border-radius:999px;border:0;background:#ffe14d;color:#28030f;font:800 15px 'Geist',sans-serif;box-shadow:0 14px 30px -14px rgba(214,160,0,.8)}
.mg2 .btn.ghost{height:50px;padding:0 22px;border-radius:999px;border:1.5px solid var(--hm-line2);background:transparent;color:var(--hm-ink);font:700 15px 'Geist',sans-serif}
.mg2 .btn.ghost:hover{border-color:#ffe14d}
.mg2 .memg-hint,.mg2 .mg-hint{font:600 12px var(--hm-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--hm-muted);margin-bottom:22px}
.mg2 .memg-seq span{width:62px;height:78px;border-radius:18px;background:var(--hm-tile,var(--hm-sand));border:1px solid var(--hm-line2);font:800 34px var(--hm-mono);color:var(--hm-ink)}
.mg2 .memg-timebar{height:8px;border-radius:5px;background:var(--hm-sand);max-width:360px}
.mg2 .memg-timebar span{background:#ffe14d;border-radius:5px}
.mg2 .memg-inp,.mg2 .mg-inp{max-width:360px;border-radius:18px;border:1.5px solid var(--hm-line2);background:var(--hm-tile,var(--hm-sand));color:var(--hm-ink);font:800 26px var(--hm-mono);padding:16px;outline:0}
.mg2 .memg-inp:focus,.mg2 .mg-inp:focus{border-color:#ffe14d;box-shadow:0 0 0 4px rgba(255,225,77,.35)}
.mg2 .memg-pair{border-radius:18px;background:var(--hm-tile,var(--hm-sand));border:1px solid var(--hm-line2);padding:12px 16px}
.mg2 .memg-pn{color:var(--hm-ink);font-family:var(--hm-mono)}
.mg2 .memg-opt{width:76px;height:76px;border-radius:20px;border:1.5px solid var(--hm-line2);background:var(--hm-paper);color:var(--hm-ink);font:800 28px var(--hm-mono);cursor:pointer}
@media (hover:hover){.mg2 .memg-opt:hover{border-color:#ffe14d;background:var(--hm-paper);color:var(--hm-ink)}}
.mg2 .memg-gcell{border-radius:18px}
.mg2 .mg-res-ic{width:88px;height:88px;font-size:34px}
.mg2 .mg-res .mg-best{margin-top:14px}
@media (max-width:700px){.mg2>.mg-intro,.mg2>.mg-play,.mg2>.mg-res{padding:24px 18px 20px}.mg2 .qfoot{margin:22px -18px -20px;padding:16px 18px 20px}.mg2 .qfoot .btn{flex:1}.mg2 .memg-seq span{width:46px;height:60px;font-size:26px;border-radius:14px}}
.mg2 .qz2-top .grow{flex:1}

/* Simulation: Seitenkarte «Übersprungen» (examSideHtml) */
.exq-side{display:grid;gap:16px;align-content:start}
.exq-card{padding:20px 20px 18px;border-radius:24px;background:var(--hm-paper);border:1px solid var(--hm-line);color:var(--hm-ink)}
.exq-card h3{margin:6px 0 12px;font-size:22px;letter-spacing:-.035em}
.exq-list{display:grid;gap:6px;max-height:min(46vh,420px);overflow:auto;margin:0 -6px;padding:0 6px}
.exq-it{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;text-align:left;padding:9px 10px;border-radius:16px;border:1px solid var(--hm-line);background:var(--hm-tile,var(--hm-sand));color:var(--hm-ink);cursor:pointer;font:inherit}
.exq-it:hover,.exq-it.on{border-color:#ffe14d}
.exq-it.on{box-shadow:0 0 0 3px rgba(255,225,77,.35)}
.exq-it .n{width:34px;height:34px;border-radius:11px;background:#28030f;color:#ffe14d;display:grid;place-items:center;font:700 12px var(--hm-mono)}
.exq-it .t{min-width:0}.exq-it b{display:block;font-size:13.5px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.exq-it small{font-size:11.5px;color:var(--hm-muted)}
.exq-it>i{color:var(--hm-muted);font-size:12px}
.exq-empty,.exq-note{margin:0;font-size:13.5px;line-height:1.5;color:var(--hm-muted)}
.exq-note{margin-top:12px;font-size:12.5px}
.exq-empty b{color:var(--hm-ink)}
.exq-prog{display:flex;align-items:baseline;gap:8px;margin:6px 0 10px}
.exq-prog b{font-size:34px;font-weight:900;letter-spacing:-.05em}.exq-prog span{color:var(--hm-muted);font-size:14px}
.exq-pbar{height:8px;border-radius:5px;background:var(--hm-sand);overflow:hidden;margin-bottom:16px}
.exq-pbar i{display:block;height:100%;background:#ffe14d;border-radius:5px}
.exq-submit{width:100%;justify-content:center;display:inline-flex;align-items:center;gap:8px}
.qz2-chip.exq-again{background:#ffe14d;color:#28030f}
.qz2-chip.exq-again i{font-size:11px}
@media (max-width:1100px){.exam-qz2 .qz2-lay{grid-template-columns:minmax(0,1fr)}.exq-list{max-height:none}}

/* Kopfzeile: Symbol-Knöpfe exakt mittig (fester Kreis statt Innenabstand) */
.nav.tb2 .tb-right .tb-tt{width:38px;height:38px;padding:0;gap:0;display:inline-grid;place-items:center;box-sizing:border-box;flex:0 0 38px}
.nav.tb2 .tb-right .tb-tt i{margin:0;line-height:1}
/* Font-Awesome-Glyphen sitzen im Zeilenkasten ~0.12em zu hoch – optisch in die Kreismitte schieben */
.nav.tb2 .tb-right .tb-tt i::before{display:block;transform:translateY(.12em)}
/* Stundenplan/Notenrechner/Alle Module: eigene SVG statt Schrift-Glyphe – sitzt in Safari und Chrome gleich mittig (03.10.2026) */
.nav.tb2 .tb-right .tb-tt i.tbi{display:grid;place-items:center;line-height:0}
.nav.tb2 .tb-right .tb-tt i.tbi svg{display:block;width:14px;height:14px}

/* ---------- Alle Module: grosses Menü der App (am-*) + Seitenleiste ---------- */
.sm .am-all{display:flex;align-items:center;gap:11px;width:100%;min-height:44px;margin:6px 0 4px;padding:6px 10px;border-radius:12px;border:1.5px dashed rgba(255,225,77,.45);background:rgba(255,225,77,.08);color:#ffe14d;font:700 14px Geist,system-ui,sans-serif;text-align:left;cursor:pointer}
.sm .am-all .sm-ic{background:#ffe14d;color:#28030f}
.sm .am-all:hover,.sm .am-all.on{background:rgba(255,225,77,.16);border-style:solid}
.sm .am-all .sm-nm{display:flex;flex-direction:column;min-width:0}
.sm .am-all small{font:600 10.5px 'Geist Mono',monospace;color:#cbb3ac;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sm .am-all>b{margin-left:auto;font:600 10.5px 'Geist Mono',monospace;color:#a88c85;border:1px solid rgba(255,255,255,.18);border-radius:6px;padding:2px 6px}
.sm.mini .am-all{justify-content:center;padding:6px 0}
.sm.mini .am-all>b{display:none}
.sm .sm-pinmod .sm-pt b{margin:0}
.nav.tb2 .tb-right .tb-tt.am-btn[aria-expanded="true"]{border-color:#ffe14d;box-shadow:0 0 0 3px rgba(255,225,77,.45)}
@media (min-width:1001px){.nav.tb2{grid-template-columns:minmax(150px,1fr) minmax(240px,420px) minmax(max-content,1fr)}}
@media (max-width:760px){.nav.tb2 .tb-right .tb-tt.am-btn{display:none}}
html.am-lock,html.am-lock body{overflow:hidden}
.am-ov{position:fixed;inset:0;z-index:112;background:rgba(25,3,10,.28);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.am{position:fixed;z-index:113;top:74px;right:24px;width:min(900px,calc(100vw - 48px));max-height:calc(100dvh - 96px);display:flex;flex-direction:column;border-radius:24px;background:var(--bg);border:1px solid var(--line);box-shadow:0 30px 70px -30px rgba(40,3,15,.55);overflow:hidden;animation:amIn .2s ease-out;color:var(--ink)}
@keyframes amIn{from{opacity:0;transform:translateY(-6px) scale(.985)}}
.am-head{display:flex;align-items:center;gap:14px;padding:18px 18px 8px 24px}
.am-head h2{font-size:24px;font-weight:800;letter-spacing:-.04em;margin:0;color:var(--ink)}
.am-head small{font:500 12px 'Geist Mono',monospace;color:var(--muted)}
.am-x{margin-left:auto;flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--app);border:1px solid var(--line);color:var(--ink);cursor:pointer}
.am-x:hover{border-color:#ffe14d}
.am-body{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:14px;padding:8px 10px 16px 14px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(40,3,15,.2) transparent}
.am-body::-webkit-scrollbar{width:6px}.am-body::-webkit-scrollbar-track{background:transparent}.am-body::-webkit-scrollbar-thumb{background:rgba(40,3,15,.18);border-radius:99px}
.am-main,.am-side{background:var(--app);border:1px solid var(--line);border-radius:18px;min-width:0}
.am-main{padding:14px 10px 10px}
.am-side{padding:16px 10px;align-self:start;position:sticky;top:0}
.am-search{display:flex;align-items:center;gap:10px;margin:0 6px 6px;padding:0 14px;height:44px;border-radius:999px;background:var(--bg);border:1.5px solid var(--line);color:var(--muted)}
.am-search:focus-within{border-color:#ffe14d;box-shadow:0 0 0 3px rgba(255,225,77,.4)}
.am-search input{flex:1;min-width:0;border:0;background:none;outline:0;box-shadow:none;padding:0;height:auto;font:500 16px Geist,system-ui,sans-serif;color:var(--ink);-webkit-appearance:none;appearance:none}
.am-search input::-webkit-search-cancel-button{display:none}
.am-g{padding:12px 0 6px;border-top:1px solid var(--line);margin-top:8px}
.am-g:first-of-type{border-top:0;margin-top:0}
.am-g[hidden],.am-it[hidden],.am-none[hidden]{display:none}
.am-g h3,.am-side h3{font:600 11.5px 'Geist Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:2px 10px 6px}
.am-list{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.am-it{position:relative;display:flex;align-items:flex-start;gap:12px;padding:10px 42px 10px 10px;border-radius:14px;cursor:pointer;color:var(--ink);transition:background .15s}
.am-it:hover,.am-it:focus-visible,.am-it.on{background:var(--chip)}
.am-it:focus-visible,.am-q:focus-visible,.am-pin:focus-visible{outline:2px solid #ffe14d;outline-offset:0}
.am-tx b{display:block;font-size:15px;font-weight:700;letter-spacing:-.015em;line-height:1.25}
.am-tx small{display:block;font-size:13px;line-height:1.4;color:var(--muted);margin-top:2px}
.am-ic{flex:0 0 40px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:16px}
.am-g.t1 .am-ic{background:#ffe14d;color:#28030f}
.am-g.t2 .am-ic{background:#28030f;color:#ffe14d}
.am-g.t3 .am-ic{background:#f3e3d6;color:#8c2440}
.am-g.t4 .am-ic{background:#e2f0ee;color:#1d7070}
.am-pin{position:absolute;right:8px;top:10px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--faint);font-size:14px;cursor:pointer}
.am-pin:hover{color:#c79a00;background:var(--app)}
.am-pin.on{color:#e0a800}
.am-q{display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px;border-radius:14px;border:0;background:none;font:700 15px Geist,system-ui,sans-serif;letter-spacing:-.015em;color:var(--ink);text-align:left;text-decoration:none;cursor:pointer}
.am-q:hover{background:var(--chip)}
.am-qi{flex:0 0 36px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--bg);border:1px solid var(--line);font-size:14px}
.am-side hr{border:0;border-top:1px solid var(--line);margin:12px 8px}
.am-hint{margin:10px 10px 0;font-size:12.5px;line-height:1.45;color:var(--muted)}
.am-none{padding:20px 12px;margin:0;color:var(--muted);font-size:14.5px}
:root[data-theme="dark"] .am-g.t2 .am-ic{background:#ffe14d;color:#28030f}
:root[data-theme="dark"] .am-g.t3 .am-ic{background:#3a2128;color:#f3c3ce}
:root[data-theme="dark"] .am-g.t4 .am-ic{background:#183433;color:#8fd6d1}
@media (max-width:760px){
  .am{top:0;right:0;width:100%;max-height:none;height:100dvh;border-radius:0;border:0}
  .am-head{padding:calc(14px + env(safe-area-inset-top)) 14px 6px 18px}
  .am-head small{display:none}
  .am-body{grid-template-columns:1fr;padding:6px 8px calc(24px + env(safe-area-inset-bottom)) 12px}
  .am-list{grid-template-columns:1fr}
  .am-side{position:static}
}
@media (prefers-reduced-motion:reduce){.am{animation:none}}

/* ---------- Meine Bewerbung (bewerbung.js, mb-*) ---------- */
.mb{max-width:1240px;margin:0 auto;padding:4px 0 50px;color:var(--ink)}
.mb-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;padding:28px 32px;border-radius:28px;background:#28030f;color:#fff;position:relative;overflow:hidden}
.mb-hero::after{content:"";position:absolute;right:-80px;top:-120px;width:340px;height:340px;border-radius:50%;background:#ffe14d;opacity:.14;pointer-events:none}
.mb-hero .ey{font:600 11.5px 'Geist Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#cbb3ac}
.mb-hero h2{margin:10px 0 0;font-size:36px;line-height:1;letter-spacing:-.05em;font-weight:850;color:#fff}
.mb-hero h2 span{color:#ffe14d}
.mb-hero p{margin:10px 0 0;max-width:560px;font-size:15px;line-height:1.55;color:#e6d4cf}
.mb-add{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 9px 0 20px;border-radius:999px;background:#ffe14d;color:#28030f;font:700 15px Geist,system-ui,sans-serif;border:0;cursor:pointer;white-space:nowrap}
.mb-add .go{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#28030f;color:#ffe14d;font-style:normal;font-size:13px}
.mb-add:disabled{opacity:.6;cursor:default}
.mb-add:focus-visible,.mb-btn:focus-visible,.mb-card:focus-visible,.mb-tool:focus-visible,.mb-seg button:focus-visible,.mb-tabs button:focus-visible,.mb-sw:focus-visible{outline:2px solid #ffe14d;outline-offset:2px}
.mb-kpi{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:14px}
.mb-k{padding:14px 18px;border-radius:20px;background:var(--app);border:1px solid var(--line)}
.mb-k b{display:block;font-size:28px;font-weight:850;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.mb-k span{font:600 11px 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.mb-k.ok b{color:#1a9c67}
.mb-remind{margin-top:14px;display:grid;grid-template-columns:50px minmax(0,1fr);gap:16px;align-items:start;padding:20px 22px;border-radius:22px;background:#fff4b8;color:#28030f}
.mb-remind .bell{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#28030f;color:#ffe14d;font-size:18px}
.mb-remind h3{margin:2px 0 0;font-size:18px;letter-spacing:-.02em;color:#28030f}
.mb-remind p{margin:4px 0 0;font-size:14px;color:#5c4a1f}
.mb-rl{display:grid;gap:8px;margin-top:12px}
.mb-r{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 10px 10px 16px;border-radius:14px;background:rgba(255,255,255,.72)}
.mb-r b{font-size:14.5px;color:#28030f}
.mb-r small{display:block;font-size:12.5px;color:#6b5a2a}
.mb-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 15px;border-radius:999px;border:1.5px solid #28030f;background:transparent;color:#28030f;font:700 13px Geist,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.mb-btn.ink{background:#28030f;color:#ffe14d}
.mb-btn.danger{border-color:transparent;color:#c0392b}
.mb-btn.danger:hover{background:#fdeaec}
:root[data-theme="dark"] .mb-dr .mb-btn:not(.ink):not(.danger),:root[data-theme="dark"] .mb-mail .mb-btn{border-color:var(--ink);color:var(--ink)}
.mb-sec{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:28px 0 14px}
.mb-sec h2{margin:0;font-size:22px;letter-spacing:-.035em;color:var(--ink)}
.mb-tabs{margin-left:auto;display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--app);border:1px solid var(--line)}
.mb-tabs button{height:32px;padding:0 14px;border-radius:999px;border:0;background:none;font:600 13px Geist,system-ui,sans-serif;color:var(--muted);cursor:pointer}
.mb-tabs button[aria-pressed="true"]{background:#28030f;color:#ffe14d}
.mb-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}
.mb-col{border-radius:22px;background:var(--app);border:1px solid var(--line);padding:12px;min-width:0}
.mb-ch{display:flex;align-items:center;gap:8px;padding:4px 6px}
.mb-ch b{font-size:14.5px}
.mb-ch span{margin-left:auto;font:600 12px 'Geist Mono',monospace;color:var(--muted)}
.mb-ch i{width:10px;height:10px;border-radius:50%}
.mb-card{display:block;width:100%;text-align:left;padding:13px;border-radius:16px;background:var(--bg);border:1px solid var(--line);margin-top:8px;cursor:pointer;color:var(--ink);font:inherit}
.mb-card:hover{border-color:#ffe14d}
.mb-card .co{display:flex;align-items:center;gap:10px;min-width:0}
.mb-card .co>span:last-child{min-width:0}
.mb-card .lg{flex:0 0 36px;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;font:800 13px Geist,system-ui,sans-serif}
.mb-card b{display:block;font-size:14.5px;letter-spacing:-.015em;line-height:1.2;overflow-wrap:anywhere}
.mb-card small{display:block;font-size:12.5px;color:var(--muted);margin-top:2px;overflow-wrap:anywhere}
.mb-card .meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.mb-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:var(--app);border:1px solid var(--line);font:600 11px 'Geist Mono',monospace;color:var(--ink2)}
.mb-chip.warn{background:#fff4b8;border-color:#f1d76a;color:#5c4a1f}
.mb-chip.ok{background:#e7f7ee;border-color:#b7e3cb;color:#1a7a52}
.mb-chip.no{background:#fdeaec;border-color:#f6c4cb;color:#a3283a}
.mb-empty{margin-top:8px;padding:14px;border-radius:16px;border:1.5px dashed var(--line2);text-align:center;font-size:13px;color:var(--muted)}
.mb-start{margin-top:14px;display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;align-items:center;padding:26px 30px;border-radius:24px;background:var(--app);border:1px solid var(--line)}
.mb-start img{width:150px;height:auto}
.mb-start h2{margin:0;font-size:24px;letter-spacing:-.04em;color:var(--ink)}
.mb-start p{margin:8px 0 16px;max-width:560px;color:var(--muted);line-height:1.55;font-size:15px}
.mb-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.mb-tool{position:relative;display:flex;flex-direction:column;min-height:190px;padding:20px;border-radius:24px;overflow:hidden;background:var(--app);border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;font:inherit;text-decoration:none}
.mb-tool img{position:absolute;right:-10px;bottom:-10px;width:104px;height:auto;transition:transform .5s;pointer-events:none}
.mb-tool:hover img{transform:rotate(-6deg) scale(1.06)}
.mb-tool .n{font:600 10.5px 'Geist Mono',monospace;letter-spacing:.1em;color:var(--muted)}
.mb-tool h3{margin:10px 0 0;font-size:21px;letter-spacing:-.04em;line-height:1.08;max-width:82%;color:inherit}
.mb-tool p{margin:8px 0 0;font-size:13.5px;line-height:1.45;color:var(--muted);max-width:66%}
.mb-tool .go{margin-top:auto;padding-top:12px;font-weight:700;font-size:14px}
.mb-tool.sun{background:#ffe14d;border-color:#ffe14d;color:#28030f}.mb-tool.sun .n,.mb-tool.sun p{color:#5c4a1f}
.mb-tool.ink{background:#28030f;border-color:#28030f;color:#fff}.mb-tool.ink .n,.mb-tool.ink p{color:#cdb9b3}.mb-tool.ink .go{color:#ffe14d}
.mb-priv{margin-top:18px;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
/* Seitenblatt Erfassen/Bearbeiten + Mail-Vorlage */
.mb-dov{position:fixed;inset:0;z-index:115;background:rgba(25,3,10,.3)}
.mb-dr{position:absolute;right:0;top:0;bottom:0;width:min(480px,100%);background:var(--bg);box-shadow:-30px 0 60px -30px rgba(40,3,15,.5);display:flex;flex-direction:column;color:var(--ink);animation:mbIn .22s ease-out}
@keyframes mbIn{from{transform:translateX(30px);opacity:0}}
.mb-dr header,.mb-mail header{display:flex;align-items:center;gap:12px;padding:22px 22px 12px}
.mb-dr header h2,.mb-mail header h2{margin:0;font-size:22px;letter-spacing:-.035em;color:var(--ink)}
.mb-x{margin-left:auto;flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--app);border:1px solid var(--line);color:var(--ink);cursor:pointer}
.mb-x:hover{border-color:#ffe14d}
.mb-dr .fx{flex:1;overflow:auto;padding:4px 22px 22px;display:grid;gap:16px;align-content:start;scrollbar-width:thin}
.mb-f>label{display:block;font:600 11px 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}
.mb-f>label small{text-transform:none;letter-spacing:0;font-weight:500}
.mb-f[hidden]{display:none}
.mb-in{display:block;width:100%;box-sizing:border-box;min-height:46px;padding:11px 14px;border-radius:14px;background:var(--app);border:1.5px solid var(--line);font:500 16px Geist,system-ui,sans-serif;color:var(--ink);outline:0;resize:vertical}
.mb-in:focus{border-color:#ffe14d;box-shadow:0 0 0 3px rgba(255,225,77,.35)}
.mb-sug{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.mb-sug button{height:30px;padding:0 11px;border-radius:999px;border:1px solid var(--line);background:var(--app);font:600 12px Geist,system-ui,sans-serif;color:var(--ink2);cursor:pointer}
.mb-sug button:hover{border-color:#ffe14d}
.mb-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mb-seg{display:flex;flex-wrap:wrap;gap:6px}
.mb-seg button{height:36px;padding:0 13px;border-radius:999px;border:1.5px solid var(--line);background:var(--app);font:600 13px Geist,system-ui,sans-serif;color:var(--ink2);cursor:pointer}
.mb-seg button[aria-pressed="true"]{background:#28030f;border-color:#28030f;color:#ffe14d}
.mb-sw{display:flex;align-items:center;gap:14px;width:100%;padding:14px;border-radius:16px;border:0;background:#fff4b8;font:500 13.5px/1.4 Geist,system-ui,sans-serif;color:#5c4a1f;text-align:left;cursor:pointer}
.mb-sw b{display:block;font-size:14.5px;color:#28030f}
.mb-sw .t{flex:0 0 44px;width:44px;height:26px;border-radius:999px;background:#c9bfa0;position:relative;transition:background .2s}
.mb-sw .t::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}
.mb-sw[aria-pressed="true"] .t{background:#28030f}
.mb-sw[aria-pressed="true"] .t::after{transform:translateX(18px);background:#ffe14d}
.mb-dr footer,.mb-mail footer{padding:14px 22px 22px;display:flex;align-items:center;gap:10px}
.mb-dr footer .grow{flex:1}
.mb-mov{display:grid;place-items:center;padding:16px}
.mb-mail{width:min(640px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;border-radius:24px;background:var(--bg);box-shadow:0 30px 70px -30px rgba(40,3,15,.55);color:var(--ink)}
.mb-mail .mb-mh{margin:0 22px 10px;font-size:14px;line-height:1.5;color:var(--muted)}
.mb-mail .mb-in{margin:0 22px;width:auto;min-height:260px;font-size:14.5px;line-height:1.55}
.mb-mail footer{justify-content:flex-end}
@media (max-width:1100px){.mb-board{grid-template-columns:repeat(2,minmax(0,1fr))}.mb-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.mb-kpi{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){
  .mb-hero{grid-template-columns:1fr;padding:22px 20px;gap:16px}.mb-hero h2{font-size:29px}
  .mb-board,.mb-tools{grid-template-columns:1fr}
  .mb-kpi{display:flex;overflow-x:auto;scrollbar-width:none;margin-right:-14px;padding-right:14px}.mb-kpi::-webkit-scrollbar{display:none}.mb-k{flex:0 0 118px}
  .mb-remind{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:16px}.mb-remind .bell{width:40px;height:40px;font-size:15px}.mb-remind>div,.mb-r{min-width:0}
  .mb-r{grid-template-columns:minmax(0,1fr);padding:12px}.mb-r .mb-btn{width:100%}
  .mb-start{grid-template-columns:1fr}.mb-start img{width:110px}
  .mb-tabs{margin-left:0}
  .mb-dr footer{flex-wrap:wrap}.mb-dr footer .mb-add{flex:1;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.mb-dr{animation:none}}

/* ---------- Notenrechner (App): dunkle Darstellung ----------
   notenrechner.css wird aus notenrechner.php erzeugt – deshalb liegt die dunkle Variante hier.
   --ink bleibt Weinrot (Tacho, gewählte Knöpfe, Marken); nur Flächen und Texte werden umgestellt. */
html[data-theme="dark"] .nr{--paper:#2f2226;--cream:#281d20;--sand:#38292e;--line:#4b363d;--nr-line2:#5c4e52;--muted:#aea5a2;--nr-sand:#3f2e34;--nr-sun-soft:#3a3420;--nr-good-soft:#15342a;--nr-bad-soft:#3d1d22;--nr-warn-soft:#3a2d14;color:#faf0ed}
html[data-theme="dark"] .nr .nr-stage,
html[data-theme="dark"] .nr .nr-status button,
html[data-theme="dark"] .nr .nr-btn:not(.nr-main),
html[data-theme="dark"] .nr .nr-tick.four,
html[data-theme="dark"] .nr .nr-newsub:hover,
html[data-theme="dark"] .nr .nr-goal,
html[data-theme="dark"] .nr .nr-ddm button,
html[data-theme="dark"] .nr .nr-step button,
html[data-theme="dark"] .nr .nr-pr:not(.ink),
html[data-theme="dark"] .nr .nr-box,
html[data-theme="dark"] .nr .nr-x,
html[data-theme="dark"] .nr .nr-alt a,
html[data-theme="dark"] .nr .nr-sample,
html[data-theme="dark"] .nr .nr-sample button{color:#faf0ed}
html[data-theme="dark"] .nr .nr-ddb,
html[data-theme="dark"] .nr .nr-step,
html[data-theme="dark"] .nr .nr-x,
html[data-theme="dark"] .nr .nr-in,
html[data-theme="dark"] .nr .nr-pad button:not([aria-pressed="true"]),
html[data-theme="dark"] .nr .nr-b:not(.nr-main):not(.nr-bad){background:#38292e;color:#faf0ed}
html[data-theme="dark"] .nr .nr-ddm{background:#2f2226;box-shadow:0 20px 40px -14px rgba(0,0,0,.6)}
html[data-theme="dark"] .nr .nr-ddm::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18)}
html[data-theme="dark"] .nr .nr-add{background:transparent;color:#faf0ed;border-color:#faf0ed}
html[data-theme="dark"] .nr .nr-add:hover{background:#ffe14d;color:#28030f;border-color:#ffe14d}
html[data-theme="dark"] .nr .nr-b:not(.nr-main):not(.nr-bad){border-color:#5c4e52}
html[data-theme="dark"] .nr .nr-newsub:hover{border-color:#ffe14d}
html[data-theme="dark"] .nr .nr-pr:hover{border-color:#ffe14d}
html[data-theme="dark"] .nr .nr-in:focus{border-color:#ffe14d;box-shadow:0 0 0 4px rgba(255,225,77,.18)}
html[data-theme="dark"] .nr .nr-pr code{background:rgba(255,255,255,.08)}
html[data-theme="dark"] .nr .nr-btn:focus-visible,
html[data-theme="dark"] .nr .nr-seg button:focus-visible,
html[data-theme="dark"] .nr .nr-g:focus-visible{outline-color:#ffe14d}
html[data-theme="dark"] .nr .nr-sub:hover{box-shadow:0 22px 40px -28px rgba(0,0,0,.6)}
html[data-theme="dark"] .nr .nr-gauge{box-shadow:0 0 0 1px rgba(255,255,255,.06),0 30px 60px -30px rgba(0,0,0,.7)}

/* ---------- Stundenplan (App): dunkle Darstellung ----------
   stundenplan.css wird aus stundenplan.php erzeugt – deshalb liegt die dunkle Variante hier.
   Farbige Lektionsblöcke (.sp-c-*) bleiben wie sie sind; umgestellt werden Flächen, Leisten, Felder und Texte. */
html[data-theme="dark"] .stp{--paper:#2f2226;--cream:#281d20;--sand:#38292e;--line:#4b363d;--sp-line2:#5c4e52;--muted:#aea5a2;--sp-sun-soft:#3a3420;color:#faf0ed}
html[data-theme="dark"] .stp .sp-stage,
html[data-theme="dark"] .stp .sp-title input,
html[data-theme="dark"] .stp .sp-status button,
html[data-theme="dark"] .stp .sp-sample,
html[data-theme="dark"] .stp .sp-sample button,
html[data-theme="dark"] .stp .sp-d.sp-is-today,
html[data-theme="dark"] .stp .sp-wbtn,
html[data-theme="dark"] .stp .sp-alt a,
html[data-theme="dark"] .stp .sp-undo,
html[data-theme="dark"] .stp .sp-box,
html[data-theme="dark"] .stp .sp-pr:not(.ink),
html[data-theme="dark"] .stp .sp-days button.sp-over,
html[data-theme="dark"] .stp .sp-row .sp-empty:hover,
html[data-theme="dark"] .stp .sp-row .sp-empty:focus-visible{color:#faf0ed}
html[data-theme="dark"] .stp .sp-clock,
html[data-theme="dark"] .stp .sp-tip kbd,
html[data-theme="dark"] .stp .sp-nl li button,
html[data-theme="dark"] .stp .sp-chip,
html[data-theme="dark"] .stp .sp-x,
html[data-theme="dark"] .stp .sp-in,
html[data-theme="dark"] .stp .sp-presets button:not([aria-pressed="true"]),
html[data-theme="dark"] .stp .sp-rm,
html[data-theme="dark"] .stp .sp-add,
html[data-theme="dark"] .stp .sp-seg,
html[data-theme="dark"] .stp .sp-wnav,
html[data-theme="dark"] .stp .sp-learn,
html[data-theme="dark"] .stp .sp-today,
html[data-theme="dark"] .stp .sp-btn:not(.sp-main):not(.sp-danger-solid),
html[data-theme="dark"] .stp .sp-bar .sp-btn:not(.sp-main),
html[data-theme="dark"] .stp .sp-bar .sp-btn:not(.sp-main):not(:disabled):hover{background:#38292e;color:#faf0ed}
html[data-theme="dark"] .stp .sp-btn:not(.sp-main):not(.sp-danger-solid),
html[data-theme="dark"] .stp .sp-bar .sp-btn:not(.sp-main){border-color:#5c4e52}
html[data-theme="dark"] .stp .sp-title input:focus{background:#38292e}
html[data-theme="dark"] .stp .sp-clock:hover,
html[data-theme="dark"] .stp .sp-chip:hover,
html[data-theme="dark"] .stp .sp-presets button:hover,
html[data-theme="dark"] .stp .sp-add:hover,
html[data-theme="dark"] .stp .sp-pr:hover,
html[data-theme="dark"] .stp .sp-in:focus,
html[data-theme="dark"] .stp .sp-bar .sp-btn:not(.sp-main):not(:disabled):hover{border-color:#ffe14d}
html[data-theme="dark"] .stp .sp-row .sp-empty:hover,
html[data-theme="dark"] .stp .sp-row .sp-empty:focus-visible,
html[data-theme="dark"] .stp .sp-empty.sp-over{border-color:#ffe14d}
html[data-theme="dark"] .stp .sp-c-ink{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.16)}
/* Bestätigungen und Hinweise liegen über Menü (113) und Seitenblatt «Bewerbung» (115) */
.modal-ov{z-index:140}
#toast{z-index:150}

/* «Bewerbung erfassen/bearbeiten» im Glossar-Seitenblatt (udrawer + gd-*) – Formular in den gd-Farben */
.mb-gdr .gd-title h2{overflow-wrap:anywhere}
.mb-gdr .mb-fx{gap:18px}
.mb-gdr .mb-f>label{color:var(--gd-muted)}
.mb-gdr .mb-in{background:var(--gd-paper);border-color:var(--gd-line);color:var(--gd-ink)}
.mb-gdr .mb-in::placeholder{color:var(--gd-muted);opacity:.8}
.mb-gdr .mb-seg button,.mb-gdr .mb-sug button{background:var(--gd-paper);border-color:var(--gd-line);color:var(--gd-ink)}
.mb-gdr .mb-seg button[aria-pressed="true"]{background:#28030f;border-color:#28030f;color:#ffe14d}
:root[data-theme="dark"] .mb-gdr .mb-seg button[aria-pressed="true"]{background:#ffe14d;border-color:#ffe14d;color:#28030f}
.mb-gdr .calfield-trig{background:var(--gd-paper);border-color:var(--gd-line);color:var(--gd-ink)}
.mb-gdr .gd-foot{justify-content:space-between}
.mb-gbtn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;border:1.5px solid var(--gd-line);background:transparent;color:var(--gd-ink);font:700 14px Geist,system-ui,sans-serif;cursor:pointer}
.mb-gbtn:hover{border-color:#ffe14d}
.mb-gbtn.danger{border-color:transparent;color:#d4493b;padding:0 10px}
.mb-gbtn.danger:hover{background:rgba(212,73,59,.1)}
.mb-gbtn:focus-visible,.mb-gdr .gd-practice:focus-visible{outline:2px solid #ffe14d;outline-offset:2px}
.mb-gdr .gd-practice:disabled{opacity:.6;cursor:default}
/* Meine Bewerbung: Erinnerungs-Box im dunklen Modus */
:root[data-theme="dark"] .mb-remind{background:#2a2414;border:1px solid #4a3f1c;color:#faf0ed}
:root[data-theme="dark"] .mb-remind h3{color:#ffe14d}
:root[data-theme="dark"] .mb-remind p{color:#d6cba6}
:root[data-theme="dark"] .mb-remind .bell{background:#ffe14d;color:#28030f}
:root[data-theme="dark"] .mb-r{background:rgba(255,255,255,.06)}
:root[data-theme="dark"] .mb-r b{color:#faf0ed}
:root[data-theme="dark"] .mb-r small{color:#bdb3a0}
:root[data-theme="dark"] .mb-r .mb-btn:not(.ink){border-color:#faf0ed;color:#faf0ed}
:root[data-theme="dark"] .mb-r .mb-btn.ink{background:#ffe14d;color:#28030f}
:root[data-theme="dark"] .mb-chip.warn{background:#3a3218;border-color:#6b5a22;color:#ffe14d}
:root[data-theme="dark"] .mb-chip.ok{background:#15342a;border-color:#245a45;color:#7fd8ad}
:root[data-theme="dark"] .mb-chip.no{background:#3d1d22;border-color:#6b2c36;color:#f3a0ab}
/* Notenrechner/Stundenplan: Abstand unter der letzten Karte (sonst klebt sie an der Fusszeile) */
.nrm-page .nr,.stp-page .stp{padding-bottom:44px}
/* Notenrechner dunkel: Ziel-Rechner-Ergebnis lesbar */
html[data-theme="dark"] .nr .nr-result p{color:#e6dfd8}
html[data-theme="dark"] .nr .nr-result.ok strong{color:#3fd08f}
html[data-theme="dark"] .nr .nr-result.mid strong{color:#f2b65a}
html[data-theme="dark"] .nr .nr-result.bad strong{color:#ff8c7d}
html[data-theme="dark"] .nr .nr-goal>small,html[data-theme="dark"] .nr .nr-how em,html[data-theme="dark"] .nr .nr-status i{color:#f3a0b4}
/* Plus im gelben Kreis bleibt weinrot */
html[data-theme="dark"] .nr .nr-newsub i{color:#28030f}

/* Admin · Nutzer: Buchstaben-Filter A–Z unter der Werkzeugleiste */
.nu2-az{display:flex;gap:4px;align-items:center;flex-wrap:wrap;padding:8px 10px;border-radius:18px;background:var(--hm-paper);border:1px solid var(--hm-line)}
.nu2-az button{min-width:30px;height:30px;padding:0 8px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--hm-ink);font:600 12px var(--hm-mono);cursor:pointer;transition:background .15s,border-color .15s}
.nu2-az button:first-child{padding:0 12px;margin-right:4px;font-family:Geist,system-ui,sans-serif;font-size:12.5px;border-color:var(--hm-line)}
.nu2-az button:hover:not(:disabled):not([aria-pressed="true"]){border-color:#ffe14d;background:rgba(255,225,77,.14)}
.nu2-az button[aria-pressed="true"]{background:#28030f;border-color:#28030f;color:#ffe14d}
html[data-theme="dark"] .nu2-az button[aria-pressed="true"]{background:#ffe14d;border-color:#ffe14d;color:#28030f}
.nu2-az button:disabled{color:var(--hm-muted);opacity:.35;cursor:default}
.nu2-az button:focus-visible{outline:2px solid #ffe14d;outline-offset:1px}
@media (max-width:760px){.nu2-az{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.nu2-az button{flex:none}}

/* «Der Beruf dahinter» im Inserat → Berufsporträt (2026-10-02) */
.jbx-beruf{grid-column:1/-1;position:relative;overflow:hidden;display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;padding:18px 22px 18px 18px;border-radius:24px;background:linear-gradient(150deg,#28030f,#4a0b20);color:#fff}
.jbx-beruf::before{content:"";position:absolute;right:-60px;top:-120px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,225,77,.22),transparent 65%);pointer-events:none}
.jbx-beruf .art{width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,#ffe14d 0 55%,rgba(255,225,77,.18) 56% 72%,transparent 73%);display:grid;place-items:center}
.jbx-beruf .art img{width:78px;height:auto;transform:rotate(-6deg);filter:drop-shadow(0 12px 14px rgba(0,0,0,.35))}
.jbx-beruf .bd{min-width:0;position:relative}
.jbx-beruf .k{font:700 10.5px 'Geist Mono',ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#cbb3ac}
.jbx-beruf strong{display:block;font-size:22px;letter-spacing:-.04em;line-height:1.08;margin:6px 0 10px;color:#fff;hyphens:manual;overflow-wrap:break-word}
.jbx-beruf ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.jbx-beruf li{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:13px;color:#f3e6e0}
.jbx-beruf li i{color:#ffe14d}
.jbx-beruf .btn{position:relative}
.jbx-beruf a:focus-visible{outline:3px solid #ffe14d;outline-offset:3px}
.jbx-klink{color:#ffe14d;font-weight:700;text-decoration:underline;text-decoration-color:rgba(255,225,77,.5);text-underline-offset:3px}
.jbx-klink:hover{text-decoration-color:#ffe14d}
@media (max-width:760px){.jbx-beruf{grid-template-columns:80px minmax(0,1fr);gap:14px;padding:16px}.jbx-beruf .art{width:80px;height:80px}.jbx-beruf .art img{width:58px}.jbx-beruf strong{font-size:19px}.jbx-beruf .btn{grid-column:1/-1;justify-content:space-between}}
/* App: kompakte Beruf-Karte, «In Meine Bewerbung», Nachfrage nach «Jetzt bewerben» */
.jbx-beruf-sm{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:14px 16px 14px 14px;border-radius:20px}
.jbx-beruf-sm .art{width:72px;height:72px}.jbx-beruf-sm .art img{width:52px}
.jbx-beruf-sm strong{font-size:18px;margin:4px 0 8px}
.jbx-beruf-sm .go{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;position:relative}
.jbx-bgo{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 15px;border-radius:999px;border:0;background:#ffe14d;color:#28030f;font:750 13.5px Geist,system-ui,sans-serif;text-decoration:none;cursor:pointer}
.jbx-bgo.l{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.2)}
.jbx-bgo.l:hover{border-color:#ffe14d}
.jbx-ghost.jbx-done{background:#2f9a6a;border-color:#2f9a6a;color:#fff}
.stj-ask{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding:10px 10px 10px 16px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,225,77,.45);color:#fff;font-size:14px}
.stj-ask>i{color:#ffe14d}
.stj-askgo{margin-left:auto;height:36px;padding:0 14px;border-radius:999px;border:0;background:#ffe14d;color:#28030f;font:750 13.5px Geist,system-ui,sans-serif;cursor:pointer}
.stj-askx{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;cursor:pointer}
.stj-askx:hover{border-color:#ffe14d}
/* Meine Bewerbung: Herkunft «aus Stellenbörse» + Sprung zum Inserat */
.mb-cw{position:relative}
.mb-cw.has-jl .mb-card .co{padding-right:34px}
.mb-jl{position:absolute;top:18px;right:10px;z-index:1;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--ink);display:grid;place-items:center;font-size:12px;cursor:pointer}
.mb-jl:hover,.mb-jl:focus-visible{border-color:#ffe14d;outline:0;box-shadow:0 0 0 3px rgba(255,225,77,.4)}
.mb-chip.src{background:#fff4b8;border-color:#f1d76a;color:#5c4a1f}
html[data-theme="dark"] .mb-chip.src{background:rgba(255,225,77,.14);border-color:rgba(255,225,77,.35);color:#ffe14d}
.mb-src{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;padding:14px;border-radius:18px;background:var(--gd-paper);border:1px solid var(--gd-line)}
.mb-src .lg{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:#fff;font:800 14px Geist,system-ui,sans-serif}
.mb-src small{display:block;font:600 10.5px 'Geist Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--gd-muted)}
.mb-src b{display:block;font-size:15px;line-height:1.25;margin:3px 0;color:var(--gd-ink);overflow-wrap:anywhere}
.mb-src span{font-size:12.5px;color:var(--gd-muted)}
.mb-src .go{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}
.mb-src .go:empty{display:none}
.mb-sbtn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:999px;border:1.5px solid var(--gd-line);background:var(--gd-sand);color:var(--gd-ink);font:700 13px Geist,system-ui,sans-serif;text-decoration:none;cursor:pointer}
.mb-sbtn:hover{border-color:#ffe14d}
/* Listen-Stil der Inserate (Häkchen-Kreise) gilt nicht für die Chips der Beruf-Karte */
.jbx .jbx-beruf ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}
.jbx .jbx-beruf li{display:inline-flex;width:auto;grid-template-columns:none;align-items:center;gap:7px;margin:0}
.jbx .jbx-beruf li i{width:auto;height:auto;background:none;border-radius:0;display:inline;color:#ffe14d;font-size:12px;margin:0}

/* Admin-Bericht: Balken im Dunkelmodus rot wie in der Statistik «Fragen pro Tag» (statt weiss) */
html[data-theme="dark"] .ar2-svg .b{fill:url(#ar2red)}
html[data-theme="dark"] .ar2-wk .bars i.c,html[data-theme="dark"] .ar2-leg i.c{background:linear-gradient(180deg,#c9474c,#7a1f33)}
html[data-theme="dark"] .ar2-wk .bars i.c.t{background:#ffd21f}
html[data-theme="dark"] .as2-spark i:not(.z):not(.t){background:linear-gradient(180deg,#c9474c,#7a1f33)}
html[data-theme="dark"] .sy2-bars .bb i.p{background:linear-gradient(180deg,#c9474c,#7a1f33)}
html[data-theme="dark"] .qf2-ct .cv .bar i{background:linear-gradient(90deg,#7a1f33,#c9474c)}
/* Admin · Empfehlungen: Bewertung bearbeiten/löschen */
.rf2-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.rf2-acts{display:flex;gap:6px}
.rf2-acts .ak2-ib{width:32px;height:32px}
.rf2-q.rf2-off{opacity:.62}
.rf2-hid{color:#b3261e;font-weight:700}
html[data-theme="dark"] .rf2-hid{color:#ff8a7a}
@media (hover:hover){.rf2-q:not(:hover) .rf2-acts{opacity:.45}}

/* ===== «Mein Testdatum» (learning.js paintMtd, mtd-*) ===== */
#mtdbox{display:grid;gap:18px;margin-top:18px}
#mtdbox:empty{display:none}
.mtd{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(150deg,#28030f,#4a0b20);color:#fff;padding:26px 28px;display:grid;gap:26px;align-items:center}
.mtd::before{content:"";position:absolute;right:-80px;top:-140px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,225,77,.2),transparent 65%);pointer-events:none}
.mtd>*{position:relative;min-width:0}
.mtd-empty{grid-template-columns:minmax(0,1fr) auto}
.mtd-set{grid-template-columns:auto minmax(0,1fr) auto}
.mtd .kt-eyebrow{color:#cbb3ac}
.mtd h2{margin:10px 0 8px;font-size:clamp(24px,3vw,32px);line-height:1.04;letter-spacing:-.05em;color:#fff}
.mtd h2 span{color:#ffe14d}
.mtd p{margin:0;color:#e9d7d1;line-height:1.55;max-width:56ch;font-size:15px}
.mtd p b{color:#fff}
.mtd-acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.mtd-cal{width:170px;border-radius:20px;background:#fffdfb;color:#28030f;overflow:hidden;text-align:center;transform:rotate(3deg);box-shadow:0 30px 50px -30px rgba(0,0,0,.6)}
.mtd-cal span{display:block;background:#ffe14d;font:700 11.5px 'Geist Mono',monospace;letter-spacing:.12em;padding:9px}
.mtd-cal b{display:block;font-size:56px;font-weight:900;letter-spacing:-.06em;padding:8px 0 0}
.mtd-cal small{display:block;color:#6b5e54;font-size:12.5px;padding:0 0 12px}
.mtd-ring{position:relative;width:132px;height:132px}
.mtd-ring svg{width:100%;height:100%}
.mtd-ring>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.mtd-ring b{font-size:46px;font-weight:900;letter-spacing:-.06em;line-height:.9}
.mtd-ring small{font:700 10.5px 'Geist Mono',monospace;letter-spacing:.12em;color:#cbb3ac;margin-top:4px}
.mtd-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px}
.mtd-links button{border:0;background:none;padding:0;color:#ffe14d;font:700 13px Geist,system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.mtd-kp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:280px}
.mtd-kp div{padding:13px 14px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.mtd-kp div.y{background:#ffe14d;color:#28030f;border-color:#ffe14d}
.mtd-kp small{display:block;font:700 10px 'Geist Mono',monospace;letter-spacing:.1em;opacity:.75}
.mtd-kp b{display:block;font-size:24px;letter-spacing:-.04em;margin-top:4px}
.mtd-kp span{font-size:12px;opacity:.8}
.mtd-mini{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border-radius:18px;background:var(--app,#f6f1ec);border:1px dashed var(--line2,#d9cec2);font-size:14px;color:var(--muted)}
.mtd-mini i{color:var(--ink)}
.mtd-mini button{margin-left:auto;border:0;background:none;color:var(--ink);font:750 14px Geist,system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.mtd-today{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 18px;border-radius:22px;background:#ffe14d;color:#28030f;margin-top:4px}
.mtd-today .ic{width:50px;height:50px;border-radius:16px;background:#28030f;color:#ffe14d;display:grid;place-items:center;font-size:19px}
.mtd-today b{display:block;font-size:18px;letter-spacing:-.03em}
.mtd-today small{color:#5c4a1f;font-size:13.5px}
.mtd-wks{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.mtd-wk{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:18px;align-items:center;padding:15px 18px;border-radius:20px;border:1px solid var(--line);background:var(--bg,#fff)}
.mtd-wk.now{border:2px solid var(--ink);box-shadow:0 0 0 4px #ffe14d}
.mtd-wk .w b{display:block;font-size:16px;letter-spacing:-.02em}
.mtd-wk .w small{font:600 11.5px 'Geist Mono',monospace;color:var(--muted)}
.mtd-wk .tag{display:inline-flex;margin-bottom:6px;height:22px;padding:0 9px;border-radius:999px;background:var(--ink);color:#ffe14d;font:700 10px 'Geist Mono',monospace;letter-spacing:.08em;align-items:center}
.mtd-wk .f>b{font-size:14.5px;font-weight:750}
.mtd-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.mtd-chips span{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:3px 11px;border-radius:999px;background:var(--app,#f0ebe5);font-size:13px;font-weight:650}
.mtd-chips span.mtd-bad{background:#fde1dc;color:#7a1f1f}
.mtd-chips img{width:20px;height:20px}
.mtd-wk .st{font:700 12px 'Geist Mono',monospace;text-align:right;white-space:nowrap}
.mtd-bar{display:block;width:110px;height:8px;border-radius:8px;background:var(--app,#f0ebe5);overflow:hidden;margin-top:6px}
.mtd-bar i{display:block;height:100%;border-radius:8px;background:var(--ink)}
.mtd-open{color:var(--muted);font-weight:600}
.mtd-note{display:flex;gap:10px;margin-top:14px;font-size:13px;line-height:1.5;color:var(--muted)}
.mtd-note i{color:#2a8c8c;margin-top:3px}
html[data-theme="dark"] .mtd-wk.now{border-color:#ffe14d;box-shadow:0 0 0 4px rgba(255,225,77,.25)}
html[data-theme="dark"] .mtd-wk .tag{background:#ffe14d;color:#28030f}
html[data-theme="dark"] .mtd-bar i{background:#ffe14d}
html[data-theme="dark"] .mtd-chips span.mtd-bad{background:rgba(255,138,122,.16);color:#ffb3a8}
/* Startseite */
.hm-mtd{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 18px;border-radius:24px;background:var(--bg,#fff);border:1px solid var(--line);margin-bottom:18px}
.hm-mtd .d{width:64px;height:64px;border-radius:18px;background:#28030f;color:#ffe14d;display:grid;place-content:center;text-align:center;line-height:1}
.hm-mtd .d b{font-size:24px;font-weight:900}
.hm-mtd .d small{font:700 9px 'Geist Mono',monospace;letter-spacing:.1em;margin-top:3px}
.hm-mtd h3{margin:3px 0;font-size:17px;letter-spacing:-.02em}
.hm-mtd p{margin:0;font-size:13.5px;color:var(--muted)}
@media (max-width:980px){.mtd-set{grid-template-columns:auto minmax(0,1fr)}.mtd-kp{grid-column:1/-1;min-width:0}}
@media (max-width:700px){.mtd{padding:22px 18px}.mtd-empty,.mtd-set{grid-template-columns:1fr}.mtd-cal{display:none}.mtd-ring{width:110px;height:110px}.mtd-wk{grid-template-columns:1fr;gap:10px}.mtd-wk .st{text-align:left}.mtd-today{grid-template-columns:auto minmax(0,1fr)}.mtd-today .hm-btn{grid-column:1/-1;justify-content:space-between}.hm-mtd{grid-template-columns:auto minmax(0,1fr)}.hm-mtd .hm-btn{grid-column:1/-1;justify-content:space-between}}
.mtd-wk.mtd-more{border-style:dashed;background:transparent}
.mtd-wk.mtd-more .mtd-chips span{background:none;padding:0;font-weight:500;color:var(--muted)}

/* Mein Testdatum zusammengelegt (03.10.2026): schmale Zeile ohne Datum, Links im Plan-Kopf */
.mtd-line{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 16px 14px 14px;border-radius:22px;background:var(--bg,#fff);border:1px solid var(--line)}
.mtd-line .ic{width:46px;height:46px;border-radius:14px;background:#ffe14d;color:#28030f;display:grid;place-items:center;font-size:18px}
.mtd-line b{display:block;font-size:16px;letter-spacing:-.02em}
.mtd-line small{display:block;color:var(--muted);font-size:13.5px;margin-top:2px}
.mtd-line .acts{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mtd-later{border:0;background:none;color:var(--muted);font:650 13.5px Geist,system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:6px}
.mtd-line.mtd-quiet{border-style:dashed;background:transparent}
.mtd-line.mtd-quiet .ic{background:var(--app,#f0ebe5)}
.mtd-plan .mcp-ch{align-items:flex-start;gap:16px;flex-wrap:wrap}
.mtd-plan .mtd-links{display:flex;gap:8px;flex-wrap:wrap;margin:0}
.mtd-plan .mtd-links button{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--line);background:var(--bg,#fff);color:var(--ink);font:650 13px Geist,system-ui,sans-serif;text-decoration:none;cursor:pointer}
.mtd-plan .mtd-links button:hover{border-color:#ffe14d}
@media (max-width:700px){.mtd-line{grid-template-columns:auto minmax(0,1fr)}.mtd-line .acts{grid-column:1/-1}.mtd-line .acts .hm-btn{flex:1;justify-content:space-between}}

/* iPad quer / kleine Laptops (03.10.2026): Seitenleiste nimmt ~270 px – Profilknopf nur als Bild, Abstände enger, damit Seitenname und Suche Platz haben */
@media (min-width:1001px) and (max-width:1440px){.nav.tb2 .me .nm,.nav.tb2 .me .ro,.nav.tb2 .me .mechev{display:none}.nav.tb2 .me{padding:0 5px;gap:0}.tb-right{gap:8px}.nav.tb2{grid-template-columns:max-content minmax(180px,1fr) max-content}.nav.tb2>.tb-search{max-width:420px;justify-self:center}.nav.tb2 .tb-crumb b{max-width:230px}}

/* Berufswahl-Kompass: lange Berufsnamen («Applikationsentwicklung») sprengten die Kachel (03.10.2026) – Spalten dürfen schrumpfen, Trennstelle vor «entwicklung» (weiches Trennzeichen in kompass.js) */
.bwk-jobs{grid-template-columns:repeat(2,minmax(0,1fr))}.bwk-jobs .nl-hs>div{min-width:0}.bwk-jobs .nl-hs b{-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word}
@media (max-width:640px){.bwk-jobs{grid-template-columns:minmax(0,1fr)}}

/* Admin-Menü als Schublade (Burger, ≤1000 px, z. B. iPad hochkant) – style.css blendet .sm-admin dort sonst aus (03.10.2026) */
.sm-ov .sm.sm-admin.sm-mobile{display:flex}

/* Zentrierte Start-Knöpfe über den Platzhalter-Antworten: Die Hover-Sperre oben (transform:none) darf ihre
   Zentrierung nicht aufheben, sonst springt der Knopf beim Überfahren weg (Duell, Blitz, Karteikarten, Prüfung). */
.hm-btn.dz-start,.hm-btn.bz-start,.hm-btn.kk-start,.hm-btn.px-start,.kk-peek,
.hm-btn.dz-start:hover,.hm-btn.bz-start:hover,.hm-btn.kk-start:hover,.hm-btn.px-start:hover,.kk-peek:hover{transform:translate(-50%,-50%)!important}

/* Stundenplan-Status («In deinem Konto gespeichert») im Dunkelmodus lesbar – war Braun #5a3a20 auf Dunkel */
html[data-theme="dark"] .stp .sp-status{color:#c3bab7}

/* Scrollleisten im Dunkelmodus: Sonnengelb statt des (unsichtbaren) Weinrots aus dem hellen Modus */
html[data-theme="dark"] *{scrollbar-color:rgba(255,225,77,.55) transparent}
html[data-theme="dark"] ::-webkit-scrollbar-thumb{background:rgba(255,225,77,.5);border:3px solid transparent;background-clip:content-box}
html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover{background:rgba(255,225,77,.8);background-clip:content-box}
/* Schulmodus-Hinweis auf «Themen» (seit 12.10.2026) */
.kt-school{display:flex;align-items:flex-start;gap:10px;margin:2px 0 0;padding:11px 14px;border-radius:14px;background:rgba(255,225,77,.16);border:1px solid rgba(255,225,77,.6);font-size:13.5px;line-height:1.45;color:var(--hm-ink,#141018)}
.kt-school i{margin-top:3px;color:#c79a00}
.kt-school b{font-weight:700}
/* «So gehst du vor» je Eignungstest-Bereich im Kategorie-Detail (mt2-*, learning.js mcTipsHtml) – 12.10.2026 */
.mt2{border-radius:24px;background:var(--hm-paper);border:1px solid var(--hm-line);color:var(--hm-ink);padding:22px 24px;display:grid;gap:18px;box-shadow:0 10px 24px -22px rgba(40,3,15,.35)}
.mt2-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center}
.mt2-ic{width:56px;height:56px;border-radius:18px;background:var(--hm-sun,#ffe14d);color:#28030f;display:grid;place-items:center;font-size:21px}
.mt2-h{margin:4px 0 0;font-size:clamp(20px,2.2vw,26px);font-weight:750;letter-spacing:-.035em;line-height:1.2;color:var(--hm-ink)}
.mt2-in{margin:4px 0 0;color:var(--hm-muted);font-size:14.5px;line-height:1.5}
.mt2-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;align-items:start}
.mt2-steps{margin:0;padding:0;list-style:none;display:grid;gap:10px;counter-reset:s}
.mt2-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;font-size:14.5px;line-height:1.5}
.mt2-steps li::before{counter-increment:s;content:counter(s);width:28px;height:28px;border-radius:50%;background:var(--hm-sand);color:var(--hm-ink);display:grid;place-items:center;font:700 12.5px var(--hm-mono,'Geist Mono',monospace)}
.mt2-ex{padding:16px 18px;border-radius:18px;background:var(--hm-tile,var(--hm-sand));border:1px solid var(--hm-line)}
.mt2-k{font:700 10.5px var(--hm-mono,'Geist Mono',monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--hm-muted)}
.mt2-q{margin:6px 0 10px;font-weight:650;font-size:15px;line-height:1.45}
.mt2-sol summary{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;border:1.5px solid var(--hm-line2,var(--hm-line));background:var(--hm-paper);cursor:pointer;font-weight:700;font-size:13.5px;list-style:none}
.mt2-sol summary::-webkit-details-marker{display:none}
.mt2-sol summary:hover{border-color:#ffe14d}
.mt2-sol summary:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(255,225,77,.55)}
.mt2-sol[open] summary{background:#ffe14d;border-color:#ffe14d;color:#28030f}
.mt2-sol p{margin:12px 0 0;font-size:14px;line-height:1.55;color:var(--hm-ink)}
.mt2-sol p b{display:block;margin-bottom:2px;font-size:15px}
.mt2-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px}
.mt2-tr,.mt2-tm{padding:14px 16px;border-radius:16px;font-size:14px;line-height:1.5}
.mt2-tr{background:rgba(255,225,77,.14)}
.mt2-tm{background:var(--hm-tile,var(--hm-sand))}
.mt2-tr b,.mt2-tm b{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:14px}
.mt2-tr b i{color:#b07d00}.mt2-tm b i{color:var(--hm-muted)}
.mt2-tr ul{margin:0;padding-left:18px;display:grid;gap:4px}
.mt2-tm p{margin:0}
html[data-theme="dark"] .mt2-tr b i{color:#f0c040}
@media (max-width:900px){.mt2-grid,.mt2-row{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.mt2{padding:18px}.mt2-top{grid-template-columns:1fr}}
/* Videos ohne Vorschaubild von YouTube (r13, 29.10.2026): eigener Platzhalter (Titel + Play) – vor dem Klick keine Verbindung zu YouTube */
.cv2-player{container-type:inline-size}
.cv2-thumb.cv2-ph,.cv2-vi .tn,.vd2-thumb{background:radial-gradient(circle at calc(100% + 60px) -40px,rgba(255,225,77,.26),transparent 420px),linear-gradient(150deg,#28030f,#4a0b20)}
.cv2-ph{padding:52px 24px 84px;color:#fffdfb;font-family:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.cv2-ph::after{display:none}
.cv2-ph-tag{position:absolute;z-index:1;top:14px;left:14px;height:26px;padding:0 11px;border-radius:999px;background:rgba(255,253,251,.1);border:1px solid rgba(255,253,251,.16);color:rgba(255,253,251,.88);font:600 10.5px var(--hm-mono,ui-monospace,monospace);letter-spacing:.1em;text-transform:uppercase;display:inline-flex;align-items:center;gap:7px}
.cv2-ph-tag i{color:#ffe14d}
.cv2-ph-c{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:min(560px,86%)}
.cv2-ph-t{font-size:clamp(17px,3.8cqi,27px);line-height:1.15;font-weight:850;letter-spacing:-.035em;text-align:center;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cv2-vi .tn i{color:#ffe14d}
@container (max-width:520px){.cv2-ph{padding:12px 12px 72px}.cv2-ph-tag,.cv2-ph-t{display:none}.cv2-ph .cv2-play{width:58px;height:58px;font-size:20px}.cv2-ph .cv2-consent{left:10px;right:10px;bottom:10px;padding:8px 10px;font-size:11.5px;line-height:1.35}.cv2-ph .cv2-consent b{font-size:12px}}