@font-face{font-family:Archivo Black;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-black-latin-400-normal-BTVu2TQR.woff2)format("woff2"),url(/assets/archivo-black-latin-400-normal-HW9MwEcM.woff)format("woff")}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-latin-400-normal-C81ewxNO.woff2)format("woff2"),url(/assets/archivo-latin-400-normal-Bl602Mgc.woff)format("woff")}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/archivo-latin-600-normal-3BBy0ZsW.woff2)format("woff2"),url(/assets/archivo-latin-600-normal-DwYieO8P.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff)format("woff")}:root{--carbon:#1a1a1a;--carbon-2:#212426;--carbon-3:#2a2e31;--volt:#d7ff3e;--volt-ink:#1a1a1a;--beton:#8a8f94;--ink:#14161a;--ink-2:#4c5257;--ink-3:#6e747a;--ground:#fff;--ground-2:#f2f4f5;--rule:#dce0e3;--rule-2:#bfc5c8;--rinne:24px;--f-display:"Archivo Black", "Arial Black", Arial, sans-serif;--f-body:"Archivo", "Segoe UI", -apple-system, Arial, sans-serif;--f-mono:"JetBrains Mono", Consolas, ui-monospace, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--ground);height:100vh;color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}#wurzel{height:100%}:focus-visible{outline:3px solid var(--volt);outline-offset:1px}.rahmen{height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--carbon);grid-template-columns:300px minmax(0,1fr);display:grid}@media (width<=720px){.rahmen{grid-template-rows:auto minmax(0,1fr);grid-template-columns:100%}aside{max-height:60vh}aside .seitenfuss{flex-flow:wrap;flex:none;align-items:center;gap:6px;padding:8px 20px}aside .seitenfuss button,aside .seitenfuss button.flach{flex:auto}aside .benachrichtigungen{flex-direction:row;flex:auto;align-items:center}.rahmen aside header{padding:10px 20px}.rahmen .seitenlabel{padding:10px 20px 6px}.verlauf{padding:16px}.verlauf article{max-width:85%}.unterhaltung form{padding:12px 16px}.unterhaltung form button{padding:14px 16px}}aside{background:var(--carbon);color:#fff;flex-direction:column;min-width:0;min-height:0;display:flex}aside header{border-bottom:1px solid var(--carbon-3);flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;display:flex}.marke{font-family:var(--f-display);letter-spacing:-.03em;text-transform:uppercase;color:#fff;font-size:17px}.marke em{color:var(--volt);font-style:normal}.nutzer{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--beton);margin-left:auto;font-size:11px}.menue{background:var(--carbon-3);border-bottom:1px solid var(--carbon-3);grid-template-columns:1fr 1fr;gap:1px;display:grid}.menue button{background:var(--carbon);color:var(--beton);border:none;border-top:2px solid #0000;padding:11px 12px;font-size:11px}.menue button:hover:not(:disabled){background:var(--carbon-2);color:#fff;filter:none}.menue button.aktiv{background:var(--carbon-2);border-top-color:var(--volt);color:#fff}.menue .signal{color:var(--volt);margin-left:8px}.seitenlabel{flex-wrap:wrap;align-items:center;gap:8px;padding:16px 20px 8px;display:flex}.seitenlabel .lbl{color:var(--beton);margin:0}.seitenlabel .neu{gap:6px;margin-left:auto;display:flex}.seitenfuss{border-top:1px solid var(--carbon-3);flex-direction:column;flex:none;align-items:stretch;gap:8px;margin-top:auto;padding:12px 20px;display:flex}aside ul{flex:auto;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}aside li button{text-align:left;border:none;border-left:3px solid #0000;border-bottom:1px solid var(--carbon-3);color:#fff;width:100%;font-family:var(--f-body);cursor:pointer;background:0 0;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 20px;font-size:15px;font-weight:600;transition:background .15s,border-color .15s;display:flex}aside li button:hover{background:var(--carbon-2)}aside li button.aktiv{background:var(--carbon-2);border-left-color:var(--volt)}.art{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--beton);font-size:10.5px;font-weight:400}aside li button.aktiv .art{color:var(--volt)}aside .hinweis{text-align:left;color:var(--beton);margin:0;padding:16px 20px}main{background:var(--ground-2);min-width:0;min-height:0;display:flex}.unterhaltung{flex-direction:column;flex:1;min-height:0;display:flex}.verlauf{flex-direction:column;flex:1;gap:10px;padding:24px;display:flex;overflow-y:auto}.verlauf article{border:1px solid var(--rule);background:#fff;flex-direction:column;gap:6px;width:fit-content;max-width:62%;padding:12px 34px 12px 16px;display:flex}.verlauf article.eigen{background:var(--carbon);border-color:var(--carbon);color:#fff;align-self:flex-end}.verlauf article p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.verlauf article time{font-family:var(--f-mono);letter-spacing:.1em;color:var(--ink-3);font-size:10.5px}.verlauf article.eigen time{color:var(--beton)}.unterhaltung form{border-top:1px solid var(--rule);background:#fff;gap:12px;padding:16px 24px;display:flex}input{font-family:var(--f-body);color:var(--ink);border:1px solid var(--rule-2);background:#fff;border-radius:0;width:100%;padding:13px 14px;font-size:16px}input:focus{border-color:var(--carbon);outline:3px solid var(--volt);outline-offset:1px}button{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;background:var(--volt);color:var(--volt-ink);cursor:pointer;border:1px solid #0000;border-radius:0;padding:14px 24px;font-size:12px;transition:filter .15s,background .15s}button:hover:not(:disabled){filter:brightness(1.06)}button:disabled{background:var(--ground-2);border-color:var(--rule);color:var(--ink-2);cursor:default}aside .seitenfuss button,aside .seitenfuss button.flach,aside .seitenlabel button,aside .seitenlabel button.flach{text-align:left;border-color:var(--carbon-3);color:#fff;background:0 0;padding:10px 14px;font-size:11px}aside .seitenlabel button{padding:6px 10px;font-size:10.5px}aside .seitenfuss button:hover:not(:disabled),aside .seitenfuss button.flach:hover:not(:disabled),aside .seitenlabel button:hover:not(:disabled),aside .seitenlabel button.flach:hover:not(:disabled){background:var(--carbon-2);filter:none}aside .seitenfuss button:disabled,aside .seitenlabel button:disabled{border-color:var(--carbon-3);color:var(--beton);background:0 0}.sendefehler{background:#fff;align-items:center;gap:14px;padding:0 24px 16px;display:flex}.sendefehler button{border-color:var(--rule-2);color:var(--ink);background:0 0;padding:9px 14px;font-size:11px}.sendefehler button:hover:not(:disabled){background:var(--ground-2);filter:none}.anmeldeseite{background:var(--carbon);justify-content:center;align-items:center;height:100%;padding:24px;display:flex}.anmeldung{border-top:4px solid var(--volt);background:#fff;flex-direction:column;gap:16px;width:100%;max-width:380px;padding:40px 36px;display:flex}.anmeldung h1{font-family:var(--f-display);letter-spacing:-.03em;text-transform:uppercase;margin:0;font-size:30px;line-height:1}.anmeldung h1 em{color:var(--volt-ink);background:var(--volt);padding:0 6px;font-style:normal}.lbl{font-family:var(--f-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:400}.anmeldung .lbl{margin:0 0 12px}.anmeldekopf .lbl{margin-bottom:8px}.anmeldung>.lbl{margin:0}.teamwahl{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.teamwahl button{border:none;border-bottom:1px solid var(--rule);width:100%;color:var(--ink);text-transform:none;letter-spacing:normal;background:0 0;border-left:3px solid #0000;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;display:flex}.teamwahl button:hover:not(:disabled){background:var(--ground-2);border-left-color:var(--volt);filter:none}.teamwahl .wname{font-family:var(--f-body);font-size:17px;font-weight:600}.teamwahl .lbl{margin:0}.anmeldung .flach{color:var(--ink-3);background:0 0;border:none;align-self:flex-start;padding:0}.anmeldung .flach:hover:not(:disabled){color:var(--ink);filter:none}.pinpunkte{justify-content:center;gap:14px;padding:4px 0 8px;display:flex}.pinpunkte span{border:1px solid var(--carbon);width:14px;height:14px}.pinpunkte span.voll{background:var(--carbon)}.pinfeld{background:var(--rule);border:1px solid var(--rule);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.pinfeld button,.pinfeld>span{font-family:var(--f-mono);letter-spacing:normal;color:var(--ink);background:#fff;border:none;padding:18px 0;font-size:20px}.pinfeld button:hover:not(:disabled){background:var(--volt);filter:none}.telefon{flex-direction:column;flex:1;gap:16px;min-height:0;padding:24px;display:flex;overflow-y:auto}.telefonkopf{border:1px solid var(--rule);border-top:4px solid var(--volt);padding:20px calc(var(--rinne) - 1px);background:#fff;align-items:flex-start;gap:16px;display:flex}.telefon>.lbl,.telefon>.hinweis.links,.telefon>.fehler,.anwesenheit>.lbl,.anwesenheit>.hinweis.links,.leiste>.lbl,.leiste>.hinweis.links{padding-left:var(--rinne)}.telefonkopf .lbl{margin:0 0 4px}.lage{font-family:var(--f-display);letter-spacing:-.02em;text-transform:uppercase;margin:0;font-size:22px}.kennung{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:11px}.telefonkopf .kennung{margin-left:auto}.gespraech{background:var(--carbon);color:#fff;flex-wrap:wrap;align-items:center;gap:16px;padding:20px 24px;display:flex}.gespraech.klingelt{border-left:4px solid var(--volt)}.gegenstelle{font-family:var(--f-mono);font-size:18px}.gespraech .tasten{gap:12px;margin-left:auto;display:flex}.gespraech .flach{border-color:var(--carbon-3);color:#fff;background:0 0}.gespraech .flach:hover:not(:disabled){background:var(--carbon-2);filter:none}button.ablehnen{color:#fff;background:#b3261e}.waehlen{border:1px solid var(--rule);padding:16px calc(var(--rinne) - 1px);background:#fff;gap:12px;display:flex}.waehlen button{white-space:nowrap;flex:none}.anrufliste{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.anrufliste li{border-bottom:1px solid var(--rule);padding:14px var(--rinne);background:#fff;flex-direction:column;gap:4px;display:flex}.anwesenheit,.leiste{flex-direction:column;gap:12px;display:flex}.anwesenheit .schalter input{flex:none;width:auto}.anwesenheit .schalter{color:var(--ink-2);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.anwesenheit .hinweis{text-align:left;margin:0;padding:0}.anwesenheit .tasten,.gespraechskarte .tasten{flex-wrap:wrap;gap:8px;display:flex}button.flach{border:1px solid var(--rule-2);color:var(--ink);background:0 0}button.flach.gewaehlt{background:var(--carbon);border-color:var(--carbon);color:#fff}button.flach.gewaehlt:hover:not(:disabled){background:var(--carbon-2);filter:none}button.flach:hover:not(:disabled){background:var(--ground-2);filter:none}.teamliste,.teilnehmerliste,.parkliste{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.teamliste li,.teilnehmerliste li,.parkliste li{border-bottom:1px solid var(--rule);padding:12px var(--rinne);background:#fff;flex-wrap:wrap;align-items:center;gap:12px;display:flex}.teilnehmerliste li .tasten,.parkliste li button{margin-left:auto}.punkt{background:var(--rule-2);flex:none;width:10px;height:10px}.punkt.verfuegbar{background:var(--volt)}.punkt.gespraech{background:#b3261e}.punkt.pause{background:#e2a03f}.marker{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;background:var(--carbon);color:var(--volt);padding:2px 6px;font-size:10px}.gespraechskarte{border:1px solid var(--rule);border-left:4px solid var(--volt);padding:16px calc(var(--rinne) - 1px) 16px calc(var(--rinne) - 4px);background:#fff;flex-direction:column;gap:12px;display:flex}.gespraechskarte header{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.gespraechskarte header .kennung{margin-left:auto}.gespraechskarte .waehlen{border:0;flex-wrap:wrap;padding:0}.minileiste{z-index:20;position:fixed;bottom:24px;right:24px}.minileiste>button{background:var(--carbon);border-color:var(--carbon-3);color:#fff}.gespraechsleiste{background:var(--carbon);color:#fff;border:1px solid var(--volt);flex-direction:column;gap:12px;min-width:240px;padding:16px 20px;display:flex}body.minifenster{background:var(--carbon);color:#fff;margin:0}body.minifenster .minigespraech{box-sizing:border-box;height:100vh;padding:16px}.minigespraech{flex-direction:column;justify-content:center;gap:10px;display:flex}.minigespraech .lbl{color:var(--volt)}.minigespraech .tasten{flex-wrap:wrap;gap:8px;display:flex}.aufnahmeleiste{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.marker.aufnahme-pausiert{color:var(--carbon);background:#e2a03f}.marker.aufnahme-gestoppt{background:var(--rule-2);color:var(--ink)}.abspieler{flex-direction:column;gap:6px;display:flex}.abspieler audio{width:100%;max-width:420px}.anrufliste li button.flach{align-self:flex-start}.notiz{border-left:2px solid var(--rule-2);background:#ffffff08;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.notiz .zusammenfassung{overflow-wrap:anywhere;margin:0}.notiz .aufgaben{flex-direction:column;gap:2px;margin:0;padding-left:18px;display:flex}.notiz .transkript{white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;color:var(--ink-2,inherit);margin:0;overflow-y:auto}.wname{overflow-wrap:anywhere;min-width:0;font-weight:600}.audio{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.audiofeld{border:1px solid var(--rule);background:#fff;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-self:stretch;gap:12px 20px;padding:16px 20px;display:grid}.audiofeld label{flex-direction:column;gap:6px;min-width:0;display:flex}.audiofeld select{font:inherit;border:1px solid var(--rule-2);background:#fff;border-radius:0;min-width:0;padding:8px 10px}.audiofeld input[type=range]{accent-color:var(--volt);width:100%}.audiofeld .hinweis,.audiofeld .tasten{grid-column:1/-1}.bildschirm{flex-direction:column;gap:8px;display:flex}.bildschirm .tasten{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bildschirm video{background:var(--carbon);border:1px solid var(--rule);width:100%;max-height:60vh}.hinweis{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:auto;padding:24px;font-size:12px}.hinweis.links{text-align:left;text-transform:none;letter-spacing:normal;font-family:var(--f-body);margin:0;padding:16px 0;font-size:14px}.fehler{color:#b3261e;margin:0;font-size:14px}.verlauf article{position:relative}.verlauf article .wer{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:10.5px}.verlauf article .weitergeleitet{color:var(--ink-3);font-size:12px;font-style:italic}.verlauf article.eigen .wer,.verlauf article.eigen .weitergeleitet{color:var(--beton)}.verlauf article blockquote{border-left:3px solid var(--volt);overflow-wrap:anywhere;background:#0000000d;margin:0;padding:6px 10px;font-size:13px}.verlauf article p.geloescht{color:var(--ink-3);font-style:italic}.reaktionen{flex-wrap:wrap;gap:6px;display:flex}.reaktionen button{border:1px solid var(--rule);color:var(--ink);background:#fff;padding:2px 8px;font-size:13px}.verlauf article .mehr{color:inherit;cursor:pointer;background:0 0;border:none;padding:0 4px;position:absolute;top:4px;right:6px}.nachrichtmenue{color:var(--ink);border:1px solid var(--rule-2);background:#fff;flex-direction:column;gap:6px;padding:8px;display:flex}.nachrichtmenue .zeichenwahl{gap:4px;display:flex}.nachrichtmenue .zeichenwahl button{border:1px solid var(--rule);background:#fff;padding:2px 6px;font-size:15px}.bezugsleiste,.erwaehnungswahl{border-top:1px solid var(--rule);background:#fff;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 24px;font-size:13px;display:flex}.tippt{font-family:var(--f-mono);letter-spacing:.1em;color:var(--ink-3);margin:0;padding:4px 24px;font-size:11px}aside li button .titel{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;max-width:100%;display:-webkit-box;overflow:hidden}aside li button .vorschau{max-width:100%;color:var(--beton);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}aside li button .zaehler{background:var(--carbon-3);color:#fff;font-family:var(--f-mono);padding:1px 6px;font-size:11px;position:absolute;top:10px;right:12px}aside li button .zaehler.erwaehnt{background:var(--volt);color:var(--carbon)}aside li button{position:relative}.suche,.smseinstellung,.gruppe{flex-direction:column;gap:16px;padding:24px;display:flex;overflow-y:auto}.smseinstellung label{max-width:320px;font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);flex-direction:column;gap:6px;font-size:11px;display:flex}.smseinstellung input,.smseinstellung select{border:1px solid var(--rule);color:var(--ink);font-family:var(--f-body);letter-spacing:normal;text-transform:none;background:#fff;padding:10px 12px;font-size:15px}.smseinstellung button{align-self:flex-start}.suche ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.suche li button{text-align:left;border:1px solid var(--rule);width:100%;color:var(--ink);background:#fff;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.kiannahme{flex-direction:column;gap:14px;max-width:900px;padding:24px;display:flex;overflow-y:auto}.kiannahme h2{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:15px}.kiannahme label{letter-spacing:.06em;text-transform:uppercase;flex-direction:column;flex:260px;gap:4px;font-size:11px;display:flex}.kiannahme label small{text-transform:none;letter-spacing:0;color:var(--muted)}.kiannahme textarea,.kiannahme input[type=text],.kiannahme input:not([type]),.kiannahme select{font:inherit;text-transform:none;letter-spacing:0;border:1px solid var(--rule);color:var(--ink);background:#fff;width:100%;padding:8px 10px;font-size:13px}.kiannahme textarea{resize:vertical;line-height:1.5}.kiannahme .reihe{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.kiannahme .schalter{flex-direction:row;flex:none;align-items:center;gap:6px}.kiannahme .schalter input{flex:none;width:16px;height:16px}.kiannahme .knoepfe button{flex:none}.kiannahme audio{width:100%;max-width:420px}.twilioverwaltung{max-width:1100px}.twilioverwaltung .hinweis{text-transform:none;letter-spacing:normal;margin:0;padding:0}.twilioverwaltung h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:10px 0 0;font-size:11px}.twilioverwaltung .kontokopf{grid-template-columns:140px 1fr;gap:6px 14px;margin:0;font-size:13px;display:grid}.twilioverwaltung .kontokopf dt{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px}.twilioverwaltung .kontokopf dd{font-family:var(--f-mono);margin:0}.twilioverwaltung .nummernliste{border-collapse:collapse;width:100%;font-size:12px}.twilioverwaltung .nummernliste th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--rule);padding:6px 8px;font-size:10.5px}.twilioverwaltung .nummernliste td{vertical-align:top;border-bottom:1px solid var(--rule);font-family:var(--f-mono);overflow-wrap:anywhere;padding:8px}.twilioverwaltung .nummernliste small{font-family:var(--f-sans,inherit);color:var(--muted);display:block}.twilioverwaltung .eigen{font-weight:600}.twilioverwaltung .fremd{color:var(--warn,#a4500f)}.versteckt{display:none}.anhang{flex-direction:column;gap:4px;max-width:100%;display:flex}.anhang .dateiname{font-family:var(--f-mono);letter-spacing:.08em;color:var(--ink-3);overflow-wrap:anywhere;font-size:10.5px}.verlauf article.eigen .anhang .dateiname{color:var(--beton)}.anhang.bild button{background:0 0;border:none;max-width:100%;padding:0;line-height:0}.anhang.bild img{object-fit:cover;cursor:zoom-in;width:auto;max-width:min(260px,100%);height:auto;max-height:260px}.anhang.bild img.gross{cursor:zoom-out;max-width:min(80vw,720px);max-height:70vh}.anhang.ton audio{width:260px;max-width:100%;height:36px}a.anhang.datei{border:1px solid var(--rule);color:inherit;background:#0000000a;flex-direction:row;align-items:center;gap:10px;padding:8px 10px;text-decoration:none}a.anhang.datei .symbol{font-size:16px}.aufnahmelaeuft{color:#c62828;font-family:var(--f-mono);letter-spacing:.08em}.benachrichtigungen{flex-direction:column;flex:none;align-self:stretch;gap:6px;display:flex}.benachrichtigungen select{border:1px solid var(--rule-2);background:var(--carbon-2);color:#fff;width:100%;padding:6px 8px;font-size:11px}.chatkopf{border-bottom:1px solid var(--rule);background:#fff;align-items:center;gap:8px;padding:10px 16px;display:flex;position:relative}.chatkopf .wer{text-align:left;min-width:0;color:var(--ink);flex:1;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:12px;padding:4px 6px;display:grid}.chatkopf .titel{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.chatkopf .art{font-family:var(--f-mono);letter-spacing:.08em;color:var(--ink-3);white-space:nowrap;font-size:10.5px}.chatkopf .wer .titel,.chatkopf .wer .art{grid-column:2}.chatkopf .kuerzel{grid-row:1/span 2}.kuerzel{background:var(--carbon);color:#fff;width:36px;height:36px;font-family:var(--f-mono);letter-spacing:.05em;border-radius:50%;flex:none;place-items:center;padding:0;font-size:12px;display:grid;overflow:hidden}.kuerzel.viele{background:var(--volt);color:var(--carbon)}.kopfmenue{z-index:5;border:1px solid var(--rule);background:#fff;flex-direction:column;min-width:220px;display:flex;position:absolute;top:100%;right:12px;box-shadow:0 8px 24px #00000026}.kopfmenue button{text-align:left;color:var(--ink);padding:10px 14px}.chatsuche{border-bottom:1px solid var(--rule);background:#fff;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;display:flex}.chatsuche input{flex:1;min-width:160px}.chatsuche ul{flex-direction:column;flex:1 0 100%;gap:6px;max-height:30vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.chatsuche li{border:1px solid var(--rule);overflow-wrap:anywhere;padding:6px 8px;font-size:13px}.emojiwahl{border-top:1px solid var(--rule);background:#fff;flex-wrap:wrap;gap:4px;padding:8px 16px;display:flex}.emojiwahl button{border:1px solid var(--rule);background:#fff;padding:4px 6px;font-size:18px}.dunkel{z-index:20;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--ground);border:1px solid var(--rule);width:min(560px,100%);max-height:88vh;overflow-y:auto}.dialog>header{background:var(--carbon);color:#fff;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.dialog>header h2{letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:14px}.dialog>header button{color:#fff}.hakenliste{flex-direction:column;gap:2px;max-height:40vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.hakenliste label{border:1px solid var(--rule);cursor:pointer;background:#fff;align-items:center;gap:10px;padding:8px 10px;display:flex}.hakenliste input[type=checkbox]{flex:none;width:18px;height:18px}.hakenliste .titel{flex:1}.dialogfuss{justify-content:flex-end;gap:12px;display:flex}.gruppeninfo{flex-direction:column;gap:16px;padding:20px;display:flex}.gruppeninfo .kopfzeile{align-items:center;gap:14px;display:flex}.gruppeninfo .kopfzeile .art{font-family:var(--f-mono);letter-spacing:.08em;color:var(--ink-3);font-size:10.5px;display:block}.gruppeninfo .namenszeile{gap:12px;display:flex}.gruppeninfo .namenszeile input{flex:1;min-width:0}.teilnehmerliste{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.teilnehmerliste li{border:1px solid var(--rule);background:#fff;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.teilnehmerliste .titel{flex:1;min-width:120px}.teilnehmerliste .marke{font-family:var(--f-mono);letter-spacing:.08em;background:var(--volt);color:var(--carbon);padding:2px 6px;font-size:10px}.teilnehmerliste button.flach{color:var(--ink);border:1px solid var(--rule);padding:6px 10px;font-size:11px}.personenwahl{flex-direction:column;gap:12px;padding:20px;display:flex}.personenwahl input{width:100%}.personenwahl .teilnehmerliste{max-height:44vh;overflow-y:auto}.personenwahl .teilnehmerliste li{padding:0}.personenwahl button.wer{width:100%;color:var(--ink);text-align:left;align-items:center;gap:12px;padding:8px 10px;display:flex}.loeschfrage{border-bottom:1px solid var(--rule);background:#fff;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;display:flex}.loeschfrage span{flex:1;min-width:180px;font-size:13px}.gruppeninfo .fehler{background:var(--ground);padding:8px 0;position:sticky;bottom:0}@media (width<=720px){.chatkopf,.chatsuche{padding:8px 12px}.kopfmenue{left:12px;right:12px}.unterhaltung form{flex-wrap:wrap}.unterhaltung form input[type=text],.unterhaltung form input:not([type]){flex:1 0 100%;order:-1}}.brett{flex-direction:column;flex:1;gap:16px;min-width:0;min-height:0;padding:24px;display:flex;overflow-y:auto}.aufgabeneu{border:1px solid var(--rule);border-top:4px solid var(--volt);background:#fff;flex-wrap:wrap;align-items:center;gap:8px;padding:16px;display:flex}.aufgabeneu input[type=text],.aufgabeneu input:not([type]){flex:220px;min-width:0}.aufgabeneu input,.aufgabeneu select{border:1px solid var(--rule-2);color:var(--ink);font-family:var(--f-body);background:#fff;padding:8px 10px;font-size:14px}.aufgabeneu .filter{align-items:center;gap:6px;display:flex}.spalten{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:12px;display:grid}.spalte{border:1px solid var(--rule);background:#fff;flex-direction:column;gap:8px;min-height:120px;padding:12px;display:flex}.spalte.ueber{border-color:var(--volt);background:var(--ground-2)}.spalte>header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;display:flex}.spalte .zaehler{font-family:var(--f-mono);color:var(--ink-3);font-size:11px}.karte{border:1px solid var(--rule);border-left:3px solid var(--rule-2);background:var(--ground);cursor:grab;flex-direction:column;gap:6px;padding:10px;display:flex}.karte.ueber{border-left-color:var(--volt);background:var(--ground-2)}.karte .kopf{justify-content:space-between;align-items:center;gap:8px;display:flex}.karte .marke{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--rule-2);color:var(--ink-2);padding:2px 6px;font-size:10px}.karte .marke.hoch,.karte .marke.dringend{border-color:var(--carbon);background:var(--carbon);color:var(--volt)}.karte .titel{overflow-wrap:anywhere;margin:0;font-weight:600}.karte .ueberfaellig{color:#c62828}.karte select{border:1px solid var(--rule-2);width:100%;color:var(--ink);background:#fff;padding:6px 8px;font-size:12px}.karte .tasten{flex-wrap:wrap;gap:6px;display:flex}@media (width<=900px){.spalten{grid-template-columns:1fr}}