:root{--hintergrund:#f2f5f8;--flaeche:#fff;--flaeche-2:#f6f9fc;--text:#13263b;--leise:#5d6b7c;--rand:#d8dfe7;--navy:#0f2a46;--navy-2:#1b3a5c;--navy-text:#fff;--akzent:#2a78c2;--akzent-hell:#e4f0fb;--akzent-text:#fff;--knopf:#1d4166;--fehler:#b42318;--ok:#1c8a4a;--ok-hell:#e7f6ec;--warnung:#9a6700;--warnung-hell:#fff6dd;--radius:14px;color:var(--text);background:var(--hintergrund);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--hintergrund:#0e151d;--flaeche:#16212d;--flaeche-2:#1b2836;--text:#e6edf4;--leise:#9aabbd;--rand:#2a3a4b;--navy:#0a1d31;--navy-2:#163452;--akzent:#6eb0f0;--akzent-hell:#183a5c;--akzent-text:#0b1220;--knopf:#3b7cc0;--fehler:#ff8a80;--ok:#5fd28a;--ok-hell:#143524;--warnung:#f0c050;--warnung-hell:#3a2f12}}*{box-sizing:border-box}body{background:var(--hintergrund);margin:0}main:focus{outline:none}h1,h2,h3,h4,p,li,label,strong,small{overflow-wrap:anywhere}h2{margin:0;font-size:1.6rem;font-weight:500}h3{margin:0 0 4px;font-size:1.15rem;font-weight:500}h4{margin:16px 0 4px}.kopf{background:var(--flaeche);border-bottom:1px solid var(--rand)}.kopf-innen{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1440px;margin:0 auto;padding:12px 20px;display:flex}.marke-logo{align-items:center;gap:14px;display:flex}.marke-logo h1{margin:0;font-size:1.15rem;font-weight:700}.marke-logo .leise{margin:0;font-size:.9rem}.logo{color:#fff;background:linear-gradient(160deg,#2f7fc6,#17426e);border-radius:12px;place-items:center;width:52px;height:52px;font-size:1.2rem;font-weight:800;display:grid;box-shadow:0 4px 10px #0f2a4640}.kopf-benutzer{color:var(--leise);align-items:center;gap:8px;display:flex}.schrittleiste{background:var(--navy);color:var(--navy-text)}.schrittleiste ol{grid-template-columns:repeat(4,1fr);max-width:1440px;margin:0 auto;padding:0;list-style:none;display:grid}.schritt{border-bottom:3px solid #0000;align-items:center;gap:12px;padding:14px 20px;display:flex}.schritt small{letter-spacing:.06em;text-transform:uppercase;opacity:.8;font-size:.72rem;display:block}.schritt strong{font-size:.95rem}.schritt-nummer{border:1px solid #ffffff4d;border-radius:9px;flex:none;place-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:grid}.schritt-erledigt .schritt-nummer,.schritt-aktuell .schritt-nummer{background:var(--akzent);border-color:var(--akzent);color:#fff}.schritt-aktuell{background:var(--navy-2);border-bottom-color:#4a9be0}.schritt-danach{opacity:.75}.arbeitsbereich{background:var(--flaeche);border-bottom:1px solid var(--rand);align-items:center;gap:12px;padding:10px 20px;display:flex;box-shadow:0 2px 6px #0f2a460d}.arbeitsbereich div{display:grid}.arbeitsbereich .leise{margin:0;font-size:.9rem}.punkt-gruen{background:#2fc46b;border-radius:50%;flex:none;width:10px;height:10px}.seite{max-width:1180px;margin:0 auto;padding:16px 20px 120px}.einleitung{color:var(--leise);margin:8px 0 16px;font-size:1.1rem}.reiter{background:var(--flaeche);border:1px solid var(--rand);border-radius:18px;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px;padding:8px;display:grid}.reiter button{text-align:left;color:var(--text);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:14px;padding:12px 16px;font-weight:400;display:flex}.reiter button[aria-current=page]{background:var(--flaeche);border-color:var(--rand);box-shadow:0 3px 10px #0f2a4614}.reiter strong{font-size:1.05rem;display:block}.reiter small{color:var(--leise)}.reiter-symbol{background:var(--akzent-hell);width:44px;height:44px;color:var(--akzent);border-radius:10px;flex:none;place-items:center;display:grid}.reiter button[aria-current=page] .reiter-symbol{background:var(--akzent);color:#fff}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);margin:0 0 20px;padding:24px;box-shadow:0 2px 8px #0f2a460a}.karte-kopf{align-items:center;gap:18px;margin-bottom:20px;display:flex}.karte-kopf>div{flex:200px;min-width:0}.karte-kopf h2{overflow-wrap:break-word}.karten-nummer{background:var(--akzent);color:#fff;border-radius:4px;flex:none;place-items:center;width:56px;height:56px;font-weight:700;display:grid}.ueberzeile{letter-spacing:.14em;text-transform:uppercase;color:var(--akzent);margin:0 0 4px;font-size:.78rem;font-weight:700}.plakette{border:1px solid var(--rand);letter-spacing:.06em;text-transform:uppercase;color:var(--leise);background:var(--flaeche-2);border-radius:999px;flex:none;padding:6px 14px;font-size:.72rem;font-weight:700}.plakette-warnung{color:var(--warnung);border-color:var(--warnung);background:var(--warnung-hell)}.raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;display:grid}.raster .breit{grid-column:1/-1}label,.feld{align-content:start;gap:8px;display:grid}label>span:first-child,.feld legend,.feld>label>span{letter-spacing:.04em;text-transform:uppercase;font-size:.9rem;font-weight:700}fieldset.feld{border:none;min-width:0;margin:0;padding:0}.automatik{background:var(--ok-hell);color:var(--ok);letter-spacing:.06em;vertical-align:middle;border-radius:6px;margin-left:8px;padding:2px 8px;font-size:.62rem}small.leise{font-size:.85rem}input,select,textarea{font:inherit;border:1px solid var(--rand);background:var(--flaeche);color:var(--text);border-radius:10px;width:100%;min-width:0;min-height:56px;padding:14px 16px;font-size:1.05rem;font-weight:400}textarea{resize:vertical;min-height:auto}input::placeholder{color:#9aa6b3}input[readonly]{background:var(--flaeche-2)}input[type=checkbox]{flex:none;width:20px;height:20px;min-height:auto;padding:0}.reihe-eng{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.reihe-eng>input,.reihe-eng>select{flex:140px}.haken{text-transform:none;align-items:center;gap:10px;min-height:44px;font-weight:400;display:flex}button{font:inherit;border:1px solid var(--knopf);background:var(--knopf);color:#fff;cursor:pointer;border-radius:10px;min-height:44px;padding:10px 16px;font-weight:600}button:disabled{opacity:.55;cursor:default}.knopf-leise{color:var(--akzent);background:0 0;border-color:#0000}.knopf-zweit{background:var(--flaeche);color:var(--knopf);border-color:var(--rand)}.knopf-gross{border-radius:12px;min-height:56px;padding:14px 26px;font-size:1.05rem}.knopf-gefahr{color:var(--fehler);border-color:var(--fehler);background:0 0}.knopf-link{background:var(--knopf);color:#fff;border-radius:10px;align-items:center;min-height:44px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-flex}.knopf-link-zweit{background:var(--flaeche);color:var(--knopf);border:1px solid var(--rand)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--akzent);outline-offset:2px}.quelle{border:1px solid var(--rand);border-radius:var(--radius);background:var(--flaeche-2);padding:22px}.quelle-empfohlen{background:linear-gradient(180deg, var(--akzent-hell), var(--flaeche-2) 40%)}.quelle-kopf{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.quelle-kopf .symbol{background:var(--akzent-hell);width:40px;height:40px;color:var(--akzent);border-radius:10px;place-items:center;font-size:.7rem;display:grid}.quelle-kopf .ueberzeile{color:var(--leise);font-size:.7rem}.quelle h3{color:var(--navy-2)}.rekorder{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);gap:12px;margin:18px 0;padding:22px;display:grid}.rekorder-status{background:var(--flaeche-2);border:1px solid var(--rand);border-radius:10px;grid-template-columns:auto 1fr auto;align-items:start;gap:12px;padding:16px 18px;display:grid}.rekorder-status>div{gap:4px;display:grid}.rekorder-status strong{font-size:1.2rem}.rekorder-status .leise{margin:0}.rekorder-status .punkt{background:#8a97a6;border-radius:50%;width:12px;height:12px;margin-top:7px}.rekorder-nimmt_auf .punkt{background:var(--fehler);animation:1.2s infinite pulsieren}.rekorder-fertig .punkt{background:var(--ok)}.rekorder-zeit{font-variant-numeric:tabular-nums;color:var(--navy-2);font-weight:700}.rekorder>.knopf-gross,.rekorder-knoepfe>.knopf-gross{width:100%}.rekorder-knoepfe{grid-template-columns:1fr 2fr;gap:10px;display:grid}.rekorder .leise{margin:0}@keyframes pulsieren{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.rekorder-nimmt_auf .punkt{animation:none}}audio{width:100%}.leitfaden{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);padding:22px}.leitfaden-kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.leitfaden-kopf .ueberzeile{color:var(--leise);font-size:.7rem}.umschalter{background:var(--hintergrund);border-radius:10px;gap:4px;padding:4px;display:inline-flex}.umschalter button{min-height:44px;color:var(--leise);background:0 0;border-color:#0000;font-size:.85rem}.umschalter button[aria-pressed=true]{background:var(--flaeche);color:var(--navy-2);box-shadow:0 1px 4px #0f2a461f}.hinweis-gruen{border-left:4px solid var(--ok);background:var(--ok-hell);color:var(--text);margin:0 0 14px;padding:12px 16px}.leitfaden-punkte{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.leitfaden-punkte li,.leitfaden-aktuell{border:1px solid var(--rand);border-radius:10px;align-items:center;gap:12px;padding:12px;font-weight:600;display:flex}.leitfaden-aktuell{background:var(--akzent-hell);font-size:1.15rem}.nummer{background:var(--navy-2);color:#fff;border-radius:7px;flex:none;place-items:center;width:30px;height:30px;font-size:.8rem;font-weight:700;display:grid}.trenner{color:var(--leise);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:12px;margin:20px 0;font-size:.75rem;display:flex}.trenner:before,.trenner:after{content:"";border-top:1px solid var(--rand);flex:1}.datei-auswahl{border:1px solid var(--rand);min-height:60px;color:var(--navy-2);cursor:pointer;background:var(--flaeche);border-radius:12px;align-content:center;place-items:center;font-weight:700;display:grid}.datei-auswahl input{opacity:0;width:1px;height:1px;position:absolute}.datei-auswahl:focus-within{outline:3px solid var(--akzent);outline-offset:2px}.dateiliste{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.dateiliste li{background:var(--hintergrund);border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.dateiliste div{display:grid}.dateiliste .leise{margin:0;font-size:.8rem}.fussleiste{z-index:5;background:var(--flaeche);border:1px solid var(--rand);border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin-top:8px;padding:14px 18px;display:flex;position:sticky;bottom:12px;box-shadow:0 8px 24px #0f2a461f}.fussleiste-text{flex:1;grid-template-columns:auto 1fr;align-items:center;gap:6px 10px;display:grid}.fussleiste-text .leise{margin:0}.fussleiste-text progress,.fussleiste-text .fehler{grid-column:1/-1}.fehler{color:var(--fehler);min-height:1.2em;margin:0}.leise{color:var(--leise);margin:4px 0}.reihe{flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0;display:flex}.status{font-weight:700}.status-fertig{color:var(--ok)}.status-fehler{color:var(--fehler)}progress{width:100%;height:10px;accent-color:var(--akzent)}.verlauf{gap:6px;margin:12px 0;padding:0;list-style:none;display:grid}.verlauf li{color:var(--leise);padding-left:28px;position:relative}.verlauf li:before{content:"○";position:absolute;left:4px}.verlauf li.erledigt{color:var(--ok)}.verlauf li.erledigt:before{content:"✓"}.verlauf li.aktiv{color:var(--text);font-weight:700}.verlauf li.aktiv:before{content:"●";color:var(--akzent)}.hinweis-warnung{border-left:4px solid var(--warnung);background:var(--warnung-hell);border-radius:6px;padding:10px 14px}.hinweis-warnung ul{margin:6px 0 0;padding-left:18px}.liste{gap:10px;margin:0;padding:0;list-style:none;display:grid}.listeneintrag{text-align:left;background:var(--flaeche);width:100%;color:var(--text);border:1px solid var(--rand);border-radius:12px;grid-template-columns:1fr auto;gap:2px 12px;padding:16px;font-weight:400;display:grid}.listeneintrag-titel{font-weight:700}.listeneintrag .leise{grid-column:1}.listeneintrag .marke{grid-area:1/2/span 2;align-self:center}.marke{border:1px solid;border-radius:999px;margin-left:6px;padding:2px 10px;font-size:.8rem;font-weight:600;display:inline-block}.marke-fertig{color:var(--ok)}.marke-fehler{color:var(--fehler)}.marke-laeuft,.marke-angenommen,.marke-entwurf{color:var(--warnung)}.empfaenger{border:1px solid var(--rand);border-radius:10px;margin:0 0 12px;padding:12px 16px}.thema-kopf{align-items:center;gap:10px;margin-bottom:12px;display:flex}.thema-titel{font-weight:700}.eintraege{gap:12px;margin:0 0 12px;padding:0;list-style:none;display:grid}.eintrag-bearbeiten{border:1px solid var(--rand);border-radius:10px;gap:8px;padding:12px;display:grid}.eintrag-bearbeiten.markiert{border-color:var(--warnung);background:var(--warnung-hell)}.eintrag-bearbeiten select{flex:0 220px}.bestaetigung{margin:12px 0;font-weight:600}.protokoll ul{padding-left:20px}.eintrag{margin:6px 0}.eintrag-art{font-weight:700}.eintrag-aufgabe .eintrag-art{color:var(--akzent)}.eintrag-offen .eintrag-art{color:var(--warnung)}.diagnose{gap:6px;margin:0 0 12px;padding:0;list-style:none;display:grid}.diagnose-zeile{background:var(--flaeche-2);border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.diagnose-zeile .punkt{background:#8a97a6;border-radius:50%;width:10px;height:10px}.diagnose-ok .punkt{background:var(--ok)}.diagnose-fehler .punkt{background:var(--fehler)}.anmeldung{gap:14px;width:100%;max-width:420px;margin:40px auto;display:grid}.ueberlagerung{z-index:20;background:color-mix(in srgb, var(--hintergrund) 85%, transparent);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.ueberlagerung>div{width:100%;max-width:440px}.sprunglink{background:var(--akzent);color:var(--akzent-text);z-index:30;border-radius:8px;padding:10px 16px;position:absolute;top:-100px;left:8px}.sprunglink:focus{top:8px}.demo-hinweis{text-align:center;background:var(--warnung);color:#111;margin:0;padding:8px 16px}@media (width<=900px){.schrittleiste ol{grid-template-columns:repeat(4,minmax(0,1fr))}.schritt{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 8px}.schritt small{display:none}.schritt strong{font-size:.78rem}}@media (width<=640px){.seite{padding:12px 12px 120px}.kopf-innen{padding:10px 12px}.karte{padding:16px}.raster,.leitfaden-punkte{grid-template-columns:1fr}.reiter{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px}.reiter button{flex-direction:column;align-items:flex-start;gap:6px;padding:8px}.reiter small{display:none}.reiter-symbol{width:32px;height:32px}.karte-kopf{flex-wrap:wrap;gap:12px}.karten-nummer{width:44px;height:44px}h2{font-size:1.3rem}.schritt-nummer{width:28px;height:28px}.fussleiste{flex-direction:column;align-items:stretch;bottom:8px}.fussleiste .knopf-gross{width:100%}.rekorder,.leitfaden,.quelle{padding:14px}.reihe>button,.reihe>.knopf-link{flex:auto;justify-content:center}}.schritt strong,.reiter strong{overflow-wrap:normal;-webkit-hyphens:auto;hyphens:auto}@media (width<=640px){.schritt strong{font-size:.7rem;line-height:1.2}.reiter strong{font-size:.85rem}.fussleiste{gap:8px;padding:10px 12px}.fussleiste-text{gap:2px 8px}.fussleiste-text .leise{font-size:.8rem}.fussleiste .fehler:empty{display:none}.fussleiste .knopf-gross{min-height:48px;padding:10px 16px}.logo{width:42px;height:42px;font-size:1rem}.kopf-benutzer>span{display:none}}.anlagen-raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px;display:grid}.anlage h3{margin-bottom:2px}.anlage .datei-auswahl{margin-top:12px}.datei-auswahl.gesperrt{opacity:.6;cursor:default}.anlage-aus{font-style:italic}@media (width<=640px){.anlagen-raster{grid-template-columns:1fr}}.kommission-hinweis{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0;display:flex}