:root{color-scheme:light dark;--farbe-grund: #0f1419;--farbe-flaeche: #1a222c;--farbe-flaeche-hoch: #243040;--farbe-text: #f2f5f8;--farbe-text-gedaempft: #b4c0cd;--farbe-rahmen: #7d8da0;--farbe-akzent: #6db3ff;--farbe-akzent-text: #06121f;--farbe-gut: #5fd68a;--farbe-warnung: #ffc857;--farbe-fehler: #ff8a8a;--farbe-fokus: #ffd54a}@media(prefers-color-scheme:light){:root{--farbe-grund: #f4f6f9;--farbe-flaeche: #ffffff;--farbe-flaeche-hoch: #e8edf3;--farbe-text: #14202c;--farbe-text-gedaempft: #495768;--farbe-rahmen: #66768a;--farbe-akzent: #0b5cad;--farbe-akzent-text: #ffffff;--farbe-gut: #17703a;--farbe-warnung: #8a5a00;--farbe-fehler: #b3261e;--farbe-fokus: #7a3d00}}*,*:before,*:after{box-sizing:border-box}html{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{margin:0;background:var(--farbe-grund);color:var(--farbe-text)}:focus-visible{outline:3px solid var(--farbe-fokus);outline-offset:2px}.nur-screenreader{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}[hidden]{display:none!important}html{font-size:100%;line-height:1.5}.sprunglink{position:absolute;left:.5rem;top:-4rem;padding:.5rem 1rem;background:var(--farbe-akzent);color:var(--farbe-akzent-text);z-index:10}.sprunglink:focus{top:.5rem}a{color:var(--farbe-akzent)}.kopf{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;padding:.75rem 1rem;background:var(--farbe-flaeche);border-bottom:2px solid var(--farbe-flaeche-hoch)}.kopf-titel{margin:0;font-weight:700}.kopf nav ul{display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin:0;padding:0;list-style:none}.kopf nav a{display:inline-block;padding:.35rem .25rem;text-decoration:none}.kopf nav a[aria-current=page]{font-weight:700;text-decoration:underline;text-underline-offset:.3rem}.kopf-konto{display:flex;align-items:center;gap:.75rem;margin-left:auto}main{max-width:64rem;margin:0 auto;padding:1rem}main:focus,h1:focus{outline:none}.fuss{padding:1rem;text-align:center;color:var(--farbe-text-gedaempft);font-size:.875rem}h1{font-size:1.75rem;margin:.5rem 0 1rem}h2{font-size:1.25rem;margin:0 0 .5rem}.abschnitt{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--farbe-rahmen)}.gedaempft{color:var(--farbe-text-gedaempft)}.status-gut{color:var(--farbe-gut)}.status-warnung{color:var(--farbe-warnung)}.formular{display:flex;flex-direction:column;gap:.75rem;max-width:36rem}.feld{display:flex;flex-direction:column;gap:.25rem}.feld label{font-weight:600}input,select,textarea{min-height:2.5rem;padding:.4rem .6rem;font:inherit;color:var(--farbe-text);background:var(--farbe-flaeche);border:2px solid var(--farbe-rahmen);border-radius:.4rem}input[type=checkbox]{align-self:flex-start;width:1.5rem;min-height:1.5rem}input[type=color]{padding:.1rem}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--farbe-fehler)}.feld-hinweis{margin:0;font-size:.875rem;color:var(--farbe-text-gedaempft)}.feld-fehler{margin:0;font-size:.875rem;color:var(--farbe-fehler)}.feld-fehler:before{content:"\26a0  "}.geheimnis{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.knopf{min-height:2.5rem;padding:.4rem 1rem;font:inherit;font-weight:600;cursor:pointer;border-radius:.4rem;border:2px solid var(--farbe-rahmen);background:var(--farbe-flaeche);color:var(--farbe-text)}.knopf-primaer{background:var(--farbe-akzent);border-color:var(--farbe-akzent);color:var(--farbe-akzent-text)}.knopf-gefahr{border-color:var(--farbe-fehler);color:var(--farbe-fehler)}.knopf:disabled{opacity:.6;cursor:not-allowed}.knopfzeile{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.meldung{margin:.5rem 0;padding:.5rem .75rem;border-left:.35rem solid var(--farbe-rahmen);background:var(--farbe-flaeche)}.meldung-ok{border-color:var(--farbe-gut)}.meldung-ok:before{content:"\2714  "}.meldung-fehler{border-color:var(--farbe-fehler)}.meldung-fehler:before{content:"\26a0  "}.meldung-warnung{border-color:var(--farbe-warnung)}.karten,.kennzahlen{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:1rem;margin:1rem 0;padding:0;list-style:none}.karte{padding:.75rem 1rem;background:var(--farbe-flaeche);border:2px solid var(--farbe-flaeche-hoch);border-radius:.6rem}.karte p{margin:.25rem 0}.kachel-zeile{margin:.75rem 0;padding:.75rem;border:2px solid var(--farbe-flaeche-hoch);border-radius:.6rem}.raster-felder{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:.75rem;margin-bottom:.5rem}.raster-vorschau{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(6,2.2rem);gap:.2rem;max-width:36rem;margin:.5rem 0;padding:.3rem;border:2px solid var(--farbe-rahmen);border-radius:.4rem}.raster-box{overflow:hidden;padding:.1rem .3rem;font-size:.75rem;background:var(--farbe-flaeche-hoch);border:1px solid var(--farbe-rahmen);border-radius:.25rem}.vorschau-halter{margin-top:.75rem}.vorschau-rahmen{width:100%;max-width:48rem;aspect-ratio:16 / 9;border:2px solid var(--farbe-rahmen);border-radius:.4rem;background:var(--farbe-grund)}.anmeldung{max-width:32rem;padding-top:3rem}