:root{--ink: #1A1D22;--ink-soft: #5C646F;--linie: #DFE3E8;--linie-stark: #C3C9D2;--panel-soft: #F0F2F5;--teal: #C4741A;--teal-bg: rgba(196,116,26,.12);--gruen: #1F8C4D;--warn: #A87A0B;--rot: #C0342B;--info: #1F6FBF;--gold: #A87A0B}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:#eef1f3;line-height:1.5}.app{max-width:940px;margin:0 auto;padding:16px}.kopfzeile{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:14px}.kopfzeile h1{font-size:20px;margin:0}.panel{background:#fff;border:1px solid var(--linie);border-radius:10px;padding:16px;margin-bottom:14px}.panel.hell{background:linear-gradient(135deg,#fff 0%,#fff 58%,var(--teal-bg) 100%)}.panel h2{font-size:17px;margin:0 0 10px}.panel h2 small{font-weight:400;font-size:13px;color:var(--ink-soft);margin-left:6px}.kopf{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.meta{font-size:12.5px;color:var(--ink-soft)}.meta.klein{font-size:11.5px;margin-top:4px}.stat-grid{display:flex;gap:18px;flex-wrap:wrap;margin:10px 0}.stat .zahl{font-size:22px;font-weight:700}.stat .zahl.gold{color:var(--gold)}.stat .label{font-size:11.5px;color:var(--ink-soft)}.zeile{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}.karte{border:1px solid var(--linie);border-left:6px solid var(--teal);border-radius:8px;padding:12px 14px;margin:10px 0;background:#fff}.karte-kopf{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.karte h3{font-size:15px;margin:0 0 2px}.aktionen{display:flex;gap:6px;flex-wrap:wrap}.balken{height:8px;background:var(--panel-soft);border-radius:99px;overflow:hidden;margin-top:10px}.balken-fuell{height:100%;background:var(--gold)}.lf-themen{margin-top:10px}.lf-themen summary{cursor:pointer;font-size:12.5px;color:var(--ink-soft);-webkit-user-select:none;user-select:none}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chip{border:1px solid var(--teal);background:#fff;border-radius:99px;padding:5px 11px;font-size:12.5px;cursor:pointer;color:var(--ink)}.chip:hover{background:var(--panel-soft)}.chip.fertig{opacity:.6}.tag{display:inline-block;background:var(--panel-soft);border:1px solid var(--linie);border-radius:99px;padding:1px 8px;font-size:11px;color:var(--ink-soft)}.tags{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.frage{font-size:15.5px;margin:10px 0 12px}.frage-bild{max-width:100%;border:1px solid var(--linie);border-radius:8px;margin-bottom:12px}.optionen{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.option{display:flex;align-items:flex-start;gap:8px;text-align:left;border:1px solid var(--linie);border-left:4px solid var(--linie);background:#fff;border-radius:6px;padding:8px 11px;font-size:14px;cursor:pointer;color:var(--ink);flex-wrap:wrap}.option:hover:not(:disabled){background:var(--panel-soft)}.option.gewaehlt{border-left-color:var(--teal);background:var(--teal-bg)}.option.richtig{border-left-color:var(--gruen);background:#2e9e5b1a}.option.falsch{border-left-color:var(--rot);background:#c0393114}.option.neutral{border-left-color:var(--ink-soft);background:var(--panel-soft)}.option .marke{font-weight:700}.option .label{font-size:11px;font-weight:700;font-style:normal}.option .label.gruen{color:var(--gruen)}.option .label.rot{color:var(--rot)}.opt-erkl{flex-basis:100%;font-size:12px;color:var(--ink-soft);margin-top:3px}.feedback{border-radius:8px;padding:11px 13px;margin-bottom:12px;border:1px solid var(--linie)}.feedback.ok{background:#2e9e5b14}.feedback.bad{background:#c039310f}.warum{margin-top:8px;font-size:13px}.warum ul{margin:5px 0 0;padding-left:18px}.warum li{margin:2px 0}.erkl{font-size:13px;color:var(--ink-soft);margin:8px 0 0}.btn{border:1px solid var(--linie);background:#fff;border-radius:7px;padding:8px 14px;font-size:13.5px;cursor:pointer;color:var(--ink);margin-right:6px}.btn:hover:not(:disabled){background:var(--panel-soft)}.btn.primary{background:var(--teal);border-color:var(--teal);color:#fff}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.teal{background:var(--teal-bg);border-color:var(--teal);color:var(--teal)}.btn.ghost{background:transparent}.btn.sm{padding:5px 10px;font-size:12.5px}.pruefung-panel{background:linear-gradient(135deg,#fff,#fff 55%,#fff3e0);border:2px solid #e6a23c}.pruefung-panel select{padding:4px 8px;border-radius:6px;border:1px solid var(--linie);margin-left:4px}.timer{font-size:21px;font-weight:700;font-variant-numeric:tabular-nums}.timer.knapp{color:var(--rot)}.balken-fuell.teal{background:var(--teal)}.trenner{border:none;border-top:1px solid var(--linie);margin:16px 0 10px}.nav-grid{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.nav-nr{min-width:30px;height:30px;padding:0 4px;font-size:12px;cursor:pointer;border:1px solid var(--linie);border-radius:6px;background:var(--panel-soft);color:var(--ink)}.nav-nr.bearbeitet{background:var(--gruen);color:#fff;border-color:var(--gruen)}.nav-nr.aktuell{background:var(--teal);color:#fff;border-color:var(--teal)}.lf-zeile{margin:8px 0}.lf-zeile-kopf{display:flex;justify-content:space-between;font-size:13px;margin-bottom:3px}.falsch-karte{border-left:4px solid var(--rot);border-radius:6px;padding:9px 12px;margin:10px 0;background:#faf7f7}.frage-klein{font-weight:600;font-size:13.5px;margin:4px 0 6px}.zeile-opt{font-size:13px;margin:1px 0;color:var(--ink)}.zeile-opt.gruen{color:var(--gruen)}.zeile-opt.rot{color:var(--rot)}.tendenz{font-size:13px;margin:4px 0 0}.tendenz.gruen{color:var(--gruen)}.tendenz.rot{color:var(--rot)}.trend{display:flex;align-items:flex-end;gap:8px;height:120px;padding:8px 4px;overflow-x:auto}.trend-saeule{display:flex;flex-direction:column;align-items:center;gap:3px}.trend-wert{font-size:10px;color:var(--ink-soft)}.trend-balken{width:20px;border-radius:4px 4px 0 0}.trend-nr{font-size:9px;color:var(--ink-soft)}.tabelle{width:100%;border-collapse:collapse;font-size:13px}.tabelle th,.tabelle td{padding:6px 8px;text-align:left}.tabelle thead tr{border-bottom:2px solid var(--linie)}.tabelle tbody tr.best{background:#2e9e5b14}.abgabe-anfrage{border:1px solid var(--linie);border-radius:8px;padding:12px 14px;background:var(--panel-soft);margin-top:14px}.abgabe-anfrage p{margin:0 0 10px;font-size:13.5px}.abgabe-anfrage .rot{color:var(--rot)}.fall-kopf{border-left:4px solid var(--gold);background:#fffbf0;border-radius:6px;padding:8px 12px;margin:10px 0}.fall-titel{font-weight:600;font-size:13.5px}.quelle{display:inline-block;padding:1px 7px;border-radius:99px;background:var(--panel-soft);border:1px solid var(--linie);font-size:11px}.quelle.db{background:var(--teal-bg);border-color:var(--teal);color:var(--teal)}.zugang-huelle{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#eef1f3 0%,var(--teal-bg) 100%)}.zugang-karte{width:100%;max-width:440px;background:#fff;border:1px solid var(--linie);border-top:5px solid var(--teal);border-radius:12px;padding:28px 26px;box-shadow:0 6px 24px #0a7d6b1a}.zugang-karte h1{font-size:22px;margin:0 0 14px;color:var(--ink)}.zugang-text{font-size:14px;color:var(--ink-soft);margin:0 0 12px}.zugang-feld{display:block;margin:18px 0 4px}.zugang-feld span{display:block;font-size:12.5px;color:var(--ink-soft);margin-bottom:5px}.zugang-feld input{width:100%;padding:10px 12px;font-size:15px;border:1px solid var(--linie);border-radius:8px;color:var(--ink)}.zugang-feld input:focus{outline:none;border-color:var(--teal)}.zugang-fehler{color:var(--rot);font-size:13px;margin:8px 0 0}.zugang-knopf{width:100%;margin-top:16px;padding:11px 14px;font-size:15px;background:var(--teal);border:1px solid var(--teal);color:#fff;border-radius:8px;cursor:pointer}.zugang-knopf:hover{filter:brightness(1.08)}.zugang-fuss{font-size:11.5px;color:var(--ink-soft);text-align:center;margin:18px 0 0}.auth-buehne,.auth-huelle{--a-bg: #F7F8FA;--a-text: #1A1D22;--a-schwach: #5C646F;--a-linie: #DFE3E8;--a-feld: #ffffff;--a-karte-1: #ffffff;--a-karte-2: #F0F2F5;--a-kachel: rgba(255,255,255,.9);--a-hauch: rgba(196,116,26,.12);--a-raster: rgba(0,0,0,.045);--a-signal: #C4741A;--a-signal-hell: #C4741A;--a-signal-dunkel: #A85F10;--a-signal-schrift: #ffffff;--a-signal-schimmer: rgba(196,116,26,.3);--a-display: var(--display);--a-mono: var(--mono)}html[data-thema=dunkel] .auth-buehne,html[data-thema=dunkel] .auth-huelle{--a-bg: #14161A;--a-text: #F2F4F7;--a-schwach: #9BA3AF;--a-linie: #31363F;--a-feld: #1C1F24;--a-karte-1: rgba(36,41,45,.95);--a-karte-2: rgba(26,30,34,.95);--a-kachel: rgba(21,25,28,.88);--a-hauch: rgba(43,34,26,.9);--a-raster: rgba(255,255,255,.035);--a-signal: #F0A030;--a-signal-hell: #FFB652;--a-signal-dunkel: #F0A030;--a-signal-schrift: #14161A;--a-signal-schimmer: rgba(240,160,48,.28)}.auth-buehne{min-height:100vh;display:grid;grid-template-columns:1fr;background:var(--a-bg);color:var(--a-text)}@media (min-width: 950px){.auth-buehne{grid-template-columns:1.05fr 1fr}}.auth-raster{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to right,var(--a-raster) 1px,transparent 1px),linear-gradient(to bottom,var(--a-raster) 1px,transparent 1px);background-size:44px 44px}.nur-schmal{display:block}@media (min-width: 950px){.nur-schmal{display:none}}.auth-marke{position:relative;overflow:hidden;display:none;background:radial-gradient(120% 90% at 15% 0%,var(--a-hauch) 0%,var(--a-bg) 55%)}@media (min-width: 950px){.auth-marke{display:block}}.auth-marke-inhalt{position:relative;height:100%;padding:48px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}@media (min-width: 1200px){.auth-marke-inhalt{padding:60px}}.auth-marke-kopf{display:flex;align-items:center;gap:12px}.auth-logo{width:44px;height:44px;border-radius:8px;flex-shrink:0;display:grid;place-items:center;background-image:linear-gradient(100deg,var(--a-signal-hell),var(--a-signal-dunkel));color:var(--a-signal-schrift);box-shadow:0 12px 28px -14px var(--a-signal-schimmer)}.auth-label{font-family:var(--a-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--a-schwach);display:inline-block}.auth-schlagzeile{font-family:var(--a-display);font-size:clamp(40px,5vw,66px);line-height:.98;font-weight:700;text-transform:uppercase;letter-spacing:-.01em;margin:14px 0 0}.auth-schlagzeile span{display:block;color:var(--a-signal)}.auth-marke-text{margin:20px 0 0;max-width:30rem;color:var(--a-schwach);font-size:15px;line-height:1.65}.auth-merkmale{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--a-linie);border:1px solid var(--a-linie);border-radius:10px;overflow:hidden}.auth-merkmale li{background:var(--a-kachel);padding:18px}.auth-merkmale svg{color:var(--a-signal)}.auth-merkmal-titel{font-family:var(--a-display);text-transform:uppercase;font-size:17px;font-weight:600;margin:10px 0 2px}.auth-merkmal-text{margin:0;font-size:12.5px;color:var(--a-schwach);line-height:1.5}.auth-spalte{position:relative;display:flex;align-items:center;justify-content:center;padding:40px 20px}.auth-spalte-inhalt{position:relative;width:100%;max-width:430px}.auth-spalte-inhalt>.nur-schmal{margin-bottom:26px}.auth-karte{background:linear-gradient(180deg,var(--a-karte-1),var(--a-karte-2));border:1px solid var(--a-linie);border-radius:14px;padding:30px 28px;box-shadow:0 24px 60px -28px #00000059}.auth-titel{font-family:var(--a-display);font-size:30px;font-weight:700;text-transform:uppercase;margin:6px 0 0;color:var(--a-text)}.auth-karte h1{font-family:var(--a-display);font-size:26px;text-transform:uppercase;margin:0 0 10px;color:var(--a-text)}.auth-text{font-size:13.5px;color:var(--a-schwach);margin:12px 0 22px;line-height:1.6}.auth-feld{display:block;margin:0 0 14px}.auth-feld>.auth-label{display:block;margin-bottom:6px}.auth-feld input{width:100%;height:46px;padding:0 14px;font-size:14.5px;background:var(--a-feld);border:1px solid var(--a-linie);border-radius:8px;color:var(--a-text);transition:border-color .15s,box-shadow .15s}.auth-feld input::placeholder{color:#9399a0b3}.auth-feld input:focus{outline:none;border-color:var(--a-signal);box-shadow:0 0 0 3px var(--a-signal-schimmer)}.auth-pw{position:relative;display:block}.auth-pw input{padding-right:46px}.auth-pw-schalter{position:absolute;top:0;right:0;width:46px;height:46px;display:grid;place-items:center;background:none;border:none;color:var(--a-schwach);cursor:pointer}.auth-pw-schalter:hover{color:var(--a-text)}.auth-fehler{color:var(--rot);font-size:13px;margin:6px 0 0}.auth-hinweis{color:var(--gruen);font-size:13px;margin:6px 0 0;line-height:1.5}.auth-knopf{width:100%;margin-top:20px;height:48px;display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--a-display);font-size:19px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;background-image:linear-gradient(100deg,var(--a-signal-hell),var(--a-signal-dunkel));color:var(--a-signal-schrift);border:none;border-radius:8px;cursor:pointer;box-shadow:0 18px 40px -18px var(--a-signal-schimmer);transition:transform .18s,filter .18s}.auth-knopf:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.auth-knopf:disabled{opacity:.65;cursor:default;box-shadow:none}.auth-knopf svg{transition:transform .18s}.auth-knopf:hover:not(:disabled) svg{transform:translate(3px)}.auth-wechsel{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:18px}.auth-link{background:none;border:none;padding:0;font-size:13.5px;color:var(--a-schwach);cursor:pointer;text-align:left}.auth-link.stark{color:var(--a-signal);font-weight:600}.auth-link:hover{text-decoration:underline;text-underline-offset:4px;color:var(--a-text)}.auth-link.stark:hover{color:var(--a-signal-hell)}.auth-fuss{font-family:var(--a-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--a-schwach);text-align:center;margin:26px 0 0}.auth-huelle{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(120% 90% at 15% 0%,var(--a-hauch) 0%,var(--a-bg) 55%)}.auth-huelle .auth-karte{width:100%;max-width:420px}.auth-karte .einladung-banner{background:color-mix(in srgb,var(--a-signal) 12%,transparent);border-color:var(--a-signal);color:var(--a-text)}.auth-karte .einladung-banner .meta{color:var(--a-schwach)}.auth-karte .einladung-banner.abgelaufen{background:#e235321f;border-color:#e2353280}.konto-leiste{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:8px 16px;background:#0f1826;border-bottom:1px solid rgba(255,255,255,.1);font-size:13px;color:#cdd6e2}.konto-rolle{color:#6da3d6}.konto-abmelden{padding:5px 12px;font-size:13px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#cdd6e2;cursor:pointer}.konto-abmelden:hover{border-color:#6da3d6;color:#fff}.gast-block{margin-top:24px}.gast-trenner{display:flex;align-items:center;gap:14px;margin:0 0 14px}.gast-trenner:before,.gast-trenner:after{content:"";flex:1;height:1px;background:var(--a-linie, rgba(255,255,255,.12))}.gast-aufklapp{width:100%;height:46px;font-size:14px;background:var(--a-feld);border:1px solid var(--a-linie);border-radius:8px;color:var(--a-text, #cdd6e2);cursor:pointer;transition:border-color .15s,background .15s}.gast-aufklapp:hover{border-color:#f1902499;background:var(--a-feld, #23272B)}.gast-hinweis{font-size:12.5px;color:var(--a-schwach, #9aa7ba);line-height:1.55;margin:0 0 12px}.gast-knopf{width:100%;height:44px;margin-top:4px;font-size:14px;background:transparent;border:1px solid var(--a-signal, #F19024);color:var(--a-signal, #F19024);border-radius:8px;cursor:pointer}.gast-knopf:hover{background:#f190241f}.gast-leiste{background:#1a2436}.lehrer-knopf{margin-left:auto}.lehrer-kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.lehrer-kopf h2{margin:0}.lehrer-anlegen{display:flex;gap:10px;margin:12px 0;flex-wrap:wrap}.lehrer-anlegen input{flex:1;min-width:220px;padding:10px 12px;font-size:15px;border:1px solid var(--linie, #ccc);border-radius:8px}.lehrer-fehler{color:#c0392b;font-size:13px;margin:4px 0}.lehrer-tabelle{width:100%;border-collapse:collapse;margin:14px 0}.lehrer-tabelle th,.lehrer-tabelle td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--linie, #eee);font-size:14px}.lehrer-tabelle th{color:var(--ink-soft, #667);font-weight:600;font-size:12.5px}.code-pille{font-family:ui-monospace,monospace;font-size:14px;letter-spacing:.08em;background:var(--teal-bg, #e6f4f1);color:var(--teal, #0a7d6b);padding:3px 8px;border-radius:6px}.lehrer-hinweis{margin-top:14px}.schueler-klassen{margin-bottom:16px}.schueler-aufklapp{background:var(--teal-bg, #e6f4f1);border:1px solid var(--linie, #cce);color:var(--teal, #0a7d6b);border-radius:8px;padding:8px 14px;font-size:14px;cursor:pointer}.schueler-inhalt{border:1px solid var(--linie, #eee);border-radius:8px;padding:14px;margin-top:8px}.schueler-beitritt{display:flex;gap:8px;margin:10px 0;flex-wrap:wrap}.schueler-beitritt input{flex:1;min-width:180px;padding:8px 12px;font-size:14px;border:1px solid var(--linie, #ccc);border-radius:8px;text-transform:uppercase;letter-spacing:.08em}.schueler-kuerzel{margin-top:8px}.lehrer-ok{color:#0a7d5a;font-size:13px;margin:4px 0}.lehrer-uebersicht-block{margin:18px 0}.lehrer-tabelle.uebersicht{margin-top:12px}.fortschritt-zelle{display:flex;align-items:center;gap:8px}.balken.mini{width:80px;height:8px;background:var(--linie, #e5e7eb);border-radius:4px;overflow:hidden}.balken.mini .balken-fuell{height:100%;background:var(--teal, #0a7d6b)}.lehrer-kuerzel-box{background:var(--teal-bg, #f0f7f5);border:1px solid var(--linie, #e0e7e5);border-radius:8px;padding:12px 14px;margin:14px 0}.lehrer-kuerzel-box label{display:inline-flex;flex-direction:column;gap:4px;margin-right:10px}.lehrer-kuerzel-box label span{font-size:12px;color:var(--ink-soft, #667)}.lehrer-kuerzel-box input{width:120px;padding:7px 10px;font-size:14px;text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--linie, #ccc);border-radius:7px}.lehrer-kuerzel-meldung{margin-left:10px;font-size:13px;color:#0a7d5a}.lehrer-kuerzel-box .meta{margin-top:8px;margin-bottom:0}.detail-gesamt{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 8px}.detail-kachel{flex:1;min-width:120px;text-align:center;background:var(--teal-bg, #f0f7f5);border:1px solid var(--linie, #e0e7e5);border-radius:10px;padding:14px 10px}.detail-kachel .zahl{font-size:24px;font-weight:700;color:var(--teal, #0a7d6b)}.detail-kachel .label{font-size:12.5px;color:var(--ink-soft, #667);margin-top:4px}.detail-titel{margin:22px 0 8px;font-size:16px}.link-knopf{background:none;border:none;color:var(--teal, #0a7d6b);cursor:pointer;font-size:14px;padding:0;text-decoration:underline}.link-knopf:hover{filter:brightness(1.2)}.ka-feld{margin:10px 0}.ka-feld label{display:block;font-size:12.5px;color:var(--ink-soft, #667);margin-bottom:4px}.ka-feld input,.ka-filter select{padding:8px 10px;font-size:14px;border:1px solid var(--linie, #ccc);border-radius:7px}.ka-zeit{display:flex;gap:12px;flex-wrap:wrap}.ka-modus{display:flex;gap:8px;margin:14px 0;flex-wrap:wrap}.ka-filter{display:flex;align-items:center;gap:10px;margin:10px 0}.ka-liste{max-height:340px;overflow-y:auto;border:1px solid var(--linie, #eee);border-radius:8px;padding:6px}.ka-frage{display:flex;align-items:flex-start;gap:8px;padding:6px 8px;border-bottom:1px solid var(--linie, #f0f0f0);font-size:13.5px;cursor:pointer}.ka-frage:hover{background:var(--teal-bg, #f0f7f5)}.ka-lf{flex-shrink:0;font-size:11px;color:var(--teal, #0a7d6b);font-weight:600;padding-top:2px}.ka-text{flex:1}.ka-lf-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.chip{padding:5px 12px;border:1px solid var(--linie, #ccc);border-radius:16px;background:#fff;cursor:pointer;font-size:13px}.chip.aktiv{background:var(--teal, #0a7d6b);color:#fff;border-color:var(--teal, #0a7d6b)}.ka-noten{margin:16px 0}.ka-noten summary{cursor:pointer;font-size:14px;color:var(--teal, #0a7d6b)}.ka-noten input{width:70px;padding:4px 8px}.ka-aktionen{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;flex-wrap:wrap}.ka-block{margin:20px 0}.ka-status{padding:2px 10px;border-radius:12px;font-size:12px}.ka-status.geplant{background:#eef2f7;color:#5a6b82}.ka-status.läuft{background:#e6f4ea;color:#1a7d43}.ka-status.beendet{background:#f3eee9;color:#866a4a}.ka-themen{border:1px solid var(--linie, #eee);border-radius:8px;max-height:400px;overflow-y:auto}.ka-thema-gruppe{border-bottom:1px solid var(--linie, #f0f0f0)}.ka-thema-kopf{width:100%;display:flex;justify-content:space-between;align-items:center;padding:9px 12px;background:var(--teal-bg, #f0f7f5);border:none;cursor:pointer;font-size:13.5px;text-align:left}.ka-thema-kopf:hover{filter:brightness(.98)}.ka-status.nicht{background:#f3eee9;color:#866a4a}.ka-weitere{margin:14px 0}.ka-kopier-menu{margin-top:6px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.sa-zeile{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--linie, #f0f0f0);flex-wrap:wrap}.sa-ergebnis{font-size:13px;color:#0a7d5a;font-weight:600}.sa-frage{margin:16px 0}.sa-fragetext{font-size:16px;font-weight:600;margin-bottom:12px}.sa-bild{max-width:100%;border-radius:8px;margin:10px 0}.sa-optionen{display:flex;flex-direction:column;gap:8px;margin-top:10px}.sa-option{text-align:left;padding:12px 14px;border:1px solid var(--linie, #ccc);border-radius:8px;background:#fff;cursor:pointer;font-size:14px}.sa-option:hover{background:var(--teal-bg, #f0f7f5)}.sa-option.gewaehlt{background:var(--teal, #0a7d6b);color:#fff;border-color:var(--teal, #0a7d6b)}.sa-navigation{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}.sa-abgeben-immer{margin-top:14px}.ka-abgaben{margin-top:18px;padding-top:12px;border-top:1px solid var(--linie, #eee)}.ka-abgaben h4{margin-top:0}.sa-fortgesetzt{background:var(--teal-bg, #f0f7f5);border-left:3px solid var(--teal, #0a7d6b);padding:8px 12px;border-radius:6px;font-size:13px;margin-bottom:12px}.lehrer-kopf-knoepfe{display:flex;gap:8px;flex-wrap:wrap}.ka-feld textarea{width:100%;padding:10px 12px;font-size:14px;font-family:inherit;border:1px solid var(--linie, #ccc);border-radius:8px;resize:vertical}.ka-feld select{padding:8px 10px;font-size:14px;border:1px solid var(--linie, #ccc);border-radius:7px}.ef-optionen{margin:16px 0}.ef-label{display:block;font-size:12.5px;color:var(--ink-soft, #667);margin-bottom:8px}.ef-option{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.ef-option>input[type=checkbox]{margin-top:12px;flex-shrink:0}.ef-option-felder{flex:1;display:flex;flex-direction:column;gap:4px}.ef-option-felder input{padding:9px 12px;font-size:14px;border:1px solid var(--linie, #ccc);border-radius:7px}.ef-begruendung{font-size:13px!important;background:var(--teal-bg, #f7fafa)}.ef-bild{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.ef-bild img{max-width:260px;border-radius:8px;border:1px solid var(--linie, #eee)}.pool-karte{border:1px solid var(--linie, #eee);border-radius:8px;padding:12px 14px;margin:10px 0}.pool-kopf{cursor:pointer}.pool-frage{margin-top:4px;font-size:14px}.pool-gemeldet{margin-left:8px;font-size:12px;color:#a8631a;background:#fdf3e3;padding:2px 8px;border-radius:10px}.pool-detail{margin:10px 0;padding:10px;background:var(--teal-bg, #f7fafa);border-radius:7px}.pool-optionen{margin:0;padding-left:20px;font-size:13.5px}.pool-optionen li{margin-bottom:6px}.pool-optionen li.richtig{font-weight:600;color:var(--teal, #0a7d6b)}.pool-aktionen{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}.pool-melden{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.pool-melden input{flex:1;min-width:200px;padding:8px 12px;font-size:13.5px;border:1px solid var(--linie, #ccc);border-radius:7px}.ef-hinweise{margin:18px 0;padding:12px 14px;background:#fdf9f2;border:1px solid #f0e2cc;border-radius:8px}.ef-hinweise h4{margin-top:0}.ef-hinweis{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0;border-top:1px solid #f0e2cc;font-size:13.5px}.admin-box{background:#f7f4fb;border:1px solid #e4dcf0;border-radius:8px;padding:12px 14px;margin:14px 0}.admin-box h4{margin-top:0}.admin-meldung{margin-top:8px;font-weight:500}.konto-schule{opacity:.85}.konto-schule.ohne{opacity:.6;font-style:italic}.ka-karten{display:flex;flex-direction:column;gap:12px;margin-top:12px}.ka-karte{border:1px solid var(--linie, #e5e7eb);border-radius:10px;padding:14px 16px;background:#fff}.ka-karte.aktiv{border-color:var(--teal, #0a7d6b);box-shadow:0 0 0 1px var(--teal, #0a7d6b) inset}.ka-karte-kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ka-karte-kopf h4{margin:0;font-size:15.5px}.ka-karte-meta{margin:4px 0 12px;font-size:12.5px;color:var(--ink-soft, #667)}.ka-karte-aktionen{display:flex;gap:8px;flex-wrap:wrap}.ka-mehr.offen{background:var(--teal-bg, #e6f4f1)}.ka-menue{margin-top:12px;border-top:1px solid var(--linie, #eee);padding-top:10px;display:flex;flex-direction:column;gap:2px}.ka-menue-punkt{display:flex;flex-direction:column}.ka-menue-knopf{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:9px 10px;border-radius:7px}.ka-menue-knopf:hover{background:var(--teal-bg, #f0f7f5)}.ka-menue-knopf b{font-size:13.5px;font-weight:600}.ka-menue-knopf span{font-size:12px;color:var(--ink-soft, #667)}.ka-menue-knopf.gefahr b{color:#b3261e}.ka-menue-knopf.gefahr:hover{background:#fdf0ef}.ka-untermenue{display:flex;flex-wrap:wrap;gap:6px;padding:4px 10px 10px}.ka-warnung{background:#fdf6e8;border:1px solid #f0dfba;border-radius:8px;padding:11px 14px;margin-bottom:14px;font-size:13.5px;line-height:1.5}.ka-status.einsicht{background:#eaf2fb;color:#2a5d94;margin-left:6px}.sa-abgegeben{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ns-frage{border:1px solid var(--linie, #e5e7eb);border-left-width:4px;border-radius:8px;padding:14px 16px;margin:14px 0}.ns-frage.richtig{border-left-color:#1a7d43}.ns-frage.falsch{border-left-color:#b3261e}.ns-kopf{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ns-nr{font-size:12.5px;color:var(--ink-soft, #667)}.ns-marke{font-size:12.5px;font-weight:600;padding:2px 10px;border-radius:12px}.ns-marke.gut{background:#e6f4ea;color:#1a7d43}.ns-marke.schlecht{background:#fdecea;color:#b3261e}.ns-optionen{list-style:none;margin:10px 0 0;padding:0}.ns-optionen li{display:flex;gap:10px;padding:8px 10px;border-radius:7px;font-size:14px;margin-bottom:4px;background:#fafafa}.ns-optionen li.loesung{background:#e6f4ea}.ns-optionen li.meine-falsch{background:#fdecea}.ns-zeichen{flex-shrink:0;font-weight:700;width:14px}.ns-optionen li.loesung .ns-zeichen{color:#1a7d43}.ns-optionen li.meine-falsch .ns-zeichen{color:#b3261e}.ns-text{flex:1}.ns-hinweis{font-size:12px;color:var(--ink-soft, #667);font-style:italic}.ns-erklaerung{margin-top:10px;padding:10px 12px;background:var(--teal-bg, #f0f7f5);border-radius:7px;font-size:13.5px}.ef-typwahl{margin:4px 0 14px}.ef-typwahl .ka-modus{margin-top:6px}.ef-option-felder input[readonly]{background:#f4f6f6;color:var(--ink-soft, #556)}.zu-liste{display:flex;flex-direction:column;gap:10px;margin:12px 0}.zu-zeile{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--linie, #e5e7eb);border-radius:8px;background:#fff}.zu-zeile.richtig{background:#e6f4ea;border-color:#bfe0ca}.zu-zeile.falsch{background:#fdecea;border-color:#f2c7c3}.zu-links{flex:1;min-width:140px;font-size:14px;font-weight:500}.zu-pfeil{color:var(--ink-soft, #889);flex-shrink:0}.zu-rechts{flex:1;min-width:180px}.zu-rechts select{width:100%;padding:8px 10px;font-size:14px;border:1px solid var(--linie, #ccc);border-radius:7px;background:#fff}.zu-loesung{font-size:12.5px;color:#1a7d43;margin-top:4px}.zu-eingabe{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.zu-eingabe input{flex:1;min-width:150px;padding:9px 12px;font-size:14px;border:1px solid var(--linie, #ccc);border-radius:7px}.lue-text{line-height:2.2;font-size:15px;margin:12px 0}.lue-wort{white-space:pre-wrap}.lue-slot{display:inline-flex;flex-direction:column;vertical-align:middle;margin:0 2px}.lue-input,.lue-select{padding:4px 8px;font-size:14px;border:1px solid var(--teal, #0a7d6b);border-radius:6px;background:#fbfffe}.lue-input.richtig,.lue-select.richtig{border-color:#1a7d43;background:#e6f4ea}.lue-input.falsch,.lue-select.falsch{border-color:#b3261e;background:#fdecea}.lue-korrektur{font-size:11.5px;color:#1a7d43;margin-top:2px}.lue-fehlt{color:#b3261e}.lue-werkzeug{display:flex;align-items:center;gap:12px;margin:8px 0 14px;flex-wrap:wrap}.lue-def{border:1px solid var(--linie, #e5e7eb);border-radius:8px;padding:12px 14px;margin:10px 0;background:#fafcfc}.lue-def-kopf{font-weight:600;font-size:13.5px;margin-bottom:8px}.lue-def-zeile{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.lue-eingabe-zeile{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.lue-eingabe-zeile input{flex:1;min-width:160px;padding:8px 11px;font-size:14px;border:1px solid var(--linie, #ccc);border-radius:7px}.num-feld{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}.num-input{padding:8px 12px;font-size:15px;width:160px;border:1px solid var(--teal, #0a7d6b);border-radius:7px;background:#fbfffe}.num-input.richtig{border-color:#1a7d43;background:#e6f4ea}.num-input.falsch{border-color:#b3261e;background:#fdecea}.num-einheit{font-size:15px;font-weight:500;color:var(--ink-soft, #445)}.num-korrektur{font-size:12.5px;color:#1a7d43;margin-left:4px}.num-eingabe-grid{display:flex;gap:12px;flex-wrap:wrap}.num-eingabe-grid .ka-feld{flex:1;min-width:130px}.num-eingabe-grid input{width:100%;padding:9px 12px;font-size:14px;border:1px solid var(--linie, #ccc);border-radius:7px}.ef-reiter{display:flex;gap:4px;margin-bottom:16px;border-bottom:2px solid var(--linie, #e5e7eb)}.ef-reiter-knopf{padding:8px 16px;border:none;background:none;cursor:pointer;font-size:14px;color:var(--ink-soft, #667);border-bottom:2px solid transparent;margin-bottom:-2px}.ef-reiter-knopf.aktiv{color:var(--teal, #0a7d6b);border-bottom-color:var(--teal, #0a7d6b);font-weight:600}.fall-schrittliste{list-style:none;padding:0;margin:12px 0}.fall-schritt-zeile{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;border:1px solid var(--linie, #e5e7eb);border-radius:8px;margin-bottom:8px;background:#fff}.fall-schritt-nr{font-weight:600;font-size:13px;color:var(--teal, #0a7d6b);flex-shrink:0}.fall-schritt-art{flex-shrink:0}.fall-schritt-text{flex:1;min-width:160px;font-size:14px}.fall-schritt-knoepfe{display:flex;gap:6px;flex-shrink:0}.fall-beschreibung{margin-top:8px;padding:10px 12px;background:#fff;border-left:3px solid var(--teal, #0a7d6b);border-radius:4px;font-size:14px;line-height:1.5}.fall-kopf.klein{padding:10px 12px;margin-bottom:12px}.fall-kopf.klein .fall-titel{font-size:14px}.klasse-gefahr{margin-top:28px;padding:16px 18px;border:1px solid #f2c7c3;border-radius:10px;background:#fdf7f6}.klasse-gefahr h4{margin:0 0 6px;color:#b3261e;font-size:15px}.klasse-gefahr .meta{margin-bottom:12px}.btn.gefahr{background:#b3261e;color:#fff;border:1px solid #b3261e}.btn.gefahr:hover{background:#97160f;border-color:#97160f}.badge-bild{display:inline-block;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));transition:transform .12s}.badge-bild.gold{filter:drop-shadow(0 2px 5px rgba(201,162,39,.5))}.badge-bild.keine{opacity:.65}.badge-bild:hover{transform:scale(1.06)}.badges-panel{padding:16px 18px}.badges-kopf{display:flex;align-items:center;gap:14px;margin-bottom:14px}.badges-reihe{display:flex;flex-wrap:wrap;gap:10px}.badges-reihe-item{display:flex;flex-direction:column;align-items:center;gap:2px;width:96px}.badges-reihe-nr{font-size:11px;color:var(--ink-soft, #667)}.karte-kopf-links{display:flex;align-items:center;gap:12px}.roadmap{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.roadmap:before{content:"";position:absolute;left:21px;top:22px;bottom:22px;width:2px;background:linear-gradient(to bottom,var(--teal),var(--linie) 30%,var(--linie));opacity:.7}.roadmap-etappe{position:relative;padding-left:60px}.roadmap-marke{position:absolute;left:0;top:14px;z-index:1;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--panel);color:var(--teal);border:1px solid var(--teal);font-size:16px;font-weight:700;box-shadow:0 6px 18px -8px #00000059}.roadmap-marke.pruefung{background-image:linear-gradient(100deg,var(--akzent-hell),var(--akzent-dunkel));color:#fff;border:none;box-shadow:0 0 0 5px var(--teal-bg)}.roadmap-jahr{border:none;margin:0;padding:0}.roadmap-jahr-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 16px;cursor:pointer;list-style:none;background:var(--panel);border:1px solid var(--linie);border-radius:12px;transition:border-color .15s}.roadmap-jahr-kopf:hover{border-color:var(--teal)}.roadmap-jahr-kopf::-webkit-details-marker{display:none}.roadmap-jahr[open]>.roadmap-jahr-kopf{border-color:var(--teal)}.roadmap-jahr-titel{display:flex;flex-direction:column;gap:2px;min-width:0}.roadmap-jahr-titel b{font-size:19px;line-height:1.1}.roadmap-jahr-badges{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-left:auto}.roadmap-pfeil{color:var(--ink-soft);transition:transform .18s}.roadmap-jahr[open] .roadmap-pfeil{transform:rotate(180deg)}.roadmap-jahr-inhalt{margin-top:12px;display:grid;gap:12px;grid-template-columns:1fr}@media (min-width: 1100px){.roadmap-jahr-inhalt{grid-template-columns:1fr 1fr}}.roadmap-pruefung{padding:16px 18px;border-radius:12px;background:var(--teal-bg);border:1px solid var(--teal)}.roadmap-pruefung h3{margin:2px 0 4px;font-size:19px}.roadmap-pruefung .auth-label{color:var(--teal)}.roadmap-pruefung-steuerung{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}.roadmap-pruefung-steuerung select{height:36px}.lf-karte{background:var(--panel);border:1px solid var(--linie);border-left:3px solid var(--teal);border-radius:12px;padding:14px 16px}.lf-karte-kopf{display:flex;align-items:flex-start;gap:14px}.lf-karte-text{min-width:0;flex:1}.lf-karte-titel{margin:2px 0 3px;font-size:17px;line-height:1.15;font-family:var(--display);text-transform:uppercase}.lf-karte-text .balken{margin-top:8px}.lf-karte-aktionen{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}.lf-themen-schalter{margin-left:auto;display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-size:12.5px;color:var(--ink-soft)}.lf-themen-schalter:hover{color:var(--teal)}.lf-themen-schalter .gedreht{transform:rotate(180deg)}.lf-themen-schalter svg{transition:transform .18s}.lf-themen-liste{list-style:none;margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--linie);display:flex;flex-direction:column;gap:9px}.lf-themen-liste li{display:grid;align-items:center;gap:4px 12px;grid-template-columns:1fr auto}@media (min-width: 520px){.lf-themen-liste li{grid-template-columns:1fr 92px 58px}}.lf-thema-name{min-width:0;text-align:left;background:none;border:none;cursor:pointer;color:var(--ink);font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0}.lf-thema-name:hover{color:var(--teal);text-decoration:underline}.lf-thema-balken{min-width:0}@media (max-width: 519px){.lf-thema-balken{grid-column:1 / -1}}.lf-thema-balken .balken{margin:0}.lf-thema-zahl{text-align:right;white-space:nowrap;font-family:var(--mono);font-size:11.5px;color:var(--ink-soft)}.zeile{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.btn svg{vertical-align:-2px;margin-right:5px}.btn.sm{display:inline-flex;align-items:center}.jahr-siegel{width:16px;height:16px;border-radius:50%;display:inline-block;margin-left:4px;border:2px solid #fff;box-shadow:0 0 0 1px #00000026}.jahr-siegel.bronze{background:#cd7f4d}.jahr-siegel.silber{background:#c8d0d8}.jahr-siegel.gold{background:#f2cf4a}.zufall-block>summary{cursor:pointer;padding:8px 0;font-weight:600;color:var(--teal, #0a7d6b);list-style:none}.zufall-block>summary::-webkit-details-marker{display:none}.zufall-block>summary:before{content:"▸ "}.zufall-block[open]>summary:before{content:"▾ "}.challenge-fertig{text-align:center;padding:24px 0}.challenge-punkte-gross{font-size:56px;font-weight:800;color:var(--teal, #0a7d6b);line-height:1}.ka-lf-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.ka-lf-chips .chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--linie, #ccc);border-radius:14px;font-size:13px;cursor:pointer;background:#fff}.ka-lf-chips .chip.an{background:#eef4f3;border-color:var(--teal, #0a7d6b)}.ka-lf-chips .chip input{margin:0}.rang-klasse{margin-bottom:16px}.rang-klasse-titel{margin:0 0 6px;font-size:14px}.rang-liste{list-style:none;padding:0;margin:0}.rang-zeile{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;margin-bottom:4px;background:#f7f9fa}.rang-zeile.ich{background:#eef4f3;border:1px solid var(--teal, #0a7d6b);font-weight:600}.rang-zeile.rang-1{background:linear-gradient(90deg,#fff8e0,#f7f9fa)}.rang-zeile.rang-2{background:linear-gradient(90deg,#f0f2f4,#f7f9fa)}.rang-zeile.rang-3{background:linear-gradient(90deg,#f6ece2,#f7f9fa)}.rang-nr{font-size:18px;min-width:32px;text-align:center}.rang-name{flex:1;display:flex;align-items:center;gap:8px}.rang-punkte{font-weight:700;color:var(--teal, #0a7d6b)}.rang-luecke{text-align:center;color:#aaa;padding:2px}.rang-klasse-tag{font-size:11px;background:#e5eaee;color:#556;padding:1px 7px;border-radius:10px}.rang-block{margin-top:12px}.rang-schule{display:flex;flex-direction:column;gap:2px;margin-top:12px;padding:12px 16px;background:#eef4f3;border-radius:10px}.rang-schule-label{font-size:13px;color:var(--ink-soft, #667)}.rang-schule-wert{font-size:18px;font-weight:700;color:var(--teal, #0a7d6b)}.abzeichen-block{margin-top:14px;border-top:1px solid var(--linie, #e5e7eb);padding-top:12px}.abzeichen-block>summary{cursor:pointer;padding:8px 0;font-weight:600;color:var(--teal, #0a7d6b);list-style:none}.abzeichen-block>summary::-webkit-details-marker{display:none}.abzeichen-block>summary:before{content:"▸ "}.abzeichen-block[open]>summary:before{content:"▾ "}.abzeichen-inhalt{margin-top:12px}.abzeichen-gesamt{display:flex;align-items:center;gap:14px;margin-bottom:14px;flex-wrap:wrap}.abzeichen-gesamt .meta{flex:1;min-width:220px;margin:0}.roadmap-pruefung-steuerung{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px}.btn-reset{width:30px;height:30px;border-radius:50%;border:1px solid #e0b4b0;background:#fdf3f2;color:#b3261e;font-size:15px;line-height:1;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;transition:background .12s;flex-shrink:0}.btn-reset:hover{background:#f8d7d4;border-color:#d09088}.lehrer-kuerzel-box.offen{border:1px solid #f2c7c3;background:#fdf7f6;border-radius:10px;padding:14px 16px;margin-bottom:14px}.lehrer-kuerzel-box.offen label{display:flex;flex-direction:column;gap:4px;font-weight:600}.lehrer-kuerzel-box.offen input{max-width:160px}.lehrer-kuerzel-box.gesetzt{margin-bottom:12px;font-size:13px;color:var(--ink-soft, #667)}.lehrer-kuerzel-box.gesetzt>summary{cursor:pointer;list-style:none;padding:4px 0}.lehrer-kuerzel-box.gesetzt>summary::-webkit-details-marker{display:none}.lehrer-kuerzel-box.gesetzt>summary:before{content:"▸ ";color:#aaa}.lehrer-kuerzel-box.gesetzt[open]>summary:before{content:"▾ "}.lehrer-kuerzel-aendern{display:flex;align-items:center;gap:8px;margin-top:8px}.lehrer-kuerzel-aendern input{max-width:140px}.rang-kopfzeile{display:flex;align-items:center;gap:10px;padding:4px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-soft, #889)}.rang-kopfzeile .rang-nr{min-width:32px;text-align:center}.rang-kopfzeile .rang-name{flex:1}.rang-kopfzeile .rang-punkte{text-align:right}.rang-hinweis{margin:6px 0 0;text-align:right}.qr-block{margin:12px 0}.qr-inhalt{margin-top:12px;padding:14px 16px;border:1px solid var(--linie, #e5e7eb);border-radius:10px;background:#fbfcfd}.qr-anzeige{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap;margin:12px 0}.qr-bild{background:#fff;padding:8px;border-radius:8px;border:1px solid var(--linie, #e5e7eb);line-height:0}.qr-bild svg{display:block}.qr-daten{flex:1;min-width:200px}.qr-code-text{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:20px;font-weight:700;letter-spacing:.12em;background:#fff;border:1px solid var(--linie, #e5e7eb);border-radius:6px;padding:6px 10px;display:inline-block;margin:4px 0}.qr-knoepfe{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.qr-neu{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--linie, #e5e7eb)}.qr-alte{margin-top:10px}.qr-alte>summary{cursor:pointer}.qr-alte-liste{margin:6px 0 0;padding-left:18px}.qr-gross{position:fixed;top:0;right:0;bottom:0;left:0;background:#14181ce6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.qr-gross-inhalt{background:#fff;border-radius:16px;padding:28px 32px;text-align:center;max-width:90vw}.qr-gross-inhalt h2{margin:0 0 16px}.qr-bild.gross{border:none;padding:0;display:inline-block}.qr-gross-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:30px;font-weight:700;letter-spacing:.16em;margin:14px 0 4px}.einladung-banner{margin:12px 0;padding:14px 16px;border-radius:10px;background:#eef4f3;border:1px solid var(--teal, #0a7d6b)}.einladung-banner.erfolg{background:#eaf6ee;border-color:#2e9e5b}.einladung-banner.abgelaufen{background:#fdf3f2;border-color:#e0b4b0}.einladung-banner p{margin:4px 0 8px}.at-tafel{border:1px solid var(--linie, #e2e5e8);border-radius:12px;background:#fff;padding:16px 18px}.at-kopf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.at-zaehler{margin:0;font-size:14px;color:var(--ink-soft, #6a7075)}.at-zaehler b{font-size:19px;color:var(--ink, #23282d)}.at-filter{display:flex;flex-wrap:wrap;gap:6px}.at-filter-knopf{padding:5px 14px;font-size:13px;border-radius:999px;cursor:pointer;background:#fff;border:1px solid var(--linie, #e2e5e8);color:var(--ink-soft, #6a7075);transition:border-color .15s,color .15s,background .15s}.at-filter-knopf:hover{border-color:#c8ccd0;color:var(--ink, #23282d)}.at-filter-knopf.aktiv{background:#fdf3e3;border-color:#e8a33c;color:#9a6410;font-weight:600}.at-raster{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.at-kachel{text-align:center}.at-bild{position:relative;border-radius:12px;padding:8px 6px;background:var(--panel-soft, #f6f7f8);border:1px solid var(--linie, #e2e5e8);display:flex;align-items:center;justify-content:center;min-height:92px}.at-kachel.keine .at-bild{background:#f2f4f5}.at-nr{position:absolute;top:5px;left:6px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#fff;border:1px solid var(--linie, #e2e5e8);font-size:11px;line-height:17px;color:var(--ink-soft, #6a7075)}.at-schloss{position:absolute;right:6px;bottom:5px;font-size:12px;opacity:.55}.at-name{margin:8px 0 2px;font-size:12.5px;line-height:1.25;color:var(--ink, #23282d);overflow-wrap:anywhere}.at-stufe{margin:0 0 6px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft, #6a7075)}.at-stufe.gold{color:#a9791a}.at-stufe.silber{color:#6f7885}.at-stufe.bronze{color:#a35a2a}.at-balken{height:5px;border-radius:999px;background:#e7eaec;overflow:hidden}.at-balken-fuell{display:block;height:100%;border-radius:999px;background:#c9ced3}.at-balken-fuell.gold{background:linear-gradient(90deg,#f2cf4a,#d9a417)}.at-balken-fuell.silber{background:linear-gradient(90deg,#cfd6dd,#9aa4ae)}.at-balken-fuell.bronze{background:linear-gradient(90deg,#e09a5f,#c1702f)}.at-balken-fuell.keine{background:linear-gradient(90deg,#e8a33c,#d98b22)}.at-rest{margin:5px 0 0;font-size:10.5px;color:var(--ink-soft, #6a7075);line-height:1.3}.at-legende{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;padding-top:14px;border-top:1px solid var(--linie, #e2e5e8);font-size:12px;color:var(--ink-soft, #6a7075)}.at-legende span{display:inline-flex;align-items:center;gap:6px}.at-punkt{width:12px;height:12px;border-radius:3px;display:inline-block}.at-punkt.gold{background:linear-gradient(135deg,#f2cf4a,#d9a417)}.at-punkt.silber{background:linear-gradient(135deg,#dfe4e9,#9aa4ae)}.at-punkt.bronze{background:linear-gradient(135deg,#e09a5f,#c1702f)}.at-punkt.keine{background:#e3e7ea}:root{--hintergrund: #F7F8FA;--panel: #FFFFFF;--panel-2: #F0F2F5;--feld: #FFFFFF;--akzent-hell: #C4741A;--akzent-dunkel: #A85F10;--gruen-bg: rgba(31,140,77,.12);--rot-bg: rgba(192,52,43,.12);--warn-bg: rgba(168,122,11,.12);--spur: #E4E7EB;--display: "Barlow Condensed", "Roboto Condensed", "Arial Narrow", system-ui, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--a1: 4px;--a2: 8px;--a3: 12px;--a4: 16px;--a5: 24px;--a6: 32px;--a7: 48px;--a8: 64px;--r-chip: 4px;--r-knopf: 8px;--r-karte: 12px;--r-panel: 16px;--r-pille: 999px;--s1: 0 1px 2px rgba(0,0,0,.1);--s2: 0 4px 12px rgba(0,0,0,.1);--s3: 0 12px 32px rgba(0,0,0,.14);--glimmer: 0 6px 20px rgba(196,116,26,.24);--fokus: 0 0 0 3px rgba(196,116,26,.25);color-scheme:light}html[data-thema=dunkel]{color-scheme:dark}.panel h2,.detail-titel,.lehrer-kopf h2,.lehrer-kopf h3,.auth-titel,.roadmap-jahr-titel b,.roadmap-pruefung-inhalt h3,.rang-klasse-titel,.at-zaehler b,.stat .zahl,.gesamt-balken-kopf{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em}.panel h2{font-size:21px}.roadmap-jahr-titel b,.roadmap-pruefung-inhalt h3{font-size:19px}.at-zaehler b{font-size:22px}.roadmap-marke{font-family:var(--display)}.panel h2 small,.lehrer-kopf h2 small{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;text-transform:none;letter-spacing:normal}.auth-label,.gesamt-balken-kopf,.at-stufe,.auth-fuss{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em}.stat-grid{display:grid;gap:12px;margin:14px 0 4px;grid-template-columns:repeat(2,1fr)}@media (min-width: 640px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.stat{background:var(--panel-2);border:1px solid var(--linie);border-radius:10px;padding:14px 16px}.stat .zahl{font-family:var(--display);font-size:30px;font-weight:700;line-height:1.05}.stat .zahl.gold{color:var(--teal)}.stat .zahl.rot{color:var(--rot)}.stat .label{font-size:11.5px;color:var(--ink-soft);margin-top:3px}.gesamt-balken{margin:14px 0 4px}.gesamt-balken-kopf{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.gesamt-balken-kopf b{color:var(--teal);font-weight:600}.gesamt-balken-spur{margin-top:7px;height:8px;border-radius:999px;background:var(--spur);overflow:hidden}.gesamt-balken-fuell{display:block;height:100%;border-radius:999px;background-image:linear-gradient(90deg,var(--akzent-hell),var(--akzent-dunkel))}.auth-marke-bild{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.3;filter:grayscale(.35) contrast(1.05);pointer-events:none}.auth-marke-schleier{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(95deg,color-mix(in srgb,var(--a-bg) 92%,transparent),color-mix(in srgb,var(--a-bg) 62%,transparent) 42%,color-mix(in srgb,var(--a-bg) 8%,transparent)),linear-gradient(to top,color-mix(in srgb,var(--a-bg) 75%,transparent) 0%,transparent 45%)}.auth-marke-bild{opacity:.6;filter:brightness(1.3) contrast(.95)}html[data-thema=dunkel] .auth-marke-bild{opacity:1;filter:contrast(1.08)}html[data-thema=dunkel]{--hintergrund: #14161A;--ink: #F2F4F7;--ink-soft: #9BA3AF;--linie: #31363F;--linie-stark: #454B57;--panel: #1C1F24;--panel-2: #23272E;--panel-soft: #23272E;--feld: #1C1F24;--teal: #F0A030;--teal-bg: rgba(240,160,48,.12);--akzent-hell: #FFB652;--akzent-dunkel: #F0A030;--gruen: #3FB871;--gruen-bg: rgba(63,184,113,.14);--warn: #E2B33C;--warn-bg: rgba(226,179,60,.14);--rot: #E5544B;--rot-bg: rgba(229,84,75,.14);--info: #4C9BE8;--gold: #E2B33C;--spur: #23272E;--s1: 0 1px 2px rgba(0,0,0,.35);--s2: 0 4px 12px rgba(0,0,0,.4);--s3: 0 12px 32px rgba(0,0,0,.5);--glimmer: 0 6px 20px rgba(240,160,48,.28);--fokus: 0 0 0 3px rgba(240,160,48,.25)}html[data-thema=dunkel] body{background:linear-gradient(to right,rgba(255,255,255,.022) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(to bottom,rgba(255,255,255,.022) 1px,transparent 1px) 0 0/44px 44px,radial-gradient(120% 80% at 12% -10%,#2b221ad9,#0d1013 55%);background-attachment:fixed;color:var(--ink)}html[data-thema=dunkel] .panel,html[data-thema=dunkel] .karte,html[data-thema=dunkel] .ka-karte,html[data-thema=dunkel] .zugang-karte,html[data-thema=dunkel] .qr-gross-inhalt,html[data-thema=dunkel] .fall-schritt-zeile,html[data-thema=dunkel] .fall-beschreibung,html[data-thema=dunkel] .qr-bild,html[data-thema=dunkel] .qr-code-text,html[data-thema=dunkel] .at-tafel{background:var(--panel);border-color:var(--linie);color:var(--ink)}html[data-thema=dunkel] .panel.hell{background:linear-gradient(140deg,#191E22 0%,var(--panel) 60%,rgba(241,144,36,.07) 100%)}html[data-thema=dunkel] .qr-inhalt,html[data-thema=dunkel] .lue-def,html[data-thema=dunkel] .falsch-karte,html[data-thema=dunkel] .ns-optionen li,html[data-thema=dunkel] .at-bild,html[data-thema=dunkel] .rang-zeile,html[data-thema=dunkel] .qr-gross-inhalt .meta{background:var(--panel-2);border-color:var(--linie)}html[data-thema=dunkel] .at-kachel.keine .at-bild{background:#16191c}html[data-thema=dunkel] input::placeholder,html[data-thema=dunkel] textarea::placeholder{color:#9399a0b3}html[data-thema=dunkel] .ef-option-felder input[readonly]{background:#14181b;color:var(--ink-soft)}html[data-thema=dunkel] .chip,html[data-thema=dunkel] .ka-lf-chips .chip,html[data-thema=dunkel] .option,html[data-thema=dunkel] .sa-option,html[data-thema=dunkel] .zu-zeile,html[data-thema=dunkel] .zu-rechts select,html[data-thema=dunkel] .lue-input,html[data-thema=dunkel] .lue-select,html[data-thema=dunkel] .num-input{background:var(--panel-2);border-color:var(--linie);color:var(--ink)}html[data-thema=dunkel] .option:hover,html[data-thema=dunkel] .sa-option:hover{border-color:#f190248c}html[data-thema=dunkel] .meta{color:var(--ink-soft)}html[data-thema=dunkel] .ka-status.läuft,html[data-thema=dunkel] .ns-marke.gut,html[data-thema=dunkel] .ns-optionen li.loesung,html[data-thema=dunkel] .zu-zeile.richtig,html[data-thema=dunkel] .lue-input.richtig,html[data-thema=dunkel] .lue-select.richtig,html[data-thema=dunkel] .num-input.richtig,html[data-thema=dunkel] .einladung-banner.erfolg{background:var(--gruen-bg);border-color:#4ed88a80;color:var(--gruen)}html[data-thema=dunkel] .ns-marke.schlecht,html[data-thema=dunkel] .ns-optionen li.meine-falsch,html[data-thema=dunkel] .zu-zeile.falsch,html[data-thema=dunkel] .lue-input.falsch,html[data-thema=dunkel] .lue-select.falsch,html[data-thema=dunkel] .num-input.falsch{background:var(--rot-bg);border-color:#ff8a8780;color:var(--rot)}html[data-thema=dunkel] .ka-status.geplant,html[data-thema=dunkel] .ka-status.beendet,html[data-thema=dunkel] .ka-status.nicht,html[data-thema=dunkel] .rang-klasse-tag{background:var(--panel-2);color:var(--ink-soft)}html[data-thema=dunkel] .ka-status.einsicht{background:#6da3d629;color:#8fbdea}html[data-thema=dunkel] .pool-gemeldet,html[data-thema=dunkel] .ka-warnung,html[data-thema=dunkel] .ef-hinweise,html[data-thema=dunkel] .fall-kopf{background:#f190241a;border-color:#f1902459;color:var(--ink)}html[data-thema=dunkel] .admin-box{background:var(--panel-2);border-color:var(--linie)}html[data-thema=dunkel] .klasse-gefahr,html[data-thema=dunkel] .lehrer-kuerzel-box.offen,html[data-thema=dunkel] .btn-reset{background:#e235321a;border-color:#e2353273;color:#ff8a87}html[data-thema=dunkel] .btn-reset:hover{background:#e2353238}html[data-thema=dunkel] .klasse-gefahr h4{color:#ff8a87}html[data-thema=dunkel] .at-bild{border-color:var(--linie)}html[data-thema=dunkel] .at-nr{background:var(--panel);border-color:var(--linie);color:var(--ink-soft)}html[data-thema=dunkel] .at-name{color:var(--ink)}html[data-thema=dunkel] .at-balken{background:#23282c}html[data-thema=dunkel] .at-filter-knopf{background:var(--panel-2);border-color:var(--linie);color:var(--ink-soft)}html[data-thema=dunkel] .at-filter-knopf:hover{border-color:#f1902480;color:var(--ink)}html[data-thema=dunkel] .at-filter-knopf.aktiv{background:var(--teal-bg);border-color:#f1902499;color:var(--teal)}html[data-thema=dunkel] .at-zaehler b{color:var(--ink)}html[data-thema=dunkel] .at-legende{border-top-color:var(--linie)}html[data-thema=dunkel] .at-stufe.gold{color:var(--gold)}html[data-thema=dunkel] .at-stufe.silber{color:#c3cbd4}html[data-thema=dunkel] .at-stufe.bronze{color:#e09a5f}html[data-thema=dunkel] .rang-zeile.ich{background:var(--teal-bg);border-color:#f190248c}html[data-thema=dunkel] .rang-zeile.rang-1{background:linear-gradient(90deg,rgba(242,207,74,.16),var(--panel-2))}html[data-thema=dunkel] .rang-zeile.rang-2{background:linear-gradient(90deg,rgba(200,208,216,.13),var(--panel-2))}html[data-thema=dunkel] .rang-zeile.rang-3{background:linear-gradient(90deg,rgba(224,154,95,.14),var(--panel-2))}html[data-thema=dunkel] .rang-punkte{color:var(--teal)}html[data-thema=dunkel] .rang-schule{background:var(--teal-bg);border:1px solid rgba(241,144,36,.35)}html[data-thema=dunkel] .rang-schule-wert{color:var(--teal)}html[data-thema=dunkel] .konto-leiste{background:#0d1013d9;border-bottom:1px solid var(--linie);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink)}html[data-thema=dunkel] .gast-leiste{background:#1b2024e6}html[data-thema=dunkel] .lehrer-tabelle{color:var(--ink)}html[data-thema=dunkel] .lehrer-tabelle th{color:var(--ink-soft);border-bottom-color:var(--linie)}html[data-thema=dunkel] .lehrer-tabelle td{border-bottom-color:var(--linie)}html[data-thema=dunkel] .lehrer-tabelle tbody tr:hover{background:var(--panel-2)}html[data-thema=dunkel] .zufall-block>summary,html[data-thema=dunkel] .abzeichen-block>summary{color:var(--teal)}html[data-thema=dunkel] .abzeichen-block{border-top-color:var(--linie)}html[data-thema=dunkel] .code-pille{background:var(--panel-2);border:1px solid var(--linie);color:var(--teal)}html[data-thema=dunkel] .ka-menue-knopf{background:var(--panel);color:var(--ink)}html[data-thema=dunkel] .ka-menue-knopf:hover{background:var(--panel-2)}html[data-thema=dunkel] .ka-menue-knopf.gefahr b{color:#ff8a87}html[data-thema=dunkel] .ka-menue-knopf.gefahr:hover{background:#e2353229}html[data-thema=dunkel] .einladung-banner.abgelaufen{background:#e235321f;border-color:#e2353280;color:var(--ink)}html[data-thema=dunkel] .at-punkt.keine{background:#2a2f33}.thema-schalter{width:32px;height:32px;border-radius:8px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--linie);color:var(--ink-soft);cursor:pointer;padding:0;transition:color .15s,border-color .15s,background .15s}.thema-schalter:hover{color:var(--ink);border-color:var(--teal);background:var(--teal-bg)}.auth-marke-schalter{margin-left:auto}.konto-leiste .thema-schalter{margin-right:8px}.auth-marke-inhalt{position:relative}.auth-schlagzeile{text-shadow:0 2px 18px rgba(0,0,0,.55)}.auth-marke-text,.auth-marke-kopf .auth-label{text-shadow:0 1px 10px rgba(0,0,0,.5)}html[data-thema=hell] .auth-schlagzeile,html[data-thema=hell] .auth-marke-text,html[data-thema=hell] .auth-marke-kopf .auth-label{text-shadow:0 1px 10px rgba(255,255,255,.7)}.auth-merkmale li{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.md-pflege{margin-top:8px}.md-frage{margin:10px 0 16px;padding:10px 14px;background:var(--panel-2);border-left:3px solid var(--teal);border-radius:8px;font-size:14px}.md-raster{display:grid;gap:12px;grid-template-columns:1fr;margin-bottom:18px}@media (min-width: 700px){.md-raster{grid-template-columns:1fr 1fr}}.md-kompetenzen{margin-top:6px}.md-gruppe{margin-top:12px}.md-gruppe-titel{margin:0 0 6px;font-size:12.5px;font-weight:600;color:var(--ink)}.rahmen{min-height:100vh;display:grid;grid-template-columns:1fr;grid-template-areas:"topbar" "navi" "inhalt" "seite" "fuss"}@media (min-width: 900px){.rahmen{grid-template-columns:210px minmax(0,1fr);grid-template-areas:"topbar topbar" "navi   inhalt" "navi   seite" "fuss   fuss"}}@media (min-width: 1280px){.rahmen{grid-template-columns:210px minmax(0,1fr) 330px;grid-template-areas:"topbar topbar topbar" "navi   inhalt seite" "fuss   fuss   fuss"}}.rahmen-topbar{grid-area:topbar;position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:12px;flex-wrap:nowrap;padding:8px 16px;height:56px;box-sizing:border-box;overflow:hidden;background:color-mix(in srgb,var(--panel) 88%,transparent);border-bottom:1px solid var(--linie);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rahmen-marke{display:flex;align-items:center;gap:10px;flex-shrink:0}.rahmen-logo{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background-image:linear-gradient(100deg,var(--akzent-hell),var(--akzent-dunkel));color:#fff}.rahmen-titel{font-family:var(--display);text-transform:uppercase;font-size:19px;font-weight:700;letter-spacing:.01em}.rahmen-hinweis{margin-left:6px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1100px){.rahmen-hinweis{display:none}}.rahmen-topbar-rechts{margin-left:auto;display:flex;align-items:center;gap:8px;flex-shrink:0;white-space:nowrap}.rahmen-navi-schalter{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--linie);background:transparent;color:var(--ink-soft);cursor:pointer}.rahmen-navi-schalter:hover{color:var(--ink);border-color:var(--teal)}@media (min-width: 900px){.rahmen-navi-schalter{display:none}}.rahmen-navi{grid-area:navi}.rahmen-navi ul{list-style:none;margin:0;padding:12px;display:flex;flex-direction:column;gap:3px}.rahmen-navi-knopf{width:100%;display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;cursor:pointer;background:transparent;border:1px solid transparent;color:var(--ink-soft);font-size:14px;text-align:left}.rahmen-navi-knopf:hover{background:var(--panel-2);color:var(--ink)}.rahmen-navi-knopf.aktiv{background:var(--teal-bg);border-color:var(--teal);color:var(--teal);font-weight:600}.rahmen-navi-knopf svg{flex-shrink:0}@media (max-width: 899px){.rahmen-navi{background:var(--panel);border-bottom:1px solid var(--linie);max-height:0;overflow:hidden;transition:max-height .22s ease}.rahmen-navi.offen{max-height:60vh;overflow:auto}.rahmen-navi.offen ul{flex-direction:row;flex-wrap:wrap}.rahmen-navi.offen li{flex:1 1 45%}}@media (min-width: 900px){.rahmen-navi{border-right:1px solid var(--linie);position:sticky;top:56px;align-self:start;max-height:calc(100vh - 56px);overflow:auto}}.rahmen-inhalt{grid-area:inhalt;min-width:0;padding:18px;display:flex;flex-direction:column;gap:16px}@media (min-width: 900px){.rahmen-inhalt{padding:22px 24px}}.rahmen-seite{grid-area:seite;min-width:0;padding:0 18px 18px;display:flex;flex-direction:column;gap:14px}@media (min-width: 900px){.rahmen-seite{padding:0 24px 22px}}@media (min-width: 1280px){.rahmen-seite{padding:22px 22px 22px 0;border-left:1px solid var(--linie);position:sticky;top:56px;align-self:start;max-height:calc(100vh - 56px);overflow:auto}.rahmen-seite .panel{padding:14px 16px}.rahmen-seite .panel h2{font-size:17px}}.rahmen-fuss{grid-area:fuss;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:14px 20px;border-top:1px solid var(--linie);font-size:12.5px;color:var(--ink-soft)}.konto-leiste{padding:6px 18px;font-size:12.5px;min-height:34px;border-bottom:1px solid var(--linie)}.konto-leiste .konto-abmelden{font-size:12.5px}.rahmen-topbar{top:0}.rahmen-konto{display:inline-flex;align-items:center;gap:8px;min-width:0;font-size:13px}.rahmen-konto-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rahmen-konto-rolle{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--linie);border-radius:999px;padding:2px 8px}@media (max-width: 620px){.rahmen-konto-name,.rahmen-konto-rolle{display:none}}.rahmen-fuss .konto-abmelden,.rahmen-konto .konto-abmelden{background:none;border:none;color:var(--ink-soft);cursor:pointer;font-size:12.5px;padding:4px 6px}.rahmen-konto .konto-abmelden:hover{color:var(--teal);text-decoration:underline}.abzeichen-inhalt-offen{margin-top:12px}.rahmen-navi-kinder{list-style:none;padding:0 0 0 30px;display:flex;flex-direction:column;gap:1px;border-left:1px solid var(--linie);margin:2px 0 6px 21px}.rahmen-navi-kind{width:100%;text-align:left;padding:7px 10px;border-radius:7px;background:none;border:none;cursor:pointer;color:var(--ink-soft);font-size:13px}.rahmen-navi-kind:hover{background:var(--panel-2);color:var(--ink)}.rahmen-navi-kind.aktiv{color:var(--teal);font-weight:600}.rahmen-punkte{display:inline-flex;align-items:baseline;gap:5px;padding:4px 11px;border-radius:999px;background:var(--teal-bg);border:1px solid var(--teal);color:var(--teal);font-size:12.5px;white-space:nowrap}.rahmen-punkte b{font-family:var(--display);font-size:17px}.klassen-wahl{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.pruefung-karte{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:16px 18px;margin-top:12px;border-radius:12px;background:var(--teal-bg);border:1px solid var(--teal)}.pruefung-karte-text{flex:1;min-width:220px}.pruefung-karte-text h3{margin:2px 0 4px;font-size:19px;font-family:var(--display);text-transform:uppercase}.pruefung-karte .auth-label{color:var(--teal)}.pruefung-karte-aktionen{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.pruefung-karte-aktionen select{height:36px}.rahmen-navi-konto{padding:12px 14px;border-bottom:1px solid var(--linie)}.konto-block{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.konto-block-name{font-weight:600}.rahmen-punkte.klein{padding:2px 9px;font-size:11.5px}.rahmen-punkte.klein b{font-size:14px}@media (min-width: 900px){.nur-schmal-navi{display:none}}@media (max-width: 760px){.rahmen-punkte-text{display:none}.rahmen-punkte{padding:3px 9px;gap:0}}.punkte-aufteilung{margin:16px 0 4px;padding:14px 16px;background:var(--panel-2);border:1px solid var(--linie);border-radius:10px}.punkte-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.punkte-kopf b{font-family:var(--display);font-size:26px;color:var(--teal)}.punkte-balken{display:flex;height:10px;min-height:10px;margin:10px 0 12px;border-radius:999px;overflow:hidden;background:var(--spur)}.punkte-balken .teil{display:block;height:100%}.teil.gemeistert{background:linear-gradient(90deg,var(--akzent-hell),var(--akzent-dunkel))}.teil.richtig{background:color-mix(in srgb,var(--teal) 45%,transparent)}.teil.challenge{background:var(--gruen)}.punkte-legende{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.punkte-legende li{display:flex;align-items:center;gap:8px;font-size:13px}.punkte-legende i{width:11px;height:11px;border-radius:3px;flex-shrink:0}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:url(../marke.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:var(--hg-schleier)}body,html[data-thema=dunkel] body{background:transparent}html{background:#eef1f3}:root{--hg-schleier: linear-gradient(to right, rgba(0,0,0,.028) 1px, transparent 1px) 0 0/44px 44px, linear-gradient(to bottom, rgba(0,0,0,.028) 1px, transparent 1px) 0 0/44px 44px, linear-gradient(rgba(238,241,243,.93), rgba(238,241,243,.93))}body:before{opacity:.55;filter:brightness(1.5) contrast(.85) saturate(.7)}html[data-thema=dunkel]{background:#0d1013;--hg-schleier: linear-gradient(to right, rgba(255,255,255,.022) 1px, transparent 1px) 0 0/44px 44px, linear-gradient(to bottom, rgba(255,255,255,.022) 1px, transparent 1px) 0 0/44px 44px, radial-gradient(120% 80% at 12% -10%, rgba(43,34,26,.72) 0%, rgba(13,16,19,.88) 55%)}html[data-thema=dunkel] body:before{opacity:.9;filter:brightness(.85) contrast(1.05) saturate(.9)}.rahmen-inhalt,.rahmen-seite{position:relative;z-index:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--a2);height:40px;padding:0 var(--a4);font-size:14px;font-weight:500;line-height:1;border-radius:var(--r-knopf);border:1px solid var(--linie);background:transparent;color:var(--ink);cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,filter .15s}.btn:hover:not(:disabled){border-color:var(--linie-stark);background:var(--panel-2)}.btn:focus-visible{outline:none;box-shadow:var(--fokus)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background-image:linear-gradient(100deg,var(--akzent-hell),var(--akzent-dunkel));background-color:var(--teal);border:none;color:#14161a;font-weight:600;box-shadow:var(--glimmer)}.btn.primary:hover:not(:disabled){filter:brightness(1.06);background-color:var(--teal)}.btn.teal{background:transparent;border-color:var(--teal);color:var(--teal)}.btn.teal:hover:not(:disabled){background:var(--teal-bg);border-color:var(--teal)}.btn.ghost{background:transparent;border-color:transparent;color:var(--ink-soft)}.btn.ghost:hover:not(:disabled){background:var(--panel-2);color:var(--ink);border-color:transparent}.btn.gefahr{background:transparent;border-color:color-mix(in srgb,var(--rot) 35%,transparent);color:var(--rot)}.btn.gefahr:hover:not(:disabled){background:var(--rot);border-color:var(--rot);color:#fff}.btn.sm{height:32px;padding:0 var(--a3);font-size:13px}.btn.lg{height:48px;padding:0 var(--a5);font-size:16px}@media (max-width: 620px){.btn.lg{width:100%}.btn{min-height:44px}.btn.sm{min-height:40px}}.btn svg{flex-shrink:0;margin:0;vertical-align:0}.segment{display:inline-flex;border:1px solid var(--linie);border-radius:var(--r-knopf);overflow:hidden}.segment button{height:40px;padding:0 var(--a4);border:none;background:transparent;color:var(--ink-soft);font-size:14px;cursor:pointer;border-right:1px solid var(--linie)}.segment button:last-child{border-right:none}.segment button:hover{background:var(--panel-2);color:var(--ink)}.segment button.aktiv{background:var(--teal-bg);color:var(--teal);font-weight:600;box-shadow:inset 0 0 0 1px var(--teal)}.klapp,.zufall-block,.abzeichen-block,.qr-alte,.lehrer-kuerzel-box.gesetzt{border:1px solid var(--linie);border-radius:var(--r-karte);background:var(--panel);overflow:hidden;margin-top:var(--a3);padding-top:0}.klapp>summary,.zufall-block>summary,.abzeichen-block>summary,.qr-alte>summary,.lehrer-kuerzel-box.gesetzt>summary{position:relative;display:flex;align-items:center;gap:var(--a3);min-height:56px;padding:0 var(--a4) 0 var(--a5);cursor:pointer;list-style:none;font-size:20px;font-weight:600;font-family:var(--display);color:var(--ink);transition:background .15s}.klapp>summary::-webkit-details-marker,.zufall-block>summary::-webkit-details-marker,.abzeichen-block>summary::-webkit-details-marker,.qr-alte>summary::-webkit-details-marker,.lehrer-kuerzel-box.gesetzt>summary::-webkit-details-marker{display:none}.klapp>summary:hover,.zufall-block>summary:hover,.abzeichen-block>summary:hover,.qr-alte>summary:hover,.lehrer-kuerzel-box.gesetzt>summary:hover{background:var(--panel-2)}.klapp>summary:focus-visible,.zufall-block>summary:focus-visible,.abzeichen-block>summary:focus-visible{outline:none;box-shadow:var(--fokus)}.klapp>summary:after,.zufall-block>summary:after,.abzeichen-block>summary:after,.qr-alte>summary:after,.lehrer-kuerzel-box.gesetzt>summary:after{content:"";margin-left:auto;flex-shrink:0;width:20px;height:20px;background:currentColor;color:var(--ink-soft);transition:transform .18s;-webkit-mask:no-repeat center / 20px url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5.5 8.5 12 15l6.5-6.5"/></svg>');mask:no-repeat center / 20px url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5.5 8.5 12 15l6.5-6.5"/></svg>')}.klapp[open]>summary:after,.zufall-block[open]>summary:after,.abzeichen-block[open]>summary:after,.qr-alte[open]>summary:after,.lehrer-kuerzel-box.gesetzt[open]>summary:after{transform:rotate(180deg)}.zufall-block>summary:before,.abzeichen-block>summary:before,.lehrer-kuerzel-box.gesetzt>summary:before{content:none}.klapp[open]>summary:before,.zufall-block[open]>summary:before,.abzeichen-block[open]>summary:before,.qr-alte[open]>summary:before,.lehrer-kuerzel-box.gesetzt[open]>summary:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;border-radius:var(--r-pille);background:var(--teal)}.klapp[open]>summary,.zufall-block[open]>summary,.abzeichen-block[open]>summary,.qr-alte[open]>summary,.lehrer-kuerzel-box.gesetzt[open]>summary{border-bottom:1px solid var(--linie)}.klapp>*:not(summary),.zufall-block>*:not(summary),.abzeichen-block>*:not(summary),.qr-alte>*:not(summary){padding-left:var(--a5);padding-right:var(--a4)}.klapp>*:not(summary):first-of-type{padding-top:var(--a4)}.klapp>*:not(summary):last-child{padding-bottom:var(--a4)}.zufall-block>*:not(summary):last-child,.abzeichen-block>*:not(summary):last-child{padding-bottom:var(--a4)}.lehrer-kuerzel-box.gesetzt>summary{font-family:inherit;font-size:14px;font-weight:500;min-height:44px}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{height:40px;padding:0 var(--a3);font-size:14.5px;color:var(--ink);background:var(--feld);border:1px solid var(--linie);border-radius:var(--r-knopf);transition:border-color .15s,box-shadow .15s}textarea{height:auto;padding:var(--a3);line-height:1.55}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--linie-stark)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--teal);box-shadow:var(--fokus)}input:disabled,select:disabled,textarea:disabled{opacity:.5}@media (max-width: 620px){input[type=text],input[type=email],input[type=password],input[type=number],select{height:48px}}.kennzahlen{display:grid;gap:var(--a4);margin:var(--a4) 0 var(--a2);grid-template-columns:1fr}@media (min-width: 820px){.kennzahlen{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}.leitzahl{background:var(--panel-2);border:1px solid var(--linie);border-radius:var(--r-karte);padding:var(--a5)}.leitzahl .auth-label{color:var(--ink-soft)}.leitzahl-wert{margin:var(--a2) 0 var(--a3);display:flex;align-items:baseline;gap:var(--a3);font-family:var(--display);font-size:48px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:var(--teal)}.leitzahl-nenner{font-family:system-ui,sans-serif;font-size:14px;font-weight:400;color:var(--ink-soft)}.balken.gross{height:10px}.leitzahl .meta{margin:var(--a2) 0 0}.nebenzahlen{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr)}.nebenzahlen li{display:flex;flex-direction:column;gap:2px;padding:var(--a3) var(--a4);border-left:1px solid var(--linie)}.nebenzahlen li:first-child{border-left:none;padding-left:0}@media (max-width: 520px){.nebenzahlen{grid-template-columns:1fr}.nebenzahlen li{border-left:none;border-top:1px solid var(--linie);padding-left:0}.nebenzahlen li:first-child{border-top:none}}.nebenzahl{font-family:var(--display);font-size:28px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink)}.nebenzahl.gruen{color:var(--gruen)}.nebenzahl.rot{color:var(--rot)}.nebenzahl.leer,.nebenzahlen .auth-label{color:var(--ink-soft)}.anzahl-pille{margin-left:var(--a2);padding:2px 10px;border-radius:var(--r-pille);background:var(--teal-bg);border:1px solid var(--teal);color:var(--teal);font-family:var(--mono);font-size:12px;line-height:18px}.klassen-liste{list-style:none;margin:0 0 var(--a4);padding:0;display:flex;flex-direction:column;gap:var(--a2)}.klassen-liste li{display:flex;align-items:center;gap:var(--a3);font-size:14.5px}.klassen-punkt{width:8px;height:8px;border-radius:var(--r-pille);background:var(--teal);flex-shrink:0}.schueler-inhalt{margin-top:var(--a3)}.schueler-beitritt{display:flex;gap:var(--a2);margin:var(--a1) 0 var(--a3);flex-wrap:wrap}.schueler-beitritt input{flex:1;min-width:180px}.reset-zone{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--a4);margin-top:var(--a6);padding-top:var(--a4);border-top:1px solid var(--linie)}.reset-titel{margin:0 0 2px;font-size:14px;font-weight:600;color:var(--ink)}.reset-zone .meta{margin:0;max-width:46ch}