:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--hintergrund:#0f131b;--flaeche:#171d28;--flaeche-hoch:#1e2532;--rahmen:#2a3444;--text:#e8edf5;--gedaempft:#94a2b8;--akzent:#5b8cff;--auf-akzent:#fff;--gut:#2fa96a;--mittel:#d99a1e;--schlecht:#d9483f;--gut-tuenchung:#2fa96a29;--mittel-tuenchung:#d99a1e29;--schlecht-tuenchung:#d9483f29;--radius:12px}:root[data-thema=hell]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--hintergrund:#f3f5f9;--flaeche:#fff;--flaeche-hoch:#e9edf4;--rahmen:#ccd4e0;--text:#151b25;--gedaempft:#55627a;--akzent:#2a56c6;--gut:#17724a;--mittel:#8a5d05;--schlecht:#b3302a;--gut-tuenchung:#17724a1f;--mittel-tuenchung:#8a5d051f;--schlecht-tuenchung:#b3302a1f}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--hintergrund);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.55}a{color:var(--akzent);text-decoration:none}a:hover{text-decoration:underline}.huelle{max-width:1040px;margin:0 auto;padding:24px 18px 64px}.kopf{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.kopf h1{margin:0;font-size:1.5rem}.kopf p{color:var(--gedaempft);margin:0;font-size:.9rem}.hinweisband{background:var(--flaeche);border:1px solid var(--rahmen);border-left:4px solid var(--mittel);border-radius:var(--radius);color:var(--gedaempft);margin:16px 0;padding:12px 16px;font-size:.9rem}.hinweisband strong{color:var(--text)}.modus-wahl{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.modus-wahl>span{color:var(--gedaempft);margin-right:4px;font-size:.85rem}.gruppen-titel{border-bottom:1px solid var(--rahmen);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin:28px 0 0;padding-bottom:8px;font-size:1.05rem;display:flex}.gruppen-hinweis{color:var(--gedaempft);font-size:.8rem;font-weight:400}.kacheln{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-top:20px;display:grid}.kachel{background:var(--flaeche);border:1px solid var(--rahmen);border-radius:var(--radius);flex-direction:column;gap:10px;padding:16px;display:flex}.kachel.gesperrt{opacity:.6}.kachel-kopf{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.kachel-kopf h2{margin:0;font-size:1rem}.nummer{color:var(--gedaempft);font-variant-numeric:tabular-nums;font-size:.85rem}.stufe{text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--rahmen);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:.72rem}.stufe-neu{color:var(--gedaempft)}.stufe-lernphase{color:var(--mittel);border-color:var(--mittel)}.stufe-fortgeschritten{color:var(--akzent);border-color:var(--akzent)}.stufe-beherrscht{color:var(--gut);border-color:var(--gut)}.balken{background:var(--flaeche-hoch);border-radius:999px;height:8px;overflow:hidden}.balken span{background:var(--akzent);height:100%;display:block}.balken.voll span{background:var(--gut)}.zeile{color:var(--gedaempft);justify-content:space-between;gap:10px;font-size:.85rem;display:flex}.offen-liste{color:var(--gedaempft);margin:0;padding-left:18px;font-size:.82rem}.knopf{background:var(--akzent);color:var(--auf-akzent);cursor:pointer;text-align:center;border:none;border-radius:8px;min-height:44px;padding:10px 16px;font-size:.92rem;font-weight:600;display:inline-block}.knopf:hover{filter:brightness(1.08);text-decoration:none}.knopf:disabled{opacity:.5;cursor:not-allowed}.knopf.leise{border:1px solid var(--rahmen);color:var(--text);background:0 0}.knopf.klein{min-height:32px;padding:4px 10px;font-size:.8rem;font-weight:400}.karte{background:var(--flaeche);border:1px solid var(--rahmen);border-radius:var(--radius);margin-top:18px;padding:20px}.frage-text{margin:8px 0 18px;font-size:1.15rem}.marke{text-transform:uppercase;letter-spacing:.06em;color:var(--gedaempft);border:1px solid var(--rahmen);border-radius:999px;margin-right:6px;padding:2px 8px;font-size:.72rem;display:inline-block}.marke.entwurf{color:var(--mittel);border-color:var(--mittel)}.optionen{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.option{background:var(--flaeche-hoch);border:1px solid var(--rahmen);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:12px;display:flex}.option:hover{border-color:var(--akzent)}.option input{width:18px;height:18px;accent-color:var(--akzent);margin-top:3px}.option.richtig{border-color:var(--gut)}.option.falsch{border-color:var(--schlecht)}textarea{background:var(--flaeche-hoch);border:1px solid var(--rahmen);width:100%;min-height:160px;color:var(--text);font:inherit;resize:vertical;border-radius:10px;padding:12px}textarea:focus,select:focus,input:focus{outline:2px solid var(--akzent);outline-offset:1px}select,input[type=number]{background:var(--flaeche-hoch);border:1px solid var(--rahmen);color:var(--text);font:inherit;border-radius:8px;min-height:44px;padding:10px}.aktionen{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.note{border-radius:999px;padding:4px 12px;font-weight:700;display:inline-block}.note-richtig{background:var(--gut-tuenchung);color:var(--gut)}.note-teilweise{background:var(--mittel-tuenchung);color:var(--mittel)}.note-falsch{background:var(--schlecht-tuenchung);color:var(--schlecht)}.abschnitt-titel{text-transform:uppercase;letter-spacing:.08em;color:var(--gedaempft);margin:18px 0 6px;font-size:.78rem}.fundstellen{flex-wrap:wrap;gap:6px;display:flex}.fundstelle{background:var(--flaeche-hoch);border:1px solid var(--rahmen);border-radius:6px;padding:3px 8px;font-family:Cascadia Mono,Consolas,monospace;font-size:.82rem}.beleg{border-left:3px solid var(--akzent);background:var(--flaeche-hoch);border-radius:0 8px 8px 0;margin-bottom:10px;padding:10px 14px}.beleg-kopf{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.beleg-titel{color:var(--gedaempft);font-size:.82rem}.beleg-text{white-space:pre-line;margin:0;font-size:.9rem}.beleg-fehlt{color:var(--mittel)}.urteil-ok{color:var(--gut)}.urteil-pruefen{color:var(--mittel)}.urteil-fehler{color:var(--schlecht)}.pruefung-leiste{z-index:5;background:var(--flaeche);border:1px solid var(--rahmen);border-radius:var(--radius);color:var(--gedaempft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;font-size:.88rem;display:flex;position:sticky;top:0}.pruefung-uhr{font-variant-numeric:tabular-nums;color:var(--text);font-family:Cascadia Mono,Consolas,monospace;font-size:1.3rem}.pruefung-uhr.knapp{color:var(--schlecht)}.pruefung-marken{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.pruefung-marke{border:1px solid var(--rahmen);background:var(--flaeche);min-width:34px;min-height:34px;color:var(--gedaempft);cursor:pointer;border-radius:6px;font-size:.8rem}.pruefung-marke.fertig{border-color:var(--gut);color:var(--gut)}.pruefung-marke.hier{background:var(--akzent);border-color:var(--akzent);color:var(--auf-akzent)}.kennzahlen{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:18px;display:grid}.kennzahl{background:var(--flaeche);border:1px solid var(--rahmen);border-radius:var(--radius);flex-direction:column;gap:2px;padding:14px 16px;display:flex}.kennzahl-wert{font-variant-numeric:tabular-nums;font-size:1.6rem}.kennzahl-name{color:var(--gedaempft);font-size:.8rem}.balkenfeld{align-items:flex-end;gap:3px;height:120px;margin-bottom:8px;display:flex}.balkenspalte{flex:1 1 0;align-items:flex-end;height:100%;display:flex}.balken-voll{background:var(--akzent);border-radius:2px 2px 0 0;width:100%;min-height:3px}.balken-leer{background:var(--rahmen);width:100%;height:2px!important}.formular{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.feld{color:var(--gedaempft);flex-direction:column;gap:4px;font-size:.85rem;display:flex}.tabelle{border-collapse:collapse;width:100%;font-size:.88rem}.tabelle th,.tabelle td{border:1px solid var(--rahmen);text-align:left;padding:8px 10px}.tabelle th{background:var(--flaeche-hoch);font-weight:600}.fusszeile{border-top:1px solid var(--rahmen);color:var(--gedaempft);margin-top:32px;padding-top:16px;font-size:.8rem}.anmeldung{flex-direction:column;gap:14px;max-width:320px;margin:18vh auto 0;display:flex}.anmeldung input{background:var(--flaeche-hoch);border:1px solid var(--rahmen);color:var(--text);font:inherit;border-radius:8px;min-height:44px;padding:10px}.anmeldung-fehler{color:var(--schlecht);margin:0;font-size:.88rem}.abmelden{color:var(--gedaempft);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.darstellung{border:1px solid var(--rahmen);width:40px;height:40px;color:var(--gedaempft);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;margin:0 0 6px auto;padding:0;display:flex}.darstellung:hover{color:var(--text);border-color:var(--gedaempft)}@media (max-width:600px){.huelle{padding:16px 12px 48px}.frage-text{font-size:1.05rem}.darstellung{width:44px;height:44px}.tabelle{display:block;overflow-x:auto}}.gespraech{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.gespraech-zug{border-radius:var(--radius);background:var(--flaeche-hoch);padding:10px 14px}.gespraech-zug.pruefer{border-left:3px solid var(--akzent)}.gespraech-zug.pruefling{border-left:3px solid var(--rahmen);margin-left:24px}.gespraech-rolle{text-transform:uppercase;letter-spacing:.05em;color:var(--gedaempft);margin-bottom:4px;font-size:.75rem;display:block}.gespraech-zug p{margin:0}