:root{--bg:#f4f5f7;--flaeche:#fff;--flaeche2:#f9fafb;--linie:#dfe3e8;--linie2:#edf0f3;--text:#13191e;--leise:#56606b;--blau:#1f3f8f;--blau-text:#1f3f8f;--blau-hell:#e8edf8;--signal:#f2b200;--signal-text:#13191e;--signal-hell:#fff8e1;--rot:#c62828;--rot-text:#c62828;--moos:#3d6b35;--moos-text:#3d6b35;--gelb-rand:#a86f00;--gelb-text:#7a5200;--fokus:#1f3f8f;--display:Archivo,system-ui,sans-serif;--body:"Atkinson Hyperlegible Next","Source Sans 3",system-ui,sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1419;--flaeche:#182028;--flaeche2:#141b22;--linie:#2b3540;--linie2:#222b34;--text:#e8ecf0;--leise:#a3adb8;--blau:#3d5fb8;--blau-text:#9db4ee;--blau-hell:#1d2a45;--signal:#f5c232;--signal-hell:#2a2410;--rot-text:#ff8a80;--moos-text:#8cc47e;--gelb-rand:#f5c232;--gelb-text:#f5c232;--fokus:#9db4ee;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f1419;--flaeche:#182028;--flaeche2:#141b22;--linie:#2b3540;--linie2:#222b34;--text:#e8ecf0;--leise:#a3adb8;--blau:#3d5fb8;--blau-text:#9db4ee;--blau-hell:#1d2a45;--signal:#f5c232;--signal-hell:#2a2410;--rot-text:#ff8a80;--moos-text:#8cc47e;--gelb-rand:#f5c232;--gelb-text:#f5c232;--fokus:#9db4ee;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--body);border-top:4px solid var(--blau);margin:0;font-size:17px;line-height:1.55}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;font-weight:800;line-height:1.1}p{margin:0 0 12px}a{color:var(--blau-text)}:focus-visible{outline:3px solid var(--fokus);outline-offset:2px}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}.kopf{background:var(--flaeche);border-bottom:1px solid var(--linie)}.kopf .wrap{align-items:center;gap:16px;min-height:72px;display:flex}.marke{font-family:var(--display);color:var(--blau-text);font-size:1.2rem;font-weight:800}.kopf nav{flex-wrap:wrap;gap:4px;margin-left:auto;display:flex}.kopf nav a{min-height:48px;color:var(--text);border-radius:10px;align-items:center;padding:0 12px;font-weight:700;text-decoration:none;display:flex}.kopf nav a:hover{background:var(--blau-hell);color:var(--blau-text)}.thema{border:2px solid var(--linie);background:var(--flaeche);min-width:48px;min-height:48px;color:var(--text);font:inherit;cursor:pointer;border-radius:10px;padding:0 12px;font-weight:700}section{border-bottom:1px solid var(--linie);padding:56px 0}.kicker{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--blau-text);margin-bottom:10px;font-size:.85rem;font-weight:700}.held h1{max-width:15ch;margin-bottom:18px;font-size:clamp(2.2rem,5.5vw,3.6rem)}.held .lead{max-width:58ch;color:var(--leise);font-size:1.2rem}h2.titel{margin-bottom:10px;font-size:clamp(1.6rem,3.5vw,2.2rem)}.einl{color:var(--leise);max-width:62ch;margin-bottom:28px}.raster{gap:16px;display:grid}.r3{grid-template-columns:repeat(3,1fr)}.r2{grid-template-columns:repeat(2,1fr)}.r4{grid-template-columns:repeat(4,1fr)}.karte{background:var(--flaeche);border:2px solid var(--linie);border-radius:16px;padding:20px 22px}.karte h3{margin-bottom:8px;font-size:1.15rem}.karte p:last-child{margin:0}.leise{color:var(--leise)}.grundsatz b{font-family:var(--display);color:var(--blau-text);margin-bottom:8px;font-size:2rem;font-weight:800;line-height:1;display:block}.btn{border:2px solid var(--blau);background:var(--flaeche);min-height:48px;color:var(--blau-text);font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:700;text-decoration:none;display:inline-flex}.btn.prim{background:var(--signal);border-color:var(--signal);color:var(--signal-text)}.btn.blau{background:var(--blau);border-color:var(--blau);color:#fff}.btn.leer{border-color:#0000;text-decoration:underline}.btn:disabled{opacity:.5;cursor:not-allowed}.knopfreihe{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.abstand{margin-bottom:16px}.badge{white-space:nowrap;border:2px solid;border-radius:8px;align-items:center;gap:6px;padding:3px 10px;font-size:.85rem;font-weight:700;display:inline-flex}.badge.rot{background:var(--rot);border-color:var(--rot);color:#fff}.badge.gelb{border-color:var(--gelb-rand);color:var(--gelb-text)}.badge.ok{border-color:var(--moos-text);color:var(--moos-text)}.badge.neu{border-color:var(--blau-text);color:var(--blau-text)}.badge svg{flex:none;width:14px;height:14px}.plakette{width:56px;height:56px;font-family:var(--display);text-align:center;border:3px solid #0003;border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:800;line-height:1.05;display:grid}.plakette.gelb{background:var(--signal);color:#13191e}.plakette.rot{background:var(--rot);color:#fff}.plakette.moos{background:var(--moos);color:#fff}.plakette small{font-size:10px;font-weight:700;display:block}.zeile{border-bottom:1px solid var(--linie2);align-items:center;gap:14px;min-height:72px;padding:8px 0;display:flex}.zeile:last-child{border-bottom:0}.zeile.unter{border-bottom:1px dashed var(--linie2);min-height:56px;padding-left:18px}.einheit{border-bottom:1px solid var(--linie2);margin-bottom:4px;padding-bottom:12px}.einheit:last-child{border-bottom:0}.unterform{margin:12px 0 4px 18px}.zeile .t{flex:1;min-width:0}.zeile .t b{display:block}.zeile .t small{color:var(--leise);font-size:.9rem;display:block}.aushang{background:var(--signal-hell);border:2px solid var(--signal);border-radius:16px;padding:20px 22px}.aushang .kopfzeile{color:var(--leise);justify-content:space-between;gap:12px;margin-bottom:6px;font-size:.9rem;display:flex}.aushang h3{margin-bottom:8px;font-size:1.5rem}.aushang dl{grid-template-columns:auto 1fr;gap:4px 14px;margin:12px 0 0;display:grid}.aushang dt{font-weight:700}.aushang dd{margin:0}label{margin-bottom:6px;font-weight:700;display:block}.hinweis{color:var(--leise);margin-top:4px;font-size:.9rem}input,select{border:2px solid var(--linie);width:100%;min-height:48px;font:inherit;background:var(--flaeche);color:var(--text);border-radius:10px;padding:10px 14px}input:focus,select:focus{border-color:var(--blau-text);box-shadow:0 0 0 3px var(--blau-hell);outline:none}.feld{margin-bottom:16px}.fehler input{border-color:var(--rot)}.fehler .hinweis{color:var(--rot-text);font-weight:700}.zahlfeld{font-family:var(--display);letter-spacing:.04em;font-size:1.5rem;font-weight:800}.app{background:var(--bg);border:2px solid var(--linie);border-radius:18px;grid-template-columns:220px 1fr;display:grid;overflow:hidden}.app .seitenleiste{background:var(--flaeche);border-right:1px solid var(--linie);border-top:4px solid var(--blau);padding:18px 10px}.app .seitenleiste .marke{padding:0 12px 16px;display:block}.app .seitenleiste a{min-height:48px;color:var(--text);border-radius:10px;align-items:center;padding:0 12px;font-weight:700;text-decoration:none;display:flex}.app .seitenleiste a[aria-current]{background:var(--blau-hell);color:var(--blau-text)}.app main{min-width:0;padding:26px 28px 30px}.app .oben{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.app h1{font-size:2rem}.zahlen{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px;display:grid}.zahl{background:var(--flaeche);border:2px solid var(--linie);border-radius:14px;padding:14px 16px}.zahl span{color:var(--leise);font-size:.9rem}.zahl b{font-family:var(--display);font-size:1.6rem;font-weight:800;display:block}.zahl.rot{border-color:var(--rot)}.zahl.rot b{color:var(--rot-text)}.app .karte h2{margin-bottom:6px;font-size:1.2rem}footer{color:var(--leise);padding:32px 0 48px;font-size:.9rem}.raster>*{min-width:0}@media (max-width:900px){.app .r2{grid-template-columns:1fr}.kopf nav{display:none}.r3,.r4{grid-template-columns:repeat(2,1fr)}.app{grid-template-columns:1fr}.app .seitenleiste{border-right:0;border-bottom:1px solid var(--linie);gap:4px;padding:10px;display:flex;overflow-x:auto}.app .seitenleiste .marke{display:none}.app .seitenleiste a{white-space:nowrap}}@media (max-width:760px){.r2{grid-template-columns:1fr}}@media (max-width:600px){.wrap{padding:0 16px}section{padding:40px 0}.r2,.r3,.r4{grid-template-columns:1fr}.kopf nav{display:none}.app main{padding:18px 16px 22px}.app h1{font-size:1.6rem}.app .oben .btn{width:100%}.zahl b{font-size:1.35rem}}.app.voll{border:0;border-radius:0;min-height:100vh}.formkarte{max-width:440px;margin:48px auto}.meldung{border:2px solid var(--rot);color:var(--rot-text);border-radius:10px;margin-bottom:16px;padding:10px 14px;font-weight:700}.meldung.ok{border-color:var(--moos-text);color:var(--moos-text)}.vorgang-text{white-space:pre-wrap;overflow-wrap:anywhere}.btn.klein{min-height:36px;padding:4px 10px;font-size:.9rem}.datei-knopf{margin-top:12px;position:relative}.datei-knopf input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.datei-knopf:focus-within{outline:3px solid var(--blau);outline-offset:2px}.fotoraster{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:8px;display:grid}.fotoraster figure{margin:0}.fotoraster img{aspect-ratio:4/3;object-fit:cover;border-radius:10px;width:100%;display:block}.fotoraster figcaption{justify-content:space-between;align-items:center;gap:8px;display:flex}.verlauf{margin:16px 0 0;padding:0;list-style:none}.verlauf li{border-top:1px solid var(--linie,#ddd);flex-direction:column;gap:2px;padding:10px 0;display:flex}.verlauf li.notiz{font-weight:600}.verlauf small{color:var(--leise)}
