:root{--blau: #1F4E79;--hellblau: #DEEAF6;--gruen: #15803d;--rot: #b91c1c;--grau: #6b7280;--hg: #f7f8fa;--rand:#e5e7eb;--radius:10px}*{box-sizing:border-box}body{margin:0;background:var(--hg);color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-text-size-adjust:100%}.huelle{max-width:720px;margin:0 auto;padding:20px 16px 64px}.huelle.breit{max-width:1040px}header{border-bottom:3px solid var(--blau);padding-bottom:14px;margin-bottom:22px}.marke{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--blau);font-weight:700}h1{font-size:26px;margin:6px 0 0;color:var(--blau);line-height:1.2}h2{font-size:17px;margin:0 0 8px;color:var(--blau)}.unter{margin:6px 0 0;color:var(--grau);font-size:14px}footer{margin-top:36px;padding-top:14px;border-top:1px solid var(--rand);color:var(--grau);font-size:12px}p{margin:0 0 10px}ul{margin:0 0 10px;padding-left:20px}li{margin-bottom:7px}.klein{font-size:13px;color:var(--grau)}.rot-text{color:var(--rot)}.zitat{border-left:3px solid var(--rand);padding-left:12px;color:#374151;font-style:italic}.abschnitt{background:#fff;border:1px solid var(--rand);border-radius:10px;padding:16px;margin-bottom:14px}.abschnitt.falsch{border-color:var(--rot);box-shadow:0 0 0 3px #fee2e2}.hinweis{border-radius:10px;padding:14px 16px;margin:0 0 16px;font-size:15px}.hinweis p{margin:6px 0 0}.hinweis.blau{background:var(--hellblau);border:1px solid #bcd4ee;color:#12395c}.hinweis.gruen{background:#e8f6ec;border:1px solid #b6e0c2;color:#14532d}.hinweis.rot{background:#fdeaea;border:1px solid #f3c0c0;color:#7f1d1d}label{display:block;margin-bottom:14px;font-size:14px;font-weight:600;color:#374151}input[type=text],input[type=password],input:not([type]),textarea,select{width:100%;margin-top:6px;padding:12px;border:1px solid #cbd5e1;border-radius:8px;font-size:16px;font-family:inherit;background:#fff}textarea{resize:vertical}input:focus,textarea:focus{outline:2px solid var(--blau);outline-offset:1px;border-color:var(--blau)}.paar{display:flex;gap:12px}.paar label{flex:1}.haken{display:flex;gap:10px;align-items:flex-start;font-weight:400;background:#fff;border:1px solid var(--rand);border-radius:8px;padding:12px;margin-bottom:10px;cursor:pointer}.haken input{margin-top:3px;width:18px;height:18px;flex:none;accent-color:var(--blau)}.haken span{font-size:15px}button{width:100%;padding:14px;border:0;border-radius:8px;background:var(--blau);color:#fff;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;margin-bottom:10px}button:disabled{background:#c7ccd3;cursor:not-allowed}button.flach{background:transparent;color:var(--blau);border:1px solid var(--blau)}button.link-knopf{width:auto;background:transparent;color:var(--blau);border:0;padding:4px 0;font-size:13px;text-decoration:underline;display:block;margin:0}.fortschritt{display:flex;gap:8px;margin-bottom:18px}.stufe{flex:1;font-size:12px;color:var(--grau);text-align:center;border-top:3px solid var(--rand);padding-top:8px}.stufe.aktiv{color:var(--blau);border-color:var(--blau);font-weight:600}.stufe span{display:block;font-size:15px;font-weight:700}.ampel{display:flex;gap:8px;margin-top:10px}.wahl{flex:1;margin:0;padding:12px 6px;font-size:14px;background:#fff;color:#374151;border:1px solid #cbd5e1}.wahl.gewaehlt.zu{background:#e8f6ec;border-color:var(--gruen);color:#14532d}.wahl.gewaehlt.teils{background:#fff7e6;border-color:#b45309;color:#7c2d12}.wahl.gewaehlt.nein{background:#fdeaea;border-color:var(--rot);color:#7f1d1d}.tabelle{border:1px solid var(--rand);border-radius:10px;overflow:hidden;background:#fff;margin-bottom:12px}.zeile{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:10px;padding:10px 12px;border-top:1px solid var(--rand);font-size:14px}.zeile:first-child{border-top:0}.zeile.kopf{background:var(--blau);color:#fff;font-weight:600;font-size:13px}.tabelle.admin .zeile{grid-template-columns:1.6fr .7fr 1.3fr 1fr 1fr;align-items:center}.balken{background:var(--rand);border-radius:99px;height:8px;overflow:hidden;margin-bottom:4px}.balken span{display:block;height:100%;background:var(--blau)}.balken.gross{height:12px}.balken span.gut{background:var(--gruen)}.balken span.schwach{background:#d97706}.marke-aus{display:inline-block;margin-left:6px;font-size:11px;background:#fdeaea;color:var(--rot);padding:2px 6px;border-radius:4px}.spinner{width:26px;height:26px;border:3px solid var(--rand);border-top-color:var(--blau);border-radius:50%;animation:dreh .8s linear infinite;margin:30px auto}@keyframes dreh{to{transform:rotate(360deg)}}@media (max-width:640px){h1{font-size:22px}.paar{flex-direction:column;gap:0}.zeile{grid-template-columns:1fr;gap:4px}.zeile.kopf{display:none}.tabelle.admin .zeile{grid-template-columns:1fr;padding:14px 12px}.ampel{flex-direction:column}}.stufe-karte{display:flex;gap:14px;background:#fff;border:1px solid var(--rand);border-radius:10px;padding:16px;margin-bottom:12px;align-items:flex-start}.stufe-karte.fertig{border-color:#b6e0c2;background:#f6fcf8}.stufe-karte.gesperrt{opacity:.6}.stufe-karte .nummer{flex:none;width:34px;height:34px;border-radius:50%;background:var(--blau);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}.stufe-karte.fertig .nummer{background:var(--gruen)}.stufe-karte .inhalt{flex:1}.stufe-karte h2{margin:2px 0 4px}a.knopf{display:inline-block;margin-top:10px;padding:11px 18px;border-radius:8px;background:var(--blau);color:#fff;text-decoration:none;font-weight:600;font-size:15px}a.knopf.flach{background:transparent;color:var(--blau);border:1px solid var(--blau)}.abzeichen{display:inline-block;font-size:11px;background:#eef2f7;color:#374151;padding:2px 7px;border-radius:4px;margin-top:4px}.abzeichen.gruen{background:#e8f6ec;color:#14532d}.abzeichen.rot{background:#fdeaea;color:var(--rot)}.leiste{display:flex;gap:10px;margin-bottom:14px;align-items:flex-start}.leiste input{margin-top:0}.leiste button{width:auto;white-space:nowrap;margin:0;padding:12px 18px}.aktionen{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.klein-knopf{width:auto;margin:0;padding:6px 10px;font-size:13px}select{width:100%;margin-top:6px;padding:12px;border:1px solid #cbd5e1;border-radius:8px;font-size:16px;font-family:inherit;background:#fff}.aushang{max-width:720px;margin:0 auto;padding:20px 16px}.aushang .nur-bildschirm{display:flex;gap:10px;margin-bottom:20px}.aushang .nur-bildschirm button,.aushang .nur-bildschirm a.knopf{width:auto;margin:0}.blatt{background:#fff;border:1px solid var(--rand);border-radius:12px;padding:40px 32px;text-align:center}.blatt .marke{font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--blau);font-weight:700}.blatt h1{font-size:38px;margin:10px 0 14px;border-bottom:3px solid var(--blau);padding-bottom:14px}.blatt .lead{font-size:18px;color:#374151;margin-bottom:22px}.blatt .qr{width:300px;height:300px;display:block;margin:0 auto 12px}.blatt .link{font-size:15px;color:var(--blau);word-break:break-all;margin-bottom:22px}.blatt .anleitung{display:inline-block;text-align:left;font-size:17px;margin:0 0 22px;padding-left:24px}.blatt .anleitung li{margin-bottom:9px}.blatt .fuss{font-size:13px;color:var(--grau);border-top:1px solid var(--rand);padding-top:14px;margin:0}@media print{body{background:#fff}.nur-bildschirm{display:none!important}.aushang{max-width:none;padding:0}.blatt{border:0;border-radius:0;padding:0}.blatt .qr{width:11cm;height:11cm}}.katalog{margin-bottom:14px}.katalog .haken{margin-bottom:6px;align-items:flex-start}.katalog .haken.gewaehlt{border-color:var(--blau);background:#f5f9fd}.katalog .haken span{font-size:14px;line-height:1.4}.katalog .klein{font-size:12.5px}.punkt{color:var(--blau);font-weight:700}.katalog .gruppe{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--blau);font-weight:700;margin:14px 0 6px}.katalog>div:first-child .gruppe{margin-top:4px}.abschluss-frage{background:#fff;border:2px solid var(--blau);border-radius:12px;padding:20px;margin:18px 0}.abschluss-frage h2{margin:0 0 10px;font-size:19px}.abschluss-frage p{font-size:15px}.abschluss-frage a.knopf{display:block;text-align:center;margin:14px 0 8px}.abschluss-frage button.flach{margin:0}.einleitung{background:#f2f6fb;border-left:3px solid var(--blau);padding:12px 14px;border-radius:0 8px 8px 0;font-size:15px;margin-bottom:16px}.erklaerung{background:#fff7e6;border-left:3px solid #b45309;padding:10px 12px;border-radius:0 6px 6px 0;font-size:14px;color:#7c2d12;margin-top:10px}.stufe-karte .nummer{font-size:18px}footer{display:flex;flex-wrap:wrap;gap:14px;align-items:center}footer a{color:var(--grau);text-decoration:underline}footer a:hover{color:var(--blau)}.haken{min-height:56px;padding:14px 16px;align-items:center}.haken input{width:24px;height:24px;margin-top:0}button,a.knopf{min-height:52px}.ampel .wahl{min-height:56px;padding:14px 8px}button.link-knopf,button.klein-knopf{min-height:0}.katalog .haken{min-height:0;padding:12px 14px;align-items:flex-start}.katalog .haken input{margin-top:2px}.fortschritt{position:sticky;top:0;z-index:20;background:var(--hg);padding:10px 16px 8px;margin:0 -16px 16px;border-bottom:1px solid var(--rand)}@supports (backdrop-filter:blur(8px)){.fortschritt{background:color-mix(in srgb,var(--hg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}*:focus-visible{outline:3px solid var(--blau);outline-offset:3px;border-radius:4px}.haken:focus-within{border-color:var(--blau)}.abschnitt.richtig{border-color:#b6e0c2;background:#f8fdfa}.erfolg{animation:auftauchen .45s ease}@keyframes auftauchen{0%{transform:scale(.94);opacity:0}60%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}.spinner{width:40px;height:40px;border-width:4px;margin:40px auto 10px}.laden-text{text-align:center;color:var(--grau);font-size:14px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.spinner{border:4px solid var(--rand);border-top-color:var(--blau)}}@media (prefers-color-scheme: dark){:root{--blau:#7FB3E3;--hellblau:#17304a;--grau:#9aa5b4;--rand:#334155;--hg:#0f172a;--gruen:#4ade80;--rot:#fca5a5}body{background:var(--hg);color:#e6ebf2}.abschnitt,.haken,.tabelle,.blatt,.stufe-karte,.abschluss-frage{background:#1b2537;border-color:var(--rand)}.abschnitt.richtig{background:#16281f;border-color:#2f5d43}input[type=text],input[type=password],input:not([type]),textarea,select{background:#1b2537;color:#e6ebf2;border-color:#475569}.zeile.kopf{background:#1d3a5c}.zeile{border-color:var(--rand)}.wahl{background:#1b2537;color:#cbd5e1;border-color:#475569}.wahl.gewaehlt.zu{background:#16281f;border-color:#4ade80;color:#bbf7d0}.wahl.gewaehlt.teils{background:#2c2411;border-color:#d9a441;color:#fde3ad}.wahl.gewaehlt.nein{background:#2c1a1a;border-color:#fca5a5;color:#fecaca}.hinweis.blau{background:#17304a;border-color:#2a4d70;color:#cfe2f5}.hinweis.gruen{background:#16281f;border-color:#2f5d43;color:#bbf7d0}.hinweis.rot{background:#2c1a1a;border-color:#5f3232;color:#fecaca}.einleitung{background:#17263c;border-left-color:var(--blau)}.erklaerung{background:#2c2411;border-left-color:#d9a441;color:#fde3ad}.balken{background:#334155}.abzeichen{background:#243044;color:#cbd5e1}.abzeichen.gruen{background:#16281f;color:#bbf7d0}.abzeichen.rot{background:#2c1a1a;color:#fecaca}.zitat{border-left-color:var(--rand);color:#cbd5e1}.stufe-karte.fertig{background:#16281f;border-color:#2f5d43}.fortschritt{background:var(--hg);border-bottom-color:var(--rand)}.haken{background:#1b2537}.katalog .haken.gewaehlt{background:#17304a}}@media print{.blatt .qr{width:10cm;height:10cm;max-width:100%}.blatt h1{font-size:30px}.blatt .lead{font-size:16px}.blatt .anleitung{font-size:14px;page-break-inside:avoid}.blatt{page-break-inside:avoid}}.entwurf-hinweis{background:#fff7e6;border:1px solid #e0b96a;border-radius:8px;padding:10px 14px;font-size:14px;color:#7c4a03;margin:0 0 16px}@media (prefers-color-scheme: dark){.entwurf-hinweis{background:#2c2411;border-color:#8a6d2f;color:#fde3ad}}.schrittliste{list-style:none;margin:0 0 8px;padding:0}.schrittliste>li{list-style:none}.schrittliste>li::marker{content:""}.schritt-karte{display:flex;gap:16px;background:#fff;border:1px solid var(--rand);border-radius:12px;padding:18px 16px;margin-bottom:14px;position:relative}.schritt-karte:after{content:"";position:absolute;left:44px;bottom:-15px;width:2px;height:15px;background:var(--rand)}.schritt-karte:last-child:after{display:none}.schritt-karte.fertig{border-color:#b6e0c2;background:#f8fdfa}.schritt-karte.gesperrt{opacity:.55}.schritt-bild{flex:none;width:56px;position:relative}.piktogramm{width:56px;height:56px;display:block}.fl-voll{fill:var(--blau)}.fl-hell{fill:var(--hellblau)}.fl-mittel{fill:#9dbcd8}.li-voll{stroke:var(--blau);stroke-width:4;stroke-linecap:round;fill:none}.fl-gruen-hell{fill:#dcf5e4}.li-gruen{stroke:var(--gruen);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;fill:none}.schritt-nummer{position:absolute;top:-4px;right:-4px;width:24px;height:24px;border-radius:50%;background:var(--blau);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--hg)}.schritt-karte.fertig .schritt-nummer{background:var(--gruen)}.schritt-text{flex:1;min-width:0}.schritt-text h2{margin:2px 0 6px;font-size:18px}.schritt-text p{font-size:15px;margin:0 0 8px}.schritt-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:4px!important}.schritt-meta .dauer{font-size:13px;color:var(--grau);font-weight:600}.schritt-text a.knopf{display:block;text-align:center;margin-top:10px}@media (max-width:480px){.schritt-karte{gap:12px;padding:16px 14px}.schritt-bild,.piktogramm{width:46px;height:46px}.schritt-karte:after{left:38px}.schritt-text h2{font-size:17px}}@media (prefers-color-scheme: dark){.schritt-karte{background:#1b2537;border-color:var(--rand)}.schritt-karte.fertig{background:#16281f;border-color:#2f5d43}.fl-mittel{fill:#4d6d8c}.fl-gruen-hell{fill:#1c3a28}.schritt-nummer{border-color:var(--hg)}}.stufe.klickbar{cursor:pointer}.stufe.klickbar:hover{color:var(--blau)}.stufe.klickbar:focus-visible{outline:2px solid var(--blau);outline-offset:2px;border-radius:4px}.abzeichen.pflicht{background:var(--hellblau);color:var(--blau);font-weight:600}.systemzeile{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:#fff;border:1px solid var(--rand);border-radius:8px;padding:9px 12px;margin-bottom:14px;font-size:13px;color:var(--grau)}.systemzeile.stoerung{border-color:var(--rot);background:#fdeaea}@media (prefers-color-scheme: dark){.systemzeile{background:#1b2537;border-color:var(--rand)}.systemzeile.stoerung{background:#2c1a1a;border-color:#5f3232}}.zeile:has(>div:nth-child(4)):not(.admin .zeile){grid-template-columns:2fr 1fr 1fr 1fr}