:root{--ton: #44495c;--ton-dunkel: #363a4a;--ton-hell: #eef0f4;--akzent: #fad000;--akzent-dunkel: #e6bd00;--akzent-hell: #fff7cc;--sand: #f3f1ec;--text: #333;--gedaempft: #777c85;--linie: #e0ddd6;--gruen: #2f7d4f;--gelb: #de9931;--rot: #b3352c;--radius: 12px;--schrift-marke: "Comfortaa", "Trebuchet MS", sans-serif;--mass: 68ch;--schatten: 0 1px 2px rgba(0, 0, 0, .06), 0 6px 16px rgba(0, 0, 0, .05);color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--sand);color:var(--text);font-size:15px;line-height:1.5}a{color:var(--ton)}.huelle{display:flex;min-height:100vh}.seitenleiste{width:232px;flex:0 0 232px;background:var(--ton);border-right:none;padding:20px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;align-self:flex-start;height:100vh;overflow-y:auto}.marke{font-family:var(--schrift-marke);font-weight:700;font-size:18px;padding:4px 10px 18px;color:#fff}.marke small{display:block;font-family:inherit;font-weight:500;font-size:12px;color:#fff9}.navlink{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:8px;text-decoration:none;color:#ffffffd6;font-size:14.5px}.navlink:hover{background:#ffffff1f;color:#fff}.navlink.aktiv{background:var(--akzent);color:var(--ton);font-weight:600}.navlink.navgruppe.offen{color:#fff;font-weight:600}.navlink.unterpunkt{padding-left:24px;font-size:13.5px}.inhalt{flex:1;padding:28px 32px 64px;max-width:1180px}.kopf{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}h1{font-family:var(--schrift-marke);font-weight:700;font-size:23px;margin:0;letter-spacing:-.01em;color:var(--ton)}h2{font-family:var(--schrift-marke);font-weight:600;font-size:17px;margin:26px 0 12px;color:var(--ton)}.unterzeile,.unter{color:var(--gedaempft);font-size:13.5px;margin:4px 0 0}.inhalt>p,.inhalt>.unterzeile,.inhalt>.unter,.kopf p,.karte>p,.hinweis{max-width:var(--mass)}.karte{background:#fff;border:1px solid var(--linie);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--schatten)}.raster{display:grid;gap:14px}.raster.vier{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.raster.zwei{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.raster.drei{grid-template-columns:1fr}@media (min-width: 720px){.raster.drei{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1180px){.raster.drei{grid-template-columns:minmax(0,1.15fr) minmax(0,1.15fr) minmax(200px,.7fr)}}.ueberlagerung{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#181a2273;display:flex;align-items:flex-start;justify-content:center;padding:4vh 16px;overflow:auto}.nachrichtfenster{background:#fff;border-radius:12px;padding:20px 22px;width:min(940px,100%);box-shadow:0 18px 50px #00000047}.nachrichtfenster textarea{font-family:ui-monospace,monospace;font-size:13px;line-height:1.55}.kennzahlenspalte{display:flex;flex-direction:column;gap:10px;align-content:start}.kennzahlenspalte .karte{padding:10px 12px}.kennzahlenspalte .kennzahl .wert{font-size:21px}.kennzahl .wert{font-size:25px;font-weight:650;letter-spacing:-.02em;color:var(--ton)}.kennzahl .titel{font-size:12.5px;color:var(--gedaempft);text-transform:uppercase;letter-spacing:.05em}.kennzahl .fuss{font-size:12.5px;color:var(--gedaempft);margin-top:3px}table{width:100%;border-collapse:collapse;font-size:14px}th{background:#faf9f6;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--gedaempft);padding:8px 10px;border-bottom:1px solid var(--linie)}td{padding:10px;border-bottom:1px solid var(--linie);vertical-align:top}tr:last-child td{border-bottom:none}.tabellenhuelle{overflow-x:auto}td.zahl,th.zahl{text-align:right;font-variant-numeric:tabular-nums}.plakette{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap}.plakette.gruen{background:#d9ede2;color:#1f6b40}.plakette.gelb{background:#fbe4bd;color:#8a5a0c}.plakette.rot{background:#fadbd7;color:#a12d24}.plakette.grau{background:#e7e4de;color:#5f646b}.plakette.blau{background:#e3e6ed;color:var(--ton)}.plakette.marke{background:var(--akzent-hell);color:#6b5600}button,.knopf{font:inherit;padding:8px 14px;border-radius:8px;border:1px solid var(--linie);background:#fff;cursor:pointer;color:var(--text);text-decoration:none;display:inline-block;text-align:center}button:hover,.knopf:hover{background:var(--ton-hell)}button.haupt,.knopf.haupt{background:var(--akzent);color:var(--ton);border-color:var(--akzent);font-weight:600}button.haupt:hover,.knopf.haupt:hover{background:var(--akzent-dunkel);border-color:var(--akzent-dunkel)}button:disabled{opacity:.5;cursor:not-allowed}:where(a,button,.knopf,input,select,textarea):focus-visible{outline:3px solid var(--akzent);outline-offset:2px;border-radius:8px}input,select,textarea{font:inherit;padding:8px 10px;border:1px solid var(--linie);border-radius:8px;width:100%;background:#fff;color:var(--text)}input:focus,select:focus,textarea:focus{border-color:var(--ton)}label{display:block;font-size:13px;color:var(--gedaempft);margin-bottom:4px}.feld{margin-bottom:12px}.hinweis{padding:12px 14px;border-radius:10px;background:var(--akzent-hell);border:1px solid #efd97e;border-left:4px solid var(--akzent);font-size:14px}.hinweis.fehler{background:#fadbd7;border-color:#eebfb9;border-left-color:var(--rot)}.hinweis.ruhig{background:var(--ton-hell);border-color:#d2d7e1;border-left-color:var(--ton)}.leiser-hinweis{max-width:var(--mass);margin-bottom:10px;font-size:13px;color:var(--gedaempft)}.leiser-hinweis>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px dotted var(--linie)}.leiser-hinweis>summary::-webkit-details-marker{display:none}.leiser-hinweis>summary:after{content:"▾";margin-left:auto;opacity:.5}.leiser-hinweis[open]>summary:after{content:"▴"}.leiser-hinweis>summary:hover{color:var(--text)}.leiser-hinweis .ruf{flex:none;width:18px;height:18px;border-radius:50%;background:#fbe4bd;color:#8a5a0c;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.leiser-hinweis .koerper{padding:10px 0 4px 26px}.leer{text-align:center;padding:44px 20px;color:var(--gedaempft)}.schritte{list-style:none;padding:0;margin:0}.schritt{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--linie)}.schritt:last-child{border-bottom:none}.punkt{width:11px;height:11px;border-radius:50%;margin-top:6px;flex:0 0 11px;background:var(--linie)}.punkt.erledigt{background:var(--gruen)}.punkt.faellig{background:var(--gelb)}.punkt.ueberfaellig{background:var(--rot)}.punkt.blockiert{background:var(--gedaempft)}.schritt .titel{font-weight:550}.schritt .meta{font-size:12.5px;color:var(--gedaempft)}.zeitstrahl{list-style:none;padding:0;margin:0}.zeitstrahl li{padding:11px 0;border-bottom:1px solid var(--linie);font-size:14px}.zeitstrahl li:last-child{border-bottom:none}.zeitstrahl .wann{font-size:12.5px;color:var(--gedaempft)}.anmeldung{max-width:380px;margin:12vh auto}@media (max-width: 820px){.huelle{flex-direction:column}.seitenleiste{width:100%;flex:none;flex-direction:row;overflow-x:auto;padding:8px;border-right:none;border-bottom:none;position:sticky;top:0;z-index:5;align-self:auto;height:auto;overflow-y:visible}.marke{display:none}.navlink{white-space:nowrap;padding:8px 12px}.nur-desktop{display:none!important}.inhalt{padding:18px 14px 48px}h1{font-size:20px}}.feldreihe{display:grid;gap:12px}.feldreihe.hausnummer{grid-template-columns:3fr 1fr}.feldreihe.plzort{grid-template-columns:1fr 3fr}.feldreihe.person{grid-template-columns:1fr 2fr 2fr}.feldreihe.zweispaltig{grid-template-columns:1fr 1fr}.text-zweispaltig{columns:2;column-gap:32px}@media (max-width: 700px){.text-zweispaltig{columns:1}}@media (max-width: 560px){.feldreihe.person,.feldreihe.zweispaltig{grid-template-columns:1fr}}@media (max-width: 760px){input,select,textarea{font-size:16px;padding:11px 12px}button,.knopf{padding:12px 16px;min-height:44px}label{font-size:13.5px}}.schritte .trenner{list-style:none;margin:6px 0 2px;padding-top:10px;border-top:1px dashed var(--linie);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gedaempft)}.aktionen{margin-top:8px;display:flex;flex-direction:column;gap:3px}.aktionen>a{font-weight:600}.aktion-fuss{font-size:12.5px;color:var(--gedaempft)}.dreht{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:drehung 1s linear infinite;vertical-align:-3px}@keyframes drehung{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.dreht{animation-duration:4s}}.laeuft-zeile{display:flex;align-items:center;gap:10px;margin-top:8px;padding:10px 12px;border:1px solid var(--akzent);border-radius:8px;background:var(--akzent-hell);color:var(--text);font-weight:600}a:hover>.karte.kennzahl{border-color:var(--akzent);box-shadow:0 1px 6px #00000014}tr.hervorgehoben>td{background:var(--akzent-hell);box-shadow:inset 3px 0 0 var(--akzent)}.abmelden{margin-top:6px;background:transparent;border:1px solid rgba(255,255,255,.28);color:#ffffffe6;border-radius:8px;padding:8px 12px;font-size:14px;white-space:nowrap}.abmelden:hover{background:#ffffff24;color:#fff}@media (max-width: 820px){.abmelden{margin-top:0;margin-left:auto;align-self:center}}.kacheln-heute{display:flex;flex-wrap:wrap;gap:10px;flex:0 1 600px;max-width:100%;align-items:stretch}.kacheln-heute>*{flex:1 1 170px;min-width:0}.kacheln-heute .karte{padding:10px 12px;height:100%;box-sizing:border-box}.kacheln-heute .kennzahl .wert{font-size:21px}.abschnitt{margin:34px 0 14px;padding-top:22px;border-top:1px solid var(--linie)}.abschnitt h2{margin:0;font-size:19px}.abschnitt .unterzeile{max-width:none}.kacheln-vier{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.kacheln-vier>.karte{padding:12px 14px}.kacheln-vier .kennzahl .wert{font-size:22px}@media (max-width: 900px){.kacheln-vier{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.kacheln-vier{grid-template-columns:1fr}}.messbalken{display:inline-block;width:86px;height:8px;border-radius:999px;background:var(--ton-hell);flex:none;overflow:hidden}.messbalken>span{display:block;height:100%;border-radius:999px}.raster.drei-fest{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}@media (max-width: 760px){.raster.drei-fest{grid-template-columns:1fr}}th.spaltengruppe,td.spaltengruppe{border-left:1px solid var(--linie)}.messbalken.breit{display:block;width:100%;height:10px;margin-top:6px}td.zahl,th.zahl{white-space:nowrap}p.fussnote,.fussnote{font-size:12.5px;line-height:1.55;color:#5f646b;margin:12px 0 0;max-width:none}.fussnote:first-child{margin-top:0}.kacheln-vier .kennzahl .titel{min-height:30px;line-height:1.2}.kacheln-vier .kennzahl .wert{line-height:1.15;margin:2px 0 6px}.kacheln-vier .kennzahl .fuss{min-height:34px;line-height:1.35}.aufklapp{margin:22px 0 0}.aufklapp>summary{cursor:pointer;list-style:none;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:17px;font-weight:650;color:var(--text);padding:6px 0;border-bottom:1px solid var(--linie)}.aufklapp>summary::-webkit-details-marker{display:none}.aufklapp>summary:before{content:"▸";color:var(--gedaempft);font-weight:400}.aufklapp[open]>summary:before{content:"▾"}.aufklapp>summary:hover{color:var(--ton)}.aufklapp .leise-text{font-size:13.5px;font-weight:400;color:var(--gedaempft)}.vermerk{font-size:11.5px;color:var(--gedaempft);font-weight:400;margin-top:1px}.reiter{display:flex;gap:4px;border-bottom:1px solid var(--linie);flex-wrap:wrap}.reiter-knopf{padding:8px 14px;font-size:14.5px;font-weight:550;color:var(--gedaempft);text-decoration:none;margin-bottom:-1px;border-radius:6px 6px 0 0;background:none;border:0;border-bottom:2px solid transparent}.reiter-knopf:hover{color:var(--text);background:var(--ton-hell)}.reiter-knopf.aktiv{color:var(--ton);border-bottom-color:var(--ton);font-weight:650}.kalenderraster{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.kalendermonat{padding:14px 14px 12px}.kalenderwoche{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.kalenderkopf{font-size:11px;font-weight:600;color:var(--gedaempft);text-align:center;padding:2px 0 4px}.kalendertag{position:relative;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font-size:12.5px;border-radius:3px;background:var(--ton-hell);font-variant-numeric:tabular-nums;overflow:hidden}.kalendertag.wochenende{background:#e4e7ee}.kalendertag.heute{outline:2px solid var(--akzent);outline-offset:-2px}.kalendertag .haelfte{position:absolute;top:0;bottom:0;width:50%}.kalendertag .haelfte.links{left:0;border-radius:3px 0 0 3px}.kalendertag .haelfte.rechts{right:0;border-radius:0 3px 3px 0}.kalendertag .tagzahl{position:relative;z-index:1}.kalendertag.voll .tagzahl{color:#fff;font-weight:700}.kalendertag.halb .tagzahl{color:var(--text);font-weight:700;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 2px #fff}.kalenderraster a{text-decoration:none}.kalenderraster a:hover .kalendertag .haelfte{filter:brightness(1.12)}.ausklapppfeil{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;margin-top:2px;padding:8px 0;background:none;border:0;box-shadow:none;min-height:0;color:var(--gedaempft);font-size:13px;cursor:pointer}.ausklapppfeil.offen{flex-direction:column-reverse}.ausklapppfeil:hover{background:var(--ton-hell);color:var(--text)}.ausklapppfeil .beschriftung{text-align:center}.ausklapppfeil .spitze{display:block;width:min(180px,55%);height:14px;overflow:visible;animation:pfeilwink 2s ease-in-out infinite}.ausklapppfeil.offen .spitze{transform:scaleY(-1);animation:none}@keyframes pfeilwink{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@media (prefers-reduced-motion: reduce){.ausklapppfeil .spitze{animation:none}}.aufgabenliste{padding:8px 18px 12px;margin-bottom:14px}.aufgabenliste>h2{margin:6px 0 4px}.aufgabenliste .leer-meldung{display:none;margin:4px 0}.aufgabenliste:not(:has(.aufgabenabschnitt>.hinweis,.aufgabenabschnitt>details,.aufgabenabschnitt>.aufgabe)) .leer-meldung{display:block}.aufgabenliste .aufgabenabschnitt:not(:has(>.hinweis,>details,>.aufgabe)){display:none}.aufgabenliste .aufgabenabschnittstitel{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--gedaempft);margin:14px 0 0}.aufgabenliste .aufgabenabschnitt>.hinweis,.aufgabenliste .aufgabenabschnitt>details,.aufgabenliste .aufgabenabschnitt>.aufgabe{background:none!important;border:0!important;border-top:1px solid var(--linie)!important;border-radius:0!important;margin:0!important;padding:10px 0 10px 14px!important;max-width:none;position:relative;box-shadow:none!important}.aufgabenliste .aufgabenabschnitt>.aufgabenabschnittstitel+*{border-top:0!important}.aufgabenliste .aufgabenabschnitt>.hinweis:before,.aufgabenliste .aufgabenabschnitt>details:before,.aufgabenliste .aufgabenabschnitt>.aufgabe:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:2px;background:var(--akzent)}.aufgabenliste .aufgabenabschnitt>.fehler:before{background:var(--rot)}.aufgabenliste .aufgabenabschnitt>.ruhig:before{background:var(--ton)}.aufgabenliste .unterzeile-aufgabe{padding:8px 0;border-top:1px dashed var(--linie)}.aufgabenliste .unterzeile-aufgabe:first-of-type{border-top:0}.naechste-liste{padding:6px 18px}.naechste-zeile{display:flex;gap:14px;padding:8px 0;border-top:1px solid var(--linie);font-size:14px}.naechste-zeile:first-child{border-top:0}.naechste-wann{min-width:92px;color:var(--gedaempft);font-variant-numeric:tabular-nums}
