:root,html[data-theme=dark]{color-scheme:dark;--accent: #ff6f61;--accent-2: #ff9379;--teal: #4fd1c5;--good: #8fe2b7;--warn: #f4c1a9;--accent-schrift: #ffbeb8;--bg: radial-gradient(120% 120% at 80% -10%, #36425e 0%, #2d374d 45%, #1c2435 100%);--topbar: rgba(28, 36, 53, .72);--panel: rgba(255, 255, 255, .05);--panel-2: rgba(255, 255, 255, .08);--senke: rgba(0, 0, 0, .22);--senke-2: rgba(0, 0, 0, .1);--active: rgba(255, 111, 97, .16);--active-bd: rgba(255, 111, 97, .42);--text: #ffffff;--text-dim: #c8d0df;--text-faint: #b9bec8;--border: rgba(255, 255, 255, .12);--rand-feld: #a2aab8;--input-bg: rgba(255, 255, 255, .06);--hover: rgba(255, 255, 255, .08);--shadow: 0 1px 2px rgba(0, 0, 0, .45);--shadow-hoch: 0 8px 28px rgba(0, 0, 0, .55);--auf-accent: #241012;--fokus: #6ea8ff;--gefahr: #ffc0bb;--gefahr-flaeche: rgba(255, 138, 128, .14);--good-flaeche: rgba(52, 199, 123, .14);--warn-flaeche: rgba(232, 128, 79, .14)}html[data-theme=light]{color-scheme:light;--accent: #d9534f;--accent-2: #e8776f;--teal: #2fa9a0;--good: #27764a;--warn: #905f18;--accent-schrift: #c12e2a;--bg: #eef1f6;--topbar: rgba(255, 255, 255, .78);--panel: #ffffff;--panel-2: #f2f4f7;--senke: #e4e9f0;--senke-2: #f3f5f8;--active: rgba(217, 83, 79, .13);--active-bd: rgba(217, 83, 79, .45);--text: #1f2933;--text-dim: #52606d;--text-faint: #64707d;--border: #dfe3e8;--rand-feld: #7c8ca1;--input-bg: #ffffff;--hover: #eceff3;--shadow: 0 1px 2px rgba(16, 24, 40, .1);--shadow-hoch: 0 8px 28px rgba(16, 24, 40, .18);--auf-accent: #241012;--fokus: #1f6feb;--gefahr: #b3261e;--gefahr-flaeche: #fbdedb;--good-flaeche: #e0eee6;--warn-flaeche: #f4ebdd}@media(prefers-color-scheme:light){html:not([data-theme=dark]){color-scheme:light;--accent: #d9534f;--accent-2: #e8776f;--teal: #2fa9a0;--good: #27764a;--warn: #905f18;--accent-schrift: #c12e2a;--bg: #eef1f6;--topbar: rgba(255,255,255,.78);--panel: #ffffff;--panel-2: #f2f4f7;--senke: #e4e9f0;--senke-2: #f3f5f8;--active: rgba(217,83,79,.13);--active-bd: rgba(217,83,79,.45);--text: #1f2933;--text-dim: #52606d;--text-faint: #64707d;--border: #dfe3e8;--rand-feld: #7c8ca1;--input-bg: #ffffff;--hover: #eceff3;--shadow: 0 1px 2px rgba(16,24,40,.1);--shadow-hoch: 0 8px 28px rgba(16,24,40,.18);--auf-accent: #241012;--fokus: #1f6feb;--gefahr: #b3261e;--gefahr-flaeche: #fbdedb;--good-flaeche: #e0eee6;--warn-flaeche: #f4ebdd}}:root{--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--r1: 8px;--r2: 12px;--r-rund: 999px;--t0: 12px;--t1: 13px;--t2: 15px;--t3: 18px;--t4: 22px;--zug: .12s ease}*{box-sizing:border-box}body{margin:0;font:var(--t2)/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased}h1{font-size:var(--t4);margin:0 0 var(--s3)}a{color:var(--accent-schrift)}:where(a,button,.knopf,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--fokus);outline-offset:2px;border-radius:var(--r1)}button,.knopf{font:inherit;display:inline-flex;align-items:center;justify-content:center;gap:var(--s1);padding:var(--s2) var(--s3);border-radius:var(--r1);border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;text-decoration:none;transition:background var(--zug),border-color var(--zug),transform var(--zug)}button:hover,.knopf:hover{background:var(--hover);border-color:var(--active-bd)}button:active,.knopf:active{transform:translateY(1px)}button.betont,.knopf.betont{background:var(--accent);border-color:var(--accent);color:var(--auf-accent);font-weight:600;box-shadow:var(--shadow)}button.betont:hover,.knopf.betont:hover{background:var(--accent-2);border-color:var(--accent-2)}button.leise,.knopf.leise{background:transparent;border-color:transparent;color:var(--text-dim)}button.leise:hover,.knopf.leise:hover{background:var(--hover);color:var(--text);border-color:var(--border)}button.gefahr,.knopf.gefahr{color:var(--gefahr);border-color:var(--gefahr);background:transparent}button.gefahr:hover,.knopf.gefahr:hover{background:var(--gefahr-flaeche)}button:disabled,.knopf:disabled{opacity:.45;cursor:default;transform:none}button:disabled:hover{background:var(--panel-2);border-color:var(--border)}input,select,textarea{font:inherit;width:100%;padding:var(--s2) var(--s3);border:1px solid var(--rand-feld);border-radius:var(--r1);background:var(--input-bg);color:var(--text);transition:border-color var(--zug),background var(--zug)}input:hover,select:hover,textarea:hover{border-color:var(--active-bd)}textarea{min-height:160px;resize:vertical;line-height:1.5}input[type=checkbox]{width:auto;accent-color:var(--accent)}label{display:block;font-size:var(--t1);color:var(--text-dim);margin:var(--s3) 0 var(--s1)}.fehler{color:var(--gefahr)}.ok{color:var(--good)}.warn{color:var(--warn)}.hinweis{color:var(--text-dim);font-size:var(--t1)}.kicker{font-size:var(--t0);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin:var(--s4) 0 var(--s2)}.chip{display:inline-flex;align-items:center;padding:2px var(--s2);border-radius:var(--r-rund);font-size:var(--t0);background:var(--panel-2);color:var(--text-dim);margin-right:var(--s1);border:1px solid var(--border)}.chip.ok{background:var(--good-flaeche);color:var(--good);border-color:transparent}.chip.warn{background:var(--warn-flaeche);color:var(--warn);border-color:transparent}.rahmen{display:flex;flex-direction:column;height:100vh;height:100dvh}.kopf{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s4);border-bottom:1px solid var(--border);background:var(--topbar);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;z-index:20}.kopf nav{display:flex;gap:var(--s1);margin-left:var(--s3)}.reiter{border-color:transparent;background:transparent;color:var(--text-dim)}.reiter:hover{background:var(--hover);color:var(--text)}.reiter.aktiv{background:var(--active);color:var(--accent-schrift);border-color:var(--active-bd);font-weight:600}.kopf .wer{margin-left:auto;color:var(--text-dim);font-size:var(--t1)}.inhalt{flex:1;min-height:0;display:flex}.spalten{display:grid;grid-template-columns:var(--sp-vorlage, 220px 420px minmax(0, 1fr));width:100%;min-height:0;position:relative}.spalten>.zieh{position:absolute;top:0;bottom:0;z-index:4;width:9px;transform:translate(-50%);padding:0;border:none;overflow:visible;cursor:col-resize;touch-action:none;background:transparent}.spalten>.zieh-1{left:var(--sp-griff1)}.spalten>.zieh-2{left:var(--sp-griff2)}.spalten>.zieh:after{content:"";position:absolute;top:0;bottom:0;left:3px;width:3px;border-radius:2px;background:transparent;transition:background var(--zug)}.spalten>.zieh:hover:after,.spalten>.zieh.aktiv:after{background:var(--active-bd)}.spalten>.zieh:focus-visible{outline:none}.spalten>.zieh:focus-visible:after{background:var(--fokus)}body.zieht-spalte,body.zieht-spalte *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.spalten>*{min-height:0;overflow:auto;padding:var(--s3);border-right:1px solid var(--border)}.spalten>*:last-child{border-right:none}.spalten>.s-ordner{background:var(--senke)}.spalten>.s-liste{background:var(--senke-2)}.nur-schmal,.nur-eng,.leiste.nur-schmal,.leiste.nur-eng{display:none}.zeilen{display:flex;flex-direction:column;gap:2px}.eintrag{padding:var(--s2) var(--s3);border-radius:var(--r1);cursor:pointer;display:flex;gap:var(--s2);align-items:baseline;border-left:3px solid transparent;transition:background var(--zug)}.eintrag:hover{background:var(--hover)}.eintrag.aktiv{background:var(--active);border-left-color:var(--accent)}.eintrag.ungelesen .betreff{font-weight:600;color:var(--text)}.eintrag .wer{color:var(--text-dim);font-size:var(--t1);flex:0 0 120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eintrag .betreff{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eintrag .wann{color:var(--text-faint);font-size:var(--t0);font-variant-numeric:tabular-nums}.leiste{display:flex;gap:var(--s2);flex-wrap:wrap;align-items:center;margin:var(--s2) 0}.sicher{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--s2);padding:var(--s2);border:1px solid var(--gefahr);border-radius:var(--r1);background:var(--gefahr-flaeche);max-width:100%}.sicher .frage{color:var(--text);font-size:var(--t0);line-height:1.45}@media(max-width:700px){.sicher{display:flex}.sicher .frage{flex:1 1 100%}}.mail-kopf{border-bottom:1px solid var(--border);padding-bottom:var(--s3);margin-bottom:var(--s3)}.mail-kopf h2{margin:0 0 var(--s1);font-size:var(--t3);line-height:1.3}.mail-text{white-space:pre-wrap;font-family:inherit;overflow-wrap:anywhere}iframe.mail-html{width:100%;min-height:60vh;border:1px solid var(--border);border-radius:var(--r2);background:#fff}.karte{border:1px solid var(--border);border-radius:var(--r2);padding:var(--s4);margin-bottom:var(--s3);background:var(--panel);box-shadow:var(--shadow)}.karte h3{margin:0 0 var(--s3);font-size:var(--t2)}.postfachzeile{border:1px solid var(--border);border-radius:var(--r1);padding:var(--s3);margin-bottom:var(--s2);background:var(--senke-2)}.postfachzeile.gestoert{border-color:var(--gefahr)}.technik{display:grid;grid-template-columns:max-content 1fr;gap:2px var(--s3);margin:var(--s2) 0 0;font-size:var(--t1)}.technik dt{color:var(--text-faint)}.technik dd{margin:0;color:var(--text-dim);overflow-wrap:anywhere}@media(max-width:700px){.technik{grid-template-columns:1fr;gap:0 0}.technik dd{margin-bottom:var(--s2)}}.formular{display:flex;flex-direction:column;gap:2px}.zwei{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s2)}.spalten>.s-inhalt,.spalten>.s-liste{container-type:inline-size}@container (max-width: 500px){.zwei{grid-template-columns:minmax(0,1fr)}}.leer,.anmeldung{max-width:480px;margin:12vh auto;padding:var(--s5);text-align:center}.einstellungen{width:100%;overflow:auto}.einst-reiter{position:sticky;top:0;z-index:5;display:flex;gap:var(--s1);flex-wrap:wrap;padding:var(--s3) var(--s4) var(--s2);background:var(--topbar);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.einst-hinweis{margin:var(--s3) auto 0;padding:0 var(--s4);max-width:900px}.einst-inhalt{padding:var(--s3) var(--s4) var(--s5);max-width:900px;margin:0 auto}.kopf .thema{min-width:40px;justify-content:center;font-size:var(--t2)}.tag{margin:var(--s4) 0 var(--s1);font-weight:600}.termin{display:grid;grid-template-columns:110px 1fr auto;gap:var(--s2);padding:var(--s2) var(--s3);border-radius:var(--r1);cursor:pointer;border-left:3px solid transparent;transition:background var(--zug)}.termin:hover{background:var(--hover)}.termin.aktiv{background:var(--active);border-left-color:var(--accent)}.termin .zeit{color:var(--text-dim);font-variant-numeric:tabular-nums}.farbe{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:var(--s2)}.monat{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r1);overflow:hidden;margin-top:var(--s2)}.monat-kopf{background:var(--senke);color:var(--text-faint);font-size:var(--t0);text-align:center;padding:var(--s1) 0}.monat-feld{background:var(--senke-2);min-height:92px;padding:2px;display:flex;flex-direction:column;gap:1px;overflow:hidden}.monat-feld.fremd{background:transparent}.monat-feld.fremd .monat-zahl{color:var(--text-faint)}.monat-feld.heute{box-shadow:inset 0 0 0 2px var(--accent)}.monat-feld{cursor:pointer}.monat-feld:hover{background:var(--hover)}.monat-zahl{color:var(--text-dim);font-size:var(--t1);font-variant-numeric:tabular-nums;padding:2px 4px;align-self:flex-start}.monat-feld.heute .monat-zahl{color:var(--accent-schrift);font-weight:600}.monat-termin{display:flex;align-items:center;gap:2px;width:100%;background:var(--panel-2);border:none;border-radius:3px;padding:1px 3px;font-size:var(--t0);min-height:0;text-align:left;overflow:hidden}.monat-termin:hover{background:var(--hover)}.monat-termin.aktiv{background:var(--active);box-shadow:inset 2px 0 0 var(--accent)}.monat-titel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-dim)}.monat-mehr{background:transparent;border:none;color:var(--text-faint);font-size:var(--t0);padding:0 3px;min-height:0;text-align:left}.monat-mehr:hover{color:var(--text)}.wahl{display:inline-flex;gap:2px;padding:2px;border-radius:var(--r1);background:var(--senke);border:1px solid var(--border)}.wahl button{border:none;background:transparent}.wahl button.aktiv{background:var(--active);color:var(--accent-schrift);font-weight:600}.tag.heute{color:var(--accent-schrift)}.blaettern{display:inline-flex;align-items:center;gap:var(--s1);flex-wrap:nowrap}.blaettern strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.blaettern button{flex:0 0 auto}@media(max-width:700px){.monat-feld{min-height:64px}.monat-titel{display:none}.monat-termin{justify-content:center;padding:2px}.monat-mehr{text-align:center}.monat-termin,.monat-mehr{pointer-events:none}}@media(max-width:1000px){.spalten{grid-template-columns:360px 1fr;grid-template-rows:minmax(0,1fr)}.spalten>.zieh{display:none}.spalten>.s-ordner,.spalten>.s-liste{grid-area:1 / 1}.spalten>.s-inhalt{grid-area:1 / 2}.spalten.stufe-ordner>.s-liste{visibility:hidden}.spalten:not(.stufe-ordner)>.s-ordner{visibility:hidden}.nur-schmal,.leiste.nur-schmal{display:flex}}@media(max-width:700px){.spalten{grid-template-columns:1fr}.spalten>*,.spalten>.s-inhalt{grid-area:1 / 1;border-right:none}.spalten.stufe-liste>:not(.s-liste),.spalten.stufe-inhalt>:not(.s-inhalt),.spalten.stufe-ordner>:not(.s-ordner){visibility:hidden}.nur-eng,.leiste.nur-eng{display:flex}.kopf{padding:var(--s2) var(--s3);gap:var(--s2);flex-wrap:wrap}.kopf .wer{display:none}.kopf .abmelden{margin-left:auto}.kopf nav{order:3;flex:1 0 100%;margin-left:0}.kopf nav .reiter{flex:1;justify-content:center}.einst-reiter{padding:var(--s2) var(--s3)}.einst-hinweis,.einst-inhalt{padding-left:var(--s3);padding-right:var(--s3)}.mail-kopf h2{font-size:var(--t2)}}@media(pointer:coarse),(max-width:700px){button,.knopf,input:not([type=checkbox]),select{min-height:44px}input:not([type=checkbox]),select,textarea{font-size:16px}.eintrag,.termin{min-height:44px;align-items:center}.leiste{gap:var(--s2)}}@media(max-width:480px){.zwei{grid-template-columns:1fr}.spalten>*{padding:var(--s2)}.karte{padding:var(--s3)}.eintrag .wer{flex-basis:90px}.termin{grid-template-columns:84px 1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important}button:active,.knopf:active{transform:none}}