:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef2f8;--flaeche:#ffffffa8;--flaeche-fest:#fff;--glas-licht:#ffffffbf;--hintergrund:radial-gradient(900px 600px at 8% -5%, #638cff47, transparent 65%), radial-gradient(800px 600px at 95% 10%, #38bdc833, transparent 60%), radial-gradient(900px 700px at 60% 105%, #a78bfa33, transparent 60%);--flaeche-2:#ffffff80;--rand:#64748b38;--rand-stark:#64748b66;--text:#17202e;--text-2:#5d6b7e;--akzent:#2563eb;--akzent-hover:#1d4fd7;--akzent-sanft:#e8effd;--balken:#2563eb;--auf-akzent:#fff;--knopf:#64748b24;--knopf-hover:#64748b38;--gefahr:#d92d20;--rot:#c8281c;--orange:#e8730c;--orange-text:#b0500a;--gruen:#15803d;--schatten:0 1px 2px #1018280d, 0 1px 3px #10182814;--schatten-gross:0 16px 40px #10182838;--tooltip-bg:#17202e;--tooltip-text:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e131a;--flaeche:#1e273494;--flaeche-fest:#171e28;--glas-licht:#ffffff12;--hintergrund:radial-gradient(900px 600px at 8% -5%, #3b6ef04d, transparent 65%), radial-gradient(800px 600px at 95% 10%, #1496aa33, transparent 60%), radial-gradient(900px 700px at 60% 105%, #7c5ce638, transparent 60%);--flaeche-2:#ffffff0d;--rand:#ffffff1a;--rand-stark:#fff3;--text:#e8edf3;--text-2:#9fabba;--akzent:#2f6fe4;--akzent-hover:#4a84ee;--akzent-sanft:#1c2c47;--balken:#4a84ee;--auf-akzent:#fff;--knopf:#ffffff17;--knopf-hover:#ffffff26;--gefahr:#d13a2e;--rot:#f58078;--orange:#f0923c;--orange-text:#f5a860;--gruen:#5bd08a;--schatten:0 1px 2px #00000059;--schatten-gross:0 16px 40px #0009;--tooltip-bg:#e8edf3;--tooltip-text:#17202e}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e131a;--flaeche:#1e273494;--flaeche-fest:#171e28;--glas-licht:#ffffff12;--hintergrund:radial-gradient(900px 600px at 8% -5%, #3b6ef04d, transparent 65%), radial-gradient(800px 600px at 95% 10%, #1496aa33, transparent 60%), radial-gradient(900px 700px at 60% 105%, #7c5ce638, transparent 60%);--flaeche-2:#ffffff0d;--rand:#ffffff1a;--rand-stark:#fff3;--text:#e8edf3;--text-2:#9fabba;--akzent:#2f6fe4;--akzent-hover:#4a84ee;--akzent-sanft:#1c2c47;--balken:#4a84ee;--auf-akzent:#fff;--knopf:#ffffff17;--knopf-hover:#ffffff26;--gefahr:#d13a2e;--rot:#f58078;--orange:#f0923c;--orange-text:#f5a860;--gruen:#5bd08a;--schatten:0 1px 2px #00000059;--schatten-gross:0 16px 40px #0009;--tooltip-bg:#e8edf3;--tooltip-text:#17202e}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.45}:root[data-gross]{font-size:112.5%}:root[data-glas=aus]{--flaeche:var(--flaeche-fest)}:root[data-glas=aus] body:before{display:none}body:before{content:"";z-index:-1;background:var(--hintergrund);position:fixed;inset:0}.container{margin:0 auto;padding:1.25rem clamp(1rem,2.5vw,2.5rem) 3rem}input[type=radio]{accent-color:var(--akzent)}form.anmeldung{max-width:440px;margin:3rem auto}.kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.kopf h1{letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.kopf-rechts{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.kopf-rechts p{margin:0}button.thema{background:var(--flaeche);color:var(--text);border:1px solid var(--rand);padding:.35rem .7rem;font-size:.85rem}button.thema:hover{background:var(--knopf)}.karte,.liste{background:var(--flaeche);border:1px solid var(--rand);box-shadow:var(--schatten);border-radius:12px;margin-bottom:1rem;padding:1.1rem 1.25rem}.panel{background:var(--flaeche-2);border:1px solid var(--rand);border-radius:10px;margin:.35rem 0 1rem;padding:.85rem 1rem}.panel h3{margin:.25rem 0 .5rem;font-size:1rem}h1,h2,h3{letter-spacing:-.01em}h2{margin:0 0 .75rem;font-size:1.1rem;font-weight:650}a{color:var(--akzent);text-underline-offset:2px}:root[data-theme=dark] a{color:var(--akzent-hover)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) a{color:var(--akzent-hover)}}.klein{color:var(--text-2);font-size:.85rem}.zeit{font-variant-numeric:tabular-nums;font-weight:600}.ok{color:var(--gruen);font-weight:600}.mangel,.faellig{color:var(--rot);font-weight:600}.raster{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.raster .voll{grid-column:1/-1}label{flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:500;display:flex}label.haken{flex-direction:row;align-items:center;gap:.5rem}input,select{font:inherit;color:var(--text);background:var(--flaeche-2);border:1px solid var(--rand-stark);border-radius:8px;padding:.55rem .65rem;font-size:1rem;font-weight:400}input:focus-visible,select:focus-visible{outline:2px solid var(--akzent);outline-offset:0;border-color:var(--akzent)}input:disabled,select:disabled{background:var(--flaeche-2);color:var(--text-2)}input[type=checkbox]{accent-color:var(--akzent)}button{font:inherit;background:var(--akzent);color:var(--auf-akzent);cursor:pointer;border:none;border-radius:8px;padding:.5rem .95rem;font-size:.95rem;font-weight:550;transition:background-color .12s}button:hover{background:var(--akzent-hover)}button:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}button:disabled{opacity:.55;cursor:not-allowed}button.sekundaer{background:var(--knopf);color:var(--text)}button.sekundaer:hover{background:var(--knopf-hover)}button.gefahr{background:var(--gefahr);color:#fff}button.gefahr:hover{filter:brightness(1.08);background:var(--gefahr)}button.zurueck{color:var(--akzent);background:0 0;margin-bottom:.75rem;padding:0}button.zurueck:hover{background:0 0;text-decoration:underline}.aktionen{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.aktionen.unten{flex-wrap:wrap;align-items:flex-end;margin-top:0}.offline-hinweis{background:var(--flaeche);border:1px solid var(--orange);border-left-width:4px;border-radius:10px;flex-direction:column;align-items:flex-start;gap:.4rem;margin-bottom:1rem;padding:.65rem .9rem;font-size:.9rem;display:flex}.offline-fehler{width:100%;color:var(--rot);justify-content:space-between;align-items:center;gap:.75rem;display:flex}.aktionen>button,.nav>button,.tagnav>button,.dash-schritte>button,.plan-massen>button,.plan-auswahl>button,.plan-werkzeuge>button:not(.plan-farbe),.plan-massen button,button.thema,button.sekundaer,button.gefahr{box-shadow:var(--schatten);border:1px solid #0000;border-radius:11px;transition:background-color .12s,border-color .12s,box-shadow .12s,transform .12s}button.sekundaer,.nav>button,button.thema{background:var(--flaeche);color:var(--text);border-color:var(--rand)}button.sekundaer:hover,button.thema:hover{background:var(--flaeche);border-color:var(--rand-stark)}.aktionen>button:hover:not(:disabled),.nav:not(.bereiche)>button:hover:not(:disabled),.tagnav>button:hover,.dash-schritte>button:hover,.plan-massen>button:hover:not(:disabled),.plan-auswahl>button:hover,.plan-werkzeuge>button:not(.plan-farbe):hover:not(:disabled),button.thema:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10182829}.aktionen>button:active:not(:disabled),.nav:not(.bereiche)>button:active,.tagnav>button:active,.dash-schritte>button:active{transform:translateY(0)}.plan-werkzeuge>button:not(.sekundaer):not(.plan-farbe){border-color:var(--akzent)}@media (prefers-reduced-motion:reduce){button{transition:none!important;transform:none!important}}.karte,.liste,.kachel,.nav.menue>button,button.thema,.plan-werkzeuge,.plan-auswahl,.plan-massen,.offline-hinweis,.seitenreiter{-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%)}.karte,.liste,.kachel,.nav.menue>button{box-shadow:var(--schatten), inset 0 1px 0 var(--glas-licht)}.seitenreiter{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--flaeche-fest);border-radius:12px}@media (prefers-reduced-transparency:reduce){:root{--flaeche:var(--flaeche-fest)}body:before{display:none}}:root[data-glas=aus] .karte,:root[data-glas=aus] .liste,:root[data-glas=aus] .kachel,:root[data-glas=aus] .nav.menue>button,:root[data-glas=aus] .plan-werkzeuge,:root[data-glas=aus] .plan-auswahl,:root[data-glas=aus] .plan-massen,:root[data-glas=aus] .offline-hinweis,:root[data-glas=aus] .seitenreiter{-webkit-backdrop-filter:none;backdrop-filter:none}.nav.menue{gap:.65rem;margin-bottom:1.25rem}.nav.menue>button{width:112px;height:112px;color:var(--text-2);background:var(--flaeche);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .15rem;font-size:.77rem;font-weight:600;line-height:1.2;display:flex}.nav.menue>button:hover:not(.aktiv){color:var(--text);border-color:var(--rand-stark)}.nav.menue>button.aktiv,.nav.menue>button.aktiv:hover{color:var(--auf-akzent);background:var(--akzent);border-color:#0000;box-shadow:0 8px 20px #2563eb59,inset 0 1px #ffffff40}.nav{flex-wrap:wrap;gap:.5rem;margin-bottom:1.1rem;display:flex}.nav button{background:var(--flaeche);color:var(--text-2);padding:.6rem 1.05rem;font-weight:550}.nav button:hover{background:var(--flaeche);color:var(--text)}.nav button.aktiv,.nav button.aktiv:hover{background:var(--akzent);color:var(--auf-akzent);border-color:var(--akzent)}.nav.bereiche{border-bottom:1px solid var(--rand-stark);gap:1.5rem;margin-bottom:1.25rem}.nav.bereiche button{box-shadow:none;color:var(--text-2);background:0 0;border-width:0 0 3px;border-bottom-style:solid;border-bottom-color:#0000;border-radius:0;margin-bottom:-1px;padding:.5rem .1rem .6rem;font-size:1.05rem;font-weight:600;transform:none}.nav.bereiche button:hover{color:var(--text);border-bottom-color:var(--rand-stark);background:0 0}.nav.bereiche button.aktiv{color:var(--text);border-bottom-color:var(--akzent);background:0 0}.segment{background:var(--knopf);border-radius:9px;gap:2px;margin-bottom:1rem;padding:3px;display:inline-flex}.segment button{color:var(--text-2);background:0 0;border-radius:7px;padding:.3rem .8rem;font-size:.85rem}.segment button:hover{color:var(--text);background:0 0}.segment button.aktiv{background:var(--flaeche);color:var(--text);box-shadow:var(--schatten)}.seitenlayout{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.seitenreiter{flex-direction:column;gap:2px;display:flex;position:sticky;top:1rem}.seitenreiter button{text-align:left;color:var(--text-2);background:0 0;border-left:3px solid #0000;border-radius:0 8px 8px 0}.seitenreiter button:hover{background:var(--knopf);color:var(--text)}.seitenreiter button.aktiv{background:var(--akzent-sanft);color:var(--text);border-left-color:var(--akzent)}.dash-layout{grid-template-columns:195px minmax(0,1fr)}.dash-layout .seitenreiter button{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.dash-layout .seitenreiter button.unter{padding-left:1.1rem;font-weight:500}.reiter-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.reiter-zahl{text-align:center;min-width:1.25rem;color:var(--text);background:var(--knopf);border-radius:999px;flex:none;padding:0 .3rem;font-size:.75rem;font-weight:650}.monat-titel{text-transform:capitalize;color:var(--text-2);margin:1rem 0 .1rem;font-size:.82rem;font-weight:650}.reiter-gruppe{flex-direction:column;gap:2px;margin-bottom:.7rem;display:flex}.reiter-titel{letter-spacing:.03em;text-transform:uppercase;color:var(--text-2);padding:0 .3rem .2rem;font-size:.72rem;font-weight:650}.liste-kopf>button{box-shadow:var(--schatten);border-radius:11px;flex:none}.reiter-sortierung{color:var(--text-2);margin-top:.6rem;padding:0 .3rem;font-size:.78rem}.reiter-sortierung select{padding:.35rem .4rem;font-size:.85rem}button.tag-neu{box-shadow:var(--schatten);border-radius:11px;margin-left:auto}.tagnav{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.eintrag{border-bottom:1px solid var(--rand);justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;display:flex}.eintrag:last-child{border-bottom:none}.liste>div>.eintrag{border-bottom:1px solid var(--rand)}.eintrag.erledigt>div:first-child{opacity:.6}.eintrag.erledigt strong{text-decoration:line-through}.summen{text-align:right;font-variant-numeric:tabular-nums;padding-top:.75rem;line-height:1.6}.termin{border-left:4px solid #0000;border-radius:2px;margin-bottom:.25rem;padding-left:.75rem}.termin .aktionen{flex-wrap:wrap;justify-content:flex-end}.termin.zustand-ueberfaellig{border-left-color:var(--rot)}.termin.zustand-maengel{border-left-color:var(--orange)}.termin.zustand-abgeschlossen{border-left-color:var(--gruen)}@keyframes hervorheben{0%{background:var(--akzent-sanft)}to{background:0 0}}.termin.hervorgehoben{border-radius:8px;animation:2.5s ease-out hervorheben}@media (prefers-reduced-motion:reduce){.termin.hervorgehoben{outline:2px solid var(--akzent);animation:none}}.zustand-text{color:var(--text-2);font-size:.85rem;font-weight:600}.zustand-ueberfaellig .zustand-text{color:var(--rot)}.zustand-maengel .zustand-text{color:var(--orange-text)}.zustand-abgeschlossen .zustand-text{color:var(--gruen)}.mangel-felder{margin-top:.5rem}.kacheln{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem;display:grid}.kachel{background:var(--flaeche);border:1px solid var(--rand);box-shadow:var(--schatten);border-radius:12px;padding:.9rem 1.1rem;position:relative;overflow:hidden}.kachel:before{content:"";background:var(--rand-stark);width:4px;position:absolute;inset:0 auto 0 0}.kachel-puenktlich:before{background:var(--gruen)}.kachel-ueberfaellig:before{background:var(--rot)}.kachel-probleme:before{background:var(--orange)}.kachel-titel{color:var(--text-2);font-size:.82rem;font-weight:600;display:block}.kachel-wert{letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:1.85rem;font-weight:700;line-height:1.25;display:block}.kachel:has(.kachel-haupt){transition:border-color .12s}.kachel:has(.kachel-haupt):hover{border-color:var(--rand-stark)}.kachel.gewaehlt,.kachel.gewaehlt:hover{border-color:var(--akzent);box-shadow:0 0 0 1px var(--akzent)}button.kachel-haupt{text-align:left;width:100%;color:var(--text);background:0 0;padding:0;font-weight:400;display:block}button.kachel-haupt:hover{background:0 0}button.kachel-link{text-align:left;color:var(--text-2);text-underline-offset:2px;background:0 0;padding:0;font-size:.85rem;font-weight:400;text-decoration:underline}button.kachel-link:hover,button.kachel-link.aktiv{color:var(--text);background:0 0}button.kachel-link.aktiv{font-weight:600}.kacheln.fuenf{grid-template-columns:repeat(5,1fr)}.kachel-arbeit:before{background:var(--akzent)}.dash-aufgaben{margin-top:1.5rem}.aufgabe-status{color:var(--text);white-space:nowrap;background:var(--knopf);border:1px solid var(--rand);border-radius:999px;flex:none;padding:.15rem .55rem;font-size:.78rem;font-weight:600}.aufgabe-status.ist-in_bearbeitung{border-color:var(--akzent)}.aufgabe-status.ist-erledigt{border-color:var(--gruen)}.dash-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1rem;margin-bottom:.9rem;display:flex}.dash-nav .segment{margin-bottom:0}.dash-schritte{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.kalender{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.kalender-kopf{text-align:center;color:var(--text-2);padding-bottom:2px;font-size:.75rem;font-weight:600}button.kalender-tag{text-align:left;min-height:66px;color:var(--text-2);background:var(--flaeche-2);border:1px solid var(--rand);border-radius:8px;flex-direction:column;align-items:flex-start;gap:1px;padding:.35rem .45rem;font-size:.75rem;font-weight:500;display:flex}button.kalender-tag:hover{background:var(--knopf)}button.kalender-tag.heute{border-color:var(--akzent);box-shadow:inset 0 0 0 1px var(--akzent)}.kalender-nr{color:var(--text);font-size:.9rem;font-weight:650}.kalender-woche button.kalender-tag{min-height:84px}.dash-kopf{margin-bottom:.9rem}.dash-kopf h2{margin-bottom:.15rem}.dash-kopf p{margin:0;font-size:.95rem}.statistik-raster{grid-template-columns:1fr 1fr;gap:0 1rem;display:grid}.diagramm{border-bottom:1px solid var(--rand-stark);align-items:stretch;gap:2px;height:150px;display:flex}.diagramm-spalte{outline:none;flex-direction:column;flex:1;justify-content:flex-end;display:flex;position:relative}.diagramm-balken{background:var(--balken);border-radius:4px 4px 0 0;width:62%;max-width:30px;min-height:2px;margin:0 auto}.diagramm-spalte:hover .diagramm-balken,.diagramm-spalte:focus .diagramm-balken{filter:brightness(1.15)}.diagramm-tip{z-index:3;white-space:nowrap;background:var(--tooltip-bg);color:var(--tooltip-text);pointer-events:none;border-radius:6px;padding:.3rem .5rem;font-size:.78rem;display:none;position:absolute;bottom:calc(100% - 10px);left:50%;transform:translate(-50%)}.diagramm-spalte:first-child .diagramm-tip{left:0;transform:none}.diagramm-spalte:last-child .diagramm-tip{left:auto;right:0;transform:none}.diagramm-spalte:hover .diagramm-tip,.diagramm-spalte:focus .diagramm-tip{display:block}.diagramm-achse{gap:2px;margin-top:.35rem;display:flex}.diagramm-achse span{text-align:center;min-width:0;color:var(--text-2);font-variant-numeric:tabular-nums;flex:1;font-size:.72rem}.rang{grid-template-columns:minmax(70px,34%) 1fr 2.5rem;align-items:center;gap:.6rem;padding:.3rem 0;font-size:.9rem;display:grid}.rang-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rang-spur{height:10px;display:block}.rang-balken{background:var(--balken);border-radius:0 4px 4px 0;min-width:2px;height:100%;display:block}.rang-wert{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.nur-vorleser{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}dialog.popup{border:1px solid var(--rand);background:var(--flaeche-fest);width:min(560px,100vw - 2rem);color:var(--text);box-shadow:var(--schatten-gross);border-radius:14px;padding:1.25rem}dialog.popup.breit{width:min(720px,100vw - 2rem)}dialog.popup::backdrop{background:#080c128c}dialog.popup h3{margin:1rem 0 .5rem;font-size:1rem}.feldname{align-items:center;gap:.3rem;display:inline-flex}button.info{background:var(--knopf);width:1.1rem;height:1.1rem;color:var(--text-2);border-radius:50%;flex:none;padding:0;font-size:.72rem;font-style:italic;font-weight:700;line-height:1}button.info:hover,button.info:focus-visible{background:var(--akzent);color:var(--auf-akzent)}.info-text{z-index:1000;background:var(--tooltip-bg);color:var(--tooltip-text);box-shadow:var(--schatten-gross);border-radius:8px;padding:.5rem .65rem;font-size:.8rem;font-weight:400;line-height:1.35;position:fixed}.preisfeld{display:block;position:relative}.preisfeld input{box-sizing:border-box;appearance:textfield;width:8rem;padding-right:1.75rem}.preisfeld input::-webkit-outer-spin-button{appearance:none;margin:0}.preisfeld input::-webkit-inner-spin-button{appearance:none;margin:0}.preisfeld span{color:var(--text-2);pointer-events:none;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.preisfeld input:focus+span{display:none}.plan-werkzeuge{background:var(--flaeche);border:1px solid var(--rand);z-index:5;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.5rem;padding:.6rem;display:flex;position:sticky;top:.5rem}.plan-werkzeuge button{padding:.35rem .65rem;font-size:.85rem}button.plan-farbe{border:2px solid var(--rand-stark);border-radius:50%;width:1.6rem;height:1.6rem;padding:0}button.plan-farbe.aktiv{outline:2px solid var(--akzent);outline-offset:2px}.plan-trenner{background:var(--rand-stark);width:1px;height:1.4rem;margin:0 .25rem}.plan-flaeche{border:1px solid var(--rand);background:#fff;border-radius:12px;max-width:1200px;max-height:75vh;margin-bottom:1rem;overflow:auto}.plan-flaeche canvas{cursor:crosshair;touch-action:none;display:block}.plan-flaeche canvas.nur-ansicht{cursor:grab;touch-action:auto}.plan-auswahl{background:var(--akzent-sanft);border:1px solid var(--akzent);border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:.5rem 1rem;margin-bottom:.5rem;padding:.6rem .75rem;display:flex}.plan-auswahl label{min-width:170px}.plan-auswahl input[type=range]{accent-color:var(--akzent);background:0 0;border:none;padding:0}.plan-auswahl button{padding:.35rem .65rem;font-size:.85rem}.plan-massen{background:var(--akzent-sanft);border:1px solid var(--akzent);z-index:5;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:.5rem .75rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex;position:sticky;top:.5rem}.plan-massen strong{align-self:center}.plan-massen select{max-width:320px}.plan-zeile{cursor:pointer;flex:1;font-size:1rem;font-weight:400}.melde-zeile{padding:.35rem 0;font-size:.95rem;font-weight:400}.kopf-symbole{gap:.4rem;display:flex;position:relative}button.kopf-symbol{width:40px;height:40px;color:var(--text);background:var(--flaeche);border:1px solid var(--rand);border-radius:11px;justify-content:center;align-items:center;padding:0;display:flex;position:relative}button.kopf-symbol:hover{background:var(--flaeche);border-color:var(--rand-stark)}button.kopf-symbol.aktiv{color:var(--auf-akzent);background:var(--akzent);border-color:#0000}button.kopf-symbol svg{width:21px;height:21px}.kopf-zahl{box-sizing:border-box;color:#fff;background:var(--gefahr);border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.68rem;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.meldungen{z-index:60;background:var(--flaeche-fest);border:1px solid var(--rand-stark);width:min(360px,100vw - 2rem);max-height:60vh;box-shadow:var(--schatten-gross);border-radius:14px;padding:.6rem;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.meldungen-kopf{justify-content:space-between;align-items:center;padding:.25rem .4rem .5rem;display:flex}button.meldung{text-align:left;width:100%;color:var(--text);background:0 0;border-radius:9px;flex-direction:column;gap:.15rem;padding:.55rem .6rem;font-size:.88rem;font-weight:400;display:flex}button.meldung:hover{background:var(--knopf)}button.meldung.neu{background:var(--akzent-sanft);font-weight:600}.messenger{z-index:55;background:var(--flaeche-fest);border:1px solid var(--rand-stark);width:min(680px,100vw - 2.5rem);box-shadow:var(--schatten-gross);border-radius:16px;padding:.75rem;position:fixed;bottom:1.25rem;right:1.25rem}.messenger-kopf{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.messenger-kopf button{width:34px;height:34px;padding:0}.messenger .dash-layout{grid-template-columns:150px minmax(0,1fr);gap:.6rem}.messenger .seitenreiter{flex-flow:column;max-height:56vh;position:static;overflow-y:auto}.messenger .chat{height:min(56vh,520px);box-shadow:none}.karten-seite{grid-template-columns:minmax(0,1fr);align-items:start;gap:1rem;display:grid}.karten-seite.mit-details{grid-template-columns:minmax(0,1fr) 360px}.karten-seite .karte-leaflet{height:min(72vh,720px);margin-top:0}.karten-details{max-height:min(72vh,720px);overflow-y:auto}.karten-details h3{margin:.9rem 0 .4rem;font-size:.95rem}.karten-details .liste-kopf button{flex:none;width:34px;height:34px;padding:0}.karten-legende{flex-wrap:wrap;gap:1rem;margin-top:.1rem;display:flex}.karten-legende span{align-items:center;gap:.35rem;display:inline-flex}.legende-punkt{background:#2563eb;border-radius:50%;width:12px;height:12px}.legende-punkt.pin-erledigt,.karte-pin.pin-erledigt{background:#15803d}.legende-punkt.pin-ueberfaellig,.karte-pin.pin-ueberfaellig{background:#dc2626}.karte-pin{cursor:pointer}.adressfeld{position:relative}.adressfeld input{box-sizing:border-box;width:100%}.adress-vorschlaege{z-index:30;background:var(--flaeche-fest);border:1px solid var(--rand-stark);box-shadow:var(--schatten-gross);border-radius:10px;margin:0;padding:.3rem;font-weight:400;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0}.adress-vorschlaege li{cursor:pointer;border-radius:7px;padding:.5rem .6rem}.adress-vorschlaege li:hover,.adress-vorschlaege li.markiert{background:var(--akzent-sanft)}.adress-vorschlaege li.adress-leer{cursor:default;background:0 0}.such-auswahl{margin-bottom:.75rem}.such-auswahl input{cursor:pointer;padding-right:2rem}.such-auswahl input:focus{cursor:text}.such-pfeil{color:var(--text-2);pointer-events:none;font-size:.8rem;position:absolute;top:.65rem;right:.7rem}.such-liste{max-height:280px;overflow-y:auto}.karte-leaflet{z-index:0;isolation:isolate;border:1px solid var(--rand);border-radius:12px;height:320px;margin:.6rem 0;position:relative;overflow:hidden}.karte-pin{color:#fff;box-sizing:border-box;background:#2563eb;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font:700 13px/1 Inter,system-ui,sans-serif;display:flex;box-shadow:0 2px 6px #0006}.liste-kopf{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.reihen-nr{min-width:1.4rem;height:1.4rem;color:var(--auf-akzent);background:var(--akzent);border-radius:50%;justify-content:center;align-items:center;margin-right:.4rem;font-size:.78rem;font-weight:700;display:inline-flex}.route-liste{margin-bottom:.75rem}.board{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.ticket{background:var(--flaeche-2);border:1px solid var(--rand);border-radius:10px;flex-direction:column;gap:.15rem;margin-bottom:.6rem;padding:.75rem;display:flex}.ticket-fuss{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.ticket-fuss select{flex:130px;padding:.35rem .5rem;font-size:.85rem}.ticket-fuss button{padding:.35rem .65rem;font-size:.85rem}.chat{flex-direction:column;height:min(68vh,680px);margin-bottom:0;display:flex}.chat-verlauf{flex-direction:column;flex:1;gap:.4rem;min-height:0;padding-right:.25rem;display:flex;overflow-y:auto}.chat-zeile{display:flex}.chat-zeile.eigen{justify-content:flex-end}.chat-blase{background:var(--knopf);border-radius:14px 14px 14px 4px;max-width:min(72%,560px);padding:.45rem .7rem}.chat-zeile.eigen .chat-blase{color:var(--auf-akzent);background:var(--akzent);border-radius:14px 14px 4px}.chat-name{font-size:.75rem;font-weight:650}.chat-text{white-space:pre-wrap;overflow-wrap:anywhere}.chat-zeit{opacity:.72;margin-top:.1rem;font-size:.68rem}.chat-eingabe{gap:.5rem;margin-top:.7rem;display:flex}.chat-eingabe input{flex:1;min-width:0}.chat-bild{border-radius:9px;max-width:100%;max-height:260px;margin-bottom:.3rem;display:block}.chat-datei{max-width:100%;color:inherit;text-align:left;background:#7f7f7f2e;border-radius:8px;align-items:baseline;gap:.35rem;margin-bottom:.2rem;padding:.3rem .5rem;display:flex}.chat-dateiname{overflow-wrap:anywhere;font-weight:600}.chat-groesse{opacity:.75;flex:none;font-size:.72rem}.chat-auswahl{align-items:center;gap:.5rem;margin-top:.6rem;font-size:.9rem;display:flex}.chat-auswahl button{margin-left:auto;padding:.15rem .5rem}.alphabet{flex-wrap:wrap;gap:.2rem;margin:.5rem 0 .75rem;display:flex}.alphabet button{min-width:2rem;color:var(--text);background:var(--knopf);padding:.3rem .4rem;font-size:.85rem}.alphabet button.aktiv{color:var(--auf-akzent);background:var(--akzent)}.alphabet button:disabled{color:var(--text-2);opacity:.45;cursor:default;background:0 0}.vorschau{border:1px solid var(--rand);border-radius:8px;width:100%;height:500px}.vorschau.bild{object-fit:contain;height:auto;max-height:600px}.dxf{border:1px solid var(--rand);border-radius:8px;width:100%;height:500px;position:relative;overflow:hidden}@media (width<=900px){.kacheln,.kacheln.fuenf{grid-template-columns:1fr 1fr}.karten-seite.mit-details{grid-template-columns:minmax(0,1fr)}.karten-seite .karte-leaflet{height:55vh}.karten-details{max-height:none}.board,.seitenlayout,.dash-layout{grid-template-columns:minmax(0,1fr)}.dash-layout .seitenreiter button.unter{padding-left:.95rem}.seitenreiter{flex-flow:wrap;gap:.35rem;position:static}.seitenreiter button{border-left:none;border-radius:8px}.seitenreiter button.aktiv{background:var(--akzent);color:var(--auf-akzent)}.reiter-gruppe{display:contents}.reiter-titel{display:none}.eintrag{flex-wrap:wrap}.termin .eintrag>div:first-child{flex:260px}}@media (width<=600px){.statistik-raster{grid-template-columns:minmax(0,1fr)}.messenger{border:none;border-radius:0;flex-direction:column;width:auto;display:flex;inset:0}.messenger .dash-layout{flex:1;grid-template-columns:minmax(0,1fr);min-height:0}.messenger .seitenreiter{flex-direction:row;max-height:none}.messenger .chat{height:60vh}.meldungen{width:auto;position:fixed;top:4rem;left:.75rem;right:.75rem}.chat-blase{max-width:88%}.karte-leaflet{height:260px}button.kalender-tag{min-height:54px;padding:.25rem;font-size:.65rem}.diagramm-achse span{font-size:.62rem}.container{padding:.75rem .75rem 3rem}.karte,.liste{border-radius:10px;padding:.9rem}.raster{grid-template-columns:1fr}.eintrag{flex-direction:column;align-items:stretch}.eintrag>.aktionen{margin-top:.25rem}.termin .eintrag>div:first-child{flex:none}.aktionen>button{flex:auto}.termin .aktionen{justify-content:flex-start}.kopf h1{font-size:1.3rem}.nav,.seitenreiter,.plan-werkzeuge{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.seitenreiter::-webkit-scrollbar{display:none}.plan-werkzeuge::-webkit-scrollbar{display:none}.nav button,.seitenreiter button,.plan-werkzeuge button{white-space:nowrap;flex:none}.nav.menue>button{white-space:normal;border-radius:15px;width:96px;height:96px;font-size:.68rem}.nav.menue svg{width:24px;height:24px}.nav.bereiche{gap:1rem}.kachel{padding:.75rem .85rem}.kachel-wert{font-size:1.45rem}.plan-massen{position:static}.plan-massen label,.plan-massen select{width:100%;max-width:none}.plan-auswahl label{width:100%}dialog.popup,dialog.popup.breit{box-sizing:border-box;border:none;border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:1rem .85rem}.vorschau,.dxf{height:60vh}}@media (pointer:coarse){button,input:not([type=checkbox]):not([type=range]),select{min-height:44px}input[type=checkbox]{width:22px;height:22px}.plan-werkzeuge button:not(.plan-farbe){min-height:42px}button.info,button.plan-farbe{min-height:0;position:relative}button.plan-farbe{width:2.1rem;height:2.1rem}button.info:after{content:"";position:absolute;inset:-12px}input[type=range]{height:32px}}