:root{--papier:#faf7f2;--karte-weiss:#fff;--linie-sand:#ddd6ca;--tinte:#17203d;--stein:#4b5263;--wegblau:#2f43a8;--abendrot:#d9603f;--abendrot-text:#b2462a;--ampel-offen:#8a909c;--ampel-arbeit:#e3a92b;--ampel-arbeit-kontur:#8a6200;--ampel-erreicht:#2e7d4f;--schrift-titel:"Bricolage Grotesque", system-ui, sans-serif;--schrift-text:"Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", sans-serif;--schrift-code:"Atkinson Hyperlegible Mono", ui-monospace, monospace;--bg:var(--papier);--karte:var(--karte-weiss);--text:var(--tinte);--leise:var(--stein);--linie:var(--linie-sand);--gruen:var(--wegblau);--auf-aktion:#fff;--dunkel:var(--tinte);--fehler:var(--abendrot-text)}@media (prefers-color-scheme:dark){:root{--bg:#11152a;--karte:#1a1f38;--text:#ece8e0;--leise:#a9aebb;--linie:#2d3452;--gruen:#9aa8f2;--auf-aktion:#11152a;--dunkel:#ece8e0;--fehler:#f08b6c;--ampel-offen:#9ba1ad;--ampel-erreicht:#4fa571}}@font-face{font-family:Atkinson Hyperlegible Next;src:url(/fonts/atkinson-hyperlegible-next-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson Hyperlegible Next;src:url(/fonts/atkinson-hyperlegible-next-700.woff2)format("woff2");font-weight:600 700;font-style:normal;font-display:swap}@font-face{font-family:Atkinson Hyperlegible Mono;src:url(/fonts/atkinson-hyperlegible-mono-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{font-family:var(--schrift-text);font-size:16px;line-height:1.5}main{max-width:640px;margin:0 auto;padding:24px 16px 64px}h1,h2{font-family:var(--schrift-titel);color:var(--dunkel);letter-spacing:-.02em;font-weight:700}h1{margin:0 0 4px;font-size:1.7rem}.leise{color:var(--leise)}.karte{background:var(--karte);border:1px solid var(--linie);border-radius:14px;margin:16px 0;padding:18px}label{margin:12px 0 4px;font-weight:600;display:block}input{width:100%;font:inherit;border:1px solid var(--linie);background:var(--karte);color:var(--text);border-radius:10px;padding:10px 12px}button{font:inherit;background:var(--gruen);color:var(--auf-aktion);cursor:pointer;border:0;border-radius:10px;margin-top:14px;padding:10px 16px;font-weight:600}button.zweit{color:var(--gruen);border:1px solid var(--linie);background:0 0}.fehler{color:var(--fehler)}ul.kinder{margin:8px 0 0;padding:0;list-style:none}ul.kinder li{border-top:1px solid var(--linie);padding:8px 0}main{padding-bottom:96px}h2{margin:0 0 8px;font-size:1.15rem}.klein{font-size:.88rem}a{color:var(--gruen)}textarea,select{width:100%;font:inherit;border:1px solid var(--linie);background:var(--karte);color:var(--text);border-radius:10px;padding:10px 12px}.kopf{justify-content:space-between;align-items:center;gap:8px;display:flex}.knopf{background:var(--gruen);color:var(--auf-aktion);border-radius:10px;padding:8px 14px;font-weight:600;text-decoration:none;display:inline-block}.knopf.klein{padding:6px 10px}.marke{border:1px solid var(--linie);border-radius:99px;padding:2px 8px;font-size:.8rem}.marke.ok{color:var(--gruen);border-color:var(--gruen)}.marke.offen{color:var(--leise)}.hinweis{background:color-mix(in srgb, var(--gruen) 12%, var(--karte));border-radius:12px;margin:12px 0;padding:10px 14px;font-size:.92rem}.tagnav{text-align:center;justify-content:space-between;align-items:center;gap:8px;display:flex}.tagnav a{padding:0 12px;font-size:2rem;text-decoration:none}.tagnav h1,.tagnav p{margin:0}.lektionen{margin:8px 0;padding:0;list-style:none}.lektionen li{border-top:1px solid var(--linie);padding:10px 0}.lektion-kopf{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.plus{border:1px solid var(--linie);border-radius:10px;justify-content:center;align-items:center;gap:4px;min-width:40px;height:40px;font-weight:600;text-decoration:none;display:inline-flex}.plus .zahl{background:var(--gruen);color:var(--auf-aktion);border-radius:99px;padding:0 6px;font-size:.75rem}.umschalter{flex-wrap:wrap;gap:6px;display:flex}.umschalter button,.chips button{color:var(--text);border:1px solid var(--linie);background:0 0;border-radius:99px;margin:0;padding:6px 10px;font-size:.88rem;font-weight:500}.umschalter button[aria-pressed=true],.chips button[aria-pressed=true]{background:var(--gruen);color:var(--auf-aktion);border-color:var(--gruen)}.chips{flex-wrap:wrap;gap:6px;margin:6px 0 10px;display:flex}.spur{border-top:1px solid var(--linie);gap:12px;padding:12px 0;display:flex}.spur .bilder{flex-shrink:0;gap:4px;display:flex}.spur .bilder img{object-fit:cover;border-radius:8px;width:64px;height:64px}.spur p{margin:4px 0}.codes{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.code{font-size:.75rem;font-family:var(--schrift-code);background:color-mix(in srgb, var(--gruen) 14%, transparent);border-radius:6px;padding:1px 6px}.formular .zeile,.unterkarte .zeile{grid-template-columns:1fr 1fr;gap:10px;display:grid}.fotos{flex-wrap:wrap;gap:8px;display:flex}.foto{border:1px solid var(--linie);border-radius:10px;width:84px;height:84px;position:relative;overflow:hidden}.foto img{object-fit:cover;width:100%;height:100%}.foto.neu{color:var(--gruen);cursor:pointer;justify-content:center;align-items:center;margin:0;font-weight:600;display:flex}.weg{color:var(--leise);background:0 0;margin:0;padding:0 8px;font-size:1.2rem}.foto .weg{color:#fff;background:#0000008c;border-radius:99px;padding:0 7px;position:absolute;top:2px;right:2px}.komp{border:1px solid var(--linie);border-radius:12px;margin:8px 0;padding:10px}.komp-kopf{justify-content:space-between;gap:8px;display:flex}.komp select{margin:6px 0;font-size:.88rem}.ampelzeile{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.punkt{vertical-align:-1px;box-sizing:border-box;border-radius:99px;width:12px;height:12px;margin-right:6px;display:inline-block}.punkt.r,.punkt.o{border:1.5px dashed var(--ampel-offen);background:0 0}.punkt.y{border:1.5px solid var(--ampel-arbeit-kontur);background:linear-gradient(90deg, var(--ampel-arbeit) 50%, transparent 50%)}.punkt.g{background:var(--ampel-erreicht) url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3.2 6.2l1.9 1.9 3.8-4.2' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% no-repeat}.vorschlaege{gap:6px;margin:6px 0 10px;display:grid}.vorschlag{text-align:left;color:var(--text);border:1px dashed var(--gruen);background:0 0;margin:0;font-weight:400}.vorschlag .warum{color:var(--leise);font-size:.8rem;display:block}label.check{align-items:center;gap:8px;font-weight:400;display:flex}label.check input{width:auto}.speichern{background:var(--bg);padding:8px 0;position:sticky;bottom:64px}.speichern .knoepfe{grid-template-columns:1fr 2fr;gap:8px;display:grid}.speichern .knoepfe button{margin-top:0}.kopfleiste{z-index:5;background:var(--bg);justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex;position:sticky;top:0}.kopfleiste h1{margin:0}.schliessen{width:44px;height:44px;color:var(--text);border:1px solid var(--linie);background:0 0;border-radius:99px;margin:0;padding:0;font-size:1.1rem}.nav{background:var(--karte);border-top:1px solid var(--linie);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:10;justify-content:center;gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav a{text-align:center;max-width:200px;color:var(--leise);border-radius:10px;flex:1;padding:10px 6px;font-weight:600;text-decoration:none}.nav a[aria-current=page]{color:var(--gruen);background:color-mix(in srgb, var(--gruen) 10%, transparent)}.nav a.nav-plus{color:var(--auf-aktion);background:var(--gruen)}.lehrmittel{grid-template-columns:auto 1fr;align-items:center;gap:6px;margin-top:8px;display:grid}.lehrmittel select{width:auto;max-width:55vw;padding:6px 8px;font-size:.88rem}.lehrmittel input{padding:6px 10px;font-size:.88rem}.lm-name{color:var(--leise);border:1px dashed var(--linie);background:0 0;border-radius:8px;margin:0;padding:6px 10px;font-size:.85rem;font-weight:500}.lm-name[aria-pressed=true]{color:var(--text);border-style:solid}.unterkarte{border:1px solid var(--linie);border-radius:12px;margin:10px 0;padding:12px}.knoepfe{grid-template-columns:1fr 2fr;gap:8px;display:grid}.knoepfe button{margin-top:10px}.knopfreihe{flex-shrink:0;gap:6px;display:flex}button.klein{margin:0;padding:6px 10px;font-size:.85rem}.code.entfernbar{cursor:pointer;color:var(--text);border:0;margin:0;font-weight:400}a.spur{color:inherit;text-decoration:none}.galerie{gap:8px;margin:12px 0;display:grid}.galerie img{border-radius:12px;width:100%}.kompliste{margin:0;padding:0;list-style:none}.kompliste li{border-top:1px solid var(--linie);padding:8px 0}.knopf.mitte{text-align:center;margin-top:10px;padding:10px 16px}button.gefahr{color:var(--fehler)}a.schliessen{flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.lp-link{color:inherit;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.quelle{margin-top:24px}.chip{border:1px solid var(--linie);color:var(--text);border-radius:99px;margin:0 6px 6px 0;padding:6px 12px;font-size:.88rem;text-decoration:none;display:inline-block}.chip[aria-current=page]{background:var(--gruen);color:var(--auf-aktion);border-color:var(--gruen)}.uebersicht{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:8px 0 16px;display:grid}.fachkachel{border:1px solid var(--linie);background:var(--karte);color:var(--text);border-radius:12px;flex-direction:column;gap:6px;padding:10px 12px;text-decoration:none;display:flex}.fachkachel.aktiv{border-color:var(--gruen);box-shadow:0 0 0 1px var(--gruen)}.balken{background:var(--linie);border-radius:99px;height:8px;display:flex;overflow:hidden}.balken i{display:block}.balken .g{background:var(--ampel-erreicht)}.balken .y{background:var(--ampel-arbeit)}.balken .o{background:0 0}h3.bereich{color:var(--leise);margin:14px 0 4px;font-size:.95rem;font-weight:600}.komprow{color:inherit;align-items:flex-start;gap:10px;text-decoration:none;display:flex}.komprow .punkt{flex-shrink:0;margin-top:6px}.block{display:block}.kompliste li.ziel{background:color-mix(in srgb, var(--gruen) 8%, transparent);border-radius:8px;padding-left:8px;padding-right:8px}.lp-text{border-left:3px solid color-mix(in srgb, var(--gruen) 50%, var(--linie));margin:4px 0 8px;padding-left:10px;font-size:.92rem}.stufen-steuerung{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.klein-h1{font-size:1.2rem}.nav a{padding:10px 4px;font-size:.85rem}.nav a.nav-plus{flex:0 0 52px;padding:6px 0;font-size:1.3rem}.ferienband{background:repeating-linear-gradient(135deg, transparent 0 8px, color-mix(in srgb, var(--leise) 12%, transparent) 8px 16px);color:var(--leise);border-radius:10px;margin:12px 0;padding:8px 14px;font-size:.9rem;font-weight:600}.woche.aktuell{border-color:var(--gruen);box-shadow:0 0 0 1px var(--gruen)}section.woche{scroll-margin-top:16px}h3{margin:14px 0 2px;font-size:.95rem}.zuordnung{grid-template-columns:1fr 1fr;align-items:center;gap:8px;padding:4px 0;display:grid}.zuordnung label{margin:0;font-weight:500}table.tabelle{border-collapse:collapse;width:100%;margin:4px 0 8px;font-size:.92rem}table.tabelle th,table.tabelle td{text-align:left;border-top:1px solid var(--linie);padding:6px 4px}table.tabelle th{color:var(--leise);border-top:0;font-weight:500}table.tabelle .num{text-align:right;font-variant-numeric:tabular-nums}.jahresband{flex-wrap:wrap;gap:10px 12px;margin:6px 0 4px;display:flex}.monat{flex-direction:column;gap:3px;display:flex}.monat .ml{color:var(--leise);font-size:.72rem;font-weight:600}.monat .wks{gap:3px;display:flex}.wkc{vertical-align:middle;font-variant-numeric:tabular-nums;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.68rem;font-weight:600;text-decoration:none;display:inline-flex}.wkc.s{background:color-mix(in srgb, var(--gruen) 22%, transparent);color:var(--dunkel)}.wkc.f{background:repeating-linear-gradient(135deg, transparent 0 3px, color-mix(in srgb, var(--leise) 30%, transparent) 3px 6px)}.wkc.x{border:1px dashed var(--linie)}.wkc.jetzt{box-shadow:0 0 0 2px var(--gruen)}.legende{flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 0;display:flex}.legende .wkc{width:14px;height:14px;margin-left:6px}.legende .wkc:first-child{margin-left:0}ul.zeilen{margin:0;padding:0;list-style:none}ul.zeilen li{border-top:1px solid var(--linie);font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;padding:7px 0;display:flex}ul.zeilen li:first-child{border-top:0}h2.abschnitt{margin:24px 0 8px}details.woche{margin:8px 0;padding:0}details.woche>summary{cursor:pointer;align-items:center;gap:12px;padding:12px 16px;list-style:none;display:flex}details.woche>summary::-webkit-details-marker{display:none}details.woche>summary:after{content:"›";color:var(--leise);margin-left:auto;font-size:1.3rem;line-height:1;transition:transform .15s}details.woche[open]>summary:after{transform:rotate(90deg)}details.woche>summary .nr{width:26px;color:var(--dunkel);font-variant-numeric:tabular-nums;font-weight:700}details.woche>summary .was{font-variant-numeric:tabular-nums;flex-direction:column;min-width:0;display:flex}details.woche>summary .was .klein{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}details.woche>summary .zahl{background:var(--gruen);color:var(--auf-aktion);border-radius:99px;padding:0 7px;font-size:.75rem}details.woche>:not(summary){margin-left:16px;margin-right:16px}details.woche[open]{padding-bottom:12px}details.woche[open]>summary{border-bottom:1px solid var(--linie)}details.woche .kompliste li:first-child{border-top:0}@media (prefers-reduced-motion:reduce){details.woche>summary:after{transition:none}}ul.zeilen li{align-items:center}ul.zeilen li .was{flex-direction:column;min-width:0;display:flex}ul.zeilen li.offen{display:block}.einladen{margin-top:10px}.knopfreihe.umbruch{flex-wrap:wrap;margin-top:6px}.portrait{align-items:center;gap:14px;display:flex}.portrait>.was{flex-direction:column;gap:2px;min-width:0;display:flex}.portrait>.was .knopfreihe{margin-top:4px}.bubble{background:color-mix(in srgb, var(--gruen) 18%, var(--karte));width:64px;height:64px;color:var(--dunkel);font-family:var(--schrift-titel);border:2px solid var(--karte);box-shadow:0 0 0 1px var(--linie);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;font-size:1.5rem;font-weight:700;display:inline-flex;overflow:hidden}.bubble img{object-fit:cover;width:100%;height:100%;display:block}.bubble:disabled{cursor:default;opacity:1}.schicht{z-index:50;background:#0a0e1099;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.zuschnitt{width:100%;max-width:340px;margin:auto}.kreis{touch-action:none;cursor:grab;background:var(--linie);box-shadow:0 0 0 3px var(--gruen);border-radius:50%;margin:8px auto 4px;position:relative;overflow:hidden}.kreis:active{cursor:grabbing}.kreis img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;max-width:none;position:absolute;top:0;left:0}input[type=range]{accent-color:var(--gruen);border:0;padding:0}label.haken{align-items:center;gap:8px;margin:12px 0 0;font-weight:500;display:flex}label.haken input{width:auto;accent-color:var(--gruen);margin:0}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}.logo{color:#17203d;align-items:center;display:inline-flex}.wortmarke{letter-spacing:-.03em;font-family:Bricolage Grotesque,system-ui,sans-serif;font-weight:700;line-height:1}.zeichen-linie{stroke:#17203d}.zeichen-punkt{fill:#17203d}.zeichen-ziel{fill:#d9603f}@media (prefers-color-scheme:dark){.logo{color:#ece8e0}.zeichen-linie{stroke:#ece8e0}.zeichen-punkt{fill:#ece8e0}.zeichen-ziel{fill:#f08b6c}}.markenkopf{margin:4px 0 18px}.markenfuss{opacity:.85;justify-content:center;margin:28px 0 8px;display:flex}