:root{--hintergrund:#f5f5f7;--flaeche:#fff;--flaeche-2:#f0f0f3;--text:#1d1d1f;--text-leise:#6e6e73;--rand:#00000014;--marke:#bb0925;--marke-dunkel:#8e0319;--marke-hell:#bb092514;--gruen:#248a3d;--gruen-hell:#248a3d1a;--gelb:#b25000;--gelb-hell:#fff3e0;--rot:#bb0925;--radius:14px;--radius-klein:10px;--schatten:0 1px 2px #0000000a, 0 4px 20px #0000000a;--kopf-hintergrund:#ffffffb8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--hintergrund:#000;--flaeche:#1c1c1e;--flaeche-2:#2c2c2e;--text:#f5f5f7;--text-leise:#98989d;--rand:#ffffff1a;--marke:#ff375f;--marke-dunkel:#e0243f;--marke-hell:#ff375f24;--gruen:#30d158;--gruen-hell:#30d15824;--gelb:#ff9f0a;--gelb-hell:#ff9f0a24;--rot:#ff453a;--schatten:none;--kopf-hintergrund:#1c1c1eb8}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--hintergrund);color:var(--text);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.47}h1,h2,h3{letter-spacing:-.022em;font-weight:700;line-height:1.15}h1{margin:8px 0 16px;font-size:clamp(1.75rem,4vw,2.125rem)}h2{margin:32px 0 12px;font-size:1.25rem;font-weight:600}h3{font-size:1.0625rem;font-weight:600}a{color:var(--marke);text-decoration:none}a:hover{text-decoration:underline}.seite{max-width:640px;margin:0 auto;padding:20px 16px 48px}.seite.breit{max-width:1120px;padding-top:24px}.kopf{background:var(--kopf-hintergrund);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--rand);z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;min-height:52px;padding:10px max(16px,50% - 544px);display:flex;position:sticky;top:0}.kopf .name{color:var(--text);font-weight:600}.kopf nav{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.kopf nav a,.kopf nav button.link{color:var(--text);border-radius:999px;padding:6px 12px;font-size:.9375rem;font-weight:500;text-decoration:none}.kopf nav a:hover,.kopf nav button.link:hover{background:var(--flaeche-2);text-decoration:none}.kopf nav a[aria-current=page]{background:var(--text);color:var(--flaeche)}.kopf form{margin:0}.wortmarke{letter-spacing:.04em;color:var(--text);white-space:nowrap;font-size:.9375rem;font-weight:700;text-decoration:none}.wortmarke span{color:var(--marke);margin:0 .15em}.wortmarke:hover{text-decoration:none}label{min-width:0;color:var(--text-leise);gap:6px;font-size:.875rem;font-weight:500;display:grid}input,select,textarea{font:inherit;color:var(--text);border-radius:var(--radius-klein);background:var(--flaeche-2);border:1px solid #0000;width:100%;min-width:0;padding:11px 14px;font-size:1rem;transition:box-shadow .15s,background .15s}input::placeholder,textarea::placeholder{color:var(--text-leise);opacity:.8}input:focus,select:focus,textarea:focus{background:var(--flaeche);border-color:var(--marke);box-shadow:0 0 0 4px var(--marke-hell);outline:none}input[type=checkbox],input[type=radio]{width:18px;height:18px;accent-color:var(--marke);flex:none;padding:0}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-leise) 50%), linear-gradient(135deg, var(--text-leise) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px;padding-right:36px}fieldset{border-radius:var(--radius);background:var(--hintergrund);border:none}legend{color:var(--text);font-size:.9375rem;font-weight:600}button,a.knopf{font:inherit;background:var(--flaeche-2);color:var(--text);cursor:pointer;border:none;border-radius:999px;padding:10px 18px;font-size:.9375rem;font-weight:600;line-height:1.3;text-decoration:none;transition:background .15s,transform .1s,opacity .15s;display:inline-block}button:hover:not(:disabled),a.knopf:hover{background:color-mix(in srgb, var(--flaeche-2) 85%, var(--text));text-decoration:none}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.45;cursor:default}button.gross{border-radius:var(--radius);width:100%;padding:17px;font-size:1.0625rem}button.primaer{background:var(--marke);color:#fff}button.primaer:hover:not(:disabled){background:var(--marke-dunkel)}button.start{background:var(--gruen);color:#fff}button.start:hover:not(:disabled){background:color-mix(in srgb, var(--gruen) 85%, #000)}button.gefahr{background:var(--text);color:var(--flaeche)}button.gefahr:hover:not(:disabled){background:color-mix(in srgb, var(--text) 85%, var(--flaeche))}button.notdienst{background:var(--marke-hell);color:var(--marke)}button.notdienst:hover:not(:disabled){background:var(--marke);color:#fff}button.link{color:var(--marke);background:0 0;border-radius:0;padding:0;font-weight:500}button.link:hover:not(:disabled){background:0 0;text-decoration:underline}a.knopf{background:var(--marke-hell);color:var(--marke)}a.knopf:hover{background:color-mix(in srgb, var(--marke-hell) 60%, var(--marke) 15%)}.leise{color:var(--text-leise)}.fehler{color:var(--rot);margin:0;font-weight:500}.erfolg{color:var(--gruen);margin:0;font-weight:500}.marke{background:var(--flaeche-2);color:var(--text-leise);white-space:nowrap;letter-spacing:0;border-radius:999px;padding:3px 9px;font-size:.75rem;font-weight:600;display:inline-block}.marke.warnung{background:var(--gelb-hell);color:var(--gelb)}.marke.gut{background:var(--gruen-hell);color:var(--gruen)}.karte{background:var(--flaeche);border-radius:var(--radius);box-shadow:var(--schatten);padding:22px}@media (prefers-color-scheme:dark){.karte{box-shadow:inset 0 0 0 1px var(--rand)}}table{border-collapse:collapse;background:var(--flaeche);width:100%}th,td{text-align:left;border-bottom:1px solid var(--rand);vertical-align:middle;padding:12px 14px}tbody tr:last-child td{border-bottom:none}th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-leise);background:var(--flaeche);font-size:.75rem;font-weight:600}.tabelle-rahmen{border-radius:var(--radius);background:var(--flaeche);box-shadow:var(--schatten);overflow-x:auto}@media (prefers-color-scheme:dark){.tabelle-rahmen{box-shadow:inset 0 0 0 1px var(--rand)}}td a,.liste li>a{color:var(--text);font-weight:500}td a:hover,.liste li>a:hover{color:var(--marke);text-decoration:none}::selection{background:var(--marke-hell)}