:root{--grund: #F4F6FA;--flaeche: #FFFFFF;--tinte: #1B2233;--tinte-weich:#4A5468;--linie: #CDD2DC;--linie-fein: #E2E6EE;--taupe: #A59C8C;--akzent: #3651C9}*{box-sizing:border-box}html,body,#wurzel{height:100%}body{margin:0;background:var(--grund);color:var(--tinte);font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Space Grotesk,Inter,sans-serif;font-weight:500;margin:0}button{font:inherit;cursor:pointer}.marke{position:relative;font-family:Space Grotesk,sans-serif;font-weight:500;font-size:22px;line-height:1;letter-spacing:-.012em;color:var(--tinte);white-space:nowrap}.marke .oben{position:absolute;top:0;left:0;right:0;height:.28em;overflow:hidden;pointer-events:none}.marke .oben i{display:block;font-style:normal;color:var(--akzent)}.kopf{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:var(--flaeche);border-bottom:1px solid var(--linie-fein)}.kopf nav{display:flex;gap:4px}.kopf nav button{background:none;border:0;padding:7px 13px;border-radius:6px;color:var(--tinte-weich);font-weight:500}.kopf nav button[aria-current=page]{background:var(--grund);color:var(--tinte)}.abmelden{background:none;border:1px solid var(--linie);border-radius:6px;padding:6px 12px;color:var(--tinte-weich)}.blatt{max-width:940px;margin:0 auto;padding:32px 24px 80px;display:flex;flex-direction:column;gap:26px}.zeile{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}.leise{color:var(--tinte-weich)}.winzig{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--taupe);font-weight:600}.liste{display:flex;flex-direction:column;gap:10px}.karte{background:var(--flaeche);border:1px solid var(--linie-fein);border-radius:8px}.karte.fokus{border-color:var(--akzent)}.karte>.haupt{display:flex;align-items:flex-start;gap:14px;padding:15px 18px}.karte h3{font-size:16px}.karte .unter{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--tinte-weich);margin-top:3px}.status{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:0;font-size:13px;font-weight:500;color:var(--tinte-weich);white-space:nowrap}.status.akzent{color:var(--akzent)}.zeichen{width:11px;height:11px;flex:none;border:1.6px solid currentColor}.zeichen.kreis{border-radius:50%;background:currentColor}.zeichen.ring{border-radius:50%}.zeichen.punktring{border-radius:50%;border-style:dotted}.zeichen.quadrat{background:currentColor}.zeichen.raute{transform:rotate(45deg)}.zeichen.haken{border:0;background:currentColor;clip-path:polygon(14% 52%,38% 76%,88% 20%,96% 32%,40% 94%,4% 62%)}.verlauf{border-top:1px solid var(--linie-fein);padding:14px 18px 16px;display:flex;flex-direction:column;gap:9px}.schritt{display:grid;grid-template-columns:11px 1fr auto;gap:12px;align-items:baseline;font-size:13.5px}.schritt .punkt{width:7px;height:7px;border-radius:50%;background:var(--linie);align-self:center}.schritt .wer{color:var(--tinte-weich)}.schritt time{color:var(--taupe);font-variant-numeric:tabular-nums;font-size:12.5px}.taten{display:flex;gap:8px;flex-wrap:wrap;padding:0 18px 15px}.tat{background:none;border:1px solid var(--linie);border-radius:6px;padding:6px 12px;color:var(--tinte);font-size:13.5px;font-weight:500}.tat.haupt{border-color:var(--tinte);color:var(--tinte)}.tat:disabled{opacity:.45;cursor:default}.feld{display:flex;flex-direction:column;gap:6px}label{font-size:13px;font-weight:500;color:var(--tinte-weich)}input,textarea,select{font:inherit;padding:9px 11px;border:1px solid var(--linie);border-radius:6px;background:var(--flaeche);color:var(--tinte);width:100%}input:focus,textarea:focus,select:focus{outline:2px solid var(--akzent);outline-offset:1px;border-color:transparent}.knopf{background:var(--tinte);color:#fff;border:0;border-radius:6px;padding:10px 16px;font-weight:500}.knopf:disabled{opacity:.5;cursor:default}.anmeldung{min-height:100%;display:grid;place-items:center;padding:24px}.anmeldung .kasten{width:100%;max-width:370px;background:var(--flaeche);border:1px solid var(--linie-fein);border-radius:10px;padding:30px 28px;display:flex;flex-direction:column;gap:18px}.aussprache{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--taupe)}.hinweis{border:1px solid var(--linie);border-radius:8px;padding:14px 16px;background:var(--flaeche);color:var(--tinte-weich);font-size:14px}.fehler{border-color:var(--akzent);color:var(--tinte)}:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}