:root{--bg:#eef1f3;--surface:#fff;--surface-2:#f4f6f8;--surface-3:#e7ecef;--text:#16191b;--text-dim:#4a5257;--text-faint:#7c878d;--border:#dde3e6;--border-stark:#c9d2d7;--accent:#0d7a68;--accent-hover:#0a6355;--accent-wash:#e6f4f0;--accent-text:#fff;--ok:#0f9b6c;--ok-wash:#e6f5ee;--warn:#a35a06;--warn-wash:#fbf0e2;--risk:#c62f2f;--risk-wash:#fbeaea;--schatten-1:0 1px 2px #10181c0f;--schatten-2:0 2px 4px #10181c0d, 0 12px 28px #10181c12;--schatten-3:0 8px 16px #10181c17, 0 32px 64px #10181c24;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;--r-sm:7px;--r:11px;--r-lg:16px;--rail:258px;--liste:396px;--logo-filter:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dunkel{--bg:#101416;--surface:#181d20;--surface-2:#1f2529;--surface-3:#272f34;--text:#eef2f4;--text-dim:#adb8bd;--text-faint:#808d93;--border:#2a3237;--border-stark:#3a444a;--accent:#4fcbae;--accent-hover:#6bd9be;--accent-wash:#14312b;--accent-text:#06231d;--ok:#3fc98f;--ok-wash:#113026;--warn:#dd9a44;--warn-wash:#33270f;--risk:#f07b7b;--risk-wash:#3a1e1e;--schatten-1:0 1px 2px #0006;--schatten-2:0 2px 4px #00000059, 0 12px 28px #0006;--schatten-3:0 8px 16px #00000073, 0 32px 64px #0000008c;--logo-filter:invert(1) brightness(1.6);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;font-size:14.5px;line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}::selection{background:var(--accent-wash);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}*{scrollbar-width:thin;scrollbar-color:var(--border-stark) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-stark);background-clip:content-box;border:3px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background-color:var(--text-faint);background-clip:content-box}.knopf{background:var(--accent);color:var(--accent-text);letter-spacing:-.005em;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:650;transition:background .12s,border-color .12s,color .12s,opacity .12s;display:inline-flex}.knopf:hover:not(:disabled){background:var(--accent-hover)}.knopf:disabled{opacity:.45;cursor:not-allowed}.knopf.stumm{background:var(--surface);border-color:var(--border-stark);color:var(--text-dim);font-weight:600}.knopf.stumm:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.knopf.klar{color:var(--text-dim);background:0 0;font-weight:600}.knopf.klar:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.knopf.gefahr{background:var(--risk);color:#fff}.knopf.gefahr:hover:not(:disabled){background:var(--risk);filter:brightness(1.1)}.knopf.klein{padding:5px 12px;font-size:13px}.wkz{width:34px;height:34px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:none;justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex}.wkz:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.wkz:disabled{opacity:.35;cursor:not-allowed}.wkz.an{background:var(--accent-wash);color:var(--accent)}.wkz svg{width:18px;height:18px}.feld{background:var(--surface);border:1px solid var(--border-stark);border-radius:var(--r-sm);width:100%;padding:9px 12px;font-size:14.5px;transition:border-color .12s,box-shadow .12s}.feld:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash);outline:none}.feld::placeholder{color:var(--text-faint)}.etikett{letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);margin-bottom:6px;font-size:11px;font-weight:700;display:block}.meldung{border-radius:var(--r-sm);gap:10px;padding:11px 14px;font-size:13.5px;line-height:1.45;display:flex}.meldung.schlecht{background:var(--risk-wash);color:var(--risk)}.meldung.gut{background:var(--ok-wash);color:var(--ok)}.meldung.hinweis{background:var(--warn-wash);color:var(--warn)}.meldung b{font-weight:700;display:block}.meldung span{opacity:.85;margin-top:2px;display:block}.tor{background:var(--bg);grid-template-columns:1fr;min-height:100dvh;display:grid}@media (min-width:940px){.tor{grid-template-columns:1fr 1fr}}.tor-bild{color:#e8f5f1;background:#0f1c1a;flex-direction:column;justify-content:space-between;padding:56px;display:none;position:relative;overflow:hidden}@media (min-width:940px){.tor-bild{display:flex}}.tor-bild:before{content:"";filter:blur(10px);background:radial-gradient(45% 45% at 22% 18%,#4fcbae4d,#0000 70%),radial-gradient(40% 40% at 78% 32%,#7ab0ff2e,#0000 70%),radial-gradient(50% 50% at 60% 88%,#b4ebcd29,#0000 70%);position:absolute;inset:-30%}.tor-bild>*{position:relative}.tor-bild h2{letter-spacing:-.03em;max-width:15ch;margin:0 0 16px;font-size:34px;font-weight:700;line-height:1.18}.tor-bild p{color:#e8f5f1b8;max-width:42ch;margin:0;font-size:15px}.tor-punkte{gap:14px;margin:32px 0 0;padding:0;list-style:none;display:grid}.tor-punkte li{color:#e8f5f1cc;align-items:flex-start;gap:12px;font-size:14px;display:flex}.tor-punkte svg{color:#4fcbae;flex:none;width:17px;height:17px;margin-top:2px}.tor-fuss{color:#e8f5f173;font-size:12.5px;font-family:var(--mono)}.tor-form{flex-direction:column;justify-content:center;padding:40px 24px;display:flex}.tor-karte{width:100%;max-width:392px;margin:0 auto}.tor-logo{width:auto;height:30px;filter:var(--logo-filter);margin-bottom:40px}.tor-karte h1{letter-spacing:-.03em;margin:0 0 6px;font-size:27px;font-weight:700}.tor-karte>p.unter{color:var(--text-faint);margin:0 0 28px;font-size:14.5px}.tor-feld{margin-bottom:16px}.tor-karte .knopf{width:100%;margin-top:8px;padding:11px 16px;font-size:15px}.tor-hilfe{border-top:1px solid var(--border);color:var(--text-faint);margin-top:28px;padding-top:20px;font-size:13px;line-height:1.6}.tor-hilfe a{color:var(--accent);font-weight:600;text-decoration:none}.tor-hilfe a:hover{text-decoration:underline}.pw-huelle{position:relative}.pw-huelle .feld{padding-right:44px}.pw-zeigen{width:32px;height:32px;color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;display:grid;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.pw-zeigen:hover{color:var(--text);background:var(--surface-2)}.pw-zeigen svg{width:17px;height:17px}.app{grid-template-columns:var(--rail) var(--liste) minmax(0, 1fr);background:var(--bg);height:100dvh;display:grid;overflow:hidden}.rail{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;grid-column:1;min-height:0;padding:16px 12px 12px;display:flex}.rail-kopf{justify-content:space-between;align-items:center;gap:8px;padding:4px 6px 18px;display:flex}.rail-logo{width:auto;height:21px;filter:var(--logo-filter)}.rail .schreiben{width:100%;box-shadow:var(--schatten-1);margin-bottom:18px;padding:11px 16px;font-size:14.5px}.rail-liste{flex:1;min-height:0;margin:0 -4px;padding:0 4px;overflow-y:auto}.rail-titel{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);padding:14px 10px 6px;font-size:10.5px;font-weight:700}.ordner{width:100%;color:var(--text-dim);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:7px 10px;font-size:14px;font-weight:550;transition:background .1s,color .1s;display:flex}.ordner:hover{background:var(--surface-2);color:var(--text)}.ordner.aktiv{background:var(--accent-wash);color:var(--accent);font-weight:700}.ordner.ziel{background:var(--accent-wash);box-shadow:inset 0 0 0 2px var(--accent)}.ordner svg{opacity:.85;flex:none;width:17px;height:17px}.ordner .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ordner .zahl{font-variant-numeric:tabular-nums;background:var(--accent);color:var(--accent-text);border-radius:999px;flex:none;padding:1px 7px;font-size:11.5px;font-weight:700}.ordner.aktiv .zahl{background:var(--accent);color:var(--accent-text)}.ordner .zahl.leise{color:var(--text-faint);background:0 0;padding-right:2px;font-weight:600}.rail-fuss{border-top:1px solid var(--border);margin-top:8px;padding-top:10px}.speicher{padding:4px 10px 12px}.speicher-balken{background:var(--surface-3);border-radius:99px;height:5px;margin-bottom:6px;overflow:hidden}.speicher-balken i{background:var(--accent);border-radius:99px;height:100%;display:block}.speicher-balken.voll i{background:var(--risk)}.speicher small{color:var(--text-faint);font-size:11.5px}.konto{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.konto:hover{background:var(--surface-2)}.konto .txt{flex:1;min-width:0}.konto .txt b{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;display:block;overflow:hidden}.konto .txt small{color:var(--text-faint);font-size:11.5px}.liste{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;grid-column:2;min-width:0;min-height:0;display:flex}.liste-kopf{border-bottom:1px solid var(--border);gap:10px;padding:12px 14px;display:grid}.suche{position:relative}.suche svg{width:16px;height:16px;color:var(--text-faint);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.suche input{background:var(--surface-2);border:1px solid #0000;border-radius:9px;width:100%;padding:8px 34px;font-size:14px}.suche input:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash);outline:none}.suche .weg{width:24px;height:24px;color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.suche .weg:hover{background:var(--surface-3);color:var(--text)}.suche .weg svg{width:14px;height:14px;position:static;transform:none}.filterzeile{align-items:center;gap:6px;display:flex}.chip{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:4px 11px;font-size:12.5px;font-weight:600}.chip:hover{background:var(--surface-2);color:var(--text)}.chip.an{background:var(--accent-wash);color:var(--accent);border-color:#0000}.filterzeile .rechts{align-items:center;gap:2px;margin-left:auto;display:flex}.auswahlbalken{background:var(--accent-wash);border-bottom:1px solid var(--border);color:var(--accent);align-items:center;gap:4px;padding:7px 10px 7px 14px;display:flex}.auswahlbalken b{margin-right:auto;font-size:13px;font-weight:700}.auswahlbalken .wkz{color:var(--accent)}.auswahlbalken .wkz:hover{background:#0d7a6824}.liste-koerper{flex:1;min-height:0;overflow-y:auto}.zeile{border:none;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;background:0 0;border-left:3px solid #0000;grid-template-columns:auto 1fr;gap:11px;width:100%;padding:11px 14px 11px 12px;transition:background .1s;display:grid;position:relative}.zeile:hover{background:var(--surface-2)}.zeile.offen{background:var(--accent-wash);border-left-color:var(--accent)}.zeile.gewaehlt{background:var(--surface-3)}.zeile .kringel{color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:grid}.zeile .kringel.kaestchen{border:1.5px solid var(--border-stark);color:var(--text-faint);background:var(--surface)!important}.zeile .kringel.kaestchen.an{border-color:var(--accent);color:#fff;background:var(--accent)!important}.zeile .kringel svg{width:16px;height:16px}.zeile .inhalt{min-width:0}.zeile .oben{align-items:baseline;gap:8px;margin-bottom:1px;display:flex}.zeile .absender{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13.5px;font-weight:600;overflow:hidden}.zeile .zeit{color:var(--text-faint);font-variant-numeric:tabular-nums;flex:none;font-size:11.5px}.zeile .betreff{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;margin-bottom:1px;font-size:13.5px;overflow:hidden}.zeile .fuss{align-items:center;gap:7px;display:flex}.zeile .fuss .marke{color:var(--text-faint);display:inline-flex}.zeile .fuss .marke svg{width:13px;height:13px}.zeile .fuss .marke.gelb{color:#d9a520}.zeile .fuss .groesse{color:var(--text-faint);margin-left:auto;font-size:11px}.zeile.neu .absender{color:var(--text);font-weight:750}.zeile.neu .betreff{color:var(--text);font-weight:650}.zeile.neu:after{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.blaettern{border-top:1px solid var(--border);color:var(--text-faint);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-size:12.5px;display:flex}.leser{background:var(--bg);flex-direction:column;grid-column:3;min-width:0;min-height:0;display:flex}.leser-leer{text-align:center;color:var(--text-faint);flex:1;place-content:center;justify-items:center;gap:14px;padding:40px;display:grid}.leser-leer svg{opacity:.35;width:46px;height:46px}.leser-leer b{color:var(--text-dim);font-size:16px;font-weight:650}.leser-leer p{max-width:38ch;margin:0;font-size:13.5px;line-height:1.6}.leser-leer kbd{font-family:var(--mono);background:var(--surface-3);border:1px solid var(--border);color:var(--text-dim);border-radius:5px;padding:2px 6px;font-size:11px}.leser-werkzeug{border-bottom:1px solid var(--border);background:var(--surface);flex:none;align-items:center;gap:3px;padding:9px 14px;display:flex}.leser-werkzeug .trenner{background:var(--border);width:1px;height:20px;margin:0 5px}.leser-werkzeug .rechts{align-items:center;gap:3px;margin-left:auto;display:flex}.leser-rolle{flex:1;min-height:0;overflow-y:auto}.leser-blatt{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--schatten-1);margin:18px;overflow:hidden}.brief-kopf{border-bottom:1px solid var(--border);padding:22px 26px 18px}.brief-kopf h1{letter-spacing:-.02em;overflow-wrap:anywhere;margin:0 0 16px;font-size:21px;font-weight:700;line-height:1.3}.brief-von{align-items:flex-start;gap:12px;display:flex}.brief-von .kringel{color:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:grid}.brief-von .wer{flex:1;min-width:0}.brief-von .wer b{font-size:14.5px;font-weight:650;display:block}.brief-von .wer .mail{color:var(--text-faint);font-size:12.5px;font-family:var(--mono);overflow-wrap:anywhere}.brief-von .wann{color:var(--text-faint);text-align:right;flex:none;font-size:12.5px}.brief-an{color:var(--text-faint);margin-top:12px;font-size:12.5px;line-height:1.65}.brief-an b{color:var(--text-dim);font-weight:600}.brief-an .mehr{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px;font-weight:600}.bildwarnung{background:var(--warn-wash);color:var(--warn);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 26px;font-size:13px;display:flex}.bildwarnung span{flex:1}.bildwarnung button{color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid;border-radius:999px;padding:4px 11px;font-size:12.5px;font-weight:650}.bildwarnung button:hover{background:#0000000f}.brief-rahmen{background:var(--surface);border:none;width:100%;display:block}.anhaenge{border-top:1px solid var(--border);padding:16px 26px 20px}.anhaenge .titel{letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);margin-bottom:10px;font-size:11px;font-weight:700}.anhang-gitter{flex-wrap:wrap;gap:8px;display:flex}.anhang{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);color:inherit;align-items:center;gap:10px;max-width:280px;padding:8px 14px 8px 10px;text-decoration:none;transition:border-color .12s,background .12s;display:flex}.anhang:hover{border-color:var(--accent);background:var(--accent-wash)}.anhang .sym{background:var(--surface-3);width:30px;height:30px;color:var(--text-dim);border-radius:7px;flex:none;place-items:center;display:grid}.anhang .sym svg{width:16px;height:16px}.anhang .txt{min-width:0}.anhang .txt b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;display:block;overflow:hidden}.anhang .txt small{color:var(--text-faint);font-size:11.5px}.antwortleiste{flex-wrap:wrap;gap:8px;padding:0 18px 22px;display:flex}.vorhang{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:60;background:#0c121473;place-items:center;padding:24px;animation:.14s einblenden;display:grid;position:fixed;inset:0}@keyframes einblenden{0%{opacity:0}}.verfassen{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;max-width:820px;height:min(760px,100%);box-shadow:var(--schatten-3);flex-direction:column;animation:.16s cubic-bezier(.2,.8,.3,1) hoch;display:flex;overflow:hidden}@keyframes hoch{0%{opacity:0;transform:translateY(10px)scale(.99)}}.verfassen.gross{max-width:none;height:100%}.verfassen-kopf{border-bottom:1px solid var(--border);background:var(--surface-2);align-items:center;gap:8px;padding:12px 12px 12px 20px;display:flex}.verfassen-kopf h2{flex:1;margin:0;font-size:14.5px;font-weight:700}.verfassen-kopf .stand{color:var(--text-faint);margin-right:4px;font-size:12px}.verfassen-felder{flex:none;padding:4px 20px}.vzeile{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:9px 0;display:flex}.vzeile>label{color:var(--text-faint);flex:none;width:62px;font-size:12.5px;font-weight:650}.vzeile input{background:0 0;border:none;flex:1;min-width:0;padding:2px 0;font-size:14.5px}.vzeile input:focus{outline:none}.vzeile .von{color:var(--text-dim);flex:1;font-size:14px}.vzeile .von b{color:var(--text);font-weight:600}.vzeile .schalter{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:2px 6px;font-size:12.5px;font-weight:650}.vzeile .schalter:hover{background:var(--surface-3);color:var(--text)}.vzeile .schalter.an{color:var(--accent)}.werkzeugleiste{border-bottom:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap;align-items:center;gap:2px;padding:8px 16px;display:flex}.werkzeugleiste .trenner{background:var(--border);width:1px;height:18px;margin:0 6px}.werkzeugleiste .wkz{border-radius:7px;width:30px;height:30px}.werkzeugleiste .wkz svg{width:16px;height:16px}.schreibfeld{outline:none;flex:1;min-height:0;padding:18px 20px;font-size:14.5px;line-height:1.6;overflow-y:auto}.schreibfeld:empty:before{content:attr(data-platzhalter);color:var(--text-faint);pointer-events:none}.schreibfeld blockquote{border-left:2px solid var(--border-stark);color:var(--text-dim);margin:12px 0;padding-left:14px}.schreibfeld a{color:var(--accent)}.schreibfeld img{max-width:100%;height:auto}.entwurf-anhaenge{flex-wrap:wrap;gap:8px;padding:0 20px 12px;display:flex}.entwurf-anhang{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;align-items:center;gap:8px;max-width:260px;padding:6px 8px 6px 12px;font-size:12.5px;display:flex}.entwurf-anhang b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.entwurf-anhang small{color:var(--text-faint);flex:none}.entwurf-anhang button{width:20px;height:20px;color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;place-items:center;display:grid}.entwurf-anhang button:hover{background:var(--risk-wash);color:var(--risk)}.entwurf-anhang button svg{width:12px;height:12px}.verfassen-fuss{border-top:1px solid var(--border);background:var(--surface-2);align-items:center;gap:8px;padding:12px 16px;display:flex}.verfassen-fuss .rechts{align-items:center;gap:6px;margin-left:auto;display:flex}.verfassen-meldung{padding:0 20px 12px}.laden{color:var(--text-faint);place-items:center;gap:12px;padding:48px 20px;font-size:13.5px;display:grid}.kreisel{border:2.5px solid var(--border-stark);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite dreh}@keyframes dreh{to{transform:rotate(360deg)}}.leerer-ordner{text-align:center;color:var(--text-faint);place-items:center;gap:10px;padding:56px 24px;display:grid}.leerer-ordner svg{opacity:.3;width:34px;height:34px}.leerer-ordner b{color:var(--text-dim);font-size:14.5px;font-weight:650}.leerer-ordner p{max-width:30ch;margin:0;font-size:13px;line-height:1.55}.toasts{z-index:90;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{color:#f2f6f7;box-shadow:var(--schatten-2);pointer-events:auto;background:#1d2427;border-radius:999px;align-items:center;gap:14px;max-width:min(520px,92vw);padding:11px 14px 11px 18px;font-size:13.5px;font-weight:550;animation:.16s cubic-bezier(.2,.8,.3,1) hoch;display:flex}.dunkel .toast{color:#16191b;background:#f0f4f5}.toast.schlecht{background:var(--risk);color:#fff}.toast button{color:#6fe0c4;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:13.5px;font-weight:700}.dunkel .toast button{color:var(--accent)}.toast.schlecht button{color:#fff;text-decoration:underline}.menue-huelle{position:relative}.menue{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);min-width:216px;box-shadow:var(--schatten-2);z-index:70;max-height:60vh;padding:6px;animation:.1s einblenden;position:absolute;overflow-y:auto}.menue.unten-links{top:calc(100% + 6px);left:0}.menue.unten-rechts{top:calc(100% + 6px);right:0}.menue.oben-links{bottom:calc(100% + 6px);left:0}.menue-punkt{width:100%;color:var(--text-dim);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;font-weight:550;display:flex}.menue-punkt:hover{background:var(--surface-2);color:var(--text)}.menue-punkt.gefahr{color:var(--risk)}.menue-punkt.gefahr:hover{background:var(--risk-wash)}.menue-punkt svg{opacity:.8;flex:none;width:16px;height:16px}.menue-punkt .kuerzel{font-family:var(--mono);color:var(--text-faint);margin-left:auto;font-size:11px}.menue-trenner{background:var(--border);height:1px;margin:5px 4px}.menue-titel{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);padding:8px 10px 4px;font-size:10.5px;font-weight:700}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;max-width:460px;box-shadow:var(--schatten-3);padding:24px;animation:.16s cubic-bezier(.2,.8,.3,1) hoch}.dialog.breit{max-width:620px}.dialog h2{letter-spacing:-.02em;margin:0 0 6px;font-size:18px;font-weight:700}.dialog>p{color:var(--text-dim);margin:0 0 20px;font-size:14px;line-height:1.55}.dialog-knoepfe{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.tasten{grid-template-columns:1fr 1fr;gap:4px 24px;display:grid}.taste{color:var(--text-dim);align-items:center;gap:10px;padding:5px 0;font-size:13.5px;display:flex}.taste kbd{font-family:var(--mono);text-align:center;background:var(--surface-2);border:1px solid var(--border);min-width:22px;box-shadow:0 1px 0 var(--border-stark);color:var(--text);border-radius:5px;padding:3px 6px;font-size:11px}.zurueck{display:none}@media (max-width:1180px){:root{--rail:232px;--liste:340px}}@media (max-width:1000px){.app{grid-template-columns:var(--rail) minmax(0, 1fr)}.liste{border-right:none;grid-column:2}.leser{grid-column:2}.app.liest .liste,.app:not(.liest) .leser{display:none}.zurueck{display:inline-flex}.leser-blatt{box-shadow:none;border:none;border-radius:0;margin:0}}@media (max-width:720px){.app{grid-template-columns:minmax(0,1fr)}.rail{z-index:80;width:280px;box-shadow:var(--schatten-3);transition:transform .2s cubic-bezier(.2,.8,.3,1);position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.app.schublade .rail{transform:none}.rail-schatten{z-index:79;background:#0c121466;position:fixed;inset:0}.liste,.leser{grid-column:1}.vorhang{padding:0}.verfassen{border:none;border-radius:0;max-width:none;height:100%}.brief-kopf{padding:18px 18px 14px}.brief-kopf h1{font-size:18px}.bildwarnung{padding:10px 18px}.anhaenge{padding:14px 18px 18px}.antwortleiste{padding:0 14px 18px}.tasten{grid-template-columns:1fr}}@media (min-width:721px){.rail-schatten,.menue-mobil{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media print{.rail,.liste,.leser-werkzeug,.antwortleiste,.toasts,.rail-schatten,.bildwarnung button{display:none!important}.app{background:#fff;height:auto;display:block;overflow:visible}.leser,.leser-rolle{background:#fff;display:block;overflow:visible}.leser-blatt{box-shadow:none;background:#fff;border:none;border-radius:0;margin:0}.brief-kopf{padding:0 0 14px}.brief-kopf h1{font-size:17pt}.anhaenge{padding:12px 0 0}.brief-rahmen{border:none;width:100%}a[href^=http]:after{content:" (" attr(href) ")";color:#555;word-break:break-all;font-size:9pt}}.konten{margin-bottom:22px}.konten-titel{letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);margin-bottom:10px;font-size:11.5px;font-weight:700}.konto-kachel{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;width:100%;box-shadow:var(--schatten-1);border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:11px 12px;transition:border-color .12s,background .12s,transform 60ms;display:flex}.konto-kachel:hover{border-color:var(--accent);background:var(--accent-wash)}.konto-kachel:active{transform:translateY(1px)}.konto-kachel:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.konto-zeichen{background:var(--accent);width:34px;height:34px;color:var(--accent-text);border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:700;display:grid}.konto-text{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.konto-text b{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:650;overflow:hidden}.konto-text small{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.konto-status{color:var(--text-faint);flex:none;font-size:12.5px}.konto-weg{width:28px;height:28px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;display:grid}.konto-weg:hover{background:var(--surface-3);color:var(--risk)}.konto-weg svg{width:15px;height:15px}.konten-anderes{border:1px dashed var(--border-stark);width:100%;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:12px;margin-top:2px;padding:9px 12px;font-size:13.5px;font-weight:600}.konten-anderes:hover{border-color:var(--accent);color:var(--accent)}.merken{cursor:pointer;align-items:flex-start;gap:10px;margin:2px 0 6px;display:flex}.merken input{flex:none;margin-top:3px}.merken span{flex-direction:column;gap:2px;display:flex}.merken b{color:var(--text);font-size:13.5px;font-weight:650}.merken small{color:var(--text-faint);font-size:12px;line-height:1.45}.rail-geloescht{border:1px solid var(--border);width:100%;color:var(--text-dim);cursor:pointer;text-align:left;background:0 0;border-radius:10px;align-items:center;gap:9px;margin-bottom:8px;padding:8px 10px;font-size:13.5px;font-weight:600;display:flex}.rail-geloescht:hover,.rail-geloescht.aktiv{border-color:var(--accent);color:var(--accent);background:var(--accent-wash)}.rail-geloescht svg{flex:none;width:16px;height:16px}.rail-geloescht .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.rail-geloescht .zahl{background:var(--surface-3);color:var(--text-dim);border-radius:999px;flex:none;padding:1px 7px;font-size:11.5px;font-weight:700}.geloescht-kopf{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 20px;display:flex}.geloescht-kopf h2{letter-spacing:-.01em;margin:0 0 4px;font-size:16px;font-weight:700}.geloescht-kopf p{color:var(--text-faint);max-width:60ch;margin:0;font-size:13px}.geloescht-liste{flex:1;overflow:auto}.geloescht-zeile{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:11px 20px;display:flex}.geloescht-zeile:hover{background:var(--surface-2)}.geloescht-zeile input{flex:none}.geloescht-zeile .wer{text-overflow:ellipsis;white-space:nowrap;flex:none;width:190px;font-size:13.5px;font-weight:600;overflow:hidden}.geloescht-zeile .was{min-width:0;color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13.5px;overflow:hidden}.geloescht-zeile .woher{color:var(--text-faint);background:var(--surface-3);border-radius:999px;flex:none;padding:2px 9px;font-size:11.5px}.geloescht-zeile .wann{text-align:right;width:108px;color:var(--text-faint);flex:none;font-size:12.5px}@media (max-width:900px){.geloescht-zeile .wer{width:120px}.geloescht-zeile .woher{display:none}}.hilfe-seite{background:var(--bg);place-items:start center;min-height:100dvh;padding:48px 20px 80px;display:grid}.hilfe-karte{width:100%;max-width:620px}.hilfe-karte h1{letter-spacing:-.03em;margin:22px 0 6px;font-size:26px;font-weight:800}.hilfe-karte h2{letter-spacing:-.01em;border-top:1px solid var(--border);margin:34px 0 6px;padding-top:20px;font-size:16px;font-weight:700}.hilfe-karte .unter{color:var(--text-dim);margin:0 0 16px;font-size:14.5px;line-height:1.6}.hilfe-karte code{font-family:var(--mono);background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:1px 5px;font-size:13px}.hilfe-tabelle{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;margin:6px 0 16px;overflow:hidden}.hilfe-tabelle th,.hilfe-tabelle td{text-align:left;border-bottom:1px solid var(--border);padding:10px 16px;font-size:14px}.hilfe-tabelle tr:last-child th,.hilfe-tabelle tr:last-child td{border-bottom:0}.hilfe-tabelle th{width:45%;color:var(--text-faint);font-weight:600}.hilfe-tabelle td{font-family:var(--mono);color:var(--text);font-size:13.5px}.hilfe-hinweis{color:var(--text-dim);background:var(--accent-wash);border-radius:10px;margin:0 0 8px;padding:12px 16px;font-size:13.5px;line-height:1.6}.profil-zeile{align-items:stretch;gap:10px;margin-bottom:8px;display:flex}.profil-zeile .feld{flex:1;min-width:0}.profil-zeile .knopf{white-space:nowrap;flex:none;place-items:center;text-decoration:none;display:inline-grid}.hilfe-fuss{border-top:1px solid var(--border);color:var(--text-faint);align-items:center;gap:10px;margin-top:34px;padding-top:18px;font-size:13.5px;display:flex}.welle-buehne{z-index:200;pointer-events:none;position:fixed;inset:0;overflow:hidden}.welle{transform-origin:50%;width:220vmax;height:170vmax;margin:-85vmax 0 0 -110vmax;position:absolute;top:50%;left:50%;transform:rotate(-45deg)translateY(130vmax)}.welle-kante{width:100%;height:9vmax;margin-bottom:-1px;display:block}.welle-koerper{height:calc(100% - 9vmax + 1px)}.welle-lage-0 .welle-kante path,.welle-lage-0 .welle-koerper{fill:var(--accent-hover);background:var(--accent-hover)}.welle-lage-1 .welle-kante path,.welle-lage-1 .welle-koerper{fill:var(--accent);background:var(--accent)}@keyframes welle-zieht-zu{0%{transform:rotate(-45deg)translateY(130vmax)}to{transform:rotate(-45deg)translateY(-85vmax)}}@keyframes welle-zieht-ab{0%{transform:rotate(-45deg)translateY(-85vmax)}to{transform:rotate(-45deg)translateY(-255vmax)}}.welle-zu .welle{will-change:transform;animation:.62s cubic-bezier(.85,0,.15,1) forwards welle-zieht-zu}.welle-halt .welle{animation:none;transform:rotate(-45deg)translateY(-85vmax)}.welle-auf .welle{will-change:transform;animation:.72s cubic-bezier(.85,0,.15,1) forwards welle-zieht-ab;transform:rotate(-45deg)translateY(-85vmax)}.welle-zu .welle-lage-1,.welle-auf .welle-lage-1{animation-delay:70ms}@media (prefers-reduced-motion:reduce){.welle{display:none;animation:none!important}}