:root{--blau: #173247;--blau-hell: #24455f;--blau-tiefe: #0f2233;--tuerkis: #11a999;--tuerkis-dunkel: #0c7d72;--tuerkis-hell: #e0f4f2;--flaeche: #f4f7f9;--flaeche-karte: #ffffff;--linie: #d5dfe7;--linie-stark: #b2c2ce;--text: #1b2b38;--text-schwach: #52677a;--fokus: #0c7d72;--warn-bg: #fdf3df;--warn-rand: #d9a441;--warn-text: #7a5410;--fehler-bg: #fbeaea;--fehler: #a52323;--ok: #1c7c46;--radius: 6px;--schatten: 0 1px 3px rgba(23, 50, 71, .12);--font: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{font-size:16px}body{margin:0;font-family:var(--font);font-size:1rem;line-height:1.55;color:var(--text);background:var(--flaeche)}h1{font-size:1.6rem;margin:0 0 .5rem;color:var(--blau)}h2{font-size:1.25rem;margin:1.6rem 0 .6rem;color:var(--blau)}h3{font-size:1.05rem;margin:1.1rem 0 .4rem;color:var(--blau)}p{margin:.4rem 0}a{color:var(--tuerkis-dunkel)}a:focus-visible{outline:3px solid var(--fokus);outline-offset:2px}.zahl,td.zahl,.betrag{font-variant-numeric:tabular-nums}.app-kopf{background:var(--blau);color:#fff;display:flex;align-items:center;gap:1rem;padding:.55rem 1.25rem}.app-kopf img{height:34px;display:block}.app-kopf .marke{font-weight:600;font-size:1.1rem;letter-spacing:.2px}.app-kopf nav{margin-left:auto;display:flex;gap:.25rem;align-items:center}.app-kopf nav a,.app-kopf .kopf-aktion{color:#e8eef3;text-decoration:none;padding:.55rem .8rem;border-radius:var(--radius);min-height:44px;display:inline-flex;align-items:center;background:none;border:none;font:inherit;cursor:pointer}.app-kopf nav a:hover,.app-kopf .kopf-aktion:hover{background:var(--blau-hell)}.app-kopf nav a.aktiv{background:var(--blau-hell)}main.inhalt{max-width:1180px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.app-fuss{border-top:1px solid var(--linie);color:var(--text-schwach);font-size:.9rem;padding:1rem 1.25rem 2rem;text-align:center;background:#fff}.karte{background:var(--flaeche-karte);border:1px solid var(--linie);border-radius:var(--radius);box-shadow:var(--schatten);padding:1.25rem 1.4rem;margin-bottom:1.1rem}.karte h2:first-child,.karte h3:first-child{margin-top:0}.leer-hinweis{border:1px dashed var(--linie-stark);border-radius:var(--radius);padding:1.2rem;color:var(--text-schwach);background:#fbfdfe}.feld{margin-bottom:1rem;max-width:44rem}.feld label{display:block;font-weight:600;margin-bottom:.25rem;color:var(--blau)}.feld .pflicht{color:var(--fehler);margin-left:.15rem}.feld .erklaerung{color:var(--text-schwach);font-size:.92rem;margin:.1rem 0 .3rem}.feld input[type=text],.feld input[type=password],.feld input[type=email],.feld input[type=date],.feld input[type=number],.feld select,.feld textarea{width:100%;font:inherit;padding:.6rem .7rem;min-height:44px;border:1px solid var(--linie-stark);border-radius:var(--radius);background:#fff;color:var(--text)}.feld textarea{min-height:90px;resize:vertical}.feld input:focus-visible,.feld select:focus-visible,.feld textarea:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:3px solid var(--fokus);outline-offset:1px}.feld .feld-fehler{color:var(--fehler);font-size:.92rem;margin-top:.25rem}.feld.hat-fehler input,.feld.hat-fehler select,.feld.hat-fehler textarea{border-color:var(--fehler)}.feld .einheit{color:var(--text-schwach);margin-left:.4rem}.feld-zeile{display:flex;flex-wrap:wrap;gap:0 1.25rem}.feld-zeile .feld{flex:1 1 16rem}fieldset{border:1px solid var(--linie);border-radius:var(--radius);padding:.9rem 1.1rem;margin:0 0 1rem}legend{font-weight:600;color:var(--blau);padding:0 .35rem}.kontrollzeile{display:flex;align-items:flex-start;gap:.6rem;margin:.6rem 0}.kontrollzeile input[type=checkbox],.kontrollzeile input[type=radio]{width:22px;height:22px;margin-top:.2rem;accent-color:var(--tuerkis-dunkel)}.kontrollzeile label{font-weight:400}button,.knopf{font:inherit;border-radius:var(--radius);border:1px solid transparent;padding:.6rem 1.1rem;min-height:44px;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;text-decoration:none}.knopf-primaer{background:var(--tuerkis-dunkel);color:#fff}.knopf-primaer:hover{background:#0a6a61}.knopf-sekundaer{background:#fff;color:var(--blau);border-color:var(--linie-stark)}.knopf-sekundaer:hover{background:var(--flaeche)}.knopf-gefahr{background:#fff;color:var(--fehler);border-color:var(--fehler)}.knopf-gefahr:hover{background:var(--fehler-bg)}.knopf-klein{min-height:36px;padding:.35rem .7rem;font-size:.95rem}button:disabled{opacity:.55;cursor:not-allowed}.aktionen{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem;align-items:center}.stepper{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 1.25rem;padding:0;list-style:none}.stepper li a{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .75rem;min-height:44px;border:1px solid var(--linie);border-radius:var(--radius);background:#fff;color:var(--text);text-decoration:none;font-size:.95rem}.stepper li a .nr{background:var(--flaeche);border-radius:50%;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;color:var(--blau);border:1px solid var(--linie-stark)}.stepper li a.aktiv{border-color:var(--tuerkis-dunkel);background:var(--tuerkis-hell)}.stepper li a.aktiv .nr{background:var(--tuerkis-dunkel);color:#fff;border-color:var(--tuerkis-dunkel)}.stepper li a.besucht .nr{background:var(--blau);color:#fff;border-color:var(--blau)}.hinweis,.warnung,.fehlermeldung,.erfolg{border-radius:var(--radius);padding:.8rem 1rem;margin:.7rem 0;border:1px solid}.hinweis{background:#eef6fb;border-color:#7fb3d4;color:#14425e}.warnung{background:var(--warn-bg);border-color:var(--warn-rand);color:var(--warn-text)}.fehlermeldung{background:var(--fehler-bg);border-color:var(--fehler);color:var(--fehler)}.erfolg{background:#e8f5ee;border-color:var(--ok);color:var(--ok)}.hinweis .label,.warnung .label{display:inline-block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-bottom:.25rem}.demo-banner{background:var(--warn-bg);border:1px solid var(--warn-rand);color:var(--warn-text);border-radius:var(--radius);padding:.55rem .9rem;margin-bottom:1rem;font-weight:600}table.daten{width:100%;border-collapse:collapse;background:#fff;font-size:.97rem}table.daten th,table.daten td{border:1px solid var(--linie);padding:.5rem .65rem;text-align:left;vertical-align:top}table.daten th{background:var(--flaeche);color:var(--blau)}table.daten td.zahl,table.daten th.zahl{text-align:right}.infotip{position:relative;display:inline-block}.infotip>button{min-height:24px;min-width:24px;width:24px;height:24px;padding:0;border-radius:50%;border:1px solid var(--tuerkis-dunkel);background:#fff;color:var(--tuerkis-dunkel);font-weight:700;font-size:.85rem;justify-content:center;vertical-align:middle;margin-left:.3rem}.infotip .infotip-text{position:absolute;z-index:30;top:calc(100% + 6px);left:0;width:min(26rem,78vw);background:var(--blau);color:#fff;padding:.7rem .9rem;border-radius:var(--radius);font-size:.92rem;font-weight:400;box-shadow:0 4px 14px #00000040}.speicherstatus{color:var(--text-schwach);font-size:.92rem;min-height:1.3rem}.speicherstatus.fehler{color:var(--fehler)}.tornado-zeile{display:grid;grid-template-columns:15rem 1fr 8rem;gap:.6rem;align-items:center;margin:.3rem 0}.tornado-balken{position:relative;height:26px;background:var(--flaeche);border:1px solid var(--linie);border-radius:4px}.tornado-balken>span{position:absolute;top:0;bottom:0;background:var(--tuerkis);opacity:.85}.eintrag{border:1px solid var(--linie);border-radius:var(--radius);padding:.8rem 1rem;margin-bottom:.7rem;background:#fff}.eintrag .eintrag-kopf{display:flex;justify-content:space-between;gap:.7rem;align-items:baseline;flex-wrap:wrap}.eintrag .eintrag-kopf strong{color:var(--blau)}.eintrag .meta{color:var(--text-schwach);font-size:.92rem}.badge{display:inline-block;border-radius:999px;padding:.15rem .7rem;font-size:.85rem;font-weight:600;background:var(--flaeche);border:1px solid var(--linie-stark);color:var(--blau);white-space:nowrap}.badge.tuerkis{background:var(--tuerkis-hell);border-color:var(--tuerkis-dunkel);color:var(--tuerkis-dunkel)}.badge.warn{background:var(--warn-bg);border-color:var(--warn-rand);color:var(--warn-text)}.auth-rahmen{max-width:30rem;margin:3.5rem auto}.auth-rahmen .logo-block{text-align:center;margin-bottom:1.2rem}.auth-rahmen .logo-block img{height:56px}dialog.wd-dialog{border:1px solid var(--linie-stark);border-radius:var(--radius);padding:1.4rem;max-width:34rem;width:92vw}dialog.wd-dialog::backdrop{background:#17324780}@media(max-width:900px){.tornado-zeile{grid-template-columns:10rem 1fr 7rem}}
