:root{--waldgruen: #24402F;--salbei: #A7C4A0;--bg: #F5F8F4;--flaeche: #FFFFFF;--karte: #E8F0E9;--linie: #D6E2D6;--text: #182B20;--text-sekundaer: #4A5D51;--akzent: #3E5E4C;--ampel-gruen: #3F8A57;--ampel-gelb: #C98F1E;--ampel-grau: #9AA89F;--fehler: #A33A2B;--schrift: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--schrift-titel: ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}@media(prefers-color-scheme:dark){:root{--bg: #0F1713;--flaeche: #16221B;--karte: #1B2A22;--linie: #2A3B31;--text: #E8F0E9;--text-sekundaer: #9FB3A6;--akzent: #A7C4A0;--ampel-gruen: #6DBB86;--ampel-gelb: #E2B24F;--ampel-grau: #6E7D74;--fehler: #F08A7A}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--schrift);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--akzent)}h1{font-family:var(--schrift-titel);font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.15;margin:0 0 1rem}.kopf,.inhalt,.fuss{max-width:760px;margin:0 auto;padding-inline:1.25rem}.kopf{padding-block:1rem;border-bottom:1px solid var(--linie)}.wortmarke{font-size:1.25rem;font-weight:800}.wortmarke .w2{color:var(--akzent)}.inhalt{padding-block:2.5rem 3rem}.einleitung{font-size:1.1rem;color:var(--text-sekundaer)}.hinweis{background:var(--karte);border-radius:12px;padding:.8rem 1rem}.status{display:flex;align-items:center;gap:.5rem;font-size:.92rem;color:var(--text-sekundaer)}.status:before{content:"";width:.6rem;height:.6rem;border-radius:50%;background:var(--ampel-grau);flex:none}.status[data-zustand=ok]:before{background:var(--ampel-gruen)}.status[data-zustand=fehler]{color:var(--fehler)}.status[data-zustand=fehler]:before{background:var(--fehler)}.fuss{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;justify-content:space-between;padding-block:1.5rem 2rem;border-top:1px solid var(--linie);font-size:.88rem;color:var(--text-sekundaer)}.fuss a{color:var(--text-sekundaer)}[hidden]{display:none!important}h2{font-family:var(--schrift-titel);font-size:1.35rem;margin:2rem 0 .6rem}.leise{color:var(--text-sekundaer);font-weight:400}.klein-text{font-size:.85rem}.hilfe{font-size:.88rem;color:var(--text-sekundaer);margin:.2rem 0 .4rem}.inhalt.breit{max-width:1040px}.zwei-spalten{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:1.2rem;margin-top:1.5rem}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:16px;padding:1.3rem}.karte h2{margin-top:0}.formular{display:grid;gap:.35rem}.beschriftung{font-weight:600;font-size:.92rem;margin-top:.5rem}.feld{font:inherit;color:var(--text);background:var(--flaeche);border:1px solid var(--linie);border-radius:10px;padding:.6rem .75rem;width:100%;min-height:44px}.feld:focus{outline:3px solid color-mix(in srgb,var(--salbei) 70%,transparent);outline-offset:1px;border-color:var(--akzent)}textarea.feld{resize:vertical}.feld.klein{min-height:36px;padding:.3rem .5rem;width:auto;font-size:.92rem}.feld.zahl{width:4.2rem}.eingabezeile{display:flex;gap:.5rem}.eingabezeile .feld{flex:1;min-width:0}.knopf{font:inherit;font-weight:700;cursor:pointer;border:1px solid transparent;background:var(--waldgruen);color:#e8f0e9;border-radius:10px;padding:.6rem 1.1rem;min-height:44px;justify-self:start}.knopf:hover{filter:brightness(1.1)}.knopf:disabled{opacity:.5;cursor:default;filter:none}.knopf:focus-visible{outline:3px solid var(--salbei);outline-offset:2px}.knopf.zweitrangig{background:var(--karte);color:var(--text);border-color:var(--linie)}.knopf.klein{min-height:36px;padding:.3rem .7rem;font-size:.88rem}.knopf.gefahr{background:var(--fehler);color:#fff}.knopf.gefahr-leise{background:transparent;color:var(--fehler);border-color:color-mix(in srgb,var(--fehler) 40%,transparent)}.knopfreihe{display:flex;gap:.6rem;justify-content:flex-end;flex-wrap:wrap;margin-top:.8rem}.meldung{margin:.3rem 0;font-size:.92rem;border-radius:8px;padding:.45rem .7rem;background:var(--karte)}.meldung[data-art=fehler]{color:var(--fehler);background:color-mix(in srgb,var(--fehler) 10%,var(--flaeche))}.meldung[data-art=ok]{color:var(--ampel-gruen)}.auswahl{display:flex;align-items:flex-start;gap:.6rem;cursor:pointer;padding:.35rem 0}.auswahl input{width:1.25rem;height:1.25rem;margin:.15rem 0 0;accent-color:var(--waldgruen);flex:none}.kopf-verwaltung{display:flex;align-items:center;gap:.4rem 1rem;flex-wrap:wrap;max-width:1040px}.kopf-verwaltung .wortmarke{text-decoration:none;color:var(--text)}.kopf-bereich{color:var(--text-sekundaer);font-weight:600}.kopf-schule{margin-left:auto;font-size:.9rem;color:var(--text-sekundaer)}.kopf-verwaltung .knopf{margin-left:.2rem}.abschnitte{position:sticky;top:0;z-index:2;display:flex;gap:.3rem 1rem;flex-wrap:wrap;background:var(--bg);padding:.6rem 0;border-bottom:1px solid var(--linie);font-weight:600;font-size:.92rem}.abschnitte a{text-decoration:none;color:var(--text-sekundaer)}.abschnitt{padding-top:1.2rem;scroll-margin-top:3.5rem}.zusammenfassung{font-size:1.1rem;font-weight:600}.zusammenfassung[data-art=komplett]{color:var(--ampel-gruen)}.zusammenfassung[data-art=komplett]:before{content:"\2713  "}.kacheln{list-style:none;padding:0;margin:1rem 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(210px,100%),1fr));gap:.7rem}.kachel{border-radius:14px;padding:.8rem .9rem;border:1px solid var(--linie);background:var(--flaeche);display:grid;gap:.45rem}.kachel-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.kachel-klasse{font-family:var(--schrift-titel);font-size:1.45rem;font-weight:700}.kachel-stand{font-weight:700;font-size:.9rem;color:var(--text-sekundaer)}.kachel-fehlend{margin:0;font-size:.85rem;color:var(--text-sekundaer);line-height:1.4}.kachel.komplett{background:color-mix(in srgb,var(--ampel-gruen) 14%,var(--flaeche));border-color:color-mix(in srgb,var(--ampel-gruen) 45%,transparent)}.kachel.komplett .kachel-stand{color:var(--ampel-gruen)}.kachel.komplett .kachel-stand:before{content:"\2713  "}.balken{height:7px;border-radius:4px;background:color-mix(in srgb,var(--ampel-grau) 30%,transparent);overflow:hidden}.balken i{display:block;height:100%;background:var(--ampel-gelb);border-radius:4px}.kachel.komplett .balken i{background:var(--ampel-gruen)}.liste{list-style:none;padding:0;margin:.8rem 0 0;display:grid;gap:.4rem}.zeile{display:flex;align-items:center;gap:.4rem .8rem;flex-wrap:wrap;background:var(--flaeche);border:1px solid var(--linie);border-radius:12px;padding:.5rem .7rem}.zeile-titel{font-weight:700;margin-right:auto;display:flex;align-items:center;gap:.5rem}.zeile-feld{display:flex;align-items:center;gap:.4rem}.marke{font-size:.75rem;font-weight:700;padding:.1rem .5rem;border-radius:999px;background:var(--karte);color:var(--text-sekundaer)}.marke.aktiv{background:color-mix(in srgb,var(--ampel-gruen) 18%,var(--flaeche));color:var(--ampel-gruen)}.fach .griff{cursor:grab;color:var(--ampel-grau);font-size:1.2rem;padding:0 .1rem;-webkit-user-select:none;user-select:none}.fach.gezogen{opacity:.5}.stufen,.pfeile{display:flex;gap:.3rem;align-items:center}.stufe{display:flex;align-items:center;gap:.25rem}.zeilenformular{margin-top:.4rem}.chips{list-style:none;padding:0;margin:.8rem 0 0;display:flex;flex-wrap:wrap;gap:.4rem}.chip{display:inline-flex;align-items:center;gap:.2rem;background:var(--flaeche);border:1px solid var(--linie);border-radius:999px;padding:.15rem .2rem .15rem .7rem;font-weight:700}.chip-weg{font:inherit;background:none;border:0;color:var(--text-sekundaer);cursor:pointer;width:32px;height:32px;border-radius:50%}.chip-weg:hover{background:var(--karte);color:var(--fehler)}.abfrage-hintergrund{position:fixed;inset:0;z-index:10;background:#00000073;display:grid;place-items:center;padding:1rem}.abfrage{background:var(--flaeche);color:var(--text);border-radius:16px;padding:1.3rem;width:min(440px,100%);max-height:calc(100vh - 2rem);overflow:auto;box-shadow:0 20px 60px #0000004d}.abfrage.breit{width:min(560px,100%)}.abfrage h2{margin-top:0}.materialliste{display:grid;gap:.5rem}.materialliste-hinweis{margin:0;font-size:.9rem;color:var(--text-sekundaer)}.materialliste-eintraege{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}.materialliste-eintraege li{border:1px solid var(--linie);border-radius:10px;padding:.15rem .7rem;background:var(--flaeche)}.materialliste-eintraege li:has(input:checked){border-color:color-mix(in srgb,var(--ampel-gruen) 45%,transparent);background:color-mix(in srgb,var(--ampel-gruen) 8%,var(--flaeche))}.materialliste-eintraege li:not(:has(input:checked)) span{color:var(--text-sekundaer);text-decoration:line-through}.materialliste-eintraege li.eigen span:after{content:" \b7  eigener Eintrag";font-size:.78rem;color:var(--text-sekundaer);text-decoration:none}.materialliste-eingabe{display:flex;gap:.5rem}.materialliste-eingabe .feld{flex:1;min-width:0}.materialliste-zaehler{margin:0;font-size:.85rem;color:var(--text-sekundaer)}.start-knoepfe{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.2rem}a.knopf{text-decoration:none;display:inline-flex;align-items:center}@media(max-width:560px){.kopf-schule{margin-left:0;flex-basis:100%;order:3}.zeile-titel{flex-basis:100%}}.kuerzel-wahl{list-style:none;padding:0;margin:1.2rem 0 0;display:flex;flex-wrap:wrap;gap:.6rem}.kuerzel-knopf{font:inherit;font-weight:800;font-size:1.1rem;letter-spacing:.02em;cursor:pointer;background:var(--flaeche);color:var(--text);border:1px solid var(--linie);border-radius:14px;min-width:96px;min-height:60px;padding:.5rem 1rem}.kuerzel-knopf:hover{border-color:var(--akzent);background:var(--karte)}.kuerzel-knopf:focus-visible{outline:3px solid var(--salbei);outline-offset:2px}.kachel-knopf{font:inherit;color:inherit;background:none;border:0;padding:0;width:100%;text-align:left;cursor:pointer;display:grid;gap:.35rem}.kachel-fach{margin:0;font-weight:700}.kachel.offen{border-color:var(--linie)}.kachel.begonnen{background:color-mix(in srgb,var(--ampel-gelb) 12%,var(--flaeche));border-color:color-mix(in srgb,var(--ampel-gelb) 45%,transparent)}.kachel.begonnen .kachel-stand{color:var(--ampel-gelb)}.kachel:focus-within{outline:3px solid var(--salbei);outline-offset:2px}.klassen-chips{display:flex;flex-wrap:wrap;gap:.35rem}.klassen-chip{font:inherit;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;background:var(--flaeche);color:var(--text-sekundaer);border:1px solid var(--linie);border-radius:999px;padding:.35rem .8rem;min-height:40px}.klassen-chip.an{background:var(--waldgruen);border-color:var(--waldgruen);color:#e8f0e9}.klassen-chip.an:before{content:"\2713  "}.klassen-chip:focus-visible{outline:3px solid var(--salbei);outline-offset:2px}.chip-kuerzel{font-size:.72rem;font-weight:600;opacity:.75}.uebertragen{margin-top:.9rem;padding-top:.7rem;border-top:1px solid var(--linie);display:grid;gap:.35rem}.uebertragen .beschriftung{margin:0}.klassenblock{background:var(--flaeche);border:1px solid var(--linie);border-radius:14px;padding:.9rem 1rem;margin-top:.8rem}.klassenblock-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem 1rem;flex-wrap:wrap}.klassenblock-kopf h3{font-family:var(--schrift-titel);font-size:1.3rem;margin:0}.klassenblock-stand{font-weight:700;color:var(--text-sekundaer)}.klassenblock.komplett .klassenblock-stand{color:var(--ampel-gruen)}.klassenblock.komplett .klassenblock-stand:before{content:"\2713  "}.fachzeilen{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.25rem}.fachzeile{display:flex;align-items:center;gap:.5rem}.fachzeile-knopf{font:inherit;color:inherit;cursor:pointer;width:100%;text-align:left;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;background:none;border:1px solid transparent;border-radius:10px;padding:.4rem .5rem;min-height:40px}.fachzeile-knopf:hover{background:var(--karte)}.fachzeile-knopf:focus-visible{outline:3px solid var(--salbei);outline-offset:1px}.ampel{width:.7rem;height:.7rem;border-radius:50%;flex:none;background:var(--ampel-grau)}.ampel.begonnen{background:var(--ampel-gelb)}.ampel.komplett{background:var(--ampel-gruen)}.fachzeile-name{font-weight:600}.fachzeile-wer{color:var(--text-sekundaer);font-size:.85rem;margin-left:auto}.fachzeile-wer.niemand{color:var(--fehler);font-weight:700}.klassenblock-fuss{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.7rem}.logo-zeile{display:flex;flex-wrap:wrap;align-items:start;gap:1rem;margin-top:.6rem}.logo-vorschau{max-height:80px;max-width:200px;object-fit:contain;background:#fff;border:1px solid var(--linie);border-radius:10px;padding:.4rem}.logo-felder{display:grid;gap:.35rem;flex:1 1 18rem}.logo-felder .beschriftung{margin:0}.logo-felder .knopf{justify-self:start}h3{font-family:var(--schrift-titel);font-size:1.1rem;margin:1.4rem 0 .2rem}.protokollzeile{flex-wrap:wrap;gap:.3rem .7rem}.protokoll-zeit{flex:0 0 8.5rem;font-variant-numeric:tabular-nums}.protokoll-objekt{font-weight:600;color:var(--akzent)}.protokoll-wer{margin-left:auto}.zwei-spalten.eng{gap:.8rem;margin-top:.4rem}.textseite{max-width:46rem}.textseite h2{margin-top:1.8rem}.textseite p,.textseite li{max-width:40rem}.textseite ul{padding-left:1.2rem;display:grid;gap:.4rem}.textseite code{font-size:.92em;background:var(--karte);border-radius:6px;padding:.05rem .3rem}.meta{color:var(--text-sekundaer);font-size:.9rem}.ablauf{padding-left:1.3rem;display:grid;gap:.5rem;max-width:40rem}.ablauf li{padding-left:.2rem}.warnung{margin-top:1rem;padding:.8rem 1rem;border-radius:12px;background:color-mix(in srgb,var(--ampel-gelb) 16%,var(--flaeche));border:1px solid color-mix(in srgb,var(--ampel-gelb) 55%,transparent)}.warnung:before{content:"\26a0  ";font-weight:700}