:root{--bg:#0b0f16;--bg-tief:#070a10;--surface:#131924;--surface-hoch:#1a2231;--border:#222c3c;--border-hell:#35415a;--text:#e8eef7;--muted:#8b98ad;--leise:#64748b;--accent:#3b82f6;--accent-hell:#60a5fa;--gut:#4ade80;--warn:#fbbf24;--danger:#f87171;--rund:12px;--rund-klein:8px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(60rem 30rem at 80% -10%,rgba(59,130,246,.07),transparent 65%),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--accent-hell);outline-offset:2px;border-radius:4px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:1.5rem;padding:.9rem 1.5rem;border-bottom:1px solid var(--border);background:rgba(11,15,22,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:wrap}.brand{font-weight:700;letter-spacing:-.015em}.topbar nav{display:flex;gap:.35rem;align-items:center;flex-wrap:wrap}.topbar a{color:var(--muted);text-decoration:none;padding:.35rem .7rem;border-radius:var(--rund-klein);font-size:.92rem;transition:background .15s,color .15s}.topbar a:hover{background:var(--surface-hoch);color:var(--text);text-decoration:none}.soon{color:var(--muted);font-size:.8rem}main{padding:2rem 1.5rem 5rem;max-width:1200px}h1{font-size:1.5rem;margin:0 0 .25rem;letter-spacing:-.02em}h2{letter-spacing:-.01em}.sub{color:var(--muted);margin:0 0 1.5rem}.notice{border:1px solid var(--border);border-left:3px solid var(--warn);background:var(--surface);padding:1rem 1.25rem;border-radius:var(--rund)}.notice code{background:var(--bg-tief);padding:.1rem .35rem;border-radius:4px;font-size:.85em}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--rund);background:var(--surface)}table{border-collapse:collapse;width:100%;min-width:780px}td,th{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--border)}th{color:var(--leise);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;background:var(--bg-tief)}tbody tr{transition:background .12s}tbody tr:hover{background:var(--surface-hoch)}tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:.15rem .55rem;border:1px solid var(--border);border-radius:999px;font-size:.75rem;color:var(--muted);white-space:nowrap}.badge.active{color:var(--gut);border-color:color-mix(in srgb,var(--gut) 40%,var(--border))}.empty{color:var(--muted);padding:2rem 0}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.kopfzeile{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem}.knopf,button{background:var(--accent);color:#fff;border:0;border-radius:var(--rund-klein);padding:.6rem 1.1rem;font:inherit;font-weight:600;font-size:.92rem;cursor:pointer;text-decoration:none;display:inline-block;box-shadow:0 1px 2px rgba(0,0,0,.3);transition:background .15s,transform .06s}.knopf:hover,button:hover{background:#2563eb}.knopf:active,button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:default;box-shadow:none}button:disabled:active{transform:none}.kopieren{background:#334155;padding:.4rem .75rem;font-size:.85rem}.kopieren:hover{background:#475569}.schritt{margin-top:2.5rem;border-top:1px solid var(--border);padding-top:1.75rem}.schritt h2{display:flex;align-items:center;gap:.6rem;font-size:1.15rem;margin:0 0 1rem}.schritt .nr{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--surface-hoch);color:var(--muted);font-size:.85rem;font-weight:600;border:1px solid var(--border)}.formular{display:flex;flex-direction:column;gap:.9rem;max-width:42rem}.formular.schmal{margin-top:1.25rem}.formular fieldset{border:1px solid #1e293b;border-radius:10px;padding:1.1rem 1.25rem;display:flex;flex-direction:column;gap:.9rem}.formular legend{padding:0 .4rem;color:#94a3b8;font-size:.85rem}.formular label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:#cbd5e1}.formular small{color:#64748b;font-size:.78rem}.formular input,.formular textarea{background:var(--bg-tief);border:1px solid var(--border);border-radius:var(--rund-klein);padding:.65rem .8rem;color:var(--text);font:inherit;transition:border-color .15s}.formular input:hover,.formular textarea:hover{border-color:var(--border-hell)}.zweispaltig{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));grid-gap:.9rem;gap:.9rem}.linkzeile{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin:.5rem 0}.linkzeile .wachsend{flex:1 1 20rem;word-break:break-all}.meldung{font-size:.9rem;margin:.25rem 0 0}.meldung.gut{color:#4ade80}.meldung.fehler{color:#f87171}.notice.fehler{border-left-color:#f87171}.badge.gut{background:#14532d;color:#86efac}.badge.arbeit{background:#422006;color:#fdba74}.zustand{margin:0 0 .75rem}.leise{color:#64748b}.ampel{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.ampel .punkt{width:.6rem;height:.6rem;border-radius:50%;flex-shrink:0}.ampel .punkt.grau{background:#64748b}.ampel .punkt.gelb{background:#fbbf24}.ampel .punkt.gruen{background:#4ade80}.ampel .punkt.rot{background:#f87171;animation:pochen 2.2s ease-in-out infinite}@keyframes pochen{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.ampel .punkt.rot{animation:none}}.dringend{color:#fca5a5}.ampel.gross{font-size:1rem;margin:.75rem 0 .25rem;gap:.6rem}.ampel.gross .punkt{width:.75rem;height:.75rem}.suchleiste{gap:.6rem;flex-wrap:wrap;margin:1.5rem 0 1rem}.suchleiste,.suchleiste .feld{display:flex;align-items:center}.suchleiste .feld{position:relative}.suchleiste .feld.breit{flex:1 1 22rem}.suchleiste .feld.schmal{width:7rem}.suchleiste input{width:100%;background:#0f172a;border:1px solid #1e293b;border-radius:8px;padding:.6rem .75rem;color:#e2e8f0;font:inherit}.suchleiste .feld.breit input{padding-left:2.3rem}.suchleiste input:focus{outline:2px solid #2563eb;outline-offset:1px}.suchleiste .lupe{position:absolute;left:.75rem;color:#64748b;display:flex;pointer-events:none}.suchleiste .trefferzahl{color:#94a3b8;font-size:.88rem}.suchleiste .zuruecksetzen{background:#1e293b;padding:.5rem .9rem;font-size:.85rem;font-weight:500}.suchleiste .zuruecksetzen:hover{background:#334155}.nummer,.tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.nummer{color:#64748b;width:6.5rem}.kundennummer{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#64748b;font-size:.85rem;margin:0 0 .15rem;letter-spacing:.04em}.anmeldeflaeche{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.75rem;padding:1.5rem;position:relative;overflow:hidden;background:#080b12}.anmeldeflaeche:before{inset:-20%;background:radial-gradient(38rem 30rem at 18% 12%,rgba(37,99,235,.26),transparent 62%),radial-gradient(34rem 26rem at 88% 84%,rgba(14,165,233,.16),transparent 62%)}.anmeldeflaeche:after,.anmeldeflaeche:before{content:"";position:absolute;pointer-events:none}.anmeldeflaeche:after{right:-14rem;bottom:-12rem;width:46rem;height:46rem;background:url(/brand/logo-light.png) no-repeat 50%/contain;opacity:.06}.anmeldekarte{position:relative;z-index:1;width:100%;max-width:24rem;background:rgba(15,23,42,.72);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(148,163,184,.14);border-radius:16px;padding:2.25rem 2rem 2rem;box-shadow:0 24px 60px -20px rgba(0,0,0,.75)}.anmeldekarte:before{content:"";position:absolute;left:2rem;right:2rem;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(96,165,250,.7),transparent)}.anmeldekarte .zeichen{display:block;width:56px;height:auto;margin:0 0 1.1rem}.anmeldekarte .marke{color:#60a5fa;font-weight:700;letter-spacing:.02em;margin:0 0 .35rem}.anmeldekarte h1{font-size:1.5rem;margin:0 0 1.5rem}.anmeldekarte .formular{max-width:none}.anmeldekarte button{width:100%;margin-top:.35rem}.anmeldefuss{position:relative;z-index:1;color:#8b9bb0;font-size:.78rem;letter-spacing:.04em;margin:0}@media (max-width:40rem){.anmeldeflaeche:after{width:28rem;height:28rem;right:-8rem;bottom:-7rem}.anmeldekarte{padding:2rem 1.5rem 1.75rem}}@media (prefers-reduced-motion:no-preference){.anmeldefuss,.anmeldekarte{animation:anmeldung-auf .5s ease-out both}.anmeldefuss{animation-delay:.1s}}@keyframes anmeldung-auf{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:none}}.topbar .abmelden{margin-left:auto}.topbar .abmelden button{background:transparent;color:#94a3b8;font-size:.85rem;padding:.4rem .7rem;font-weight:500}.topbar .abmelden button:hover{background:#1e293b;color:#e2e8f0}.angaben{margin-top:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.angabengruppe h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-weight:600;margin:0 0 .5rem}.angabengruppe dl{margin:0;display:grid;grid-gap:.35rem 1rem;gap:.35rem 1rem}.angabengruppe dl>div{display:contents}.angabengruppe dt{color:#94a3b8;font-size:.88rem}.angabengruppe dd{margin:0;white-space:pre-wrap}@media (min-width:40rem){.angabengruppe dl{grid-template-columns:12rem 1fr}}.briefing{border:1px solid var(--border);border-left:3px solid #64748b;border-radius:10px;padding:1rem 1.25rem;margin:0 0 1.25rem;background:#0f172a;max-width:42rem}.briefing.bereit{border-left-color:#4ade80}.briefing.unvollstaendig{border-left-color:#fbbf24}.briefingkopf{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}.briefingkopf .quote{color:#64748b;font-size:.85rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fehlliste{list-style:none;margin:.9rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem}.fehlliste li{display:flex;align-items:baseline;gap:.6rem;font-size:.9rem}.fehlliste .marker{width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0}.fehlliste .pflicht .marker{background:#f87171}.fehlliste .wichtig .marker{background:#fbbf24}.fehlliste .hilfreich .marker{background:#475569}.fehlliste .woher{color:#64748b;font-size:.82rem}.briefing .vorhanden{margin-top:.9rem}.briefing .vorhanden summary{cursor:pointer;color:#94a3b8;font-size:.85rem}.briefing .vorhanden dl{margin:.75rem 0 0;display:grid;grid-gap:.3rem 1rem;gap:.3rem 1rem}.briefing .vorhanden dl>div{display:contents}.briefing .vorhanden dt{color:#64748b;font-size:.85rem}.briefing .vorhanden dd{margin:0;font-size:.88rem;white-space:pre-wrap}@media (min-width:40rem){.briefing .vorhanden dl{grid-template-columns:11rem 1fr}}.warnung{display:block;margin-top:.6rem;color:#fbbf24;font-size:.82rem;max-width:34rem}.dateien{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem;max-width:42rem}.dateien li{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;background:#0f172a}.dateien a{color:#93c5fd;text-decoration:none;word-break:break-all}.dateien a:hover{text-decoration:underline}.dateien .leise{font-size:.82rem;white-space:nowrap}.knopfreihe{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.75rem}.knopfreihe .leiser{background:#1e293b;color:#cbd5e1}.knopfreihe .leiser:hover{background:#334155}.formular.kontaktmail{max-width:46rem;margin-top:.5rem;padding:1.15rem 1.25rem;border:1px solid var(--border);border-radius:var(--rund);background:var(--surface)}.formular.kontaktmail textarea{font-size:.9rem;line-height:1.6;resize:vertical}.formular.kontaktmail button[type=submit]{align-self:flex-start}.fortschritt{display:flex;list-style:none;margin:1.4rem 0 2.6rem;padding:0 0 .4rem;overflow-x:auto}.fortschritt li{position:relative;flex:1 0 4.6rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.fortschritt li:not(:first-child):before{content:"";position:absolute;top:.7rem;right:50%;left:-50%;height:2px;background:var(--border-hell)}.fortschritt li.fertig:not(:first-child):before{background:var(--gut)}.fortschritt .punkt{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border-radius:999px;background:var(--surface);border:2px solid var(--border-hell);font-size:.72rem;font-weight:700;line-height:1}.fortschritt li.fertig .punkt{background:var(--gut);border-color:var(--gut);color:#06210f}.fortschritt li.aktuell .punkt{border-color:var(--accent)}.fortschritt .label{font-size:.74rem;color:var(--leise)}.fortschritt li.aktuell .label,.fortschritt li.fertig .label,.fortschritt-ende{color:var(--muted)}.fortschritt-ende{font-weight:600;margin:1rem 0 2rem}.kundenkarten{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));grid-gap:1rem;gap:1rem;margin-top:1.25rem}.kundenkarte{display:block;text-decoration:none;color:inherit;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--border-hell);border-radius:var(--rund);padding:1rem 1.15rem;transition:border-color .15s,background .15s,transform .06s}.kundenkarte:hover{background:var(--surface-hoch);transform:translateY(-1px);text-decoration:none}.kundenkarte.rot{border-left-color:var(--danger)}.kundenkarte.gelb{border-left-color:var(--warn)}.kundenkarte.gruen{border-left-color:var(--gut)}.kk-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.kk-firma{font-weight:700;letter-spacing:-.01em;font-size:1.05rem}.kk-nr{color:var(--leise);font-size:.8rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex-shrink:0}.kk-ort{color:var(--muted);font-size:.88rem;margin:.15rem 0 .7rem}.kk-ampel{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.92rem}.kk-naechstes{color:var(--muted);font-size:.85rem;margin:.35rem 0 .9rem}.kk-naechstes.dringend{color:var(--danger)}.kk-fuss{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:.7rem}.kk-chip{font-size:.74rem;padding:.15rem .55rem;border-radius:999px;background:var(--surface-hoch);border:1px solid var(--border);color:var(--muted)}.kk-chip.gut{color:#86efac;border-color:color-mix(in srgb,var(--gut) 40%,var(--border))}.kk-chip.leer,.kk-datum{color:var(--leise)}.kk-datum{margin-left:auto;font-size:.78rem}.kk-tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin:1.25rem 0 .25rem}.kk-tabs button{cursor:pointer;background:var(--surface);border:1px solid var(--border);color:var(--muted);padding:.4rem .9rem;border-radius:999px;font-size:.9rem;transition:background .15s,color .15s,border-color .15s}.kk-tabs button:hover{background:var(--surface-hoch);color:var(--text)}.kk-tabs button.aktiv{background:var(--accent);border-color:var(--accent);color:#fff}.vorlagenwahl{display:flex;gap:.4rem;flex-wrap:wrap;margin:.25rem 0 .5rem}.vorlagenwahl button{cursor:pointer;background:var(--surface);border:1px solid var(--border);color:var(--muted);padding:.4rem .9rem;border-radius:999px;font-size:.9rem;transition:background .15s,color .15s,border-color .15s}.vorlagenwahl button:hover{background:var(--surface-hoch);color:var(--text)}.vorlagenwahl button.aktiv{background:var(--accent);border-color:var(--accent);color:#fff}.terminbuchen{max-width:46rem;margin-top:.5rem;padding:1.15rem 1.25rem;border:1px solid var(--border);border-radius:var(--rund);background:var(--surface);display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.terminbuchen .knopf-link{display:inline-block;padding:.6rem 1.05rem;background:var(--accent);color:#fff;border-radius:var(--rund-klein);font-weight:600;font-size:.95rem;text-decoration:none;transition:background .15s}.terminbuchen .knopf-link:hover{background:var(--accent-hell);text-decoration:none}.kk-tab-zahl{opacity:.7;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kk-mehr{color:var(--leise);font-size:.85rem;margin-top:1.25rem;text-align:center}details.schritt.klapp>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.6rem;font-size:1.15rem}details.schritt.klapp>summary::-webkit-details-marker{display:none}details.schritt.klapp .nr.fertig{background:#14532d;color:#86efac;border-color:transparent}details.schritt.klapp .klapp-titel{font-weight:600}details.schritt.klapp .klapp-info{color:var(--muted);font-size:.9rem;font-weight:400}details.schritt.klapp>summary:after{content:"▸";margin-left:auto;color:var(--muted);font-size:.9rem}details.schritt.klapp[open]>summary:after{content:"▾"}details.schritt.klapp[open] .klapp-inhalt{margin-top:1.1rem}.golive{display:flex;flex-direction:column;gap:.85rem;max-width:46rem}.zugangsblock{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border-hell)}.zugangsblock h4{margin:0 0 .6rem;font-size:1rem;letter-spacing:-.01em}.zugangsblock .formular.kontaktmail{margin-top:0}details.alternativ{margin-top:1rem}details.alternativ>summary{cursor:pointer;color:var(--muted);font-size:.88rem;padding:.2rem 0;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}details.alternativ>summary::-webkit-details-marker{display:none}details.alternativ>summary:before{content:"＋ ";color:var(--leise)}details.alternativ[open]>summary:before{content:"－ "}details.alternativ[open]>summary{margin-bottom:.5rem}.nr-sym{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:999px;background:color-mix(in srgb,var(--gut) 18%,transparent);color:var(--gut);font-weight:700;font-size:.95rem}.rechnungstufe{display:flex;flex-direction:column;gap:1rem;max-width:46rem}.rechnungkopf{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.9rem 1.1rem;border:1px solid var(--border);border-radius:var(--rund);background:var(--surface)}.rechnungkopf .rnr{display:block;font-weight:700;letter-spacing:-.01em}.rechnungkopf .rbetrag{display:block;color:var(--muted);font-size:.9rem;margin-top:.15rem}.knopf.leiser{background:#1e293b;color:#cbd5e1;text-decoration:none}.knopf.leiser:hover{background:#334155}.formular.rechnungform{max-width:46rem}.zahlungsphase{display:flex;flex-direction:column;gap:.75rem}.haken{color:#4ade80;font-weight:700}.gefahrenzone{border-top-color:#3f1d1d;margin-top:3.5rem}button.gefaehrlich{background:transparent;color:#f87171;border:1px solid #7f1d1d;font-weight:500}button.gefaehrlich:hover{background:#7f1d1d;color:#fff}button.gefaehrlich.voll{background:#7f1d1d;color:#fecaca;border-color:#991b1b;font-weight:600}button.gefaehrlich.voll:hover{background:#991b1b;color:#fff}button.gefaehrlich:disabled{opacity:.5;cursor:default}button.gefaehrlich:disabled:hover{background:transparent;color:#f87171}button.gefaehrlich.voll:disabled:hover{background:#7f1d1d;color:#fecaca}.modalgrund{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:rgba(4,6,10,.66);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:modalgrund-auf .16s ease-out}.modalkarte{position:relative;width:100%;max-width:27rem;background:var(--surface-hoch);border:1px solid var(--border-hell);border-radius:var(--rund);padding:1.5rem 1.5rem 1.25rem;box-shadow:0 28px 70px -22px rgba(0,0,0,.85);animation:modalkarte-auf .2s cubic-bezier(.32,.72,0,1)}.modalkarte:before{content:"";position:absolute;left:1.5rem;right:1.5rem;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(248,113,113,.7),transparent)}.modalzeichen{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;margin-bottom:.9rem;border-radius:50%;color:#fca5a5;background:color-mix(in srgb,var(--danger) 14%,transparent);border:1px solid color-mix(in srgb,var(--danger) 35%,var(--border))}.modalkarte h2{font-size:1.15rem;margin:0 0 .5rem;letter-spacing:-.01em}.modaltext{color:var(--muted);margin:0 0 1.25rem;line-height:1.55}.modaltext strong{color:var(--text);font-weight:600}.modalnr{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--leise)}.modalknoepfe{display:flex;justify-content:flex-end;gap:.6rem;flex-wrap:wrap}.modalknoepfe form{display:inline;margin:0}.modalknoepfe .leiser{background:var(--surface);color:var(--text);border:1px solid var(--border-hell);font-weight:500}.modalknoepfe .leiser:hover{background:var(--surface-hoch)}.modalknoepfe .leiser:disabled{opacity:.5;cursor:default}.modalknoepfe .leiser:disabled:hover{background:var(--surface)}.modalknoepfe .meldung{flex-basis:100%;margin:0 0 .25rem}@keyframes modalgrund-auf{0%{opacity:0}to{opacity:1}}@keyframes modalkarte-auf{0%{opacity:0;transform:translateY(.5rem) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.modalgrund,.modalkarte{animation:none}}@media (max-width:26rem){.modalknoepfe{flex-direction:column-reverse}.modalknoepfe .gefaehrlich,.modalknoepfe .leiser,.modalknoepfe form{width:100%}}.formular select{background:#0f172a;border:1px solid #1e293b;border-radius:8px;padding:.6rem .75rem;color:#e2e8f0;font:inherit}.formular select:focus{outline:2px solid #2563eb;outline-offset:1px}.hostingabo{display:flex;flex-direction:column;gap:1rem;max-width:46rem}.hostingkopf{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.9rem 1.1rem;border:1px solid var(--border);border-radius:var(--rund);background:var(--surface)}.hostingkopf .hbetrag{display:block;font-weight:700;letter-spacing:-.01em}.hostingkopf .hstand{display:block;color:var(--muted);font-size:.9rem;margin-top:.15rem}.formular label.halb{max-width:16rem}.hostingrechnungen h4{margin:.5rem 0 .6rem;font-size:.95rem;letter-spacing:-.01em}.hostingrechnungen ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.hostingrechnungen li{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--rund-klein);background:var(--bg-tief)}.hostingrechnungen .hrnr{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hostingrechnungen .hrmeta{color:var(--muted);font-size:.85rem;flex:1 1;min-width:12rem}.hostingrechnungen a.knopf.leiser{padding:.3rem .7rem;font-size:.82rem}.schnitt{display:flex;align-items:center;gap:1rem;margin:3rem 0 0;color:#64748b;font-size:.85rem}.schnitt:after,.schnitt:before{content:"";height:1px;background:var(--border);flex:1 1}.schnitt.erreicht{color:#86efac}.schnitt.erreicht:after,.schnitt.erreicht:before{background:#14532d}.schritt.spaeter{opacity:.55}.schritt.spaeter:focus-within,.schritt.spaeter:hover{opacity:1}.uebergabe{border:1px solid var(--border);border-left:3px solid #60a5fa;border-radius:10px;padding:1rem 1.25rem 1.25rem;margin:1.25rem 0;background:#0f172a;max-width:42rem}.uebergabe h3{margin:0 0 .75rem;font-size:.95rem}.domainzeile{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.domainzeile code{font-size:1rem;color:#e2e8f0}.domainzeile form{display:inline}.urteil{display:inline-flex;align-items:center;gap:.4rem;font-size:.88rem}.urteil b{font-size:1rem;line-height:1}.urteil.frei{color:#4ade80}.urteil.vergeben{color:#f87171}.urteil.unklar{color:#fbbf24}.uebergabe .adressen{list-style:none;margin:1rem 0 .75rem;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.uebergabe .adressen li{padding:.25rem .6rem;border:1px solid var(--border);border-radius:999px;font-size:.85rem;background:#0b0e13;word-break:break-all}.uebergabe .sub{margin:0 0 .75rem}.domainfenster{position:fixed;right:0;top:0;bottom:0;z-index:29;width:23rem;max-width:100vw;display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:var(--surface);border-left:1px solid var(--border);box-shadow:-16px 0 40px -16px rgba(0,0,0,.85);overflow-y:auto;transform:translateX(100%);visibility:hidden;transition:transform .28s cubic-bezier(.32,.72,0,1),visibility .28s}.domainfenster.offen{transform:translateX(0);visibility:visible}.domainreiter{position:fixed;right:0;top:50%;z-index:30;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem .85rem;border:1px solid var(--border-hell);border-right:0;border-left:3px solid var(--accent);border-radius:var(--rund) 0 0 var(--rund);background:var(--surface-hoch);color:var(--text);font-size:.85rem;font-weight:600;box-shadow:-8px 0 24px -8px rgba(0,0,0,.85);transition:transform .28s cubic-bezier(.32,.72,0,1),background .15s,color .15s}.domainreiter:hover{background:var(--accent);color:#fff;border-left-color:var(--accent-hell)}.domainreiter:active{transform:translateY(-50%) translateX(1px)}.domainreiter.offen:active{transform:translateY(-50%) translateX(-23rem)}.domainreiter span{writing-mode:vertical-rl;letter-spacing:.04em;pointer-events:none}.domainreiter .pfeilzeichen{font-size:1.05rem;line-height:1;pointer-events:none}.domainreiter.offen{transform:translateY(-50%) translateX(-23rem)}.domainfenster:not(.offen){pointer-events:none}.domainfenster .kopf{display:flex;align-items:center;justify-content:space-between}.domainfenster .kopf strong{font-size:1rem;letter-spacing:-.01em}.domainfenster .kopf button{background:transparent;color:var(--leise);font-size:1.35rem;line-height:1;padding:.1rem .45rem;border-radius:var(--rund-klein);box-shadow:none}.domainfenster .kopf button:hover{background:var(--surface-hoch);color:var(--text)}.domainfenster form{display:flex;gap:.5rem}.domainfenster input{flex:1 1;min-width:0;background:var(--bg-tief);border:1px solid var(--border);border-radius:var(--rund-klein);padding:.62rem .75rem;color:var(--text);font:inherit;font-size:16px;transition:border-color .15s}.domainfenster input:hover{border-color:var(--border-hell)}.domainfenster form button{padding:.62rem .95rem}.domainfenster .verlauf{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.domainfenster .verlauf li{display:flex;align-items:center;gap:.65rem;padding:.55rem .7rem;border:1px solid var(--border);border-left-width:3px;border-radius:var(--rund-klein);background:var(--bg-tief);animation:eintrag-auf .25s ease-out}@keyframes eintrag-auf{0%{opacity:0;transform:translateY(-.35rem)}to{opacity:1;transform:none}}.domainfenster .verlauf .symbol{font-size:.95rem;line-height:1;flex-shrink:0}.domainfenster .verlauf .wieder{flex:1 1;min-width:0;text-align:left;background:transparent;color:var(--text);padding:0;box-shadow:none;font-size:.88rem;font-weight:500;word-break:break-all}.domainfenster .verlauf .wieder:hover{background:transparent;text-decoration:underline}.domainfenster .verlauf .wieder:active{transform:none}.domainfenster .verlauf small{color:var(--leise);font-size:.76rem;flex-shrink:0}.domainfenster .verlauf .frei{border-left-color:var(--gut)}.domainfenster .verlauf .frei .symbol{color:var(--gut)}.domainfenster .verlauf .vergeben{border-left-color:var(--danger)}.domainfenster .verlauf .vergeben .symbol{color:var(--danger)}.domainfenster .verlauf .unklar{border-left-color:var(--warn)}.domainfenster .verlauf .unklar .symbol{color:var(--warn)}.domainfenster .fuss,.domainfenster .leer{color:var(--leise);font-size:.82rem;line-height:1.55;margin:0}.domainfenster .fuss{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border)}@media (max-width:30rem){.domainfenster{width:100vw}.domainreiter.offen{opacity:0;pointer-events:none}}@media (prefers-reduced-motion:reduce){.domainfenster{transition:none}}.verlaufkopf{display:flex;align-items:center;justify-content:space-between;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:-.4rem}.verlaufkopf,.verlaufkopf .leeren{color:var(--leise);font-weight:600}.verlaufkopf .leeren{background:transparent;box-shadow:none;padding:.2rem .4rem;font-size:.74rem;text-transform:none;letter-spacing:0}.verlaufkopf .leeren:hover{background:var(--surface-hoch);color:var(--text)}.verlaufkopf .leeren:active{transform:none}.auftrag{margin-top:1.5rem;max-width:42rem;gap:1.25rem}.auftrag,.auftrag fieldset{display:flex;flex-direction:column}.auftrag fieldset{border:1px solid var(--border);border-radius:var(--rund);padding:1rem 1.15rem 1.15rem;margin:0;gap:.6rem;background:var(--surface)}.auftrag legend{padding:0 .45rem;color:var(--muted);font-size:.85rem;font-weight:600}.auftrag .erklaerung{margin:0 0 .2rem;font-size:.82rem}.modulwahl,.paketwahl{display:flex;gap:.75rem;align-items:flex-start;padding:.7rem .85rem;border:1px solid var(--border);border-radius:var(--rund-klein);background:var(--bg-tief);cursor:pointer;transition:border-color .15s,background .15s}.modulwahl:hover,.paketwahl:hover{border-color:var(--border-hell)}.modulwahl.aktiv,.paketwahl.aktiv{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--bg-tief))}.modulwahl input,.paketwahl input{margin-top:.28rem;flex-shrink:0;accent-color:var(--accent-hell)}.modulwahl b,.paketwahl b{display:block;font-size:.95rem;font-weight:600}.modulwahl small,.paketwahl small{display:block;margin-top:.15rem;color:var(--muted);font-size:.82rem;line-height:1.5}.auftrag>button[type=submit]{align-self:flex-start;padding:.75rem 1.4rem;font-size:.98rem}.auftrag.erteilt{border:1px solid var(--border);border-left:3px solid var(--gut);border-radius:var(--rund);padding:1.1rem 1.25rem;background:var(--surface);gap:.6rem}.auftragkopf{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.auftragkopf strong{color:var(--gut)}.auftrag .paketzeile{margin:0;font-size:1.05rem;font-weight:600}.modulmarken{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.modulmarken li{padding:.25rem .65rem;border:1px solid var(--border);border-radius:999px;font-size:.82rem;background:var(--bg-tief)}.auftrag.erteilt .sub{margin:.35rem 0 0}.listenfenster{position:fixed;right:0;top:0;bottom:0;z-index:29;width:23rem;max-width:100vw;display:flex;flex-direction:column;gap:.85rem;padding:1.25rem;background:var(--surface);border-left:1px solid var(--border);box-shadow:-16px 0 40px -16px rgba(0,0,0,.85);overflow-y:auto;transform:translateX(100%);visibility:hidden;transition:transform .28s cubic-bezier(.32,.72,0,1),visibility .28s}.listenfenster.offen{transform:translateX(0);visibility:visible}.listenfenster:not(.offen){pointer-events:none}.listenfenster .kopf{display:flex;align-items:center;justify-content:space-between}.listenfenster .kopf strong{font-size:1rem;letter-spacing:-.01em}.listenfenster .kopf button{background:transparent;color:var(--leise);font-size:1.35rem;line-height:1;padding:.1rem .45rem;border-radius:var(--rund-klein);box-shadow:none}.listenfenster .kopf button:hover{background:var(--surface-hoch);color:var(--text)}.listenfenster .unterzeile{margin:-.5rem 0 .25rem;font-size:.82rem}.listenfenster .leer{color:var(--leise);font-size:.85rem;line-height:1.55;margin:0}.listenfenster code{background:var(--bg-tief);padding:.1rem .35rem;border-radius:4px;font-size:.85em}.listenreiter{position:fixed;right:0;top:50%;z-index:30;transform:translateY(calc(-50% - 11rem));display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem .85rem;border:1px solid var(--border-hell);border-right:0;border-left:3px solid var(--accent);border-radius:var(--rund) 0 0 var(--rund);background:var(--surface-hoch);color:var(--text);font-size:.85rem;font-weight:600;box-shadow:-8px 0 24px -8px rgba(0,0,0,.85);transition:transform .28s cubic-bezier(.32,.72,0,1),background .15s,color .15s}.listenreiter:hover{background:var(--accent);color:#fff;border-left-color:var(--accent-hell)}.listenreiter span{writing-mode:vertical-rl;letter-spacing:.04em;pointer-events:none}.listenreiter .pfeilzeichen{font-size:1.05rem;line-height:1;pointer-events:none}.listenreiter.offen{transform:translateY(calc(-50% - 11rem)) translateX(-23rem)}.listenreiter:active{transform:translateY(calc(-50% - 11rem)) translateX(1px)}.listenreiter.offen:active{transform:translateY(calc(-50% - 11rem)) translateX(-23rem)}.domainreiter.verdeckt,.listenreiter.verdeckt{opacity:0;pointer-events:none}@media (max-width:30rem){.listenfenster{width:100vw}.listenreiter.offen{opacity:0;pointer-events:none}}@media (prefers-reduced-motion:reduce){.listenfenster{transition:none}}.listensuche{position:relative;display:flex;align-items:center;margin:.75rem 0 .9rem;max-width:22rem}.listensuche .lupe{position:absolute;left:.75rem;color:var(--leise);display:flex;pointer-events:none}.listensuche input{width:100%;background:var(--bg-tief);border:1px solid var(--border);border-radius:var(--rund-klein);padding:.6rem .75rem .6rem 2.3rem;color:var(--text);font:inherit}.listensuche input:focus{outline:2px solid var(--accent-hell);outline-offset:1px}.listensuche .loeschen{position:absolute;right:.4rem;background:transparent;color:var(--leise);box-shadow:none;padding:.15rem .45rem;font-size:1.15rem;line-height:1}.listensuche .loeschen:hover{background:var(--surface-hoch);color:var(--text)}.listenliste{list-style:none;margin:0;padding:0;gap:.5rem}.listenliste,.listenliste li{display:flex;flex-direction:column}.listenliste li{gap:.6rem;padding:.7rem .8rem;border:1px solid var(--border);border-left-width:3px;border-radius:var(--rund-klein);background:var(--bg-tief)}.listenliste li.stand-offen{border-left-color:var(--border-hell)}.listenliste li.stand-in_bearbeitung{border-left-color:var(--warn)}.listenliste li.stand-abgeschlossen{border-left-color:var(--gut)}.listenzeile{display:flex;align-items:center;gap:1rem}.listenplz{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;font-size:1.05rem;letter-spacing:.02em;min-width:4rem}.listenmeta{display:flex;flex-direction:column;line-height:1.35;flex:1 1}.listenmeta span:first-child{font-size:.92rem}.listenmeta .leise{font-size:.8rem}.listenaktion{display:flex;align-items:center;gap:.6rem}.listenstatus{flex:1 1;min-width:0;background:var(--surface);color:var(--text);font:inherit;font-size:.85rem;border:1px solid var(--border-hell);border-radius:var(--rund-klein);padding:.45rem .6rem;cursor:pointer}.listenstatus.in_bearbeitung{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,var(--border))}.listenstatus.abgeschlossen{color:var(--gut);border-color:color-mix(in srgb,var(--gut) 45%,var(--border))}.listendownload{flex-shrink:0;background:var(--accent);color:#fff;text-decoration:none;padding:.45rem .9rem;border-radius:var(--rund-klein);font-weight:600;font-size:.85rem;box-shadow:0 1px 2px rgba(0,0,0,.3);transition:background .15s}.listendownload:hover{background:#2563eb}.antragsliste{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.antragsliste li{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.7rem .9rem;border:1px solid var(--border);border-left:3px solid var(--warn);border-radius:var(--rund-klein);background:var(--bg-tief)}.antragmeta{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap;flex:1 1;min-width:0}.antragnr{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;font-size:.98rem;letter-spacing:.02em}.antragmeta code{background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:.1rem .45rem;font-size:.88rem;color:var(--accent-hell);word-break:break-all}.antragmeta .leise{font-size:.82rem;white-space:nowrap}.antragnachricht{flex-basis:100%;margin:.25rem 0 0;font-size:.88rem;color:var(--muted);white-space:pre-wrap}.antragerledigt{display:inline-flex;align-items:center;gap:.5rem;margin:0;flex-shrink:0}.antragerledigt .mini{background:var(--gut);color:#06240f;border:0;box-shadow:none;padding:.4rem .9rem;font-size:.85rem;font-weight:700;border-radius:var(--rund-klein)}.antragerledigt .mini:hover{background:#3cc46f}.antragerledigt .mini:active{transform:none}.antragerledigt .mini:disabled{opacity:.5;cursor:default}.antragerledigt .meldung{flex-basis:100%}@media (max-width:30rem){.antragerledigt{flex-basis:100%}.antragerledigt .mini{width:100%}}.nr-rolle{margin-left:auto;align-self:center;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:.2rem .6rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-tief)}.einrichtung{border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:10px;background:#0f172a;padding:1.1rem 1.25rem 1.25rem;max-width:46rem}.einrichtungkopf{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.einrichtungkopf h3{margin:0 0 .25rem;font-size:1rem}.einrichtungkopf .sub{margin:0;max-width:34rem}.knopf.konsoleh{flex-shrink:0;font-size:.85rem;padding:.5rem .9rem}.wunsch{margin:1rem 0 1.25rem;padding:.75rem .9rem;border:1px solid var(--border);border-radius:var(--rund-klein);background:var(--bg-tief);display:flex;flex-direction:column;gap:.55rem}.wunschzeile{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.wunschzeile .etikett{flex-shrink:0;width:6rem;color:var(--leise);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.wunsch code{background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:.15rem .45rem;font-size:.9rem;color:var(--text);word-break:break-all}.wunsch .adressenliste{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.einrichtung .mini{background:var(--surface-hoch);color:var(--text);border:1px solid var(--border);box-shadow:none;padding:.25rem .6rem;font-size:.78rem;font-weight:600;border-radius:6px}.einrichtung .mini:hover{background:#223049}.einrichtung .mini:active{transform:none}.einrichtung .mini:disabled{opacity:.45;cursor:default}.einrichtung .mini.leiser{background:transparent;color:var(--leise);border-color:transparent;text-decoration:underline;margin-left:.5rem}.schrittliste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.schrittliste>li{display:flex;gap:.85rem;align-items:flex-start;padding:.85rem .95rem;border:1px solid var(--border);border-radius:var(--rund-klein);background:var(--surface);transition:border-color .15s,opacity .15s}.schrittliste>li.erledigt{opacity:.62;border-color:color-mix(in srgb,var(--gut) 35%,var(--border))}.schritthaken{display:flex;align-items:center;gap:.55rem;flex-shrink:0;cursor:pointer}.schritthaken input{width:1.1rem;height:1.1rem;accent-color:var(--gut);cursor:pointer}.schrittliste .nr{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--surface-hoch);color:var(--muted);font-size:.8rem;font-weight:700;border:1px solid var(--border)}.schrittliste>li.erledigt .nr{background:#14532d;color:#86efac;border-color:transparent}.schrittinhalt{flex:1 1;min-width:0}.schrittinhalt b{display:block;font-size:.95rem;margin-bottom:.2rem}.schrittinhalt p{margin:0 0 .5rem;color:var(--muted);font-size:.88rem;line-height:1.55}.schrittinhalt p strong{color:var(--text);font-weight:600}.schrittinhalt code{background:var(--bg-tief);border:1px solid var(--border);border-radius:5px;padding:.08rem .4rem;font-size:.86em;color:var(--accent-hell);word-break:break-all}.schrittinhalt .hinweis{font-size:.8rem;color:var(--leise)}.schrittliste>li.optional{border-style:dashed}.schrittliste .nr.opt{flex-shrink:0;background:transparent;color:var(--leise);border-style:dashed}.optbadge{margin-left:.5rem;padding:.03rem .42rem;font-size:.62rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:var(--surface-hoch);border:1px solid var(--border);border-radius:999px;vertical-align:middle}details.hilfe{margin:.2rem 0 .55rem}details.hilfe>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;padding:.12rem .6rem .12rem .28rem;border-radius:999px;width:max-content;background:var(--surface-hoch);border:1px solid var(--border);color:var(--accent-hell);font-size:.76rem;font-weight:600}details.hilfe>summary::-webkit-details-marker{display:none}details.hilfe>summary:before{content:"?";display:inline-flex;align-items:center;justify-content:center;width:1.05rem;height:1.05rem;border-radius:50%;flex-shrink:0;background:var(--accent-hell);color:#fff;font-weight:700;font-size:.72rem}details.hilfe>summary:hover{border-color:var(--accent-hell)}.hilfe-inhalt{margin-top:.45rem;padding:.7rem .85rem;max-width:42rem;background:var(--bg-tief);border:1px solid var(--border);border-radius:var(--rund-klein);font-size:.82rem;line-height:1.55;color:var(--muted)}.hilfe-inhalt p{margin:0 0 .5rem}.hilfe-inhalt p:last-child{margin-bottom:0}.hilfe-inhalt strong{color:var(--text);font-weight:600}.hilfe-inhalt .leise{color:var(--leise);font-size:.78rem}.manuell-versendet{margin-top:.5rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.manuell-versendet form{margin:0}.manuell-versendet button{font-size:.8rem}.formular label.schalterzeile{flex-direction:row;align-items:flex-start;gap:.6rem;cursor:pointer}.formular label.schalterzeile input{width:1.1rem;height:1.1rem;margin-top:.15rem;accent-color:var(--accent);flex-shrink:0;cursor:pointer}.formular label.schalterzeile span{display:flex;flex-direction:column;gap:.15rem}.formular label.schalterzeile strong{font-weight:600;color:var(--text)}.schrittlinks{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.schrittlinks a{color:var(--accent-hell);text-decoration:none;font-size:.86rem;font-weight:600}.schrittlinks a:hover{text-decoration:underline}.schrittlinks .pfad{color:var(--leise);font-size:.8rem;padding-left:.75rem;border-left:1px solid var(--border)}.passwortfeld{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.4rem}.passwortfeld .pw{flex:1 1 14rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem;letter-spacing:.02em;color:var(--text);background:var(--bg-tief);border:1px dashed var(--border-hell);border-radius:6px;padding:.4rem .6rem}.uebergabezeile{margin-top:1.1rem;padding-top:1rem;border-top:1px solid var(--border);justify-content:flex-end}.uebergabezeile,.uebergabezeile form{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.uebergabezeile form{margin:0}.uebergabezeile .fortschritt{font-size:.85rem}.uebergabezeile .meldung{flex-basis:100%;text-align:right}.uebergabezeile .uebergeben{margin:0;color:#86efac;font-size:.9rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.uebergabezeile .uebergeben .haken{font-weight:700}@media (max-width:34rem){.schrittlinks .pfad{padding-left:0;border-left:0;flex-basis:100%}.uebergabezeile{justify-content:space-between}}.app{display:flex;align-items:flex-start;min-height:100svh}.seitenleiste{position:-webkit-sticky;position:sticky;top:0;align-self:flex-start;width:224px;flex-shrink:0;height:100svh;display:flex;flex-direction:column;gap:.15rem;padding:1.1rem .85rem;border-right:1px solid var(--border);background:var(--bg-tief)}.seitenleiste .marke{display:flex;align-items:center;gap:.5rem;font-weight:700;letter-spacing:-.015em;font-size:1.05rem;color:var(--text);text-decoration:none;padding:.4rem .7rem 1.1rem}.seitenleiste .marke-logo{flex-shrink:0;display:block}.seitenleiste nav{display:flex;flex-direction:column;gap:.15rem}.seitenleiste nav a{display:flex;align-items:center;gap:.65rem;padding:.55rem .7rem;border-radius:var(--rund-klein);color:var(--muted);text-decoration:none;font-size:.92rem;transition:background .15s,color .15s}.seitenleiste nav a svg{flex-shrink:0;color:var(--leise);transition:color .15s}.seitenleiste nav a:hover{background:var(--surface-hoch);color:var(--text)}.seitenleiste nav a:hover svg{color:var(--accent-hell)}.seitenleiste .abmelden{margin-top:auto}.seitenleiste .abmelden button{width:100%;text-align:left;background:transparent;box-shadow:none;color:var(--muted);font-weight:500;font-size:.88rem;padding:.55rem .7rem}.seitenleiste .abmelden button:hover{background:var(--surface-hoch);color:var(--text)}.inhalt{flex:1 1;min-width:0}@media (max-width:52rem){.app{flex-direction:column;align-items:stretch}.seitenleiste{position:static;width:auto;height:auto;flex-direction:row;align-items:center;gap:.4rem;flex-wrap:wrap;padding:.7rem 1rem;border-right:0;border-bottom:1px solid var(--border)}.seitenleiste .marke{padding:.2rem .5rem}.seitenleiste nav{flex-direction:row}.seitenleiste .abmelden{margin-top:0;margin-left:auto}.seitenleiste .abmelden button{width:auto}}.kundenkopf{position:-webkit-sticky;position:sticky;top:0;z-index:15;margin:-2rem -1.5rem 1.75rem;padding:1.15rem 1.5rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;flex-wrap:wrap;border-bottom:1px solid var(--border);background:rgba(11,15,22,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.kundenkopf h1{font-size:1.4rem;margin:.1rem 0 0}.kundenkopf-ort{color:var(--muted);font-size:.85rem;margin:.35rem 0 0}.kundenkopf-rechts{display:flex;flex-direction:column;align-items:flex-end;gap:.6rem;margin-left:auto}.zustand-chip{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;font-size:.9rem;font-weight:600;padding:.3rem .8rem;border-radius:999px;border:1px solid var(--border-hell);background:var(--surface)}.zustand-chip .punkt{width:.6rem;height:.6rem;border-radius:50%;flex-shrink:0}.zustand-chip .punkt.grau{background:#64748b}.zustand-chip .punkt.gelb{background:var(--warn)}.zustand-chip .punkt.gruen{background:var(--gut)}.zustand-chip .punkt.rot{background:var(--danger)}.zustand-chip.rot{border-color:color-mix(in srgb,var(--danger) 45%,var(--border));color:#fca5a5}.zustand-chip.gelb.wartend,.zustand-chip.wartend{border-color:color-mix(in srgb,var(--warn) 40%,var(--border))}.kundenkopf-sprung{display:inline-flex;align-items:center;gap:.5rem;max-width:22rem;font-size:.9rem}.kundenkopf-sprung .sprung-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kundenkopf-fertig{color:var(--gut);font-weight:600;font-size:.9rem}@media (max-width:40rem){.kundenkopf-rechts{align-items:flex-start;margin-left:0}.kundenkopf-sprung{max-width:100%}}.schritt.aktuell{border-top:0;border:1px solid var(--border-hell);border-left:3px solid var(--accent);border-radius:var(--rund);background:color-mix(in srgb,var(--accent) 5%,var(--surface));padding:1.35rem 1.5rem;scroll-margin-top:5.5rem}.schritt.aktuell>h2{margin-top:0}.nr.aktiv{background:var(--accent);color:#fff;border-color:transparent}.schritt.klapp{margin-top:.6rem;padding-top:1rem}.schritt.klapp>summary{padding:.2rem 0}details.schritt.klapp.offen{opacity:.62;transition:opacity .15s}details.schritt.klapp.offen:hover,details.schritt.klapp.offen[open]{opacity:1}details.schritt.klapp.offen .nr.wartet{background:var(--surface);color:var(--leise);border-color:var(--border)}details.schritt.klapp.offen .klapp-titel{font-weight:500}.hilfepop{display:inline-block;position:relative;vertical-align:middle;margin-left:.35rem}.hilfepop>summary{list-style:none;cursor:help;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--surface-hoch);color:var(--muted);border:1px solid var(--border-hell);transition:background .15s,color .15s,border-color .15s}.hilfepop>summary::-webkit-details-marker{display:none}.hilfepop>summary:hover{color:var(--text)}.hilfepop[open]>summary{background:var(--accent);color:#fff;border-color:var(--accent)}.hilfepop-panel{position:absolute;z-index:40;top:calc(100% + 6px);left:50%;transform:translateX(-50%);width:min(300px,78vw);text-align:left;font-weight:400;background:var(--surface);color:var(--text);border:1px solid var(--border-hell);border-radius:10px;padding:12px 14px;box-shadow:0 12px 34px -12px rgba(0,0,0,.45);font-size:.85rem;line-height:1.5}.hilfepop-panel strong{display:block;margin-bottom:4px;color:var(--text)}.hilfepop-panel p{margin:.2em 0 0;color:var(--muted)}.hilfepop-panel ul{margin:.4em 0 0;padding-left:1.1em;color:var(--muted)}.hilfepop-panel li{margin:.2em 0}.wahlkopf{display:flex;align-items:center}.wahlkopf b{display:inline-block}.contentmodul .contentmarke{width:1.05rem;margin-top:.1rem;flex-shrink:0;text-align:center;color:var(--accent-hell);font-size:.95rem;line-height:1.2}.contentplanwahl{margin-top:.5rem;width:100%;max-width:22rem;padding:.4rem .55rem;border:1px solid var(--border-hell);border-radius:var(--rund-klein);background:var(--surface);color:var(--text);font:inherit;font-size:.88rem}