:root{--bg: #f6f7fb;--karte: #ffffff;--rand: #e2e5ee;--text: #1b1f2a;--gedaempft: #626a7d;--akzent: #7a44ff;--akzent-hell: #f0e9ff;--akzent-2: #a855f7;--akzent-tief: #5b2bd9;--flaeche: #ffffff;--flaeche-2: #fbfbfe;--schatten: 0 1px 2px rgb(20 18 40 / 6%), 0 8px 24px -12px rgb(20 18 40 / 18%);--schatten-hoch: 0 2px 4px rgb(20 18 40 / 8%), 0 18px 40px -16px rgb(20 18 40 / 28%);--schatten-akzent: 0 6px 20px -6px rgb(122 68 255 / 45%);--schleier: rgb(255 255 255 / 72%);--erfolg: #0a7a3d;--erfolg-hell: #e6f6ec;--fehler: #b3261e;--fehler-hell: #fdecea;--warnung: #8a5a00;--radius: 10px}@media(prefers-color-scheme:dark){:root{--bg: #12141c;--karte: #1b1e29;--rand: #2c3040;--text: #e8eaf2;--gedaempft: #9aa2b8;--akzent: #a882ff;--akzent-hell: #2a2145;--akzent-2: #c88bff;--akzent-tief: #8b5cf6;--flaeche: #1b1e29;--flaeche-2: #20242f;--schatten: 0 1px 2px rgb(0 0 0 / 40%), 0 10px 28px -14px rgb(0 0 0 / 70%);--schatten-hoch: 0 2px 6px rgb(0 0 0 / 45%), 0 20px 44px -18px rgb(0 0 0 / 80%);--schatten-akzent: 0 6px 22px -6px rgb(168 130 255 / 35%);--schleier: rgb(18 20 28 / 72%);--erfolg: #6ee7a0;--erfolg-hell: #14301f;--fehler: #ff9b93;--fehler-hell: #3a1a18;--warnung: #e0b04a}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55}.seite{max-width:900px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.seiten-kopf h1{margin:0 0 .35rem;font-size:1.75rem}.seiten-kopf p{margin:0 0 1.75rem;color:var(--gedaempft);max-width:60ch}.karte{background:var(--karte);border:1px solid var(--rand);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.25rem}.karte h2{margin:0;font-size:1.1rem}.karten-kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.unterzeile{margin:.25rem 0 0;color:var(--gedaempft);font-size:.9rem}.unterzeile a{color:var(--akzent)}.ampel{font-size:.8rem;font-weight:600;padding:.3rem .7rem;border-radius:999px;white-space:nowrap}.ampel.an{background:var(--erfolg-hell);color:var(--erfolg)}.ampel.aus{background:var(--akzent-hell);color:var(--akzent)}.ampel.leer{background:var(--fehler-hell);color:var(--fehler)}.feldzeile{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.eingabe{flex:1;min-width:200px;padding:.6rem .75rem;border:1px solid var(--rand);border-radius:8px;background:var(--bg);color:var(--text);font-size:.95rem;font-family:inherit}.eingabe.klein{flex:none;width:100%;padding:.4rem .6rem;font-size:.85rem;margin-bottom:.4rem}.eingabe:focus{outline:2px solid var(--akzent);outline-offset:1px}.key-anzeige{flex:1;min-width:200px}.key-anzeige .etikett{display:block;font-size:.75rem;color:var(--gedaempft);text-transform:uppercase;letter-spacing:.03em}.key-anzeige code{font-size:1rem;letter-spacing:.02em}.knopf{padding:.6rem 1.1rem;border-radius:8px;border:1px solid var(--rand);background:var(--karte);color:var(--text);font-size:.9rem;font-family:inherit;cursor:pointer;white-space:nowrap}.knopf:hover:not(:disabled){border-color:var(--akzent)}.knopf:disabled{opacity:.5;cursor:not-allowed}.knopf.haupt{background:var(--akzent);border-color:var(--akzent);color:#fff;font-weight:600}.knopf.gefahr{color:var(--fehler)}.knopf.klein{padding:.35rem .75rem;font-size:.82rem}.fussnote{margin:.6rem 0 0;font-size:.82rem;color:var(--gedaempft)}.schalter-zeile{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--rand);flex-wrap:wrap}.schalter{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-size:.92rem}.schalter input{position:absolute;opacity:0;width:0;height:0}.schieber{width:42px;height:24px;border-radius:999px;background:var(--rand);position:relative;transition:background .15s;flex:none}.schieber:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}.schalter input:checked+.schieber{background:var(--erfolg)}.schalter input:checked+.schieber:after{transform:translate(18px)}.schalter input:focus-visible+.schieber{outline:2px solid var(--akzent);outline-offset:2px}.meldung{margin:1rem 0 0;padding:.7rem .9rem;border-radius:8px;font-size:.9rem}.meldung.klein{font-size:.82rem;padding:.5rem .7rem}.meldung.erfolg{background:var(--erfolg-hell);color:var(--erfolg)}.meldung.fehler{background:var(--fehler-hell);color:var(--fehler)}.meldung .zusatz{opacity:.75}.hinweis{color:var(--gedaempft)}.slot-liste{display:flex;flex-direction:column;gap:.25rem}.slot{display:grid;grid-template-columns:1fr 320px;gap:1.5rem;padding:1.1rem 0;border-top:1px solid var(--rand);align-items:start}.slot:first-child{border-top:none;padding-top:0}.slot.unbelegt .slot-text h3:before{content:"○ ";color:var(--fehler)}.slot:not(.unbelegt) .slot-text h3:before{content:"● ";color:var(--erfolg)}.slot-text h3{margin:0 0 .2rem;font-size:.98rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.zweck{margin:0;font-size:.88rem}.hinweis-klein{margin:.3rem 0 0;font-size:.82rem;color:var(--gedaempft)}.marke{font-size:.7rem;font-weight:600;background:var(--akzent-hell);color:var(--akzent);padding:.15rem .5rem;border-radius:999px}.preis-zeile{margin:.4rem 0 .5rem;font-size:.8rem;color:var(--gedaempft)}.tabelle{width:100%;border-collapse:collapse;font-size:.88rem}.tabelle th,.tabelle td{padding:.55rem .5rem;border-bottom:1px solid var(--rand);text-align:left}.tabelle th{font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;color:var(--gedaempft);font-weight:600}.rechts{text-align:right}.warnung{color:var(--warnung);font-weight:600}@media(max-width:720px){.slot{grid-template-columns:1fr;gap:.75rem}.tabelle{display:block;overflow-x:auto}}.hauptnavigation{display:flex;align-items:center;gap:2rem;padding:.75rem 1.25rem;background:var(--karte);border-bottom:1px solid var(--rand);position:sticky;top:0;z-index:10}.app-marke{font-weight:700;color:var(--akzent)}.navlinks{display:flex;gap:.25rem}.navlink{padding:.4rem .9rem;border:none;background:none;color:var(--gedaempft);font-family:inherit;font-size:.92rem;border-radius:8px;cursor:pointer}.navlink:hover{background:var(--bg);color:var(--text)}.navlink.aktiv{background:var(--akzent-hell);color:var(--akzent);font-weight:600}.formular{display:flex;flex-direction:column;gap:1rem}.feld{display:flex;flex-direction:column;gap:.35rem}.feld .etikett{font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;color:var(--gedaempft);font-weight:600}.feld-paar{display:grid;grid-template-columns:1fr 1fr;gap:1rem}textarea.eingabe{resize:vertical;font-family:inherit}.eingabe.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;width:100%}input[type=range]{accent-color:var(--akzent)}.marken-wahl{display:flex;flex-wrap:wrap;gap:.4rem}.wahlmarke{padding:.35rem .8rem;border:1px solid var(--rand);border-radius:999px;background:var(--karte);color:var(--gedaempft);font-family:inherit;font-size:.84rem;cursor:pointer}.wahlmarke:hover:not(:disabled){border-color:var(--akzent)}.wahlmarke.aktiv{background:var(--akzent-hell);border-color:var(--akzent);color:var(--akzent);font-weight:600}.wahlmarke:disabled{opacity:.5;cursor:not-allowed}.statusmarke{font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;white-space:nowrap}.statusmarke.draft{background:var(--akzent-hell);color:var(--akzent)}.statusmarke.review{background:#fff4e0;color:var(--warnung)}.statusmarke.published{background:var(--erfolg-hell);color:var(--erfolg)}.statusmarke.archived{background:var(--bg);color:var(--gedaempft)}@media(prefers-color-scheme:dark){.statusmarke.review{background:#3a2f14}}.abschnitt{margin:1.75rem 0 .75rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;color:var(--gedaempft)}.bausteinliste{display:flex;flex-direction:column;gap:.75rem}.baustein{border:1px solid var(--rand);border-radius:8px;padding:.9rem 1rem;background:var(--bg)}.baustein-kopf{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem;flex-wrap:wrap}.typmarke{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--akzent);background:var(--akzent-hell);padding:.15rem .5rem;border-radius:4px}.baustein-kopf .knopf{margin-left:auto}.baustein-text{margin:0;white-space:pre-wrap;font-size:.92rem}.baustein-merksatz{margin:0;padding:.6rem .9rem;border-left:3px solid var(--akzent);background:var(--karte);font-weight:600;font-size:.92rem}.baustein-warnung{margin:0;padding:.6rem .9rem;border-left:3px solid var(--warnung);background:var(--karte);font-size:.92rem}.baustein-schritte{margin:0;padding-left:1.4rem;font-size:.92rem}.baustein-schritte li{margin-bottom:.3rem}.baustein-analogie{font-size:.88rem;padding:.6rem .9rem;background:var(--karte);border-radius:6px;border:1px dashed var(--akzent)}.baustein-analogie p{margin:0 0 .4rem}.baustein-analogie p:last-child{margin-bottom:0}.baustein-roh{margin:0;font-size:.8rem;overflow-x:auto;color:var(--gedaempft)}.optionsliste{list-style:none;padding:0;margin:.5rem 0 0;font-size:.9rem}.optionsliste li{padding:.35rem .6rem;border-radius:6px;margin-bottom:.25rem;background:var(--karte)}.optionsliste li.richtig{background:var(--erfolg-hell);color:var(--erfolg);font-weight:600}.optionsliste li.richtig:before{content:"✓ "}.rubrik{margin-top:.6rem;font-size:.85rem}.rubrik ul{margin:.2rem 0 0;padding-left:1.2rem}.teaser{font-size:1rem;color:var(--gedaempft);font-style:italic;margin:0 0 .75rem}.gedaempft{color:var(--gedaempft)}.schrittliste{margin:.5rem 0 0;padding-left:1.2rem;font-size:.88rem;color:var(--gedaempft)}.bericht{margin-top:1rem}@media(max-width:720px){.feld-paar{grid-template-columns:1fr}.hauptnavigation{gap:1rem}}.kennzahlen{display:flex;gap:2rem;flex-wrap:wrap;margin-bottom:1.75rem}.kennzahl{display:flex;flex-direction:column}.kennzahl .zahl{font-size:2rem;font-weight:700;line-height:1.1}.kennzahl .bezeichnung{font-size:.85rem;color:var(--gedaempft)}.kennzahl.hervor .zahl{color:var(--akzent)}.lernziele{margin:0 0 1.25rem;padding-left:1.2rem;font-size:.88rem;color:var(--gedaempft)}.kachelgitter{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.85rem}.lektionskachel{display:flex;flex-direction:column;gap:.45rem;text-align:left;padding:1rem;border:1px solid var(--rand);border-radius:10px;background:var(--bg);color:var(--text);font-family:inherit;cursor:pointer}.lektionskachel:hover:not(:disabled){border-color:var(--akzent)}.lektionskachel.gesperrt{opacity:.6;cursor:not-allowed}.lektionskachel.abgeschlossen{border-color:var(--erfolg)}.kachel-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.kachel-titel{font-weight:600;font-size:.95rem}.kachel-dauer{font-size:.78rem;color:var(--gedaempft);white-space:nowrap}.kachel-teaser{font-size:.83rem;color:var(--gedaempft)}.kachel-sperre{font-size:.78rem;color:var(--warnung)}.kachel-haken{font-size:.8rem;color:var(--erfolg);font-weight:600}.fortschrittsbalken{display:block;height:4px;border-radius:999px;background:var(--rand);overflow:hidden}.fortschrittsbalken>span{display:block;height:100%;background:var(--akzent);border-radius:999px;transition:width .25s}.lesebereich{min-height:260px;display:flex;flex-direction:column;justify-content:center}.lesetext p{font-size:1.05rem;line-height:1.7;margin:0 0 1rem}.lesetext p:last-child{margin-bottom:0}.lesetext code{background:var(--bg);padding:.1rem .35rem;border-radius:4px;font-size:.92em}.merk-etikett{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem}.lese-merksatz{padding:1.1rem 1.3rem;border-left:4px solid var(--akzent);background:var(--akzent-hell);border-radius:0 8px 8px 0}.lese-merksatz .merk-etikett{color:var(--akzent)}.lese-merksatz p{margin:0;font-size:1.1rem;font-weight:600}.lese-warnung{padding:1.1rem 1.3rem;border-left:4px solid var(--warnung);background:var(--bg);border-radius:0 8px 8px 0}.lese-warnung .merk-etikett{color:var(--warnung)}.lese-warnung p{margin:0;font-size:1rem}.lese-analogie{padding:1.1rem 1.3rem;background:var(--bg);border:1px dashed var(--akzent);border-radius:8px}.lese-analogie .merk-etikett{color:var(--akzent)}.lese-analogie p{margin:0;font-size:1.05rem;line-height:1.7}.lese-schritte{font-size:1.02rem;line-height:1.7;padding-left:1.5rem}.lese-schritte li{margin-bottom:.6rem}.lese-bild{margin:0}.lese-bild img{max-width:100%;border-radius:8px;border:1px solid var(--rand)}.lese-bild figcaption{font-size:.85rem;color:var(--gedaempft);margin-top:.5rem}.blaetterleiste{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.seitenzahl{font-size:.85rem;color:var(--gedaempft)}.aufgabentext{font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.uebungsfeld{margin:1.25rem 0;display:flex;flex-direction:column;gap:.85rem;align-items:flex-start}.uebungsfeld>.knopf{align-self:flex-start}.uebungsfeld textarea.eingabe{width:100%}.antwortliste{list-style:none;padding:0;margin:0;width:100%;display:flex;flex-direction:column;gap:.5rem}.antwortknopf{display:flex;align-items:center;gap:.7rem;width:100%;text-align:left;padding:.75rem 1rem;border:1px solid var(--rand);border-radius:8px;background:var(--bg);color:var(--text);font-family:inherit;font-size:.98rem;cursor:pointer}.antwortknopf:hover:not(:disabled){border-color:var(--akzent)}.antwortknopf.gewaehlt{border-color:var(--akzent);background:var(--akzent-hell)}.antwortknopf:disabled{cursor:default}.kaestchen{color:var(--akzent);font-size:1.1rem;flex:none}.tastenfang{width:100%;min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;border:2px dashed var(--rand);border-radius:10px;background:var(--bg);cursor:pointer}.tastenfang:focus{outline:none;border-color:var(--akzent);border-style:solid;background:var(--akzent-hell)}.tastenfang.gesperrt{cursor:default;opacity:.7}.tastenanzeige{font-size:1.5rem;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em}.tastenanzeige.leer{color:var(--gedaempft);font-weight:500;font-size:1.05rem;font-family:inherit}.ersatzeingabe{width:100%;display:flex;flex-direction:column;gap:.6rem}.warnhinweis{background:#fff4e0;color:var(--warnung)}@media(prefers-color-scheme:dark){.warnhinweis{background:#3a2f14}}.sortierliste{list-style:none;counter-reset:none;padding:0;margin:0;width:100%;display:flex;flex-direction:column;gap:.4rem}.sortierliste li{display:flex;align-items:center;gap:.75rem;padding:.6rem .85rem;border:1px solid var(--rand);border-radius:8px;background:var(--bg)}.sortierliste .nummer{width:1.6rem;height:1.6rem;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--akzent-hell);color:var(--akzent);font-size:.8rem;font-weight:700}.sortiertext{flex:1;font-size:.95rem}.pfeile{display:flex;gap:.2rem}.pfeil{width:1.9rem;height:1.9rem;border:1px solid var(--rand);border-radius:6px;background:var(--karte);color:var(--text);cursor:pointer;font-size:.9rem}.pfeil:hover:not(:disabled){border-color:var(--akzent)}.pfeil:disabled{opacity:.35;cursor:not-allowed}.hotspot-bereich{position:relative;display:inline-block;max-width:100%}.hotspot-bereich img{max-width:100%;display:block;border:1px solid var(--rand);border-radius:8px;cursor:crosshair}.klickmarke{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:3px solid var(--akzent);background:#7a44ff40;pointer-events:none}.ablegeflaeche{width:100%;padding:1.75rem 1rem;border:2px dashed var(--rand);border-radius:10px;background:var(--bg);text-align:center;font-size:.92rem}.ablegeflaeche.gefuellt{border-style:solid;border-color:var(--erfolg)}.ablegeflaeche p{margin:0}.dateilink{color:var(--akzent);text-decoration:underline;cursor:pointer}.vorschau{max-width:100%;max-height:260px;border-radius:6px;margin-bottom:.5rem}.tipp{margin:.5rem 0 0;padding:.6rem .9rem;background:var(--bg);border-left:3px solid var(--gedaempft);border-radius:0 6px 6px 0;font-size:.9rem}.ergebnis{margin-top:1.25rem;padding:1.1rem 1.3rem;border-radius:8px;border-left:4px solid var(--rand)}.ergebnis.richtig{background:var(--erfolg-hell);border-left-color:var(--erfolg)}.ergebnis.falsch{background:var(--bg);border-left-color:var(--warnung)}.ergebnis-kopf{margin:0 0 .5rem;font-weight:600;font-size:1.02rem}.ergebnis.richtig .ergebnis-kopf{color:var(--erfolg)}.ergebnis-hinweis{margin:.25rem 0;font-size:.9rem}.ergebnis-erklaerung{margin:.75rem 0;font-size:.95rem;line-height:1.6}.ergebnis .knopf{margin-top:.85rem}.kriterienliste{list-style:none;padding:0;margin:.6rem 0;font-size:.9rem}.kriterienliste li{padding:.35rem 0}.kriterienliste li.erfuellt strong{color:var(--erfolg)}.kriterienliste li.offen strong{color:var(--warnung)}.leseliste{font-size:1.02rem;line-height:1.7;padding-left:1.4rem;margin:0 0 1rem}.leseliste li{margin-bottom:.4rem}.lesecode{background:var(--bg);border:1px solid var(--rand);border-radius:6px;padding:.75rem 1rem;font-size:.88rem;overflow-x:auto;margin:0 0 1rem}.tabellen-rahmen{overflow-x:auto;margin:0 0 1rem}.lesetabelle{border-collapse:collapse;width:100%;font-size:.94rem}.lesetabelle th,.lesetabelle td{border:1px solid var(--rand);padding:.5rem .75rem;text-align:left}.lesetabelle th{background:var(--bg);font-weight:600}.baustein .lesetext p{font-size:.92rem;line-height:1.6;margin-bottom:.6rem}.baustein .lesetext p:last-child{margin-bottom:0}.baustein .leseliste,.baustein .lesetabelle{font-size:.88rem}.baustein-schritte .lesetext p{margin:0}.seite.breit{max-width:1160px}.graph-rahmen{position:relative;border:1px solid var(--rand);border-radius:10px;background:var(--bg);overflow:hidden}.graph{width:100%;height:100%;display:block;cursor:grab;touch-action:none}.graph:active{cursor:grabbing}.graph-knoten{cursor:pointer}.graph-knoten circle{transition:fill-opacity .15s}.graph-text{fill:var(--text);font-size:11px;font-family:inherit;pointer-events:none;-webkit-user-select:none;user-select:none}.graph-text.bereich{font-size:14px;font-weight:700}.graph-text.strang{font-size:12px;font-weight:600}.graph-text.lektion{font-size:9px}.graph-text.zusatz{fill:var(--gedaempft);font-size:9px}.graph-bedienung{position:absolute;left:.75rem;bottom:.75rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.graph-bedienung .fussnote{margin:0}.legende{display:flex;gap:1.25rem;margin-top:.85rem;flex-wrap:wrap}.legendeneintrag{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--gedaempft)}.legendenpunkt{border-radius:50%;background:var(--gedaempft);display:inline-block}.legendenpunkt.bereich{width:14px;height:14px}.legendenpunkt.strang{width:10px;height:10px}.legendenpunkt.modul{width:7px;height:7px}.legendenpunkt.lektion{width:5px;height:5px}.graph-rahmen{position:relative;border:1px solid var(--rand);border-radius:12px;background:radial-gradient(ellipse at 50% 40%,rgba(122,68,255,.07),transparent 62%),var(--bg);overflow:hidden}.graph-knoten circle{transition:fill-opacity .18s ease,stroke-opacity .18s ease}.graph-knoten:hover circle{fill-opacity:1}.graph-text{transition:opacity .18s ease;paint-order:stroke;stroke:var(--bg);stroke-width:3px;stroke-linejoin:round}.auswahlring{animation:ring-atmen 2.4s ease-in-out infinite}@keyframes ring-atmen{0%,to{opacity:.8}50%{opacity:.35}}.graph-zoomstand{position:absolute;right:.75rem;top:.75rem;font-size:.75rem;color:var(--gedaempft);background:var(--karte);border:1px solid var(--rand);border-radius:999px;padding:.15rem .6rem;pointer-events:none}.graph-bedienung{position:absolute;left:.75rem;bottom:.75rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;max-width:calc(100% - 1.5rem)}.tagesportion{border-color:var(--akzent)}.tagesziel{display:flex;flex-direction:column;align-items:flex-end}.tagesziel-zahl{font-size:1.35rem;font-weight:700;line-height:1.1}.tagesziel-zahl.erreicht{color:var(--erfolg)}.tagesziel .bezeichnung{font-size:.78rem;color:var(--gedaempft)}.tagesbalken{height:5px;border-radius:999px;background:var(--rand);overflow:hidden;margin-bottom:1.1rem}.tagesbalken>span{display:block;height:100%;background:var(--akzent);border-radius:999px;transition:width .35s ease}.vorschlagsliste{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem;counter-reset:none}.vorschlag{display:flex;align-items:center;gap:.85rem;width:100%;text-align:left;padding:.7rem .9rem;border:1px solid var(--rand);border-radius:9px;background:var(--bg);color:var(--text);font-family:inherit;cursor:pointer;transition:border-color .15s,transform .12s}.vorschlag:hover:not(:disabled){border-color:var(--akzent);transform:translate(2px)}.vorschlag:disabled{cursor:default;opacity:.7}.anlassmarke{flex:none;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.22rem .55rem;border-radius:5px;min-width:6.5rem;text-align:center}.anlassmarke.wiederholung{background:#fff4e0;color:var(--warnung)}.anlassmarke.wiederholung.dringend{background:var(--fehler-hell);color:var(--fehler)}.anlassmarke.weitermachen{background:var(--akzent-hell);color:var(--akzent)}.anlassmarke.neu{background:var(--erfolg-hell);color:var(--erfolg)}@media(prefers-color-scheme:dark){.anlassmarke.wiederholung{background:#3a2f14}}.vorschlag-text{flex:1;display:flex;flex-direction:column;min-width:0}.vorschlag-titel{font-weight:600;font-size:.95rem}.vorschlag-grund{font-size:.8rem;color:var(--gedaempft)}.vorschlag-stand,.vorschlag-dauer{flex:none;font-size:.8rem;color:var(--gedaempft);white-space:nowrap}.vorschlag-stand{font-variant-numeric:tabular-nums}@media(max-width:620px){.vorschlag{flex-wrap:wrap}.anlassmarke{min-width:0}}body{background:radial-gradient(1200px 600px at 50% -280px,color-mix(in oklab,var(--akzent) 12%,transparent),transparent),var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased}.seite{max-width:1040px;padding:2.25rem 1.25rem 5rem}.hauptnavigation{gap:1.5rem;padding:.7rem 1.5rem;background:var(--schleier);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid color-mix(in oklab,var(--rand) 60%,transparent)}.app-marke{border:none;background:none;padding:0;cursor:pointer;font-family:inherit;font-size:1.15rem;font-weight:800;letter-spacing:-.02em;color:var(--text)}.marke-ai{background:linear-gradient(135deg,var(--akzent),var(--akzent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.navlink{position:relative;font-weight:500}.navlink.aktiv{background:transparent;color:var(--text);font-weight:650}.navlink.aktiv:after{content:"";position:absolute;left:.9rem;right:.9rem;bottom:-.72rem;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--akzent),var(--akzent-2))}.karte{background:var(--flaeche);border:none;border-radius:16px;padding:1.6rem 1.75rem;margin-bottom:1.15rem;box-shadow:var(--schatten)}.karte h2{font-size:1.15rem;letter-spacing:-.01em}.karte-kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.1rem;flex-wrap:wrap}.karte-kopf h2{margin:0 0 .2rem}.karte-kopf p{margin:0;font-size:.9rem}.seiten-kopf h1{font-size:2rem;letter-spacing:-.025em}.gedaempft{color:var(--gedaempft);font-size:.9rem}.knopf{border-radius:10px;font-weight:550;transition:transform .12s ease,box-shadow .18s ease,border-color .18s ease}.knopf:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--schatten)}.knopf:active:not(:disabled){transform:translateY(0)}.knopf.haupt,.knopf.gross{background:linear-gradient(135deg,var(--akzent),var(--akzent-2));border:none;color:#fff;font-weight:650;box-shadow:var(--schatten-akzent)}.knopf.gross{padding:.8rem 1.6rem;font-size:1rem;border-radius:12px}.knopf.haupt:hover:not(:disabled),.knopf.gross:hover:not(:disabled){box-shadow:0 10px 28px -8px #7a44ff8c}.zurueck{border:none;background:none;color:var(--gedaempft);font-family:inherit;font-size:.9rem;cursor:pointer;padding:.35rem 0;margin-bottom:1rem}.zurueck:hover{color:var(--akzent)}.wunsch-buehne{position:relative;background:var(--flaeche);border-radius:22px;padding:3rem 2.25rem 2.5rem;margin-bottom:1.5rem;box-shadow:var(--schatten-hoch);overflow:hidden;text-align:center}.wunsch-buehne:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--akzent),var(--akzent-2),var(--akzent))}.wunsch-augenbraue{margin:0 0 .5rem;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--akzent)}.wunsch-buehne h1{margin:0 0 .6rem;font-size:clamp(1.9rem,4.5vw,2.6rem);letter-spacing:-.03em;line-height:1.15}.wunsch-unterzeile{margin:0 auto 2rem;max-width:54ch;color:var(--gedaempft)}.wunsch-feld{display:flex;gap:.6rem;align-items:stretch;max-width:720px;margin:0 auto;flex-wrap:wrap}.wunsch-feld textarea{flex:1;min-width:260px;padding:.95rem 1.1rem;border:1.5px solid var(--rand);border-radius:14px;background:var(--bg);color:var(--text);font:inherit;font-size:1.02rem;resize:none;transition:border-color .18s ease,box-shadow .18s ease}.wunsch-feld textarea:focus{outline:none;border-color:var(--akzent);box-shadow:0 0 0 4px color-mix(in oklab,var(--akzent) 18%,transparent)}.wunsch-feld .knopf{align-self:stretch}.wunsch-beispiele{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;margin-top:1.1rem}.pille{padding:.4rem .9rem;border-radius:999px;border:1px solid var(--rand);background:transparent;color:var(--gedaempft);font:inherit;font-size:.84rem;cursor:pointer;transition:all .15s ease}.pille:hover{border-color:var(--akzent);color:var(--akzent);background:var(--akzent-hell)}.stufenleiter{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:.7rem}.stufe{display:flex;flex-direction:column;gap:.3rem;text-align:left;padding:1rem 1rem 1.1rem;border:1.5px solid var(--rand);border-radius:14px;background:var(--flaeche-2);color:var(--text);font:inherit;cursor:pointer;transition:all .16s ease}.stufe:hover{border-color:color-mix(in oklab,var(--akzent) 55%,var(--rand));transform:translateY(-2px)}.stufe.gewaehlt{border-color:var(--akzent);background:var(--akzent-hell);box-shadow:var(--schatten-akzent)}.stufe-nummer{display:inline-flex;align-items:center;justify-content:center;min-width:1.9rem;height:1.9rem;padding:0 .4rem;border-radius:8px;background:linear-gradient(135deg,var(--akzent),var(--akzent-2));color:#fff;font-weight:700;font-size:.9rem}.stufe-titel{font-weight:650;font-size:.95rem}.stufe-kurz{font-size:.82rem;color:var(--gedaempft);line-height:1.45}.stufe-entspricht{font-size:.75rem;color:var(--akzent);margin-top:.15rem}.verlauf h1{margin:0 0 .4rem;font-size:clamp(1.5rem,3.5vw,2rem);letter-spacing:-.02em}.verlauf.fertig{box-shadow:var(--schatten),inset 0 0 0 1.5px color-mix(in oklab,var(--erfolg) 45%,transparent)}.verlauf-wunsch{margin:0 0 1rem;color:var(--gedaempft);font-size:.92rem}.niveau-band{display:inline-flex;align-items:center;gap:.6rem;padding:.45rem .9rem;border-radius:999px;background:var(--akzent-hell);color:var(--akzent);font-size:.88rem;margin-bottom:1.1rem}.niveau-marke{display:inline-block;padding:.22rem .6rem;border-radius:6px;background:linear-gradient(135deg,var(--akzent),var(--akzent-2));color:#fff;font-size:.74rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}.balken{height:6px;border-radius:999px;background:var(--rand);overflow:hidden;margin:1.1rem 0 .85rem}.balken.gross{height:10px}.balken-fuellung{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--akzent),var(--akzent-2));transition:width .5s ease}.verlauf-aktuell{display:flex;align-items:center;gap:.6rem;margin:0 0 .4rem;font-weight:550}.puls{width:9px;height:9px;border-radius:50%;background:var(--akzent);flex:none;animation:pulsieren 1.6s ease-in-out infinite}@keyframes pulsieren{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 color-mix(in oklab,var(--akzent) 55%,transparent)}50%{opacity:.75;transform:scale(.88);box-shadow:0 0 0 7px transparent}}.verlauf-abschluss{margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid var(--rand)}.verlauf-abschluss p{margin:0 0 1rem}.hinweis-weich{background:var(--akzent-hell);color:var(--text);border-radius:10px;padding:.7rem .9rem;font-size:.9rem}.protokoll{margin:0;padding-left:1.3rem;font-size:.88rem;color:var(--gedaempft);line-height:1.75}.protokoll li::marker{color:var(--akzent)}.auftragsliste{list-style:none;margin:0;padding:0}.auftragszeile{display:flex;align-items:center;gap:.8rem;width:100%;padding:.7rem .5rem;border:none;border-radius:10px;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer}.auftragszeile:hover{background:var(--flaeche-2)}.auftragszeile-text{display:flex;flex-direction:column;flex:1;min-width:0}.auftragszeile-text strong{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auftragszeile .anteil{font-size:.82rem;color:var(--akzent);font-weight:600}.punkt{width:9px;height:9px;border-radius:50%;flex:none;background:var(--gedaempft)}.punkt.fertig{background:var(--erfolg)}.punkt.fehler,.punkt.abgebrochen{background:var(--fehler)}.punkt.wartet,.punkt.verstehen,.punkt.planen,.punkt.erzeugen{background:var(--akzent);animation:pulsieren 1.6s ease-in-out infinite}.kurskarte .karten-kopf{align-items:center}.kurskarte h2{margin:0 0 .35rem;font-size:1.25rem}.kurskarte .niveau-marke{margin-bottom:.45rem}.herkunft{margin:.4rem 0 0;font-size:.84rem;color:var(--gedaempft);font-style:italic}.ring{position:relative;display:grid;place-items:center;flex:none}.ring svg{transform:rotate(-90deg)}.ring-bett,.ring-fuellung{fill:none;stroke-width:4;stroke-linecap:round}.ring-bett{stroke:var(--rand)}.ring-fuellung{stroke:var(--akzent);transition:stroke-dasharray .6s ease}.ring-text{position:absolute;font-size:.74rem;font-weight:700;color:var(--gedaempft)}.lektionskachel{position:relative;gap:.5rem;padding:1.05rem 1.1rem 1.15rem;border:none;border-radius:13px;background:var(--flaeche-2);box-shadow:inset 0 0 0 1px var(--rand);overflow:hidden;transition:transform .14s ease,box-shadow .18s ease}.lektionskachel:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--akzent) 50%,var(--rand)),var(--schatten)}.lektionskachel:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent}.lektionskachel.laufend:before{background:linear-gradient(180deg,var(--akzent),var(--akzent-2))}.lektionskachel.abgeschlossen:before{background:var(--erfolg)}.lektionskachel.abgeschlossen{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--erfolg) 35%,var(--rand))}.lektionskachel.gesperrt{opacity:1;background:transparent;box-shadow:inset 0 0 0 1px var(--rand);color:var(--gedaempft)}.lektionskachel.gesperrt .kachel-titel{color:var(--gedaempft)}.kachel-titel{font-size:.97rem;line-height:1.35}.kachel-dauer{font-variant-numeric:tabular-nums}.fortschrittsbalken>span{background:linear-gradient(90deg,var(--akzent),var(--akzent-2))}.leerlauf{text-align:center;padding:3rem 2rem}.leerlauf h2{margin:0 0 .5rem;font-size:1.4rem}.leerlauf p{margin:0 auto 1.5rem;max-width:46ch;color:var(--gedaempft)}.weiterlernen{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;flex-wrap:wrap;background:linear-gradient(135deg,color-mix(in oklab,var(--akzent) 9%,var(--flaeche)),var(--flaeche))}.weiterlernen h2{margin:0 0 .25rem}.weiterlernen p{margin:0;max-width:48ch}.kennzahlen{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:1.75rem}.kennzahl{display:flex;flex-direction:column;gap:.1rem;padding:.9rem 1.2rem;border-radius:14px;background:var(--flaeche);box-shadow:var(--schatten);min-width:8.5rem}.kennzahl .zahl{font-size:1.6rem;font-weight:750;letter-spacing:-.02em;line-height:1.1;background:linear-gradient(135deg,var(--akzent),var(--akzent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.kennzahl .bezeichnung{font-size:.78rem;color:var(--gedaempft);line-height:1.35}.kennzahl.hervor{background:linear-gradient(135deg,var(--akzent),var(--akzent-2))}.kennzahl.hervor .zahl{color:#fff;-webkit-text-fill-color:#fff}.kennzahl.hervor .bezeichnung{color:#ffffffd9}@media(max-width:640px){.wunsch-buehne{padding:2.25rem 1.25rem 1.75rem}.wunsch-feld .knopf{width:100%}.weiterlernen{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.knopf:hover:not(:disabled),.lektionskachel:hover:not(:disabled),.stufe:hover{transform:none}}.pille-zusatz{display:inline-block;margin-left:.4rem;padding:.1rem .45rem;border-radius:999px;background:var(--akzent-hell);color:var(--akzent);font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.rahmen-pillen{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem}.pille.aktiv{border-color:var(--akzent);background:var(--akzent-hell);color:var(--akzent);font-weight:650}.rahmen-hinweis{margin:0 0 .9rem}@media(max-width:640px){.hauptnavigation{gap:.75rem;padding:.6rem .9rem}.navlinks{flex:1;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.navlinks::-webkit-scrollbar{display:none}.navlink{white-space:nowrap;padding:.45rem .7rem}.navlink.aktiv:after{bottom:-.5rem}.seite{padding:1.4rem .9rem 4.5rem}.karte{padding:1.15rem 1.05rem;border-radius:14px}.wunsch-buehne{padding:2rem 1.15rem 1.6rem;border-radius:18px}.kennzahlen{gap:.5rem}.kennzahl{flex:1;min-width:7.2rem;padding:.7rem .85rem}.kachelgitter,.stufenleiter{grid-template-columns:1fr}.knopf,.pille,.navlink{min-height:44px}}.graph-rahmen{border:1px solid #1d3a55;background:radial-gradient(ellipse at 50% 34%,rgba(47,227,174,.07),transparent 58%),radial-gradient(ellipse at 82% 88%,rgba(56,212,245,.05),transparent 50%),#0b1a2b}.knotenhalo{stroke-opacity:.22;transition:stroke-opacity .18s ease}.graph-knoten:hover .knotenhalo{stroke-opacity:.5}.graph-text{font-family:ui-monospace,Cascadia Code,JetBrains Mono,Menlo,monospace;fill:#b9d0e6;font-size:11px;letter-spacing:.02em;stroke:#0b1a2b;stroke-width:3.5px}.graph-text.bereich{fill:#eaf6ff;font-size:13px;font-weight:700;letter-spacing:.05em}.graph-text.strang{fill:#d7e8f7;font-size:12px;font-weight:600}.graph-text.modul{font-size:11px}.graph-text.zusatz{fill:#7791ac;font-size:9.5px}.graph-plakette{fill:#d7e8f7;font-family:ui-monospace,Menlo,monospace;font-size:9px;font-weight:700;pointer-events:none;-webkit-user-select:none;user-select:none;stroke:none}.auswahlring{transform-box:fill-box;transform-origin:center;animation:ring-drehen 16s linear infinite}@keyframes ring-drehen{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.auswahlring{animation:none}}.graph-zoomstand{color:#9fb8d0;background:#0d1e30d9;border-color:#1d3a55}.graph-bedienung .knopf{background:#0d1e30d9;border-color:#1d3a55;color:#c8dcef}.graph-bedienung .knopf:hover:not(:disabled){border-color:#2fe3ae;color:#2fe3ae}.graph-bedienung .fussnote{color:#6c87a3}.anmeldebuehne{min-height:100dvh;display:grid;place-items:center;padding:1.25rem}.anmeldekarte{width:min(430px,100%);background:var(--flaeche);border-radius:22px;padding:2.5rem 2.25rem;box-shadow:var(--schatten-hoch);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:1rem}.anmeldekarte:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--akzent),var(--akzent-2),var(--akzent))}.anmeldemarke{margin:0;font-size:2rem;letter-spacing:-.02em}.anmeldetext{margin:0;color:var(--gedaempft);font-size:.92rem;line-height:1.6}.anmeldefeld{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600}.anmeldefeld .eingabe{width:100%;font-weight:400}.feldhinweis{font-weight:400;color:var(--gedaempft);font-size:.78rem}.nav-konto{margin-left:auto;display:flex;align-items:center;gap:.4rem}.nav-name{font-size:.85rem;font-weight:600;color:var(--gedaempft);max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kontoformular{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.1rem}.kontoformular .eingabe{flex:1;min-width:10rem}.kontoliste{list-style:none;margin:0;padding:0}.kontozeile{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.7rem .25rem;border-top:1px solid var(--rand)}.kontozeile:first-child{border-top:none}.kontozeile.inaktiv{opacity:.5}.kontozeile-wer{display:flex;flex-direction:column;min-width:12rem;flex:1}.eingabe.klein-inline{flex:none;width:auto;padding:.35rem .6rem;font-size:.85rem}.budget-zahl{display:flex;flex-direction:column;align-items:flex-end}.zahl-gross{font-size:1.5rem;font-weight:750;letter-spacing:-.02em}.budgetzeile{margin:.9rem 0 1.25rem}.balken.voll .balken-fuellung{background:linear-gradient(90deg,var(--fehler),#ff7a68)}.abrechnung-spalten{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.abrechnung-spalten h3{margin:0 0 .5rem;font-size:.9rem;color:var(--gedaempft)}.abrechnungsliste{list-style:none;margin:0;padding:0;font-size:.88rem}.abrechnungsliste li{display:flex;gap:.6rem;align-items:baseline;justify-content:space-between;padding:.3rem 0}.meldung.erfolg{background:var(--erfolg-hell);color:var(--erfolg);border-radius:10px;padding:.7rem .9rem}.unterlagenliste{list-style:none;margin:0;padding:0}.unterlagenliste li{display:flex;align-items:center;gap:.5rem;padding:.35rem 0}.unterlage{flex:1;display:flex;align-items:baseline;gap:.6rem;padding:.45rem .6rem;border-radius:10px;cursor:pointer}.unterlage:hover{background:var(--flaeche-2)}.unterlage.gewaehlt .unterlage-titel{color:var(--akzent);font-weight:650}.unterlage-titel{font-weight:550}.unterlage input{accent-color:var(--akzent)}.meldung.warnung-weich{background:color-mix(in oklab,var(--warnung) 12%,var(--flaeche));color:var(--text);border-radius:10px;padding:.7rem .9rem;font-size:.9rem}.herkunftszeile{display:flex;align-items:center;gap:.5rem;margin:.4rem 0 0;color:var(--gedaempft);font-size:.85rem}.herkunftsmarke{display:inline-block;padding:.15rem .55rem;border-radius:999px;background:var(--erfolg-hell);color:var(--erfolg);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.belege{margin-top:1.25rem;border-top:1px dashed var(--rand);padding-top:.7rem;font-size:.85rem}.belege summary{cursor:pointer;color:var(--gedaempft);-webkit-user-select:none;user-select:none}.belege summary:hover{color:var(--akzent)}.belege ul{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.belege li{display:block;color:var(--gedaempft);line-height:1.55}.belege em{color:var(--text);font-style:italic}.beleg-kennung{display:inline-block;margin-right:.45rem;padding:.05rem .4rem;border-radius:6px;background:var(--akzent-hell);color:var(--akzent);font-family:ui-monospace,Menlo,monospace;font-size:.72rem;font-weight:700}.beleg-quelle{margin-right:.35rem;font-weight:600}.pruefungsstart h1{margin:0 0 .75rem}.pruefungsdaten{display:flex;gap:.7rem;flex-wrap:wrap;margin:1rem 0}.pruefungsregeln{margin:0 0 1.25rem;padding-left:1.2rem;color:var(--gedaempft);font-size:.92rem;line-height:1.8}.kurskarte-rechts{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:none}.pruefungsleiste{position:sticky;top:3.4rem;z-index:5;display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;margin-bottom:.8rem;background:var(--flaeche);border-radius:14px;box-shadow:var(--schatten)}.pruefungsuhr{font-family:ui-monospace,Menlo,monospace;font-size:1.35rem;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:.02em}.pruefungsuhr.knapp{color:var(--fehler);animation:pulsieren 1.6s ease-in-out infinite}.pruefungsleiste .knopf{margin-left:auto}.fragenleiste{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.9rem}.fragenknopf{width:2.2rem;height:2.2rem;border-radius:8px;border:1.5px solid var(--rand);background:var(--flaeche);color:var(--gedaempft);font:inherit;font-weight:650;cursor:pointer}.fragenknopf.beantwortet{background:var(--akzent-hell);border-color:color-mix(in oklab,var(--akzent) 45%,var(--rand));color:var(--akzent)}.fragenknopf.aktiv{border-color:var(--akzent);outline:2px solid color-mix(in oklab,var(--akzent) 30%,transparent)}.pruefungsaufloesung{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.pruefungsaufloesung li{border-top:1px solid var(--rand);padding-top:.8rem}.pruefungsaufloesung li:first-child{border-top:none;padding-top:0}.aufloesung-kopf{display:flex;align-items:baseline;gap:.6rem}.aufloesung-kopf strong{flex:1}.aufloesung-kopf .punkt{flex:none;transform:translateY(-1px)}.pruefungsaufloesung p{margin:.35rem 0 0 1.5rem;font-size:.9rem}.aufloesung-erklaerung{color:var(--text);background:var(--flaeche-2);border-radius:8px;padding:.5rem .7rem}.einstufungsfragen{margin:1.25rem 0;padding-left:1.4rem;display:flex;flex-direction:column;gap:1.4rem}.einstufungsfrage{margin:0 0 .5rem;font-weight:600;display:flex;gap:.5rem;align-items:baseline}.einstufungsoptionen{display:flex;flex-direction:column;gap:.35rem}.einstufungsoption{display:flex;align-items:baseline;gap:.5rem;padding:.5rem .7rem;border-radius:10px;border:1.5px solid var(--rand);cursor:pointer;font-size:.92rem}.einstufungsoption:hover{border-color:color-mix(in oklab,var(--akzent) 45%,var(--rand))}.einstufungsoption.gewaehlt{border-color:var(--akzent);background:var(--akzent-hell)}.einstufungsoption input{accent-color:var(--akzent)}.einstufungsleiter{list-style:none;margin:1rem 0;padding:0;display:flex;flex-direction:column;gap:.45rem}.einstufungsleiter li{display:flex;align-items:center;gap:.7rem;padding:.45rem .6rem;border-radius:10px;background:var(--flaeche-2);opacity:.55}.einstufungsleiter li.bestanden{opacity:1;box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--erfolg) 40%,transparent)}.gang{border-top:1px solid var(--rand);padding-top:1rem;margin-top:1rem}.gang:first-of-type{border-top:none;margin-top:0;padding-top:0}.gang-kopf{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.etappenliste{list-style:none;margin:.7rem 0 0;padding:0;display:flex;flex-direction:column;gap:.55rem}.etappe{display:flex;align-items:center;gap:.7rem}.etappe .punkt.erzeugen{background:var(--akzent);animation:pulsieren 1.6s ease-in-out infinite}.etappe-text{display:flex;flex-direction:column;flex:1;min-width:0}.etappe-text .gedaempft{font-size:.83rem}.etappe.fertig .etappe-text strong{color:var(--erfolg)}.vorleser{display:flex;align-items:center;gap:.5rem;margin-bottom:.7rem;flex-wrap:wrap}.vorleser-hinweis{font-size:.82rem}.lese-schritte.mitmach{list-style:none;padding-left:.2rem}.lese-schritte.mitmach li{margin:.35rem 0}.lese-schritte.mitmach label{display:flex;align-items:baseline;gap:.65rem;padding:.5rem .7rem;border-radius:10px;border:1.5px solid var(--rand);cursor:pointer;transition:border-color .15s ease,opacity .15s ease}.lese-schritte.mitmach label:hover{border-color:color-mix(in oklab,var(--akzent) 45%,var(--rand))}.lese-schritte.mitmach li.erledigt label{border-color:color-mix(in oklab,var(--erfolg) 45%,var(--rand));opacity:.72}.lese-schritte.mitmach li.erledigt span{text-decoration:line-through;text-decoration-color:color-mix(in oklab,var(--erfolg) 60%,transparent)}.lese-schritte.mitmach input{accent-color:var(--erfolg);transform:translateY(1px)}.diktatzeile{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap}.schaubild{margin:.5rem 0;text-align:center;color:var(--text)}.schaubild svg{max-width:100%;height:auto}.schaubild figcaption{margin-top:.4rem;font-size:.85rem;color:var(--gedaempft)}