:root{--hintergrund:#f4f6f8;--flaeche:#fff;--text:#111827;--leise:#4b5563;--akzent:#22444a;--akzent-text:#fff;--akzent-verlauf:linear-gradient(135deg, #2b5a61, #0f2d2d);--akzent-mittel:#0e6f75;--akzent-flaeche:#e2f4f3;--rand:#cdd6dc;--fehler:#a4161a;--gruen:#15803d;--gruen-flaeche:#dcfce7;--gelb:#7a5300;--gelb-flaeche:#fdf1d6;--rot-flaeche:#fde4e4;--grau-flaeche:#e9edf0;--gruen-punkt:#15803d;--gelb-punkt:#bf8200;--rot-punkt:#c8102e;--schatten:0 1px 2px #0f172a0f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--hintergrund:#0f1b1e;--flaeche:#17252a;--text:#e8ecf1;--leise:#9fb0b6;--akzent:#7fe0d8;--akzent-text:#0f1b1e;--akzent-verlauf:none;--akzent-mittel:#7fe0d8;--akzent-flaeche:#173a3e;--rand:#2b3f45;--fehler:#ff8a8a;--gruen:#86efac;--gruen-flaeche:#14342a;--gelb:#fde68a;--gelb-flaeche:#3a2e10;--rot-flaeche:#3d1c1e;--grau-flaeche:#22343a;--gruen-punkt:#4ade80;--gelb-punkt:#facc15;--rot-punkt:#f87171;--schatten:none}.marke img{filter:brightness(0)invert()}}*{box-sizing:border-box}body{background:var(--hintergrund);color:var(--text);margin:0;line-height:1.5}main{gap:1rem;max-width:28rem;margin:0 auto;padding:1rem;display:grid}@media (width>=48rem){main:not(.schmal){max-width:44rem}}header{color:var(--leise);align-items:center;gap:.75rem;font-size:.9rem;font-weight:600;display:flex}.marke{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.marke img{width:auto;height:2.25rem;display:block}section{background:var(--flaeche);border:1px solid var(--rand);box-shadow:var(--schatten);border-radius:16px;gap:.75rem;padding:1.25rem;display:grid}h1{letter-spacing:-.01em;margin:0;font-size:1.5rem;font-weight:700;line-height:1.25}:focus-visible{outline:2px solid var(--akzent-mittel);outline-offset:2px}form{gap:.75rem;display:grid}label{gap:.25rem;font-weight:500;display:grid}input,select,textarea{font:inherit;border:1px solid var(--rand);background:var(--hintergrund);min-height:44px;color:var(--text);border-radius:10px;padding:0 .75rem}button{font:inherit;border:1px solid var(--rand);background:var(--flaeche);min-height:48px;color:var(--text);cursor:pointer;border-radius:12px;font-weight:600}button:hover:not(:disabled){border-color:var(--akzent-mittel)}button.haupt{background:var(--akzent);background-image:var(--akzent-verlauf);border-color:var(--akzent);color:var(--akzent-text)}button:disabled{opacity:.6;cursor:wait}.trenner,.leise{color:var(--leise);text-align:center;margin:0}.hinweis{margin:0}.offline-leiste{background:var(--flaeche);border:1px solid var(--rand);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;min-height:44px;padding:.4rem .75rem;font-size:.9rem;display:flex}.offline-leiste.warnung{border-color:var(--gelb-punkt)}.leiste-verweis{align-items:center;min-height:44px;display:inline-flex}.kachel.aus{opacity:.55}.fehler{color:var(--fehler);margin:0}dl{grid-template-columns:auto 1fr;gap:.25rem 1rem;margin:0;display:grid}dt{color:var(--leise)}dd{margin:0}textarea{resize:vertical;padding:.5rem .75rem}summary{box-sizing:border-box;cursor:pointer;min-height:44px;padding-block:.7rem}select{text-overflow:ellipsis;width:100%;min-width:0;min-height:44px;padding:0 .5rem}main,section,form,label,.zeile{grid-template-columns:minmax(0,1fr);min-width:0}.reihe>*{min-width:0}.klein{overflow-wrap:anywhere}.reihe>select{flex:12rem;width:auto}button{padding:0 1rem}button.gefahr{color:var(--fehler);border-color:var(--fehler)}.klein-knopf{min-height:44px;padding:0 .85rem;font-size:.9rem}h2{margin:0;font-size:1.1rem}h3{margin:.5rem 0 0;font-size:1rem}a{color:var(--akzent-mittel)}main a:not(p a,.zeile,.kachel){align-items:center;min-height:44px;display:inline-flex}.kopf{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.kopf h1{flex:12rem}.zurueck{min-height:44px;color:var(--leise);flex-basis:100%;align-items:center;font-size:.95rem;display:inline-flex}.reihe{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.reihe>label:not(.haken){flex:10rem}.liste{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.zeile{border:1px solid var(--rand);background:var(--flaeche);box-shadow:var(--schatten);color:var(--text);border-radius:12px;gap:.35rem;padding:.75rem;text-decoration:none;display:grid}a.zeile:hover,a.kachel:hover{border-color:var(--akzent-mittel)}.zeile-quer{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.zeile-quer>:last-child:not(:first-child){white-space:nowrap;flex-shrink:0}.zeile form{flex-wrap:wrap;align-items:end;gap:.5rem;display:flex}.klein{color:var(--leise);font-size:.875rem}.leise-links{font-weight:400}[class^=marke-]{border-radius:8px;justify-self:start;padding:.1rem .55rem;font-size:.8rem;font-weight:600;display:inline-block}.marke-gruen{color:var(--gruen);background:var(--gruen-flaeche)}.marke-gelb{color:var(--gelb);background:var(--gelb-flaeche)}.marke-rot{color:var(--fehler);background:var(--rot-flaeche)}.marke-grau{color:var(--leise);background:var(--grau-flaeche)}.umschalter{border:1px solid var(--rand);border-radius:10px;display:flex;overflow:hidden}.umschalter button{background:var(--flaeche);border:0;border-radius:0;flex:1}.umschalter button.aktiv{background:var(--akzent);color:var(--akzent-text)}.kacheln{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.75rem;display:grid}.kachel{border:1px solid var(--rand);background:var(--flaeche);min-height:44px;box-shadow:var(--schatten);color:var(--text);border-radius:14px;gap:.25rem;padding:1rem;text-decoration:none;display:grid}.kachel span{color:var(--leise);font-size:.9rem}.haken{align-items:center;gap:.6rem;min-height:44px;font-weight:400;display:flex}.haken input{width:1.25rem;height:1.25rem;min-height:0}fieldset{border:1px solid var(--rand);border-radius:8px;margin:0;padding:.25rem .75rem .5rem}legend{padding:0 .25rem;font-weight:500}ul.fehler{padding-left:1.25rem}button.gross{min-height:56px;font-size:1.1rem}.zaehler{justify-content:space-between;align-items:center;gap:.75rem;min-height:52px;display:flex}.zaehler>span{overflow-wrap:anywhere;flex:1 1 0;min-width:0;font-weight:500}.zaehler-knoepfe{flex:none;align-items:center;gap:.25rem;display:flex}.zaehler-knoepfe button{width:52px;min-height:48px;padding:0;font-size:1.4rem;line-height:1}.zaehler-knoepfe output{text-align:center;font-variant-numeric:tabular-nums;min-width:3.5rem;font-size:1.2rem;font-weight:600}.zaehler-gelb output{color:var(--gelb)}.zaehler-rot output{color:var(--fehler)}.chips{border:0;gap:.35rem;padding:0;display:grid}.chips legend{margin-bottom:.35rem;padding:0}.chips>div{flex-wrap:wrap;gap:.5rem;display:flex}.chips button{border-radius:22px;min-height:44px;font-weight:500}.klein-knopf.aktiv,.chips button.aktiv{background:var(--akzent);border-color:var(--akzent);color:var(--akzent-text)}.fest-unten{padding:.75rem 0 calc(.75rem + env(safe-area-inset-bottom));background:var(--hintergrund);border-top:1px solid var(--rand);gap:.5rem;display:grid;position:sticky;bottom:0}.begleitung-zeile{border:1px solid var(--rand);border-radius:10px;gap:.25rem;padding:.5rem .75rem;display:grid}.meldungen{gap:.25rem;margin:0;padding-left:1.25rem;display:grid}.meldungen.warnung{color:var(--gelb)}.meldungen.blockade{color:var(--fehler)}.ersetzt{opacity:.65}.ersetzt strong{text-decoration:line-through}.balken{background:var(--grau-flaeche);border-radius:.25rem;height:.5rem;overflow:hidden}.balken span{height:100%;display:block}.balken-gruen{background:var(--gruen-punkt)}.balken-gelb{background:var(--gelb-punkt)}.balken-rot{background:var(--rot-punkt)}.balken-grau{background:var(--leise)}.zahl{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700}.unterschrift{border:1px dashed var(--leise);touch-action:none;background:#fff;border-radius:10px;width:100%;height:11rem}.pin{letter-spacing:.5em;text-align:center;font-size:1.6rem}:root{--blau:#1d4f91;--blau-flaeche:#e2ecf8}@media (prefers-color-scheme:dark){:root{--blau:#9cc3f5;--blau-flaeche:#1b2b42}}.marke-blau{color:var(--blau);background:var(--blau-flaeche)}.balken-blau{background:var(--blau)}.massnahmen-kacheln{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.5rem;display:grid}.massnahme-kachel{text-align:left;border-radius:12px;grid-template-columns:minmax(0,1fr);align-content:start;gap:.35rem;min-width:0;min-height:5.5rem;padding:.75rem;font-weight:500;display:grid}.massnahme-kachel strong{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:.95rem;line-height:1.25}.ziel{color:var(--leise);gap:.15rem;font-size:.875rem;display:grid}.massnahme-kachel .ziel{font-size:.8rem;font-weight:400}.massnahme-kachel.erfuellt{border-color:var(--gruen)}.unterricht-posten{border:1px solid var(--rand);border-radius:10px;gap:.25rem;padding:.5rem .75rem;display:grid}@media (width>=64rem){main.breit{max-width:72rem}}.marke-offen{color:var(--leise);border:1px solid var(--rand)}.punkt{vertical-align:baseline;border-radius:50%;flex:none;width:.7rem;height:.7rem;display:inline-block}.punkt-gruen{background:var(--gruen-punkt)}.punkt-gelb{background:var(--gelb-punkt)}.punkt-rot{background:var(--rot-punkt)}.punkt-grau{background:var(--grau-flaeche);border:1px solid var(--leise)}.punkt-offen{border:2px solid var(--leise)}.ab-tablet{display:none}@media (width>=48rem){.nur-handy{display:none}.ab-tablet{display:block}}.kennzahlen{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .75rem;display:grid}.kennzahl{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:.35rem;min-width:0;font-size:.9rem;display:flex}.kennzahl .klein{flex:0 auto}.tabelle-rahmen{border:1px solid var(--rand);background:var(--flaeche);border-radius:12px;overflow-x:auto}.uebersicht-tabelle{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.9rem}.uebersicht-tabelle th,.uebersicht-tabelle td{border-bottom:1px solid var(--rand);text-align:left;vertical-align:top;white-space:nowrap;padding:0}.uebersicht-tabelle thead th{vertical-align:bottom;white-space:normal;min-width:5.5rem;padding:.6rem .75rem;font-weight:600}.uebersicht-tabelle thead th .klein{font-weight:400;display:block}.uebersicht-tabelle tr>:first-child{background:var(--flaeche);z-index:1;position:sticky;left:0}.uebersicht-tabelle tbody a{min-height:44px;color:inherit;align-items:baseline;gap:.4rem;padding:.6rem .75rem;text-decoration:none;display:flex}.uebersicht-tabelle tbody tr:hover>*{background:var(--hintergrund)}.uebersicht-tabelle tbody tr:last-child>*{border-bottom:0}.zusatz{color:var(--leise);font-size:.8rem}.legende{flex-wrap:wrap;gap:.35rem 1rem;margin:0;display:flex}.legende span{align-items:center;gap:.35rem;display:inline-flex}[id]{scroll-margin-top:1rem}.pruefpunkt{border-bottom:1px solid var(--rand);gap:.25rem;padding:.6rem 0;display:grid}.pruefpunkt:last-child{border-bottom:0}.pruefpunkt details ul{margin:.25rem 0 0;padding-left:1.1rem}.uebersicht-tabelle .zelle{align-items:baseline;gap:.4rem;padding:.6rem .75rem;display:flex}.uebersicht-tabelle details{white-space:normal;max-width:22rem}.uebersicht-tabelle .zusatz{display:block}.uebersicht-tabelle{font-size:.85rem}.uebersicht-tabelle thead th,.uebersicht-tabelle tbody a,.uebersicht-tabelle .zelle{padding-left:.5rem;padding-right:.5rem}.demo-leiste{border:1px dashed var(--akzent);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 .5rem;padding:0 .25rem 0 .75rem;font-size:.85rem;display:flex}.demo-wer{flex:1 1 0;min-width:0;line-height:1.25;display:grid}.demo-blatt{flex-basis:100%}.demo-wahl h3{margin:.75rem 0 .25rem}.demo-personen{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.5rem;display:grid}.demo-personen button{text-align:left;justify-items:start;padding:.5rem .75rem;display:grid}section.rechtstext h2{font-size:1.05rem}section.rechtstext p,section.rechtstext ul{margin:0}section.rechtstext ul{padding-left:1.2rem}section.rechtstext li+li{margin-top:.4rem}.fusszeile{text-align:center;color:var(--leise);padding:1rem 0 .5rem}footer.fusszeile a{min-height:44px;color:inherit;align-items:center;display:inline-flex}.sr-nur{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}h4{margin:.5rem 0 0;font-size:1rem}.schritte{gap:.15rem;margin:0;padding-left:1.25rem;display:grid}.schritte .fertig{color:var(--gruen)}.skala-gruppe{gap:.6rem;display:grid}.skala-zeile{border:0;gap:.35rem;margin:0;padding:0;display:grid}.skala-zeile legend{margin-bottom:.35rem;padding:0}.skala-wahl{gap:.25rem;display:grid}.skala-wahl button{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;min-height:44px;padding:0 .15rem;font-size:.8rem;font-weight:500;line-height:1.15}.skala-wahl button.aktiv{background:var(--akzent);border-color:var(--akzent);color:var(--akzent-text)}button.links{text-align:left;min-height:44px;padding:.5rem .75rem;font-weight:400}.vorformatiert{white-space:pre-wrap;margin:0}.vergleich{border-radius:8px;gap:.2rem;padding:.4rem .5rem;display:grid}.vergleich-werte{flex-wrap:wrap;gap:.25rem 1rem;font-weight:600;display:flex}.vergleich.abweichung{background:var(--gelb-flaeche);border-left:4px solid var(--gelb)}.kompetenz-abschnitt{background:var(--flaeche);border:1px solid var(--rand);border-radius:12px;padding:.75rem 1rem}.kompetenz-abschnitt>summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:.5rem;min-height:44px;display:flex}.kompetenz-zeile{border-top:1px solid var(--rand);gap:.35rem;padding:.5rem 0;display:grid}.stufen-marken{grid-template-columns:repeat(4,1fr);gap:.25rem;display:grid}.stufen-marken .stufe{border:1px solid var(--rand);text-align:center;min-height:44px;color:var(--leise);background:var(--hintergrund);overflow-wrap:anywhere;border-radius:8px;justify-content:center;align-items:center;padding:0 .15rem;font-size:.8rem;font-weight:500;display:flex}.stufen-marken .stufe.erreicht{color:var(--gruen);background:var(--gruen-flaeche);border-color:var(--gruen)}.datenschutz-treffer input,.datenschutz-treffer textarea{border-color:var(--gelb);border-width:2px}.treffer-hinweis{color:var(--gelb)}.gruppe{gap:.5rem;display:grid}.kachel-kopf{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.kachel .kachel-kopf{color:var(--text);font-size:1rem}.kachel .zahl-marke{background:var(--gelb-flaeche);min-width:1.6rem;color:var(--gelb);text-align:center;border-radius:999px;flex:none;padding:.05rem .45rem;font-size:.875rem;font-weight:700}.erledigt{background:var(--gruen-flaeche);color:var(--gruen);border-radius:12px;margin:0;padding:.85rem 1rem;font-weight:600}.leise-start{color:var(--leise);margin:0}details.weiteres>summary{border:1px solid var(--rand);background:var(--flaeche);color:var(--akzent-mittel);border-radius:14px;padding:.7rem 1rem;font-weight:600}details.weiteres>.kacheln{margin-top:.75rem}.erstaufbau-unterzeile{margin:.25rem 0 0}.erstaufbau-liste{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.erstaufbau-schritt{align-content:center;gap:.35rem;min-height:44px;padding:0 .75rem;display:grid}.erstaufbau-liste .aktuell{border:1px solid var(--akzent-mittel);background:var(--akzent-flaeche);border-radius:12px;padding:.75rem}.erstaufbau-liste .erledigt-schritt a{min-height:44px;color:var(--gruen);align-items:center;font-weight:600;text-decoration:none;display:flex}.erstaufbau-liste .spaeter{color:var(--leise)}.schritt-streifen{border:1px solid var(--akzent-mittel);background:var(--akzent-flaeche);border-radius:12px;gap:.35rem;padding:.75rem 1rem;display:grid}.schritt-streifen button{margin-top:.35rem}.kopf-hilfe{color:var(--leise);flex-basis:100%;margin:0}.leer-text{margin:0}.leer{border:1px dashed var(--rand);text-align:center;border-radius:14px;gap:.75rem;padding:1rem;display:grid}.rueckmeldung{left:50%;bottom:calc(5.5rem + env(safe-area-inset-bottom));z-index:10;background:var(--gruen-flaeche);color:var(--gruen);opacity:0;pointer-events:none;border-radius:999px;padding:.5rem 1rem;font-weight:600;transition:opacity .15s;position:fixed;transform:translate(-50%);box-shadow:0 2px 8px #0f172a33}.rueckmeldung.sichtbar{opacity:1}.noch-fehlt{color:var(--gelb);text-align:center;margin:0;font-weight:600}.einzeln-bereich{border-color:var(--gelb-punkt)}
