@font-face{font-family:Lexend;font-weight:300 700;font-display:swap;src:url(/fonts/lexend-latin.woff2) format("woff2")}:root{--bg: #f4f6fa;--surface: #ffffff;--surface2: #eef2f7;--border: #e3e7ee;--text: #1c1b1f;--text2: #5f6368;--text3: #9aa0a6;--primary: #3a7ff6;--primary-dark: #2b6ae0;--primary-tint: #e8f0fe;--navy: #14213d;--success: #16a34a;--success-tint: #e7f6ec;--warning: #d97706;--warning-tint: #fef3e2;--danger: #dc2626;--danger-tint: #fdecec;--purple: #7c3aed;--purple-tint: #f1eafe;--schatten: 0 1px 3px rgb(20 33 61 / 8%), 0 1px 2px rgb(20 33 61 / 4%)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.4 Lexend,system-ui,sans-serif;-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column;min-height:100vh}h1{margin:0;font-size:30px;line-height:38px;font-weight:600}h2{margin:0;font-size:24px;line-height:32px;font-weight:600}p{margin:0}b{font-weight:600}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}a{color:var(--primary)}:focus-visible{outline:3px solid rgb(58 127 246 / 45%);outline-offset:2px}.icon{flex:none}.reihe{display:flex;align-items:center;gap:12px}.reihe.eng{gap:6px}.reihe.zwischen{justify-content:space-between}.reihe.oben{align-items:flex-start}.reihe.unten{align-items:flex-end}.reihe.umbruch{flex-wrap:wrap}.stapel{display:flex;flex-direction:column;gap:20px}.stapel.eng{gap:14px}.stapel.null{gap:2px}.stapel.zentriert{align-items:center;text-align:center}.stapel.zentriert>.eingabe,.stapel.zentriert>.btn{align-self:stretch}.wachsen{flex:1;min-width:0}.spacer{flex:1}.rechts{text-align:right;align-items:flex-end}.leise{color:var(--text2)}.klein{font-size:14px}.winzig{font-size:12px}.fehler{color:var(--danger);font-weight:500}.hinweis{display:flex;align-items:center;gap:6px;color:var(--text2);font-size:14px}.caption{display:inline-flex;align-items:center;gap:8px;font-size:13px;line-height:18px;font-weight:500;letter-spacing:.06em;color:var(--text2)}.caption.blau .icon{color:var(--primary)}.caption.rot .icon{color:var(--danger)}.topbar{display:flex;align-items:center;gap:16px;height:72px;padding:0 24px;background:var(--surface);border-bottom:1px solid var(--border);flex:none}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:500}.brand img{height:36px;border-radius:8px;background:#fff}.trenner{width:1px;height:32px;background:var(--border)}.nav{display:flex;gap:4px;overflow-x:auto}.nav button{height:44px;padding:0 16px;border:0;border-radius:12px;background:none;color:var(--text2);font-size:18px;font-weight:500;white-space:nowrap}.nav button:hover{background:var(--surface2)}.nav button.aktiv{background:var(--primary-tint);color:var(--primary)}.topbar.dunkel{gap:12px;background:var(--navy);border-bottom:0;color:#fff}.topbar.dunkel .trenner{background:#ffffff29}.topbar.dunkel .nav button{padding:0 10px;color:#ffffffbf}.topbar.dunkel .nav button:hover,.topbar.dunkel .nav button.aktiv{background:#ffffff29;color:#fff}.topbar.dunkel .btn{background:#ffffff1f;color:#fff}.badge{padding:4px 10px;border-radius:6px;background:var(--warning);font-size:12px;font-weight:600;letter-spacing:.08em}.uhr{font-size:14px;color:#ffffffd9}.nutzer{display:flex;align-items:center;gap:10px;height:48px;padding:0 14px 0 6px;border-radius:24px;background:#ffffff1f;font-weight:500;white-space:nowrap}.content{flex:1;display:flex;flex-direction:column;gap:20px;padding:24px 32px;width:100%;max-width:1440px;margin:0 auto}.content.mitte{align-items:center;justify-content:center}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;flex-wrap:wrap}.card{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--schatten)}.card.schmal{width:100%;max-width:520px;padding:40px}.card.wahl{width:100%;max-width:1020px;padding:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 20px;border:0;border-radius:12px;background:var(--surface2);color:var(--text);font-size:18px;font-weight:500;white-space:nowrap}.btn:hover:not(:disabled){filter:brightness(.96)}.btn.primaer{background:var(--primary);color:#fff}.btn.gefahr{background:var(--danger);color:#fff}.btn.rot{background:var(--danger-tint);color:var(--danger)}.btn.klein{height:40px;padding:0 16px;font-size:16px}.btn.gross{height:52px;font-size:20px}.btn.icon{width:48px;padding:0}.btn.icon.klein{width:40px}.btn.voll{width:100%}.btn.links{margin-right:auto}.stift{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:none;color:var(--text2)}.stift:hover{background:var(--surface2);color:var(--text)}.feld{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.feld>span{font-size:16px;font-weight:500;color:var(--text2)}.feld>.frage{display:flex;align-items:center;gap:8px;font-size:18px;color:var(--text)}.frage .icon{color:var(--primary)}.frage small{font-size:14px;font-weight:400;color:var(--text3)}.eingabe{width:100%;min-height:48px;padding:10px 16px;border:1.5px solid var(--border);border-radius:12px;background:var(--surface);font-size:18px}textarea.eingabe{resize:vertical;line-height:1.45}.eingabe:focus,.eingabe:focus-within{outline:0;border-color:var(--primary)}.eingabe:disabled{background:var(--surface2);color:var(--text2)}.eingabe.mit-knopf,.eingabe.mit-symbol{display:flex;align-items:center;gap:12px;padding-block:0;color:var(--text2)}.eingabe.mit-knopf input,.eingabe.mit-symbol input{flex:1;min-width:0;height:45px;padding:0;border:0;outline:0;background:none;color:var(--text)}.eingabe.mit-knopf button{display:grid;place-items:center;padding:6px;border:0;background:none;color:var(--text2);border-radius:8px}.eingabe.mit-symbol a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;text-decoration:none}.eingabe.mit-symbol a:hover{text-decoration:underline}.eingabe.suche{width:280px;flex:none}.raster{display:grid;gap:16px}.raster.zwei{grid-template-columns:1fr 1fr}.raster.drei{grid-template-columns:1fr 1fr 140px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border:1.5px solid var(--border);border-radius:20px;background:var(--surface);font-size:18px;font-weight:500;white-space:nowrap}.chip.aktiv{background:var(--primary);border-color:var(--primary);color:#fff}.chip.person{height:44px;padding:0 14px 0 6px;border-radius:22px;color:var(--text2)}.chip.person.da{background:var(--success-tint);border-color:var(--success-tint);color:var(--success)}.haken{display:grid;place-items:center;flex:none;width:24px;height:24px;padding:0;border:1.5px solid var(--text3);border-radius:7px;background:var(--surface);color:#fff}.haken.an{background:var(--primary);border-color:var(--primary)}.pill{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px 0 10px;border-radius:16px;font-size:16px;font-weight:500;white-space:nowrap}.pill i,.punkt{width:10px;height:10px;border-radius:50%;background:currentColor;flex:none}.pill.klein{height:24px;font-size:13px;padding:0 10px}.pill.gross{height:40px;padding:0 14px 0 12px;border-radius:20px}.pill.gruen{background:var(--success-tint);color:var(--success)}.pill.blau{background:var(--primary-tint);color:var(--primary)}.pill.orange{background:var(--warning-tint);color:var(--warning)}.pill.rot{background:var(--danger-tint);color:var(--danger)}.pill.grau{background:var(--surface2);color:var(--text2)}.kat-hardware{background:var(--warning-tint);color:var(--warning)}.kat-code{background:var(--purple-tint);color:var(--purple)}.kat-doku{background:var(--primary-tint);color:var(--primary)}.punkt.grau{color:var(--text3)}.punkt.blau{color:var(--primary)}.punkt.gruen{color:var(--success)}.avatar{display:inline-grid;place-items:center;flex:none;border-radius:50%;font-weight:600}.avatar.blau{background:var(--primary-tint);color:var(--primary)}.avatar.lila{background:var(--purple-tint);color:var(--purple)}.avatar.gruen{background:var(--success-tint);color:var(--success)}.avatar.orange{background:var(--warning-tint);color:var(--warning)}.avatar.grau{background:var(--surface2);color:var(--text2)}.kreis{display:inline-grid;place-items:center;flex:none;width:56px;height:56px;border-radius:50%}.kreis.klein{width:40px;height:40px}.kreis.blau{background:var(--primary-tint);color:var(--primary)}.kreis.gruen{background:var(--success-tint);color:var(--success)}.fortschritt{height:8px;border-radius:4px;background:var(--surface2);overflow:hidden}.fortschritt i{display:block;height:100%;border-radius:4px;background:var(--primary);transition:width .2s}.overlay{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:24px;background:#14213d73;overflow-y:auto}.dialog{display:flex;flex-direction:column;gap:20px;width:100%;max-width:560px;padding:32px;border-radius:20px;background:var(--surface);box-shadow:0 24px 64px #14213d4d}.dialog.breit{max-width:640px}.dialog-fuss{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.toast{position:fixed;left:50%;bottom:24px;z-index:20;transform:translate(-50%);max-width:calc(100vw - 48px);padding:14px 20px;border-radius:12px;background:var(--navy);color:#fff;font-weight:500;box-shadow:0 12px 32px #14213d59}.namen{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;max-height:50vh;overflow-y:auto;padding:2px}.name{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1.5px solid var(--border);border-radius:12px;background:var(--surface);text-align:left}.name:hover{border-color:var(--primary);background:var(--primary-tint)}.name>span:not(.avatar){display:flex;flex-direction:column;min-width:0}.name b{font-size:18px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.name small{font-size:14px;color:var(--text2)}.team-reihe{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.team-reihe span:not(.avatar){display:flex;flex-direction:column;align-items:center;gap:6px;font-weight:500}.team-reihe .fehlt{color:var(--text3)}.content.heute{flex-direction:row;align-items:stretch;padding:24px}.spalte{display:flex;flex-direction:column;gap:20px;flex:1;min-width:0}.spalte.links{flex:none;width:400px}.spalte .card{padding:20px}.zahl{font-size:40px;line-height:48px;font-weight:600;font-variant-numeric:tabular-nums}.card.ruf{background:var(--danger-tint);border-color:var(--danger);color:var(--danger)}.card.ruf b{display:flex;align-items:center;gap:8px}.card.ruf .leise{color:inherit}.zeile{display:flex;align-items:center;gap:12px;min-height:44px;padding:6px 12px;border:1.5px solid var(--border);border-radius:10px;background:var(--surface);font-weight:500}.zeile.fertig>span{color:var(--text3);text-decoration:line-through}.zeile.neu{border-color:transparent;background:var(--surface2);color:var(--text2)}.zeile.neu input{flex:1;min-width:0;height:30px;border:0;outline:0;background:none;color:var(--text)}.zeile.flach{border:0;background:var(--surface2);padding:14px 16px;color:var(--text2)}.zeile.flach b{color:var(--text);font-size:18px}.zeile.flach .klein{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;flex:1;align-items:stretch}.kanban-spalte{display:flex;flex-direction:column;gap:10px;min-height:320px;padding:12px;border-radius:16px;background:var(--surface2)}.kanban-spalte .kopf{padding:4px 6px;font-size:18px}.todo{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:12px;background:var(--surface);box-shadow:var(--schatten)}.todo b{font-size:18px;font-weight:500;overflow-wrap:anywhere}.todo .stift{width:24px;height:24px}.todo.fertig b{color:var(--text3);text-decoration:line-through}.weg{display:flex;flex-direction:column;gap:16px}.weg-zeile{position:relative;display:flex;padding-inline:60px}.weg-zeile.zurueck{direction:rtl}.weg-zelle{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px}.linie{position:absolute;top:18px;width:50%;height:4px;background:var(--border)}.linie.rein{inset-inline-start:0}.linie.raus{inset-inline-end:0}.weg-zelle.fertig .linie,.weg-zelle.aktuell .linie.rein{background:var(--success)}.weg-zelle.erste .linie.rein,.weg-zelle.letzte .linie.raus{display:none}.kehre{position:absolute;top:18px;inset-inline-end:28px;width:32px;height:calc(100% + 20px);border:4px solid var(--border);border-inline-start:0;border-start-end-radius:32px;border-end-end-radius:32px}.kehre.fertig{border-color:var(--success)}.weg-punkt{position:relative;z-index:1;width:14px;height:14px;margin:13px 0;border:2px solid var(--text3);border-radius:50%;background:var(--surface)}.fertig .weg-punkt{border-color:var(--success);background:var(--success)}.aktuell .weg-punkt{border-color:var(--primary);background:var(--primary);box-shadow:0 0 0 4px var(--primary-tint)}.weg-punkt.cup{display:grid;place-items:center;width:40px;height:40px;margin:0;border-color:var(--warning);background:var(--warning-tint);color:var(--warning);box-shadow:none}.weg-text{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:2px 6px;border:0;border-radius:8px;background:none;direction:ltr;color:var(--text2);font-size:16px}.weg-text:hover{background:var(--surface2)}.weg-text small{font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--text3)}.weg-text span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weg-text .meilenstein{font-weight:600}.weg-text .icon{color:var(--text3)}.fertig .weg-text,.aktuell .weg-text{color:var(--text)}.aktuell .weg-text small{color:var(--primary)}.card.offen{padding:20px;flex-wrap:wrap}.card.offen.aktuell{background:var(--primary-tint);border-color:var(--primary)}.w-marke{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:var(--primary-tint);color:var(--primary);font-weight:600}.w-marke.voll{background:var(--surface2);color:var(--text2)}.aktuell .w-marke.voll{background:var(--primary);color:#fff}.titel{font-size:20px;line-height:28px;font-weight:500}.medien{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.medien figure{position:relative;margin:0;height:180px;border-radius:12px;overflow:hidden;background:var(--navy)}.medien img,.medien video{display:block;width:100%;height:100%;object-fit:cover}.medien video{object-fit:contain}.weg-damit{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#14213dbf;color:#fff}.abschnitt{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:12px;background:var(--surface2)}.abschnitt p{font-size:18px;line-height:26px;white-space:pre-wrap;overflow-wrap:anywhere}.ablage{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;min-height:74px;padding:16px 20px;border:1.5px dashed var(--text3);border-radius:12px;background:var(--surface2);color:var(--text2)}.card.liste{display:flex;flex-direction:column;gap:8px;padding:12px}.liste-kopf{display:flex;gap:16px;padding:8px 60px 4px 16px;font-size:13px;font-weight:500;color:var(--text2)}.sp-mitglieder{width:170px;flex:none}.sp-status{width:190px;flex:none}.liste-kopf .sp-status{margin-right:40px}.zeile.gross{min-height:66px;padding:0 12px 0 0;gap:4px}.zeile-haupt{display:flex;align-items:center;gap:16px;flex:1;min-width:0;min-height:64px;padding:8px 8px 8px 16px;border:0;border-radius:10px;background:none;text-align:left}.zeile-haupt:hover{background:var(--bg)}.zeile-haupt b{font-size:18px;font-weight:500}.zeile-haupt>.icon{color:var(--text3)}.leer{padding:20px 16px}.gefahrenzone{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px;border:1px solid var(--danger);border-radius:12px;background:var(--danger-tint);color:var(--danger)}.gefahrenzone b{display:flex;align-items:center;gap:8px}a.btn{text-decoration:none}.board{position:fixed;inset:0;z-index:5;overflow:hidden;background:var(--bg)}.board-leer{display:grid;place-content:center;justify-items:center;gap:20px;padding:40px;font-size:24px;text-align:center;color:var(--text2)}.board-buehne{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;gap:24px;width:1920px;height:1080px;padding:40px}.board-reihe{display:flex;gap:24px;flex:1;min-height:0}.board-karte{display:flex;flex-direction:column;gap:20px;padding:28px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--schatten);min-height:0}.board-seite{width:520px;flex:none}.board-mitte{display:flex;flex-direction:column;gap:24px;flex:1;min-width:0}.board-kopf{min-height:34px;align-items:center}.board .pill{height:34px}.board-liste{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}.board-zeile{display:flex;flex:1 1 0;min-height:0;max-height:128px;padding:16px 20px;border-radius:14px;background:var(--surface2);overflow:hidden}.board-zeile.hoch{flex-direction:column;justify-content:center;gap:6px}.board-zeile.quer{align-items:center;gap:16px}.board-zeile b{font-size:20px;line-height:28px;font-weight:500}.board-zeile span{font-size:18px;line-height:26px;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-zeile.quer b{color:var(--text2)}.board-zeile.quer.fertig b{color:var(--text)}.board-haken{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid var(--border);border-radius:50%;background:var(--surface)}.fertig .board-haken{border-color:var(--success);background:var(--success);color:#fff}.board-uhr{align-items:center;gap:4px;padding:32px}.board-uhrzeit{font-size:120px;line-height:120px;font-weight:600;font-variant-numeric:tabular-nums}.board-uhrzeit i{font-style:normal;color:var(--text3)}.board-datum{font-size:24px;line-height:32px;font-weight:600;color:var(--text2)}.board-anwesend{flex:1}.board-leute{display:grid;gap:16px;align-content:start;justify-items:center}.board-leute span{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:16px;line-height:22px;font-weight:500;color:var(--text3)}.board-leute i{display:grid;place-items:center;border-radius:50%;background:var(--surface2);font-style:normal;font-weight:600}.board-leute .da{color:var(--text)}.board-leute .da i{background:var(--success);color:#fff}.board-session{flex-direction:row;align-items:center;gap:56px;height:176px;flex:none}.board-session-links{display:flex;flex-direction:column;gap:12px;flex:none;min-width:354px}.board-rest{gap:20px;font-size:18px;line-height:26px}.board-rest b{font-weight:500}.board-countdown{font-size:64px;line-height:72px;font-weight:600;font-variant-numeric:tabular-nums}.board-zeit{position:relative;flex:1;height:102px}.board-spur{position:absolute;left:0;right:0;top:44px;height:24px;border-radius:12px;background:var(--surface2);overflow:hidden}.board-spur i{display:block;height:100%;border-radius:12px;background:var(--primary)}.board-knopf{position:absolute;top:38px;width:36px;height:36px;margin-left:-18px;border:6px solid var(--primary);border-radius:50%;background:#fff}.board-jetzt{position:absolute;top:0;transform:translate(-50%);padding:4px 12px;border-radius:15px;background:var(--navy);color:#fff;font-size:16px;line-height:22px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.board-marke{position:absolute;top:80px;transform:translate(-50%);font-size:16px;line-height:22px;font-weight:500;color:var(--text2);font-variant-numeric:tabular-nums}.board-marke.erste{transform:none}.board-marke.letzte{transform:translate(-100%)}.board-gruss{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:var(--primary);color:#fff;text-align:center;animation:board-ein .4s ease-out}.board-gruss h1{font-size:120px;line-height:120px}.board-gruss p{margin-top:8px;font-size:30px;line-height:38px;font-weight:600;opacity:.8}.board-gruss-hand{display:grid;place-items:center;width:120px;height:120px;border-radius:50%;background:#fff3}.board-gruss-team{display:flex;gap:24px}.board-gruss-team span{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:20px;line-height:28px;font-weight:500}.board-gruss-team i{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:#fff;color:var(--primary-dark);font-size:30px;font-style:normal;font-weight:600}.board-gruss-team .fehlt{color:#ffffff7f}.board-gruss-team .fehlt i{background:#fff3;color:#fff}@keyframes board-ein{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.board-gruss{animation:none}}.board-zurueck{position:fixed;top:12px;right:12px;z-index:6;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#14213d1f;color:var(--text);opacity:.4}.board-zurueck:hover,.board-zurueck:focus-visible{opacity:1}@media(max-width:900px){.topbar{gap:8px;padding:0 12px}.brand span,.trenner,.pill.gross,.uhr,.badge{display:none}.content,.content.heute{padding:16px}.content.heute{flex-direction:column}.spalte.links{width:auto}.kanban,.raster.zwei,.raster.drei{grid-template-columns:1fr}.kanban-spalte{min-height:0}.eingabe.suche{width:100%}.sp-mitglieder,.sp-status,.liste-kopf{display:none}.weg-zeile{padding-inline:36px}.kehre{inset-inline-end:4px}.weg-text{flex-direction:column;gap:0;font-size:13px}.weg-text span{white-space:normal;text-align:center}.weg-text .icon{display:none}}