:root{--grund: #f6f7f9;--flaeche: #ffffff;--rand: #e3e6ea;--text: #1c2430;--schwach: #66727f;--akzent: #1f5f9e;--akzent-hell: #eaf2fa;--warn: #b5451b;--gut: #1f7a4d;--radius: 10px}*{box-sizing:border-box}body{margin:0;background:var(--grund);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}a{color:var(--akzent);text-decoration:none}h1{font-size:22px;margin:0 0 4px}h2{font-size:17px;margin:0 0 12px}h3{font-size:14px;margin:0 0 8px;color:var(--schwach);text-transform:uppercase;letter-spacing:.04em}.rahmen{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.seitenleiste{background:#16202c;color:#c9d4de;padding:18px 14px;display:flex;flex-direction:column;gap:4px}.marke{color:#fff;font-weight:600;font-size:17px;padding:4px 10px 16px}.marke span{display:block;font-size:11px;font-weight:400;color:#7c8b9a;letter-spacing:.08em;text-transform:uppercase}.leiste-menue{display:flex;flex-direction:column;gap:4px;flex:1}.menue-knopf{display:none}.seitenleiste a{color:#c9d4de;padding:8px 10px;border-radius:8px;display:flex;justify-content:space-between}.seitenleiste a:hover{background:#1f2d3c}.seitenleiste a.aktiv{background:var(--akzent);color:#fff}.leiste-fuss{margin-top:auto;border-top:1px solid #253347;padding-top:12px;font-size:13px;color:#8d9aa8}.leiste-fuss>a{font-size:14px;margin:0 -2px 12px}.inhalt{padding:24px 28px 60px;max-width:1180px;min-width:0}.kopf{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);padding:16px}.karten{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.kennzahl{font-size:26px;font-weight:600}.kennzahl-titel{color:var(--schwach);font-size:13px}.kennzahl-hinweis{font-size:12px;color:var(--schwach);margin-top:2px}.karte.warnend{border-color:var(--warn);background:#fbeceb}.karte.warnend .kennzahl,.karte.warnend .kennzahl-titel,.karte.warnend .kennzahl-hinweis{color:var(--warn)}table{width:100%;border-collapse:collapse;background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);overflow:hidden}th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--schwach);padding:10px 12px;border-bottom:1px solid var(--rand)}td{padding:10px 12px;border-bottom:1px solid #f0f2f4}tr:last-child td{border-bottom:none}tbody tr:hover{background:#fafbfc;cursor:pointer}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:8px 10px;border:1px solid var(--rand);border-radius:8px;background:#fff;color:var(--text)}textarea{resize:vertical;min-height:78px}label{display:block;font-size:13px;color:var(--schwach);margin-bottom:4px}.feld{margin-bottom:12px}.reihe{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.reihe>*{flex:1 1 160px}button{padding:8px 14px;border-radius:8px;border:1px solid var(--akzent);background:var(--akzent);color:#fff;cursor:pointer}button:hover{filter:brightness(1.07)}button.still{background:#fff;color:var(--text);border-color:var(--rand)}button.klein{padding:5px 10px;font-size:13px}button:disabled{opacity:.5;cursor:default}.meldungen-oben{position:sticky;top:0;z-index:5}.meldungen-oben .fehler{box-shadow:0 2px 8px #00000014}button.gefahr{background:var(--warn);border-color:var(--warn);color:#fff}button.gefahr-text{color:var(--warn)}a.knopf-link{display:inline-block;padding:5px 10px;font-size:13px;border-radius:8px;border:1px solid var(--rand);background:#fff;color:var(--text)}.marker{display:inline-block;padding:2px 8px;border-radius:99px;font-size:12px;background:#eef1f4;color:var(--schwach);white-space:nowrap}.marker.neu{background:#e7f0fb;color:var(--akzent)}.marker.in_arbeit{background:#fdf1e3;color:#96550f}.marker.erledigt{background:#e8f5ee;color:var(--gut)}.marker.dringend,.marker.hoch{background:#fbeceb;color:var(--warn)}.fehler{background:#fbeceb;color:var(--warn);padding:10px 12px;border-radius:8px;margin-bottom:12px}.leer{color:var(--schwach);padding:24px;text-align:center}.schwach{color:var(--schwach);font-size:13px}.anmelde-seite{display:grid;place-items:center;min-height:100vh;padding:16px}.anmelde-karte{width:100%;max-width:360px;background:var(--flaeche);border:1px solid var(--rand);border-radius:14px;padding:28px}.rechtstext-seite{display:flex;justify-content:center;padding:40px 16px;min-height:100vh}.anmelde-karte.rechtstext{width:100%;max-width:760px;align-self:flex-start}.rechtstext h2{margin-top:22px}.rechtstext p,.rechtstext li{white-space:pre-line}.rechtslinks{display:flex;gap:14px;justify-content:center;margin-top:12px;font-size:13px}.rechtslinks a{color:var(--schwach)}.leiste-fuss .rechtslinks{justify-content:flex-start}.seitenleiste .leiste-fuss .rechtslinks a{color:#8d9aa8;padding:0;display:inline}.seitenleiste .leiste-fuss .rechtslinks a:hover{background:none;text-decoration:underline}.verlauf{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.blase{border:1px solid var(--rand);border-radius:12px;padding:10px 13px;background:#fff;max-width:78%}.blase.eigen{align-self:flex-end;background:var(--akzent-hell);border-color:#d4e4f3}.blase.an-extern{border-left:3px solid var(--akzent)}.blase-an{font-size:12px;color:var(--akzent);margin:-2px 0 4px}.verlauf-eintrag{display:flex;flex-direction:column;gap:6px;scroll-margin-top:80px}.verlauf-tag{display:flex;align-items:center;gap:10px;margin:8px 0 2px;color:var(--schwach);font-size:12px}.verlauf-tag:before,.verlauf-tag:after{content:"";flex:1;border-top:1px solid var(--rand)}.blase.mail-blase{max-width:88%;align-self:flex-start;background:var(--flaeche);border-radius:12px 12px 12px 4px}.blase.mail-blase.warn-gefaehrlich{border-left:3px solid var(--warn)}.blase.mail-blase.warn-auffaellig{border-left:3px solid #c98a2b}.mail-blase-kopf{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;margin-bottom:6px}.mail-blase-symbol{color:var(--akzent)}.mail-blase-von{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.mail-blase-datum{color:var(--schwach);font-size:13px;white-space:nowrap}.mail-blase .mail-kopf{font-size:13px;padding-bottom:8px;border-bottom:1px solid #f0f2f4}.mail-text.zehn-zeilen{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;line-clamp:10;overflow:hidden}.kommentar-liste{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--rand)}.kommentare{display:flex;flex-direction:column;padding-left:24px}.kommentare.eigen{align-items:flex-end}.blase.kommentar{max-width:100%;align-self:stretch;padding:7px 11px;background:#f7f9fb;font-size:14px}.blase.kommentar.eigen{background:var(--akzent-hell)}.kommentar-leiste{margin-top:10px}.kommentar-feld{margin-top:10px;padding-top:10px;border-top:1px dashed var(--rand)}.kommentar-feld .sicht-wahl button{padding:5px 10px;font-size:13px}.wahl-rolle{opacity:.75}.klein-text{font-size:13px;margin:4px 0}.hinweis{color:#96550f}.blase.system{align-self:center;max-width:100%;background:transparent;border:none;color:var(--schwach);font-size:13px;padding:2px}.blase-kopf{display:flex;gap:8px;align-items:baseline;font-size:12px;color:var(--schwach);margin-bottom:4px}.blase-text{white-space:pre-wrap}.verfassen{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);padding:14px}.sicht-wahl{display:flex;gap:8px;align-items:center;margin:10px 0;flex-wrap:wrap}.sicht-wahl button{border-color:var(--rand);background:#fff;color:var(--text)}.sicht-wahl button.gewaehlt{background:var(--akzent);color:#fff;border-color:var(--akzent)}.kontakte-raster{display:grid;grid-template-columns:1fr;gap:16px}.kontakte-raster.mit-auswahl{grid-template-columns:1fr 340px}.mail{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);margin-bottom:6px}.mail.offen{border-color:#c9d6e4}.mail.warn-gefaehrlich{border-left:3px solid var(--warn)}.mail.warn-auffaellig{border-left:3px solid #c98a2b}.mail-zeile{display:flex;gap:10px;align-items:center;width:100%;min-width:0;padding:9px 12px;border:none;background:transparent;color:var(--text);text-align:left;border-radius:var(--radius)}.mail-zeile:hover{background:#fafbfc;filter:none}.mail-pfeil{color:var(--schwach);width:12px;flex:0 0 auto}.mail-von{font-weight:600;flex:0 0 auto;max-width:30%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-vorschau{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-betreff{font-weight:500}.mail-klammer,.mail-datum{flex:0 0 auto;color:var(--schwach);font-size:13px;white-space:nowrap}.mail-zeile .marker{flex:0 0 auto}.mail-inhalt{padding:2px 14px 14px 34px}.mail-kopf{display:grid;grid-template-columns:max-content 1fr;gap:2px 12px;margin:0 0 10px;font-size:13px;padding-bottom:10px;border-bottom:1px solid #f0f2f4}.mail-kopf dt{color:var(--schwach)}.mail-kopf dd{margin:0;overflow-wrap:anywhere}.mail-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0}.mail-warnung{border-radius:8px;padding:8px 10px;margin-bottom:10px}.mail-warnung.gefaehrlich{background:#fbeceb;border:1px solid #e3b4ae}.mail-warnung.auffaellig{background:#fdf1e3;border:1px solid #e8cfa8}.mail-warnung ul{margin:4px 0 0 18px;padding:0}.anhaenge{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.anhang{display:inline-flex;gap:6px;align-items:baseline;max-width:100%;padding:5px 10px;border:1px solid var(--rand);border-radius:8px;background:#f8f9fb;color:var(--text);font-size:13px}.anhang:hover{background:var(--akzent-hell);filter:none}.anhang-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}.anhang.ausgelassen{background:#fff;border-style:dashed;cursor:default}.dateiliste td{vertical-align:top}.dateiliste .datei-name{display:flex;gap:6px;overflow-wrap:anywhere}button.link{background:none;border:none;padding:0;color:var(--akzent);text-align:left;font-size:13px}button.link:hover{text-decoration:underline;filter:none}@media(max-width:800px){.rahmen{grid-template-columns:1fr}.inhalt{padding:16px 16px 48px;min-width:0}h1{font-size:20px}.seitenleiste{position:sticky;top:0;z-index:20;gap:0;padding:max(8px,env(safe-area-inset-top)) 12px 8px;max-height:100vh;max-height:100dvh;overflow-y:auto}.leiste-kopf{display:flex;align-items:center;justify-content:space-between;gap:12px}.marke{padding:2px 4px;font-size:16px}.marke span{font-size:10px}.seitenleiste .menue-knopf{display:inline-flex;align-items:center;gap:6px;background:transparent;color:#fff;border-color:#34465b}.leiste-menue{display:none;padding:8px 0 4px}.seitenleiste.offen .leiste-menue{display:flex}.seitenleiste a{padding:11px 10px}.leiste-fuss{margin-top:10px}input,select,textarea{font-size:16px}button{min-height:40px}button.klein{min-height:34px}.karten{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.kennzahl{font-size:22px}.karte{overflow-wrap:anywhere}.blase,.blase.mail-blase{max-width:100%}.kommentare{padding-left:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere}img{max-width:100%;height:auto}.kontakte-raster.mit-auswahl{grid-template-columns:1fr}.kontakte-raster aside{order:-1;scroll-margin-top:72px}table,tbody,tr,td{display:block}table{background:none;border:none;border-radius:0;overflow:visible}thead{display:none}tbody tr{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);padding:4px 12px;margin-bottom:10px}tbody tr:hover{background:var(--flaeche)}td{position:relative;min-height:32px;padding:6px 0 6px 38%;border-bottom:none;border-top:1px solid #f0f2f4;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere}td:first-child{border-top:none}td:before{content:attr(data-titel);position:absolute;left:0;top:7px;width:35%;font-size:13px;line-height:1.35;color:var(--schwach)}td[data-titel=""],td:not([data-titel]){padding-left:0}td[data-titel=""]:before,td:not([data-titel]):before{display:none}.mail-zeile{flex-wrap:wrap}.mail-von{max-width:100%}.mail-vorschau{flex-basis:100%;order:5}.mail-inhalt{padding-left:14px}}