@font-face{font-family:Schibsted Grotesk;font-style:normal;font-display:swap;font-weight:400 900;src:url(/fonts/schibsted-grotesk-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--ink-900: #111a1e;--ink-700: #33444b;--ink-500: #5d7079;--ink-400: #84969d;--ink-300: #a3b2b8;--paper: #ffffff;--ground: #e9ecee;--raise: #f4f6f7;--raise-2: #eceff1;--line: #e3e7ea;--line-kraeftig: #cdd4d8;--akzent: #0d5c6b;--akzent-tief: #094853;--akzent-hell: #e9f2f4;--akzent-rand: #bad6dc;--gefahr: #b3261e;--gefahr-hell: #fdecea;--warn: #a35a06;--warn-hell: #fdf3e3;--gut: #1c7a4f;--gut-hell: #e9f5ee;--schrift: "Schibsted Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--t-xs: .6875rem;--t-sm: .8125rem;--t-base: .875rem;--t-md: .9375rem;--t-lg: 1.0625rem;--t-xl: 1.25rem;--t-2xl: 1.5rem;--r-sm: 6px;--r-md: 9px;--r-lg: 14px;--r-voll: 999px;--kopf-hoehe: 56px;--zeilen-hoehe: 88px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--schatten-1: 0 1px 2px rgba(17,26,30,.07), 0 1px 1px rgba(17,26,30,.04);--schatten-2: 0 2px 8px -2px rgba(17,26,30,.1), 0 1px 2px rgba(17,26,30,.05);--schatten-3: 0 16px 40px -12px rgba(17,26,30,.22), 0 4px 12px -6px rgba(17,26,30,.12);--zeit: .16s;--zeit-lang: .22s;--kurve: cubic-bezier(.22,.61,.36,1);--bg: var(--ground);--panel-bg: var(--paper);--border: var(--line);--text: var(--ink-900);--text-muted: var(--ink-500);--blue: var(--akzent);--blue-dark: var(--akzent-tief);--red: var(--gefahr);--green: var(--gut);--yellow: var(--warn);--shadow: var(--schatten-2);--unread-bg: var(--akzent-hell);--sidebar-hover: var(--raise);--sidebar-active: var(--akzent);--sidebar-border: var(--line)}html{-webkit-text-size-adjust:100%}body{font-family:var(--schrift);font-size:var(--t-base);background:var(--ground);color:var(--ink-900);height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{height:100dvh}::selection{background:var(--akzent-rand);color:var(--ink-900)}*{caret-color:var(--akzent)}:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--akzent);outline-offset:2px;border-radius:var(--r-sm)}:where(a,button):focus:not(:focus-visible){outline:none}*{scrollbar-width:thin;scrollbar-color:var(--line-kraeftig) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--line-kraeftig);border-radius:var(--r-voll);border:3px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--ink-300);background-clip:padding-box}a{color:var(--akzent);text-underline-offset:3px;text-decoration-thickness:1px}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.45}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;accent-color:var(--akzent)}::placeholder{color:var(--ink-400);opacity:1}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app-shell{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:var(--ground)}.app-shell-body{flex:1;display:flex;flex-direction:column-reverse;overflow:hidden;min-height:0}.app-shell-body>*:not(.nav-bottom){flex:1;overflow:hidden;min-height:0}@media (min-width: 768px){.app-shell-body{flex-direction:row}.app-shell-body>*:not(.nav-bottom){flex:1}}.app-header{display:flex;align-items:center;gap:8px;height:calc(var(--kopf-hoehe) + var(--safe-top));padding:var(--safe-top) 10px 0;background:var(--paper);border-bottom:1px solid var(--line);flex-shrink:0;position:relative;z-index:30}.kopf-knopf{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:var(--r-md);color:var(--ink-700);transition:background var(--zeit) var(--kurve),color var(--zeit) var(--kurve)}.kopf-knopf:hover{background:var(--raise);color:var(--ink-900)}.kopf-knopf:active{background:var(--raise-2)}.app-header-title{font-size:var(--t-lg);font-weight:600;letter-spacing:-.015em;color:var(--ink-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}@media (min-width: 768px){.app-header{padding-left:14px;padding-right:14px;gap:10px}.app-header-title{flex:none;margin-right:6px}}.app-header-nav{display:none;gap:2px;align-items:center}@media (min-width: 768px){.app-header-nav{display:flex;flex:1;min-width:0}}.app-header-nav a{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;border-radius:var(--r-md);font-size:var(--t-base);font-weight:500;color:var(--ink-500);text-decoration:none;white-space:nowrap;transition:background var(--zeit) var(--kurve),color var(--zeit) var(--kurve)}.app-header-nav a:hover{background:var(--raise);color:var(--ink-900)}.app-header-nav a.active{background:var(--akzent-hell);color:var(--akzent);font-weight:600}.app-header-nav a.active .zaehler{background:var(--akzent);color:#fff}.zaehler{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-voll);background:var(--raise-2);color:var(--ink-500);font-size:var(--t-xs);font-weight:650;font-variant-numeric:tabular-nums;line-height:1}.kopf-konten{display:flex;align-items:center;gap:5px;flex-shrink:0}@media (min-width: 768px){.kopf-konten{margin-left:auto;padding-left:10px}.kopf-konten:before{content:"";width:1px;height:22px;margin-right:5px;background:var(--line)}}.kopf-konto{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:var(--r-sm);position:relative;overflow:hidden;text-decoration:none;background:var(--raise);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow var(--zeit) var(--kurve),background var(--zeit) var(--kurve)}.kopf-konto:hover{box-shadow:inset 0 0 0 1px var(--ink-300)}.kopf-konto.active{background:var(--akzent-hell);box-shadow:inset 0 0 0 1.5px var(--akzent)}.kopf-konto-icon{max-height:19px;max-width:24px;object-fit:contain}.kopf-konto-icon.rund{width:32px;height:32px;border-radius:0;object-fit:cover}.kopf-konto-icon.dunkel{filter:grayscale(1) brightness(.25)}.kopf-konto-kuerzel{font-size:11px;font-weight:700;color:var(--ink-700);letter-spacing:.01em}.nav-bottom{display:flex;border-top:1px solid var(--line);background:var(--paper);padding-bottom:var(--safe-bottom);flex-shrink:0;position:relative;z-index:30}.nav-bottom a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 2px 7px;min-height:54px;font-size:var(--t-xs);font-weight:500;letter-spacing:-.005em;color:var(--ink-500);text-decoration:none;position:relative;transition:color var(--zeit) var(--kurve)}.nav-bottom a .nav-icon{display:grid;place-items:center;width:26px;height:26px;position:relative}.nav-bottom a.active{color:var(--akzent)}.nav-bottom a.active .nav-icon:before{content:"";position:absolute;top:-3px;right:-6px;bottom:-3px;left:-6px;border-radius:var(--r-voll);background:var(--akzent-hell);z-index:-1}.nav-punkt{position:absolute;top:-2px;right:-4px;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;border-radius:var(--r-voll);background:var(--akzent);color:#fff;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;border:2px solid var(--paper)}@media (min-width: 768px){.nav-bottom{display:none}}.pane-list,.pane-detail{width:100%;overflow-y:auto;background:var(--paper);display:flex;flex-direction:column;min-height:0}.pane-list[data-hidden=true],.pane-detail[data-hidden=true]{display:none}@media (min-width: 768px){.app-shell-body{padding:0;gap:0}.pane-list{width:var(--pane-list-width, 400px);flex-shrink:0;border-right:1px solid var(--line)}.pane-detail{flex:1;min-width:0}.pane-list[data-hidden=true],.pane-detail[data-hidden=true]{display:flex}}.pane-resizer{display:none;width:7px;flex-shrink:0;cursor:col-resize;background:transparent;position:relative}.pane-resizer:after{content:"";position:absolute;top:0;right:3px;bottom:0;left:3px;background:transparent;transition:background var(--zeit) var(--kurve)}.pane-resizer:hover:after,.pane-resizer.aktiv:after{background:var(--akzent-rand)}@media (min-width: 768px){.pane-resizer{display:block}}.detail-spalten{display:block}.detail-formular,.detail-pdf{width:100%}.spalten-resizer{display:none}@media (min-width: 1100px){.pane-detail{overflow:hidden}.detail-spalten{display:flex;height:100%}.detail-formular{width:var(--formular-breite, 480px);flex-shrink:0;overflow-y:auto;height:100%}.detail-pdf{flex:1;min-width:0;overflow-y:auto;height:100%;background:var(--ground)}.spalten-resizer{display:block;width:7px;flex-shrink:0;cursor:col-resize;background:transparent}.spalten-resizer:hover{background:var(--akzent-rand)}}.listen-kopf{display:flex;align-items:center;gap:10px;padding:0 14px;height:46px;flex-shrink:0;border-bottom:1px solid var(--line);background:var(--paper)}.listen-kopf-titel{font-size:var(--t-base);font-weight:600;letter-spacing:-.01em;color:var(--ink-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listen-kopf-zahl{font-size:var(--t-sm);color:var(--ink-500);font-variant-numeric:tabular-nums;white-space:nowrap}.back-button{display:none;align-items:center;gap:4px;height:44px;padding:0 12px 0 8px;flex-shrink:0;font-size:var(--t-base);font-weight:500;color:var(--akzent);border-bottom:1px solid var(--line);width:100%;justify-content:flex-start}@media (max-width: 767px){.back-button{display:flex}}.mail-row{display:flex;align-items:flex-start;gap:11px;width:100%;height:var(--zeilen-hoehe);padding:13px 14px 13px 13px;text-align:left;overflow:hidden;background:var(--paper);border-bottom:1px solid var(--line);position:relative;transition:background var(--zeit) var(--kurve)}.mail-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background var(--zeit) var(--kurve)}.mail-row:hover{background:var(--raise)}.mail-row.unread{background:var(--paper)}.mail-row.unread:before{background:var(--akzent)}.mail-row.aktiv{background:var(--akzent-hell)}.mail-row.aktiv:before{background:var(--akzent)}.mail-row.aktiv:hover{background:var(--akzent-hell)}.mail-row-inhalt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mail-row-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.mail-row-absender{font-size:var(--t-md);font-weight:500;color:var(--ink-700);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row.unread .mail-row-absender{font-weight:650;color:var(--ink-900)}.mail-row-datum{font-size:var(--t-sm);color:var(--ink-500);flex-shrink:0}.mail-row.unread .mail-row-datum{color:var(--akzent);font-weight:550}.mail-row-zeile2{display:flex;align-items:center;gap:8px}.mail-row-betreff{flex:1;min-width:0;font-size:var(--t-base);font-weight:400;color:var(--ink-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row.unread .mail-row-betreff{font-weight:600;color:var(--ink-900)}.mail-row-marken{display:flex;align-items:center;gap:5px;flex-shrink:0;color:var(--ink-400)}.mail-row-marken .stern{color:var(--warn)}.mail-row-vorschau{font-size:var(--t-sm);color:var(--ink-500);line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row-badge{display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:var(--r-sm);background:var(--raise-2);color:var(--ink-500);font-size:var(--t-xs);font-weight:550;letter-spacing:.01em;white-space:nowrap}.avatar{position:relative;flex-shrink:0;width:38px;height:38px;border-radius:var(--r-md);display:grid;place-items:center;font-size:var(--t-base);font-weight:600;letter-spacing:.01em;color:#fff;-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 0 1px #111a1e0f}.avatar-marke{position:absolute;right:-3px;bottom:-3px;width:17px;height:17px;border-radius:5px;background:var(--paper);box-shadow:0 1px 2px #111a1e2e;display:grid;place-items:center;overflow:hidden}.avatar-marke img{max-width:13px;max-height:11px;object-fit:contain}.avatar-marke img.rund{width:15px;height:15px;border-radius:50%;object-fit:cover}.avatar-marke img.dunkel{filter:grayscale(1) brightness(.2)}.avatar-marke span{font-size:9px;line-height:1;font-weight:700;color:var(--ink-700)}.wisch-grund{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:8px;padding:0 22px;font-size:var(--t-sm);font-weight:600;color:#fff;letter-spacing:-.005em}.wisch-grund.loeschen{background:var(--gefahr);justify-content:flex-start}.wisch-grund.archiv{background:var(--akzent);justify-content:flex-end}.hinweis-leer{padding:40px 28px;text-align:center;color:var(--ink-500);font-size:var(--t-base);line-height:1.6;max-width:46ch;margin:0 auto}.leer-block{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 28px;text-align:center}.leer-icon{width:52px;height:52px;border-radius:var(--r-lg);display:grid;place-items:center;background:var(--raise);color:var(--ink-300);box-shadow:inset 0 0 0 1px var(--line)}.leer-titel{font-size:var(--t-md);font-weight:600;color:var(--ink-700);letter-spacing:-.01em}.leer-text{font-size:var(--t-sm);color:var(--ink-500);line-height:1.6;max-width:42ch}@keyframes schimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skelett{border-radius:var(--r-sm);background:linear-gradient(90deg,var(--raise) 25%,var(--raise-2) 37%,var(--raise) 63%);background-size:200% 100%;animation:schimmer 1.4s linear infinite}.skelett-zeile{display:flex;align-items:flex-start;gap:11px;height:var(--zeilen-hoehe);padding:13px 14px;border-bottom:1px solid var(--line)}.skelett-zeile .skelett-avatar{width:38px;height:38px;border-radius:var(--r-md);flex-shrink:0}.skelett-zeile .skelett-text{flex:1;display:flex;flex-direction:column;gap:8px;padding-top:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 14px;border-radius:var(--r-md);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line-kraeftig);color:var(--ink-700);font-weight:550;font-size:var(--t-base);letter-spacing:-.005em;white-space:nowrap;transition:background var(--zeit) var(--kurve),box-shadow var(--zeit) var(--kurve),color var(--zeit) var(--kurve)}.btn:hover:not(:disabled){background:var(--raise);color:var(--ink-900)}.btn:active:not(:disabled){background:var(--raise-2)}.btn-primary{background:var(--akzent);color:#fff;box-shadow:var(--schatten-1)}.btn-primary:hover:not(:disabled){background:var(--akzent-tief);color:#fff}.btn-primary:active:not(:disabled){background:var(--akzent-tief)}.btn-danger{background:var(--gefahr);color:#fff;box-shadow:var(--schatten-1)}.btn-danger:hover:not(:disabled){background:#97201a;color:#fff}.btn-ghost{background:transparent;box-shadow:none;color:var(--ink-500);padding:0 10px}.btn-ghost:hover:not(:disabled){background:var(--raise);color:var(--ink-900);box-shadow:none}.btn-gross{height:44px;padding:0 18px;font-size:var(--t-md)}.btn-block{width:100%}.knopf-schreiben{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;width:36px;flex-shrink:0;margin-left:auto;border-radius:var(--r-md);background:var(--akzent);color:#fff;font-size:var(--t-base);font-weight:600;box-shadow:var(--schatten-1);transition:background var(--zeit) var(--kurve),transform var(--zeit) var(--kurve)}.knopf-schreiben:hover{background:var(--akzent-tief)}.knopf-schreiben:active{transform:scale(.96)}.knopf-schreiben span{display:none}@media (min-width: 900px){.knopf-schreiben{width:auto;padding:0 14px 0 11px}.knopf-schreiben span{display:inline}}.feld{width:100%;height:40px;padding:0 12px;border-radius:var(--r-md);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line-kraeftig);border:none;outline:none;font-size:var(--t-md);color:var(--ink-900);transition:box-shadow var(--zeit) var(--kurve)}.feld:hover{box-shadow:inset 0 0 0 1px var(--ink-300)}.feld:focus{box-shadow:inset 0 0 0 2px var(--akzent)}.feld-label{display:block;font-size:var(--t-sm);font-weight:550;color:var(--ink-700);margin-bottom:6px}select.feld{padding-right:30px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235d7079' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}.schalter{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.schalter input{position:absolute;opacity:0;width:0;height:0}.schalter-spur{width:34px;height:20px;border-radius:var(--r-voll);background:var(--line-kraeftig);position:relative;flex-shrink:0;transition:background var(--zeit) var(--kurve)}.schalter-spur:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #111a1e40;transition:transform var(--zeit) var(--kurve)}.schalter input:checked+.schalter-spur{background:var(--akzent)}.schalter input:checked+.schalter-spur:after{transform:translate(14px)}.schalter input:focus-visible+.schalter-spur{outline:2px solid var(--akzent);outline-offset:2px}.schalter-text{font-size:var(--t-sm);color:var(--ink-500);white-space:nowrap}.mail-toolbar{display:flex;align-items:center;gap:5px;padding:8px 12px;flex-shrink:0;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:10}.mail-toolbar-pill{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 15px 0 12px;flex-shrink:0;border-radius:var(--r-md);background:var(--akzent);color:#fff;font-size:var(--t-base);font-weight:600;letter-spacing:-.005em;box-shadow:var(--schatten-1);transition:background var(--zeit) var(--kurve)}.mail-toolbar-pill:hover{background:var(--akzent-tief)}.mail-toolbar-trenner{width:1px;height:20px;background:var(--line);margin:0 3px;flex-shrink:0}.mail-toolbar-zurueck{display:none;align-items:center;justify-content:center;width:36px;height:36px;margin-left:-4px;margin-right:2px;border-radius:var(--r-md);color:var(--ink-700);flex-shrink:0}.mail-toolbar-zurueck:hover{background:var(--raise)}@media (max-width: 767px){.mail-toolbar-zurueck{display:flex}}.mail-toolbar-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:var(--r-md);color:var(--ink-500);background:transparent;transition:background var(--zeit) var(--kurve),color var(--zeit) var(--kurve)}.mail-toolbar-icon:hover{background:var(--raise);color:var(--ink-900)}.mail-toolbar-icon.markiert{color:var(--warn);background:var(--warn-hell)}.mail-toolbar-icon.gefahr:hover{background:var(--gefahr-hell);color:var(--gefahr)}.mail-kopf{padding:18px 20px 16px;border-bottom:1px solid var(--line);flex-shrink:0}@media (min-width: 768px){.mail-kopf{padding:22px 26px 18px}}.mail-betreff{font-size:var(--t-xl);font-weight:650;line-height:1.25;letter-spacing:-.02em;color:var(--ink-900);margin-bottom:14px;text-wrap:balance}.mail-absender-zeile{display:flex;align-items:center;gap:11px}.mail-absender-text{flex:1;min-width:0}.mail-absender-name{display:block;font-size:var(--t-md);font-weight:600;color:var(--ink-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-absender-adresse{display:block;font-size:var(--t-sm);color:var(--ink-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-datum{font-size:var(--t-sm);color:var(--ink-500);flex-shrink:0;text-align:right}.mail-details-knopf{display:inline-flex;align-items:center;gap:5px;margin-top:12px;padding:4px 8px 4px 6px;border-radius:var(--r-sm);font-size:var(--t-sm);font-weight:500;color:var(--ink-500);transition:background var(--zeit) var(--kurve),color var(--zeit) var(--kurve)}.mail-details-knopf:hover{background:var(--raise);color:var(--ink-900)}.mail-details-knopf .chev{transition:transform var(--zeit) var(--kurve)}.mail-details-knopf[aria-expanded=true] .chev{transform:rotate(90deg)}.mail-details{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin-top:10px;padding:12px 14px;border-radius:var(--r-md);background:var(--raise);font-size:var(--t-sm);line-height:1.5}.mail-details dt{color:var(--ink-500);font-weight:500}.mail-details dd{color:var(--ink-700);overflow-wrap:anywhere}.anhang-liste{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.anhang{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px 0 9px;border-radius:var(--r-md);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line-kraeftig);color:var(--ink-700);text-decoration:none;max-width:100%;transition:background var(--zeit) var(--kurve),box-shadow var(--zeit) var(--kurve)}.anhang:hover{background:var(--raise);box-shadow:inset 0 0 0 1px var(--ink-300)}.anhang-icon{color:var(--ink-400);flex-shrink:0}.anhang-name{font-size:var(--t-sm);font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:22ch}.anhang-groesse{font-size:var(--t-xs);color:var(--ink-500);font-variant-numeric:tabular-nums;flex-shrink:0}.mail-koerper{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto}.mail-koerper-innen{padding:16px 16px 40px;flex:1;display:flex;flex-direction:column}@media (min-width: 768px){.mail-koerper-innen{padding:22px 26px 48px}}.mail-text{font-size:var(--t-md);line-height:1.65;white-space:pre-wrap;color:var(--ink-900);max-width:72ch;overflow-wrap:anywhere}.bilder-hinweis{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:7px 8px 7px 12px;margin-bottom:14px;border-radius:var(--r-md);background:var(--warn-hell);box-shadow:inset 0 0 0 1px #f2dcb8;font-size:var(--t-sm);width:fit-content;max-width:100%}.bilder-hinweis-text{color:var(--warn);font-weight:500}.bilder-hinweis-btn{height:26px;padding:0 11px;border-radius:var(--r-sm);background:var(--warn);color:#fff;font-size:var(--t-sm);font-weight:600;white-space:nowrap}.bilder-hinweis-btn:hover{background:#8a4c05}.bilder-hinweis-link{font-size:var(--t-sm);color:var(--warn);text-decoration:underline;text-underline-offset:3px;padding:0 4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schublade-grund{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0b111473;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:einblenden var(--zeit-lang) var(--kurve)}@keyframes einblenden{0%{opacity:0}to{opacity:1}}@keyframes schieben-rein{0%{transform:translate(-100%)}to{transform:translate(0)}}.schublade{position:fixed;inset:0 auto 0 0;z-index:91;width:min(330px,88vw);background:var(--paper);border-right:1px solid var(--line);box-shadow:var(--schatten-3);display:flex;flex-direction:column;animation:schieben-rein var(--zeit-lang) var(--kurve);padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.schublade-kopf{display:flex;align-items:center;gap:10px;height:var(--kopf-hoehe);padding:0 10px 0 14px;border-bottom:1px solid var(--line);flex-shrink:0}.schublade-titel{flex:1;font-size:var(--t-md);font-weight:650;letter-spacing:-.015em}.schublade-koerper{flex:1;overflow-y:auto;padding:8px 8px 16px}.schublade-fuss{border-top:1px solid var(--line);padding:10px 8px calc(10px + var(--safe-bottom));flex-shrink:0}.gruppe-titel{font-size:var(--t-xs);font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-400);padding:14px 8px 6px}.konto-gruppe{padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid var(--line)}.konto-gruppe:last-child{border-bottom:none}.konto-kopf{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:9px 8px;border-radius:var(--r-md);text-align:left;transition:background var(--zeit) var(--kurve)}.konto-kopf:hover{background:var(--raise)}.konto-kopf-marke{width:30px;height:30px;border-radius:var(--r-sm);flex-shrink:0;display:grid;place-items:center;background:var(--raise);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}.konto-kopf-marke img{max-width:20px;max-height:18px;object-fit:contain}.konto-kopf-marke img.rund{width:26px;height:26px;border-radius:50%;object-fit:cover}.konto-kopf-marke img.dunkel{filter:grayscale(1) brightness(.25)}.konto-kopf-text{flex:1;min-width:0}.konto-kopf-name{display:block;font-size:var(--t-base);font-weight:600;color:var(--ink-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.konto-kopf-mail{display:block;font-size:var(--t-xs);color:var(--ink-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ordner-eintrag{display:flex;align-items:center;gap:9px;width:100%;min-height:36px;padding:0 10px 0 12px;margin-left:14px;width:calc(100% - 14px);border-radius:var(--r-md);font-size:var(--t-base);color:var(--ink-700);text-align:left;transition:background var(--zeit) var(--kurve),color var(--zeit) var(--kurve)}.ordner-eintrag:hover{background:var(--raise);color:var(--ink-900)}.ordner-eintrag .icon{color:var(--ink-400);flex-shrink:0;display:grid;place-items:center}.ordner-eintrag span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menue-eintrag{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 10px;border-radius:var(--r-md);font-size:var(--t-base);font-weight:500;color:var(--ink-700);text-align:left;transition:background var(--zeit) var(--kurve),color var(--zeit) var(--kurve)}.menue-eintrag:hover{background:var(--raise);color:var(--ink-900)}.menue-eintrag .icon{color:var(--ink-400);flex-shrink:0;display:grid;place-items:center}.menue-eintrag.gefahr,.menue-eintrag.gefahr .icon{color:var(--gefahr)}.menue-eintrag.gefahr:hover{background:var(--gefahr-hell);color:var(--gefahr)}.menue-flaeche{position:absolute;z-index:100;min-width:200px;max-height:320px;overflow-y:auto;padding:5px;background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--schatten-3),inset 0 0 0 1px var(--line);animation:menue-auf .14s var(--kurve)}@keyframes menue-auf{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}.menue-flaeche button{display:flex;align-items:center;gap:9px;width:100%;min-height:34px;padding:0 10px;border-radius:var(--r-sm);font-size:var(--t-base);color:var(--ink-700);text-align:left;transition:background var(--zeit) var(--kurve)}.menue-flaeche button:hover{background:var(--raise);color:var(--ink-900)}.menue-flaeche .icon{color:var(--ink-400);flex-shrink:0;display:grid;place-items:center}.composer-toolbar{display:flex;align-items:center;gap:2px;padding:5px 14px;flex-shrink:0;border-bottom:1px solid var(--line);background:var(--raise)}.composer-toolbar button{width:30px;height:30px;border-radius:var(--r-sm);display:grid;place-items:center;font-size:var(--t-sm);font-weight:600;color:var(--ink-500);transition:background var(--zeit) var(--kurve),color var(--zeit) var(--kurve)}.composer-toolbar button:hover{background:var(--raise-2);color:var(--ink-900)}.composer-toolbar button.aktiv{background:var(--akzent);color:#fff}.composer-editor{flex:1;overflow-y:auto;background:var(--paper)}.composer-editor .ProseMirror{padding:18px 20px;font-size:var(--t-md);line-height:1.65;outline:none;min-height:200px;color:var(--ink-900);max-width:74ch}.composer-editor .ProseMirror p{margin:0 0 .7em}.composer-editor .ProseMirror blockquote{border-left:2px solid var(--line-kraeftig);padding-left:14px;margin-left:0;color:var(--ink-500)}.composer-editor .ProseMirror a{color:var(--akzent)}.login-buehne{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(120% 90% at 50% -20%,#f6f8f9 0%,var(--ground) 55%,#dfe4e6 100%)}.login-karte{width:100%;max-width:380px;background:var(--paper);border-radius:18px;padding:34px 30px 30px;box-shadow:var(--schatten-3),inset 0 0 0 1px #111a1e0d}.login-marke{width:52px;height:52px;margin:0 auto 18px;border-radius:var(--r-lg);display:grid;place-items:center;background:var(--akzent);color:#fff;box-shadow:0 6px 18px -6px #0d5c6b8c}.login-titel{font-size:var(--t-2xl);font-weight:650;letter-spacing:-.025em;text-align:center;color:var(--ink-900)}.login-unter{text-align:center;font-size:var(--t-sm);color:var(--ink-500);margin-top:3px}.login-trenner{display:flex;align-items:center;gap:12px;margin:18px 0;font-size:var(--t-xs);color:var(--ink-400);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.login-trenner:before,.login-trenner:after{content:"";flex:1;height:1px;background:var(--line)}.fehler-box{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;margin-bottom:16px;border-radius:var(--r-md);background:var(--gefahr-hell);box-shadow:inset 0 0 0 1px #f3cdc9;font-size:var(--t-sm);line-height:1.5;color:var(--gefahr)}.fehler-box .icon{flex-shrink:0;margin-top:1px}.suche-buehne{flex:1;overflow-y:auto;background:var(--paper)}.suche-buehne>*{width:100%;max-width:860px;margin-inline:auto}.suche-leiste{position:sticky;top:0;z-index:10;display:flex;gap:8px;align-items:center;padding:12px 14px;background:var(--paper);border-bottom:1px solid var(--line)}.suche-feld-huelle{position:relative;flex:1;min-width:0}.suche-feld-huelle .icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--ink-400);pointer-events:none}.suche-feld-huelle .feld{padding-left:36px;height:40px}.suche-abschnitt{padding:6px 0 20px}.suche-abschnitt-kopf{display:flex;align-items:baseline;gap:8px;padding:16px 16px 8px;font-size:var(--t-xs);font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-400)}.suche-treffer{display:block;width:100%;text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);transition:background var(--zeit) var(--kurve)}.suche-treffer:hover{background:var(--raise)}.suche-treffer-kopf{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.suche-treffer-von{display:block;font-size:var(--t-base);font-weight:600;color:var(--ink-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suche-treffer-datum{font-size:var(--t-sm);color:var(--ink-500);flex-shrink:0}.suche-treffer-betreff{display:block;font-size:var(--t-base);color:var(--ink-700);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suche-treffer-aus{display:block;font-size:var(--t-sm);color:var(--ink-500);margin-top:3px;line-height:1.5}.suche-treffer-aus b,.suche-treffer-aus mark{background:#fdf0c8;color:var(--ink-900);font-weight:650;border-radius:3px;padding:0 2px}.suche-weiter{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 16px 0;padding:14px;border-radius:var(--r-lg);background:var(--raise);font-size:var(--t-sm);color:var(--ink-500)}.blaetterleiste{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px calc(10px + var(--safe-bottom));border-top:1px solid var(--line);flex-shrink:0;background:var(--paper)}.blaetterleiste .seite{font-size:var(--t-sm);color:var(--ink-500);padding:0 8px;font-variant-numeric:tabular-nums}.nur-schirm{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.compose-grund{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0b111473;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:stretch;justify-content:stretch;animation:einblenden var(--zeit-lang) var(--kurve)}.compose-fenster{background:var(--paper);display:flex;flex-direction:column;width:100%;overflow:hidden;padding-top:var(--safe-top)}@media (min-width: 768px){.compose-grund{align-items:flex-end;justify-content:flex-end;padding:24px}.compose-fenster{border-radius:16px;max-width:720px;max-height:min(86vh,780px);box-shadow:var(--schatten-3);padding-top:0}}.compose-kopf{display:flex;align-items:center;gap:10px;height:var(--kopf-hoehe);padding:0 8px 0 18px;border-bottom:1px solid var(--line);flex-shrink:0}.compose-titel{flex:1;font-size:var(--t-md);font-weight:650;letter-spacing:-.015em}.compose-felder{padding:0 16px;border-bottom:1px solid var(--line);flex-shrink:0}.compose-zeile{display:flex;align-items:center;gap:10px;min-height:44px;border-bottom:1px solid var(--line)}.compose-zeile:last-child{border-bottom:none}.compose-zeile>.marke{font-size:var(--t-sm);color:var(--ink-500);width:54px;flex-shrink:0}.compose-zeile input,.compose-zeile select{flex:1;min-width:0;height:42px;border:none;outline:none;background:transparent;font-size:var(--t-md);color:var(--ink-900)}.compose-zeile input::placeholder{color:var(--ink-400)}.compose-zeile select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:28px;cursor:pointer;font-weight:550;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235d7079' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 2px center}.compose-zeile.betreff input{font-weight:600;letter-spacing:-.01em}.compose-kopie-knopf{font-size:var(--t-sm);font-weight:550;color:var(--akzent);padding:6px 8px;border-radius:var(--r-sm);flex-shrink:0}.compose-kopie-knopf:hover{background:var(--akzent-hell)}.compose-koerper{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.compose-anhaenge{display:flex;flex-wrap:wrap;gap:7px;padding:10px 16px;border-top:1px solid var(--line);flex-shrink:0}.compose-anhang{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 4px 0 9px;border-radius:var(--r-md);background:var(--raise);box-shadow:inset 0 0 0 1px var(--line);font-size:var(--t-sm);max-width:100%}.compose-anhang-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:18ch;font-weight:550}.compose-anhang-weg{display:grid;place-items:center;width:22px;height:22px;border-radius:var(--r-sm);color:var(--ink-500)}.compose-anhang-weg:hover{background:var(--gefahr-hell);color:var(--gefahr)}.compose-fuss{display:flex;align-items:center;gap:8px;padding:10px 12px calc(10px + var(--safe-bottom));border-top:1px solid var(--line);flex-shrink:0}.compose-fehler{font-size:var(--t-sm);color:var(--gefahr);flex:1;min-width:0}.pane-list input:not(.feld):not([type=checkbox]):not([type=radio]):not([type=file]),.pane-list select:not(.feld),.pane-detail input:not(.feld):not([type=checkbox]):not([type=radio]):not([type=file]),.pane-detail select:not(.feld),.pane-detail textarea:not(.feld){min-height:34px;border:1px solid var(--line-kraeftig);border-radius:var(--r-sm);background:var(--paper);color:var(--ink-900);font-size:var(--t-base);outline:none;transition:border-color var(--zeit) var(--kurve),box-shadow var(--zeit) var(--kurve)}.pane-list input:not(.feld):focus,.pane-list select:not(.feld):focus,.pane-detail input:not(.feld):focus,.pane-detail select:not(.feld):focus,.pane-detail textarea:not(.feld):focus{border-color:var(--akzent);box-shadow:0 0 0 1px var(--akzent)}.pane-detail textarea:not(.feld){line-height:1.55;padding:8px 10px}