:root{--grund: #f4f1ec;--grund-2: #ece6dd;--flaeche: rgb(255 255 255 / .72);--flaeche-fest: #ffffff;--flaeche-tief: rgb(255 255 255 / .55);--glanz: rgb(255 255 255 / .9);--text: #1d2430;--leise: #586270;--linie: rgb(29 36 48 / .12);--linie-stark: rgb(29 36 48 / .28);--akzent: #a94b18;--akzent-2: #bd5a22;--akzent-text: #ffffff;--band: #1f2a37;--band-2: #2e3d50;--band-text: #f3efe8;--ok: #1d7444;--ok-grund: rgb(30 122 70 / .12);--warn: #8f5200;--warn-grund: rgb(240 170 50 / .18);--gefahr: #b42318;--gefahr-grund: rgb(180 35 24 / .1);--schatten: 0 1px 2px rgb(29 36 48 / .06), 0 8px 24px -12px rgb(29 36 48 / .18);--schatten-hoch: 0 2px 4px rgb(29 36 48 / .08), 0 16px 40px -16px rgb(29 36 48 / .3);--radius: 14px;--radius-klein: 9px;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color-scheme:light dark;accent-color:var(--akzent)}@media (prefers-color-scheme: dark){:root{--grund: #0e1217;--grund-2: #151b23;--flaeche: rgb(30 38 49 / .66);--flaeche-fest: #1a212b;--flaeche-tief: rgb(20 26 34 / .6);--glanz: rgb(255 255 255 / .08);--text: #e8ebf0;--leise: #a0aab8;--linie: rgb(255 255 255 / .1);--linie-stark: rgb(255 255 255 / .26);--akzent: #e8945a;--akzent-2: #f2ae7c;--akzent-text: #1a0f07;--band: #0b0f14;--band-2: #1a2430;--band-text: #ece8e1;--ok: #74d6a0;--ok-grund: rgb(116 214 160 / .14);--warn: #f2bf62;--warn-grund: rgb(242 191 98 / .14);--gefahr: #ff8f85;--gefahr-grund: rgb(255 143 133 / .13);--schatten: 0 1px 2px rgb(0 0 0 / .4), 0 10px 28px -14px rgb(0 0 0 / .7);--schatten-hoch: 0 2px 6px rgb(0 0 0 / .45), 0 18px 44px -18px rgb(0 0 0 / .8)}}@media (prefers-reduced-transparency: reduce),(prefers-contrast: more){:root{--flaeche: var(--flaeche-fest);--flaeche-tief: var(--flaeche-fest);--linie: var(--linie-stark)}}*{box-sizing:border-box}html{min-height:100%;background-color:var(--grund);background-image:radial-gradient(60rem 30rem at 100% -10%,rgb(208 112 47 / .16),transparent 70%),radial-gradient(50rem 28rem at -10% 10%,rgb(46 61 80 / .14),transparent 70%),linear-gradient(180deg,var(--grund),var(--grund-2));background-attachment:fixed}body{margin:0;color:var(--text);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.rahmen{min-height:100vh;display:flex;flex-direction:column}.kopf{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem 1.1rem;color:var(--band-text);background:linear-gradient(180deg,var(--band-2),var(--band));box-shadow:inset 0 -1px #ffffff0f,0 6px 20px -12px #00000080}.marke-name{font-weight:700;letter-spacing:.01em;display:flex;align-items:center;gap:.55rem}.marke-name .marke-und{color:var(--akzent-2)}.marke-name .marke-zusatz{font-weight:550;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;padding:.12rem .5rem;border-radius:999px;background:#ffffff1a;color:var(--band-text)}.nutzer{display:flex;align-items:center;gap:.6rem;color:#f3efe8bf;font-size:.85rem}.kopf .knopf-zweit{color:var(--band-text);border-color:#ffffff4d;background:#ffffff0f;box-shadow:none}main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:1rem 1rem 2.5rem}.fuss{text-align:center;color:var(--leise);font-size:.78rem;padding:1rem}h1{font-size:1.3rem;margin:0 0 .6rem;letter-spacing:-.01em}h2{font-size:1.08rem;margin:1rem 0 .55rem;letter-spacing:-.005em}h3{font-size:.95rem;margin:.6rem 0 .4rem}p{margin:.4rem 0}a{color:var(--akzent);text-underline-offset:2px}.karte,.karte-flach,.hinweisbox,.tabelle-rahmen,.werte,.schrittleiste,.vertrag,.org-bereich{background:var(--flaeche);border:1px solid var(--linie);box-shadow:var(--schatten),inset 0 1px 0 var(--glanz);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3)}.karte{max-width:420px;margin:2.5rem auto;border-radius:var(--radius);padding:1.4rem 1.5rem;box-shadow:var(--schatten-hoch),inset 0 1px 0 var(--glanz)}.karte-flach{border-radius:var(--radius);padding:.9rem 1.1rem;max-width:none}.hinweisbox{border-radius:var(--radius);padding:.75rem 1rem;margin:.75rem 0;border-left:3px solid var(--akzent)}.hinweisbox>h3:first-child{margin-top:.1rem}.formular{display:flex;flex-direction:column;gap:.65rem;max-width:540px}.formular.zeile{flex-direction:row;align-items:flex-end;flex-wrap:wrap}label{display:flex;flex-direction:column;gap:.25rem;font-size:.84rem;color:var(--leise)}label.auswahl{flex-direction:row;align-items:center;gap:.45rem;color:var(--text)}.auswahl-kette{max-width:320px}input,select,textarea{font:inherit;font-size:.93rem;color:var(--text);min-width:0;background:var(--flaeche-tief);border:1px solid var(--linie);border-radius:var(--radius-klein);padding:.45rem .6rem;box-shadow:inset 0 1px 2px #0000000d;transition:border-color .15s,box-shadow .15s}input:hover,select:hover,textarea:hover{border-color:var(--linie-stark)}input:focus,select:focus,textarea:focus{border-color:var(--akzent);box-shadow:0 0 0 3px #d0702f33}textarea{font-family:var(--mono);font-size:.8rem}:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}button{font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;border-radius:var(--radius-klein);padding:.45rem .95rem;color:var(--akzent-text);border:1px solid color-mix(in srgb,var(--akzent) 80%,black);background:linear-gradient(180deg,var(--akzent-2),var(--akzent));box-shadow:inset 0 1px #ffffff59,0 1px 2px #0000001f,0 4px 12px -6px var(--akzent);transition:transform .12s,box-shadow .15s,filter .15s}button:hover:not(:disabled){filter:brightness(1.05);box-shadow:inset 0 1px #fff6,0 2px 4px #00000024,0 8px 18px -8px var(--akzent)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}.knopf-zweit{background:var(--flaeche-tief);color:var(--akzent);border-color:var(--linie-stark);box-shadow:inset 0 1px 0 var(--glanz),0 1px 2px #0000000f}.knopf-gefahr{background:transparent;color:var(--gefahr);border-color:color-mix(in srgb,var(--gefahr) 55%,transparent);box-shadow:none}.knopf-klein{padding:.2rem .55rem;font-size:.8rem}.reiter{display:flex;flex-wrap:wrap;gap:.2rem;padding:.25rem;margin:0 0 .75rem;background:var(--flaeche-tief);border:1px solid var(--linie);border-radius:12px;box-shadow:inset 0 1px 2px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reiter button{background:transparent;color:var(--leise);border:1px solid transparent;box-shadow:none;border-radius:9px;padding:.35rem .75rem;font-weight:550}.reiter button:hover:not(.aktiv){color:var(--text);background:var(--glanz);filter:none}.reiter button.aktiv{color:var(--text);background:var(--flaeche-fest);border-color:var(--linie);box-shadow:0 1px 2px #00000014,0 4px 10px -6px #00000040,inset 0 -2px 0 var(--akzent)}.meldung{padding:.5rem .75rem;border-radius:var(--radius-klein);margin:.45rem 0;font-size:.88rem;border:1px solid transparent}.meldung-fehler{background:var(--gefahr-grund);color:var(--gefahr);border-color:color-mix(in srgb,var(--gefahr) 25%,transparent)}.meldung-ok{background:var(--ok-grund);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 25%,transparent)}.meldung-hinweis{background:var(--warn-grund);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 25%,transparent)}.hinweis{color:var(--leise);font-size:.84rem}.leer{color:var(--leise)}.tabelle-rahmen{overflow-x:auto;border-radius:var(--radius)}table{width:100%;border-collapse:collapse;font-size:.86rem}th,td{text-align:left;padding:.42rem .65rem;border-bottom:1px solid var(--linie);vertical-align:top}th{color:var(--leise);font-weight:600;font-size:.76rem;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;background:var(--glanz)}tbody tr{transition:background .12s}tbody tr:hover{background:color-mix(in srgb,var(--akzent) 6%,transparent)}tr:last-child td{border-bottom:none}.mono{font-family:var(--mono);font-size:.8rem}.klein{font-size:.74rem;word-break:break-all}.aktionen{display:flex;gap:.35rem;flex-wrap:wrap}.marke{display:inline-block;font-size:.72rem;font-weight:600;padding:.08rem .5rem;border-radius:999px;background:var(--linie);color:var(--leise);border:1px solid var(--linie)}.marke.ok{background:var(--ok-grund);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 25%,transparent)}.marke.warn{background:var(--warn-grund);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 25%,transparent)}.werte{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1.25rem;border-radius:var(--radius);padding:.85rem 1rem}.werte dt{color:var(--leise);font-size:.86rem}.werte dd{margin:0}.kopfzeile{display:flex;justify-content:space-between;align-items:center;gap:1rem}.kopierfeld{display:flex;gap:.45rem;align-items:flex-start;background:var(--flaeche-tief);border:1px solid var(--linie);border-radius:var(--radius-klein);padding:.4rem .5rem;margin:.35rem 0}.kopierfeld code,.kopierfeld pre{flex:1;margin:0;font-family:var(--mono);font-size:.8rem;white-space:pre-wrap;word-break:break-all}.schritte{padding-left:1.2rem}.schritte>li{margin-bottom:1rem}.downloads{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;padding-left:1rem}.qr{display:block;margin:0 auto;border-radius:var(--radius-klein);background:#fff;padding:6px;box-shadow:var(--schatten)}details{font-size:.88rem}@media (max-width: 640px){.werte{grid-template-columns:1fr}.formular.zeile{flex-direction:column;align-items:stretch}.karte{margin:1rem auto}.nutzer>span:first-child{display:none}}.vertrag{border-radius:var(--radius);padding:.4rem 1.4rem 1.1rem;margin:.9rem 0;font-size:.93rem;line-height:1.6}.vertrag h2{font-size:1.05rem;margin-top:1.1rem}.vertrag h3{font-size:.95rem;margin:.9rem 0 .3rem}.vertrag p{margin:.3rem 0}.vertrag-liste{margin:.3rem 0;padding-left:1.2rem}.vertrag-liste li.tief{margin-left:1.2rem;list-style:circle}.schrittleiste{border-radius:var(--radius);padding:.7rem .9rem;margin-bottom:.9rem}.schrittleiste ol{list-style:none;padding:0;margin:.5rem 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.4rem}.schrittleiste li{display:flex;align-items:flex-start;gap:.2rem;border:1px solid var(--linie);border-radius:11px;padding:.35rem;background:var(--flaeche-tief);transition:border-color .15s,box-shadow .15s}.schrittleiste li.aktuell{border-color:var(--akzent);box-shadow:0 0 0 3px #d0702f2e;background:var(--flaeche-fest)}.schrittleiste li.erledigt{opacity:.85}.schritt-knopf{flex:1;display:flex;gap:.45rem;align-items:flex-start;background:transparent;border:0;box-shadow:none;color:var(--text);text-align:left;padding:.15rem;font-weight:400}.schritt-knopf:hover:not(:disabled){filter:none;box-shadow:none}.punkt{flex:none;display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--linie);color:var(--text);font-weight:700;font-size:.8rem}li.aktuell .punkt{background:linear-gradient(180deg,var(--akzent-2),var(--akzent));color:var(--akzent-text);box-shadow:inset 0 1px #ffffff59,0 2px 6px -2px var(--akzent)}li.erledigt .punkt{background:var(--ok-grund);color:var(--ok)}.schritt-text{display:flex;flex-direction:column}.schritt-titel{font-weight:650;font-size:.88rem}.schritt-kurz{font-size:.76rem;color:var(--leise)}.hilfe-knopf{flex:none;width:1.4rem;height:1.4rem;padding:0;border-radius:50%;font-size:.75rem;background:transparent;color:var(--leise);border:1px solid var(--linie);box-shadow:none}.hilfe-text{display:block;margin-top:.5rem;padding:.5rem .75rem;border-left:3px solid var(--akzent);background:var(--flaeche-tief);border-radius:6px;font-size:.86rem;font-weight:400}.hilfe-text p{margin:0}.hilfe-inline{display:inline}.hilfe-inline .hilfe-text{margin:.4rem 0}.naechster{margin:.6rem 0 0;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.schnellstart fieldset{border:1px solid var(--linie);border-radius:var(--radius);display:flex;gap:.8rem;flex-wrap:wrap;background:var(--flaeche-tief)}.schnellstart fieldset label{width:9rem}.organigramm{overflow-x:auto;padding:.4rem 0}.org-bereich{border-left:4px solid var(--leise);border-radius:var(--radius);padding:.55rem .75rem;margin:.45rem 0}.org-bereich.art-leitung{border-left-color:var(--akzent)}.org-bereich.art-verwaltung{border-left-color:var(--warn)}.org-bereich.art-produktiv{border-left-color:var(--ok)}.org-bereich.ueber{outline:2px dashed var(--akzent);outline-offset:2px}.org-kopf{display:flex;gap:.45rem;flex-wrap:wrap;align-items:center}.org-kopf input{flex:1;min-width:10rem;font-weight:650}.org-personen{list-style:none;padding:0;margin:.45rem 0;display:flex;flex-wrap:wrap;gap:.35rem}.org-person-knopf{background:var(--flaeche-fest);color:var(--text);border:1px solid var(--linie);box-shadow:0 1px 2px #0000000f;font-weight:400;padding:.25rem .55rem;font-size:.84rem;cursor:grab}.org-person-knopf:hover:not(:disabled){filter:none;border-color:var(--akzent)}.org-person-edit{display:flex;gap:.3rem;flex-wrap:wrap;align-items:center;background:var(--flaeche-fest);border:1px solid var(--akzent);border-radius:var(--radius-klein);padding:.3rem}.org-person-edit input[type=number]{width:5rem}.griff{color:var(--leise);margin-right:.3rem}.org-aktionen{display:flex;gap:.35rem;flex-wrap:wrap}.org-unter{margin-left:1.1rem;border-left:1px dashed var(--linie-stark);padding-left:.75rem}.umfang-teilzeit,.umfang-minijob{background:var(--warn-grund);color:var(--warn)}.umfang-azubi{background:var(--ok-grund);color:var(--ok)}@media (prefers-reduced-motion: reduce){*{transition:none!important}}@media (forced-colors: active){button,.reiter button.aktiv,.schrittleiste li.aktuell{border:1px solid ButtonText}.reiter button.aktiv{forced-color-adjust:none;background:Highlight;color:HighlightText}}.zeile-klick{cursor:pointer}.akte>.kopfzeile h2{display:flex;align-items:center;gap:.6rem;margin:.2rem 0 .7rem}.akte .reiter{margin-bottom:.6rem}.akte .reiter button{padding:.28rem .65rem;font-size:.85rem}.akte .werte .kopierfeld{margin:0}.formular.zeile input,.formular.zeile select,.formular.zeile button{height:2.25rem}.knopf-link{background:none;border:0;box-shadow:none;padding:0;color:var(--akzent);font-weight:550;text-decoration:underline;text-underline-offset:2px}.knopf-link:hover:not(:disabled){filter:none;box-shadow:none}.branche,.rollen{margin:.75rem 0}.rollen-liste{list-style:none;padding:0;margin:.4rem 0;display:grid;gap:.4rem}.rollen-liste li{border:1px solid var(--linie);border-radius:var(--radius-klein);padding:.45rem .6rem;background:var(--flaeche-tief);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem 1rem}.rollen-liste li.offen{border-left:3px solid var(--warn)}.rolle-kopf{flex:1 1 22rem}.rolle-quelle{display:block;font-size:.74rem;color:var(--leise)}.rolle-traeger{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.rolle-traeger select{padding:.2rem .4rem;font-size:.82rem}.rolle-traeger .knopf-link{margin-left:.3rem;text-decoration:none}.vorschau-band{position:sticky;top:3rem;z-index:9;display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center;justify-content:space-between;margin:0 0 .8rem;padding:.55rem .9rem;border-radius:var(--radius);background:var(--warn-grund);color:var(--text);border:1px solid color-mix(in srgb,var(--warn) 45%,transparent);box-shadow:var(--schatten);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
