:root,:root[data-thema=hell]{--grund: #f3f5f9;--flaeche: #ffffff;--flaeche-2: #eef1f7;--rand: #e2e7f0;--rand-stark: #cdd5e3;--text: #1c2637;--text-schwach: #64708a;--akzent: #1e6ff2;--akzent-tinte: #1257c8;--akzent-hell: rgba(30, 111, 242, .09);--akzent-hell-2: rgba(30, 111, 242, .16);--gefahr: #cf4436;--gefahr-hell: rgba(207, 68, 54, .09);--erfolg: #1e8a4c;--erfolg-hell: rgba(30, 138, 76, .1);--stern: #f0a800;--schatten: 0 1px 2px rgba(23, 35, 59, .05), 0 8px 24px rgba(23, 35, 59, .07);--schatten-gross: 0 12px 48px rgba(23, 35, 59, .22)}:root[data-thema=dunkel]{--grund: #0e131d;--flaeche: #151c2a;--flaeche-2: #1d2637;--rand: #253048;--rand-stark: #33405c;--text: #e7ecf5;--text-schwach: #8d99b2;--akzent: #3f86f6;--akzent-tinte: #6ba3f8;--akzent-hell: rgba(63, 134, 246, .14);--akzent-hell-2: rgba(63, 134, 246, .24);--gefahr: #e0685c;--gefahr-hell: rgba(224, 104, 92, .14);--erfolg: #4fbd7f;--erfolg-hell: rgba(79, 189, 127, .14);--stern: #f5bb2d;--schatten: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .35);--schatten-gross: 0 12px 48px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html,body,#wurzel{height:100%}body{margin:0;overflow:hidden;font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text);background:var(--grund);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--rand-stark);border-radius:99px;border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}:focus-visible{outline:2px solid var(--akzent);outline-offset:1px}.dreht{animation:dm-drehung .9s linear infinite}@keyframes dm-drehung{to{transform:rotate(360deg)}}.start-pruefung{height:100%;display:grid;place-items:center}.knopf{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--rand-stark);border-radius:10px;background:var(--flaeche);cursor:pointer;font-size:13.5px;font-weight:500;transition:background .12s ease,border-color .12s ease;white-space:nowrap}.knopf:hover:not(:disabled){background:var(--flaeche-2)}.knopf:disabled{opacity:.55;cursor:default}.knopf-primaer{background:var(--akzent);border-color:var(--akzent);color:#fff}.knopf-primaer:hover:not(:disabled){background:var(--akzent-tinte);border-color:var(--akzent-tinte)}.knopf.gefahr{color:var(--gefahr)}.knopf.gefahr:hover:not(:disabled){background:var(--gefahr-hell);border-color:var(--gefahr)}.knopf.still{border-color:transparent;background:transparent}.knopf.still:hover:not(:disabled){background:var(--flaeche-2)}.knopf.klein{padding:5px 10px;font-size:12.5px;border-radius:8px}.symbol-knopf{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:none;border-radius:9px;background:transparent;color:var(--text-schwach);cursor:pointer;transition:background .12s ease,color .12s ease;flex-shrink:0}.symbol-knopf:hover:not(:disabled){background:var(--flaeche-2);color:var(--text)}.symbol-knopf:disabled{opacity:.45;cursor:default}.symbol-knopf.klein{width:28px;height:28px}.symbol-knopf.gefahr:hover:not(:disabled){background:var(--gefahr-hell);color:var(--gefahr)}.eingabe{width:100%;padding:10px 12px;border:1px solid var(--rand-stark);border-radius:10px;background:var(--flaeche);color:var(--text);font:inherit}.eingabe::placeholder{color:var(--text-schwach)}.eingabe:focus{outline:none;border-color:var(--akzent);box-shadow:0 0 0 3px var(--akzent-hell)}.eingabe.klein{padding:6px 10px;font-size:13px;border-radius:8px}.feld-beschriftung{display:block;margin:14px 0 6px;font-size:13px;font-weight:600;color:var(--text)}.fehlerband,.hinweisband{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;font-size:13px;margin:0 0 12px}.fehlerband{background:var(--gefahr-hell);color:var(--gefahr);border:1px solid var(--gefahr)}.hinweisband{background:var(--erfolg-hell);color:var(--erfolg);border:1px solid var(--erfolg)}.fehlerband-symbol{flex-shrink:0}.fehlerband-text{flex:1;min-width:0;overflow-wrap:anywhere}.hinweisband span{flex:1}.fehlerband-knopf{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;cursor:pointer;font-size:12px;white-space:nowrap;flex-shrink:0}.fehlerband-schliessen{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:6px;background:transparent;color:inherit;cursor:pointer;flex-shrink:0}.fehlerband-schliessen:hover,.fehlerband-knopf:hover{background:#7f7f7f1f}.ladehinweis{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 16px;color:var(--text-schwach);font-size:13.5px}.hauptbereich>.fehlerband,.hauptbereich>.hinweisband{margin:10px 16px 0}.anmeldung{height:100%;display:flex}.marken-feld{flex:1.1;display:flex;flex-direction:column;padding:48px 56px;color:#eaf2ff;background:radial-gradient(1100px 700px at 18% 12%,rgba(30,111,242,.55),transparent 62%),radial-gradient(900px 650px at 85% 88%,rgba(18,183,245,.38),transparent 58%),#0a1322}.marken-logo{height:40px;width:auto;align-self:flex-start}.marken-mitte{flex:1;display:flex;align-items:center}.marken-mitte h1{margin:0;max-width:520px;font-size:clamp(26px,3vw,38px);line-height:1.25;font-weight:650;letter-spacing:-.01em}.anmelde-seite{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 24px;background:var(--grund);overflow-y:auto}.anmelde-karte{width:100%;max-width:400px;background:var(--flaeche);border:1px solid var(--rand);border-radius:14px;padding:32px;box-shadow:var(--schatten)}.anmelde-logo{display:none;height:30px;width:auto;margin-bottom:20px}.anmelde-karte h2{margin:0 0 4px;font-size:24px;letter-spacing:-.01em}.anmelde-untertitel{margin:0 0 18px;color:var(--text-schwach);font-size:13.5px}.passwort-feld{position:relative}.passwort-feld .eingabe{padding-right:44px}.passwort-auge{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--text-schwach);cursor:pointer}.passwort-auge:hover{color:var(--text)}.anmelde-knopf{width:100%;justify-content:center;margin-top:20px;padding:11px 14px;font-size:14.5px}.anmelde-hinweis{margin:16px 0 0;text-align:center;font-size:12.5px;color:var(--text-schwach)}@media (max-width: 900px){.marken-feld{display:none}.anmelde-logo{display:block}}.postfach{height:100%;display:flex;background:var(--grund)}.hauptbereich{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--flaeche);border-left:1px solid var(--rand)}.seitenleiste{width:250px;flex-shrink:0;display:flex;flex-direction:column;min-height:0;padding:18px 12px 12px}.leisten-kopf{padding:2px 10px 16px}.leisten-logo{height:26px;width:auto;display:block}.neue-nachricht{justify-content:center;padding:11px 14px;border-radius:12px;font-size:14px;margin:0 2px 16px}.leisten-rumpf{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.leisten-eintrag{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:10px;background:transparent;cursor:pointer;text-align:left;color:var(--text);transition:background .12s ease}.leisten-eintrag:hover{background:var(--flaeche-2)}.leisten-eintrag.aktiv{background:var(--akzent-hell);color:var(--akzent);font-weight:600}.leisten-symbol{flex-shrink:0;color:var(--text-schwach)}.leisten-eintrag.aktiv .leisten-symbol{color:var(--akzent)}.leisten-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ungelesen-zaehler{flex-shrink:0;min-width:20px;padding:1px 6px;border-radius:99px;background:var(--akzent);color:#fff;font-size:11.5px;font-weight:600;text-align:center}.leisten-laedt{display:flex;align-items:center;gap:8px;padding:8px 10px;color:var(--text-schwach);font-size:13px}.leisten-abschnitt{display:flex;align-items:center;justify-content:space-between;margin:14px 2px 4px;padding:0 8px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-schwach)}.ordner-neu{display:flex;flex-wrap:wrap;gap:6px;padding:4px 8px 8px}.ordner-neu .eingabe{flex:1;min-width:0}.ordner-neu-fehler{width:100%;color:var(--gefahr);font-size:12px;overflow-wrap:anywhere}.leisten-leer{padding:6px 18px;color:var(--text-schwach);font-size:12.5px}.leisten-fuss{flex-shrink:0;border-top:1px solid var(--rand);margin-top:10px;padding-top:10px;display:flex;flex-direction:column;gap:4px}.benutzer-zeile{display:flex;align-items:center;gap:10px;padding:6px 8px 2px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--akzent-hell-2);color:var(--akzent);font-size:12.5px;font-weight:700;flex-shrink:0;-webkit-user-select:none;user-select:none}.avatar.gross{width:40px;height:40px;font-size:14.5px}.benutzer-daten{flex:1;min-width:0;display:flex;flex-direction:column}.benutzer-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.benutzer-email{font-size:11.5px;color:var(--text-schwach);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kopfzeile{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--rand)}.suche{position:relative;flex:1;max-width:560px}.suche-symbol{position:absolute;top:50%;left:12px;transform:translateY(-50%);color:var(--text-schwach);pointer-events:none}.suche-eingabe{width:100%;padding:9px 14px 9px 38px;border:1px solid var(--rand-stark);border-radius:12px;background:var(--grund);color:var(--text);font:inherit}.suche-eingabe::placeholder{color:var(--text-schwach)}.suche-eingabe:focus{outline:none;border-color:var(--akzent);background:var(--flaeche);box-shadow:0 0 0 3px var(--akzent-hell)}.kopf-rechts{position:relative;margin-left:auto}.menue-schleier{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.einstellungs-menue{position:absolute;top:calc(100% + 8px);right:0;z-index:41;width:240px;padding:12px;background:var(--flaeche);border:1px solid var(--rand);border-radius:14px;box-shadow:var(--schatten-gross)}.menue-titel{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-schwach);margin:4px 4px 8px}.menue-titel+.menue-reihe{margin-bottom:12px}.menue-reihe{display:flex;gap:8px}.menue-reihe:last-child{margin-bottom:0}.menue-wahl{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 10px;border:1px solid var(--rand-stark);border-radius:10px;background:var(--flaeche);cursor:pointer;font-size:13px;transition:background .12s ease,border-color .12s ease,color .12s ease}.menue-wahl:hover{background:var(--flaeche-2)}.menue-wahl.aktiv{background:var(--akzent-hell);border-color:var(--akzent);color:var(--akzent);font-weight:600}.inhalt{flex:1;min-height:0;display:flex}.listen-spalte{display:flex;flex-direction:column;min-height:0;min-width:0}.layout-spalte .listen-spalte{width:400px;flex-shrink:0;border-right:1px solid var(--rand)}.layout-zeile .listen-spalte{flex:1}.listen-spalte>.fehlerband{margin:8px 12px}.filter-leiste{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--rand)}.filter-pillen{flex:1;min-width:0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.filter-pillen::-webkit-scrollbar{display:none}.pille{flex-shrink:0;padding:6px 13px;border:1px solid var(--rand-stark);border-radius:999px;background:var(--flaeche);cursor:pointer;font-size:12.5px;font-weight:500;color:var(--text-schwach);transition:background .12s ease,color .12s ease,border-color .12s ease}.pille:hover{background:var(--flaeche-2);color:var(--text)}.pille.aktiv{background:var(--akzent);border-color:var(--akzent);color:#fff;font-weight:600}.nachrichten-liste{flex:1;min-height:0;overflow-y:auto}.listen-leer{padding:48px 24px;text-align:center;color:var(--text-schwach);font-size:13.5px}.listen-nachricht{display:flex;align-items:flex-start;gap:6px;padding:10px 12px 10px 6px;border-bottom:1px solid var(--rand);cursor:pointer;transition:background .1s ease}.listen-nachricht:hover{background:var(--flaeche-2)}.listen-nachricht.gewaehlt{background:var(--akzent-hell);box-shadow:inset 3px 0 0 var(--akzent)}.stern-knopf{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;margin-top:2px;border:none;border-radius:8px;background:transparent;color:var(--text-schwach);cursor:pointer;flex-shrink:0}.stern-knopf:hover{color:var(--stern);background:var(--flaeche-2)}.stern-knopf.markiert{color:var(--stern)}.nachricht-mitte{flex:1;min-width:0}.nachricht-zeile1{display:flex;align-items:center;gap:7px}.ungelesen-punkt{width:8px;height:8px;border-radius:50%;background:var(--akzent);flex-shrink:0}.nachricht-von{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}.listen-nachricht.ungelesen .nachricht-von{font-weight:700}.nachricht-meta{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;color:var(--text-schwach)}.nachricht-datum{font-size:12px;white-space:nowrap}.nachricht-zeile2{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--text-schwach)}.nachricht-betreff{color:var(--text)}.listen-nachricht.ungelesen .nachricht-betreff{font-weight:600}.blaetter-leiste{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-top:1px solid var(--rand)}.blaetter-info{font-size:12.5px;color:var(--text-schwach)}.blaetter-knoepfe{display:inline-flex;gap:4px}.lese-bereich{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--flaeche)}.lese-bereich.leer{align-items:center;justify-content:center}.lese-platzhalter{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-schwach);font-size:13.5px}.lese-fehler{padding:16px}.lese-kopf{flex-shrink:0;padding:16px 20px 0;border-bottom:1px solid var(--rand)}.zurueck-knopf{margin:0 0 10px -6px;color:var(--text-schwach)}.lese-betreff{margin:0 0 14px;font-size:19px;line-height:1.35;letter-spacing:-.01em;overflow-wrap:anywhere}.lese-absender{display:flex;align-items:flex-start;gap:12px}.lese-absender-daten{flex:1;min-width:0}.lese-von{display:flex;align-items:baseline;gap:8px;min-width:0}.lese-von strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lese-von-adresse{font-size:12.5px;color:var(--text-schwach);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lese-empfaenger{font-size:12.5px;color:var(--text-schwach);overflow-wrap:anywhere}.lese-datum{flex-shrink:0;font-size:12.5px;color:var(--text-schwach);white-space:nowrap}.lese-aktionen{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.anhang-leiste{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.anhang-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:6px 11px;border:1px solid var(--rand-stark);border-radius:999px;background:var(--grund);color:var(--text);font-size:12.5px;text-decoration:none;transition:border-color .12s ease,background .12s ease}a.anhang-chip:hover{border-color:var(--akzent);background:var(--akzent-hell)}.anhang-name{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anhang-groesse{color:var(--text-schwach);white-space:nowrap}.anhang-entfernen{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--text-schwach);cursor:pointer}.anhang-entfernen:hover{background:var(--gefahr-hell);color:var(--gefahr)}.lese-inhalt{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;padding:12px;background:var(--grund)}.lese-iframe{flex:0 0 auto;width:100%;min-height:80px;border:1px solid var(--rand);border-radius:12px;background:#fff}.verlauf-leiste{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:0 0 14px}.verlauf-zaehler{font-size:12.5px;color:var(--text-schwach)}.verlauf-fehler{flex-shrink:0;padding:12px 12px 0}.verlauf-fehler .fehlerband{margin:0}.verlauf-gekuerzt{flex:0 0 auto;margin:0 0 12px;padding:8px 12px;border:1px dashed var(--rand-stark);border-radius:10px;background:var(--flaeche);color:var(--text-schwach);font-size:12.5px}.verlauf-liste{flex:0 0 auto;display:flex;flex-direction:column;gap:14px;background:linear-gradient(var(--rand-stark),var(--rand-stark)) no-repeat 30px 0 / 2px 100%}.verlauf-karte{flex:0 0 auto;border:1px solid var(--rand);border-radius:12px;background:var(--flaeche);overflow:hidden}.verlauf-karte.eigen{border-left:3px solid var(--akzent)}.verlauf-kopf{display:flex;align-items:center;gap:11px;width:100%;padding:10px 14px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .12s ease}.verlauf-kopf:hover{background:var(--flaeche-2)}.verlauf-kopf:focus-visible{outline-offset:-3px}.verlauf-karte.eigen>.verlauf-kopf{background:var(--akzent-hell)}.verlauf-karte.eigen>.verlauf-kopf:hover{background:var(--akzent-hell-2)}.verlauf-kopf-daten{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.verlauf-kopf-zeile{display:flex;align-items:baseline;gap:8px;min-width:0}.verlauf-name{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.verlauf-karte.ungelesen .verlauf-name{font-weight:700}.verlauf-marke{flex-shrink:0;padding:1px 8px;border-radius:999px;background:var(--akzent-hell-2);color:var(--akzent);font-size:11px;font-weight:600;line-height:1.6}.verlauf-adresse,.verlauf-empfaenger,.verlauf-anriss{font-size:12.5px;color:var(--text-schwach);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.verlauf-datum{flex-shrink:0;font-size:12.5px;color:var(--text-schwach);white-space:nowrap}.verlauf-pfeil{flex-shrink:0;color:var(--text-schwach);transition:transform .15s ease}.verlauf-karte.offen .verlauf-pfeil{transform:rotate(180deg)}.verlauf-rumpf{border-top:1px solid var(--rand)}.verlauf-karte.eigen>.verlauf-rumpf{border-top-color:var(--akzent-hell-2)}.lese-iframe.im-verlauf{display:block;border:0;border-radius:0;min-height:48px}.verlauf-anhaenge{padding:10px 14px 0;border-top:1px solid var(--rand);background:var(--flaeche)}.verlauf-anhaenge .anhang-leiste{margin:0 0 10px}.verfassen{position:fixed;right:24px;bottom:24px;z-index:60;width:min(680px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 48px));display:flex;flex-direction:column;background:var(--flaeche);border:1px solid var(--rand);border-radius:14px;box-shadow:var(--schatten-gross);overflow:hidden}.verfassen-kopf{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:12px 12px 12px 18px;border-bottom:1px solid var(--rand);background:var(--grund)}.verfassen-titel{font-weight:650;font-size:14.5px}.verfassen>.fehlerband{margin:12px 16px 0}.verfassen-felder{flex-shrink:0;padding:4px 18px 0}.verfassen-feld{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--rand);padding:4px 0}.verfassen-feld label{flex-shrink:0;width:52px;font-size:13px;color:var(--text-schwach)}.verfassen-eingabe{flex:1;min-width:0;padding:8px 0;border:none;background:transparent;color:var(--text);font:inherit}.verfassen-eingabe:focus{outline:none}.cc-schalter{flex-shrink:0;padding:4px 8px;border:none;border-radius:8px;background:transparent;color:var(--text-schwach);font-size:12.5px;cursor:pointer}.cc-schalter:hover{background:var(--flaeche-2);color:var(--text)}.verfassen-feld.mit-vorschlaegen{position:relative}.vorschlagsliste{position:absolute;top:calc(100% + 4px);left:52px;right:0;z-index:61;margin:0;padding:6px;list-style:none;background:var(--flaeche);border:1px solid var(--rand);border-radius:12px;box-shadow:var(--schatten-gross);max-height:240px;overflow-y:auto}.vorschlagsliste button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;padding:8px 10px;border:none;border-radius:8px;background:transparent;cursor:pointer;text-align:left}.vorschlagsliste button:hover{background:var(--akzent-hell)}.vorschlag-name{font-size:13px;font-weight:600}.vorschlag-email{font-size:12px;color:var(--text-schwach)}.verfassen-text{flex:1;min-height:200px;margin:10px 18px;padding:0;border:none;resize:none;background:transparent;color:var(--text);font:inherit;line-height:1.6}.verfassen-text:focus{outline:none}.verfassen-anhaenge{flex-shrink:0;display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 10px;max-height:110px;overflow-y:auto}.entwurf-laedt{flex-shrink:0;display:flex;align-items:center;gap:8px;margin:12px 16px 0;padding:9px 12px;border:1px solid var(--rand);border-radius:10px;background:var(--grund);color:var(--text-schwach);font-size:13px}.zitat-block{flex-shrink:0;margin:0 18px 10px;border:1px solid var(--rand);border-radius:12px;background:var(--grund);overflow:hidden}.zitat-kopf{display:flex;align-items:center;gap:4px;padding:3px 6px 3px 4px}.zitat-schalter{flex:1;min-width:0;display:flex;align-items:center;gap:7px;padding:6px 8px;border:none;border-radius:8px;background:transparent;color:var(--text);cursor:pointer;text-align:left}.zitat-schalter:hover{background:var(--flaeche-2)}.zitat-titel{font-size:12.5px;font-weight:600;white-space:nowrap}.zitat-meta{flex:1;min-width:0;font-size:12px;color:var(--text-schwach);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zitat-text{margin:0;padding:10px 14px;max-height:180px;overflow-y:auto;border-top:1px solid var(--rand);border-left:3px solid var(--akzent);font:inherit;font-size:13px;line-height:1.55;color:var(--text-schwach);white-space:pre-wrap;overflow-wrap:anywhere}.original-anhaenge-titel{width:100%;font-size:12px;color:var(--text-schwach)}.anhang-chip.waehlbar{cursor:pointer;font-size:12.5px}button.anhang-chip.waehlbar:hover{border-color:var(--akzent);background:var(--akzent-hell)}.anhang-chip.abgewaehlt{opacity:.55;border-style:dashed}.anhang-chip.abgewaehlt .anhang-name{text-decoration:line-through}.verfassen-fuss{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:12px 18px;border-top:1px solid var(--rand)}.verfassen-fuss .still{margin-left:auto}@media (max-width: 700px){.verfassen{right:8px;left:8px;bottom:8px;width:auto;max-height:calc(100vh - 16px)}}.kontakte{flex:1;min-height:0;overflow-y:auto;background:var(--flaeche)}.kontakte-innen{max-width:640px;margin:0 auto;padding:28px 20px 48px}.kontakte-titel{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-size:20px;letter-spacing:-.01em}.kontakte-formular{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.kontakte-formular .eingabe{flex:1;min-width:160px}.kontakte-liste{margin:0;padding:0;list-style:none;border:1px solid var(--rand);border-radius:14px;overflow:hidden}.kontakt-zeile{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--rand);background:var(--flaeche)}.kontakt-zeile:last-child{border-bottom:none}.kontakt-daten{flex:1;min-width:0;display:flex;flex-direction:column}.kontakt-name{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kontakt-email{font-size:12.5px;color:var(--text-schwach);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-eingabe{text-align:center;font-size:20px;letter-spacing:.35em;font-variant-numeric:tabular-nums}.anmelde-zurueck{width:100%;justify-content:center;margin-top:10px;color:var(--text-schwach)}.oder-trenner{display:flex;align-items:center;gap:12px;margin:14px 0;color:var(--text-schwach);font-size:12px}.oder-trenner:before,.oder-trenner:after{content:"";flex:1;height:1px;background:var(--rand)}.passkey-knopf{width:100%;justify-content:center;padding:10px 14px}.menue-trenner{height:1px;background:var(--rand);margin:2px 0 6px}.menue-eintrag{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:8px;background:transparent;cursor:pointer;font-size:13px;text-align:left;color:var(--text)}.menue-eintrag:hover{background:var(--flaeche-2)}.einstellungen{flex:1;min-height:0;display:flex;background:var(--flaeche)}.einstellungen-nav{width:240px;flex-shrink:0;display:flex;flex-direction:column;gap:2px;padding:18px 12px;border-right:1px solid var(--rand);overflow-y:auto}.einstellungen-nav-titel{margin:0 8px 10px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-schwach)}.einstellungen-inhalt{flex:1;min-width:0;overflow-y:auto;background:var(--grund)}.einstellungen-innen{max-width:760px;padding:24px 28px 64px}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:14px;padding:20px 22px;margin-bottom:16px;box-shadow:var(--schatten)}.karte-titel{display:flex;align-items:center;gap:9px;margin:0 0 4px;font-size:15.5px;font-weight:650;letter-spacing:-.01em}.karte-symbol{color:var(--akzent);flex-shrink:0}.karte-symbol.symbol-gruen{color:var(--erfolg)}.karte-symbol.symbol-rot{color:var(--gefahr)}.karte-beschreibung{margin:0 0 14px;color:var(--text-schwach);font-size:13px}.karte-aktionen{margin-top:14px}.feld-hilfe{margin:6px 0 0;font-size:12.5px;color:var(--text-schwach)}.leer-text{margin:8px 0;color:var(--text-schwach);font-size:13px}.hinweis-flaeche{padding:12px 14px;border:1px dashed var(--rand-stark);border-radius:10px;background:var(--grund);color:var(--text-schwach);font-size:13px}.speichern-zeile{display:flex;align-items:center;gap:12px;margin-top:18px}.gespeichert-hinweis{display:inline-flex;align-items:center;gap:5px;color:var(--erfolg);font-size:13px;font-weight:600}.schalter{position:relative;width:42px;height:24px;padding:0;border:none;border-radius:99px;background:var(--rand-stark);cursor:pointer;transition:background .15s ease;flex-shrink:0}.schalter:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .15s ease}.schalter.an{background:var(--akzent)}.schalter.an:after{transform:translate(18px)}.schalter-zeile{display:flex;align-items:center;gap:10px;margin:4px 0 6px}.schalter-beschriftung{font-size:13.5px;font-weight:500}.zustand-zeile{display:flex;align-items:center;gap:10px}.zustand-punkt{width:10px;height:10px;border-radius:50%;background:var(--rand-stark);flex-shrink:0}.zustand-punkt.an{background:var(--erfolg)}.zustand-text{flex:1;font-size:13.5px;font-weight:600}.staerke-hinweis{margin-top:8px}.staerke-balken{display:flex;gap:4px}.staerke-balken span{flex:1;height:4px;border-radius:99px;background:var(--rand)}.staerke-balken[data-stufe="1"] span:nth-child(1){background:var(--gefahr)}.staerke-balken[data-stufe="2"] span:nth-child(-n+2){background:var(--stern)}.staerke-balken[data-stufe="3"] span{background:var(--erfolg)}.staerke-text{display:block;margin-top:5px;font-size:12px;color:var(--text-schwach)}.dialog-schleier{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:16px;background:#0a132273}.dialog{width:100%;max-width:460px;max-height:calc(100vh - 48px);overflow-y:auto;padding:20px 22px;background:var(--flaeche);border:1px solid var(--rand);border-radius:14px;box-shadow:var(--schatten-gross)}.dialog-kopf{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.dialog-titel{margin:0;font-size:16px;font-weight:650;letter-spacing:-.01em}.dialog-text{margin:4px 0 12px;font-size:13px;color:var(--text-schwach)}.dialog-fuss{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:18px}.qr-rahmen{display:grid;place-items:center;width:fit-content;margin:0 auto 12px;padding:12px;background:#fff;border:1px solid var(--rand);border-radius:12px}.qr-rahmen img{display:block;width:180px;height:180px}.wiederherstellung-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0;padding:0;list-style:none}.wiederherstellung-codes code{display:block;padding:8px 10px;border:1px dashed var(--rand-stark);border-radius:8px;background:var(--grund);font-size:13px;text-align:center;letter-spacing:.06em}.kopier-titel{margin:18px 0 10px;font-size:13px;font-weight:650}.kopier-leiste{display:flex;flex-direction:column;gap:8px}.kopier-chip{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 12px;border:1px solid var(--rand);border-radius:10px;background:var(--grund);margin-bottom:8px}.kopier-leiste .kopier-chip{margin-bottom:0}.kopier-beschriftung{flex-shrink:0;min-width:130px;font-size:12.5px;color:var(--text-schwach)}.kopier-wert{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.kopiert-gruen{color:var(--erfolg)}.kopieren-rot{color:var(--gefahr)}.passkey-liste{margin:0;padding:0;list-style:none;border:1px solid var(--rand);border-radius:12px;overflow:hidden}.passkey-zeile{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--rand)}.passkey-zeile:last-child{border-bottom:none}.passkey-symbol{color:var(--akzent);flex-shrink:0}.passkey-daten{flex:1;min-width:0;display:flex;flex-direction:column}.passkey-name{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.passkey-erstellt{font-size:12px;color:var(--text-schwach)}.signatur-eintrag{margin:0 0 12px;padding:12px;border:1px solid var(--rand);border-radius:12px}.signatur-kopfzeile{display:flex;align-items:center;gap:10px;margin-bottom:8px}.signatur-name{flex:1;min-width:0}.signatur-standard{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-schwach);white-space:nowrap;cursor:pointer}.signatur-standard input{accent-color:var(--akzent)}.signatur-text{resize:vertical;font-size:13px;line-height:1.55}.feld-paar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.abwesenheit-text{resize:vertical;line-height:1.55}.listen-paar{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.listen-formular{display:flex;gap:8px}.listen-formular .eingabe{flex:1;min-width:0}.listen-eintraege{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.listen-eintraege li{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 12px;border:1px solid var(--rand);border-radius:9px;background:var(--grund)}.listen-wert{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.reiter-leiste{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--rand);overflow-x:auto;scrollbar-width:none}.reiter-leiste::-webkit-scrollbar{display:none}.reiter{flex-shrink:0;padding:8px 14px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--text-schwach);cursor:pointer;font-size:13.5px;font-weight:500;white-space:nowrap}.reiter:hover{color:var(--text)}.reiter.aktiv{color:var(--akzent);border-bottom-color:var(--akzent);font-weight:600}.schritt-liste{margin:0 0 4px;padding:0;list-style:none;counter-reset:schritt;display:flex;flex-direction:column;gap:10px}.schritt-liste li{counter-increment:schritt;display:flex;align-items:flex-start;gap:10px;font-size:13.5px}.schritt-liste li:before{content:counter(schritt);flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--akzent-hell-2);color:var(--akzent);font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.signatur-wahl{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:0 18px 10px}.signatur-wahl label{font-size:12.5px;color:var(--text-schwach)}.auswahl{padding:6px 10px;border:1px solid var(--rand-stark);border-radius:8px;background:var(--flaeche);color:var(--text);font:inherit;font-size:12.5px}.auswahl:focus{outline:none;border-color:var(--akzent);box-shadow:0 0 0 3px var(--akzent-hell)}@media (max-width: 1000px){.seitenleiste{width:216px}}@media (max-width: 820px){.einstellungen{flex-direction:column}.einstellungen-nav{width:auto;flex-direction:row;align-items:center;gap:4px;padding:10px 12px;border-right:none;border-bottom:1px solid var(--rand);overflow-x:auto;overflow-y:hidden}.einstellungen-nav-titel{display:none}.einstellungen-nav .leisten-eintrag{width:auto;white-space:nowrap}.einstellungen-innen{padding:16px 14px 48px}.listen-paar,.feld-paar,.wiederherstellung-codes{grid-template-columns:1fr}}.anmelde-verweis{background:none;border:0;padding:0;cursor:pointer;color:var(--akzent, #1e6ff2);font:inherit;text-decoration:underline;text-underline-offset:2px}.anmelde-verweis:hover{opacity:.8}.anmelde-erfolg{margin:0 0 14px;padding:10px 12px;border-radius:10px;background:#1e6ff214;color:var(--text-gedaempft, #56637d);font-size:13px;line-height:1.55}
