@import"https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&display=swap";:root{--navy: #1a3a5c;--navy-dark: #122843;--navy-light:#254d7a;--accent: #B8CC3A;--amber: #d99826;--bg: #f9fafb;--bg-soft: #f3f4f6;--text: #111827;--muted: #6b7280;--border: #e5e7eb;--white: #ffffff;--on-navy: #ffffff;--red: #dc2626;--green: #16a34a;--radius: 6px;--radius-lg: 10px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.14);--pad-card: 1rem 1.2rem;--pad-panel: .7rem .85rem;--gap: 8px;--gap-lg: 1rem;--section-gap: 1.6rem;--font: "Barlow", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--chip-info-bg: rgba(37,99,235,.1);--chip-info-fg: #1e40af;--chip-warn-bg: rgba(217,152,38,.16);--chip-warn-fg: #78350f;--chip-ok-bg: rgba(22,163,74,.12);--chip-ok-fg: #166534;--chip-danger-bg: rgba(220,38,38,.12);--chip-danger-fg: #991b1b;--chip-neutral-bg: var(--bg-soft);--chip-neutral-fg: #4b5563;--ki: #7c3aed;--ki-fg: var(--ki);--ki-bg: rgba(124,58,237,.07);--ki-bg-strong: rgba(124,58,237,.14);--ki-border: rgba(124,58,237,.25);--danger: #c0392b;--danger-bg: #fdecea;--warn: #b8860b;--warn-bg: #fbf3dd;--accent-bg: #f6f9e8;--accent2: #d99826;--overlay: rgba(17,24,39,.55);--radius-pill: 20px;--shadow-pop: 0 8px 26px rgba(0,0,0,.18);--shadow-modal: 0 18px 50px rgba(0,0,0,.35);--shadow-ki: 0 6px 22px rgba(124,58,237,.35);--ki-ink: #2a2350;--cat-green: #15803d;--cat-green-bg: rgba(22,163,74,.14);--cat-sky: #0369a1;--cat-sky-bg: rgba(2,132,199,.12);--cat-pink: #be185d;--cat-pink-bg: rgba(236,72,153,.14);--cat-orange:#c2410c;--cat-orange-bg:rgba(234,88,12,.16);--cat-slate: #64748b;--cat-slate-strong: #475569;--nav-active-bg: transparent;--nav-active-bar: var(--navy);--nav-radius: 0px;--sel-bg: var(--navy);--sel-fg: var(--on-navy);--sel-bd: transparent;--fokus: var(--navy);--auswahl-bg: var(--navy);--auswahl-fg: var(--on-navy);--tile-active-bg: var(--white);--tile-active-fg: var(--text);--tile-active-sub: var(--muted);--tile-active-icon: var(--navy);--tile-active-iconbg: var(--white);--tile-active-iconborder: var(--navy);--tile-active-bar: var(--accent);--tile-active-border: var(--border)}[data-mode=light]{--chip-info-fg: #1e40af;--chip-warn-fg: #78350f;--chip-ok-fg: #166534;--chip-danger-fg: #991b1b;--chip-neutral-fg: #4b5563;--ki-fg: var(--ki);--ki-border: rgba(124,58,237,.25);--nav-active-bg: transparent}[data-theme=impower]{--fokus: var(--navy);--navy: #1c1c1c;--navy-dark: #000000;--navy-light:#3a3a3a;--accent: #e3e3e3;--amber: #595959;--bg: #ffffff;--bg-soft: #eeeeee;--text: #111111;--muted: #777777;--border: #e2e2e2;--white: #ffffff;--pad-card: 1rem 1.2rem;--pad-panel: .7rem .85rem;--gap: 8px;--gap-lg: 1rem;--section-gap: 1.6rem;--sel-bg: var(--navy);--sel-fg: var(--on-navy);--sel-bd: transparent;--radius: 6px;--radius-lg: 8px;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow: 0 2px 8px rgba(0,0,0,.06);--shadow-lg: 0 6px 20px rgba(0,0,0,.1);--font: "IBM Plex Sans", -apple-system, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--tile-active-bg: #eeeeee;--tile-active-fg: #111111;--tile-active-sub: #777777;--tile-active-icon: #111111;--tile-active-iconbg: rgba(0,0,0,.05);--tile-active-iconborder: transparent;--tile-active-bar: #111111;--tile-active-border: #e2e2e2}[data-theme=immila]{--fokus: #0081b4;--navy: #212B36;--navy-dark: #161c24;--navy-light:#303a47;--accent: #843091;--amber: #EEB902;--bg: #ffffff;--bg-soft: #f4f6f8;--text: #212B36;--muted: #637381;--border: rgba(145,158,171,.24);--white: #ffffff;--green: #3EC300;--radius: 8px;--radius-lg: 16px;--pad-card: 1.5rem 1.75rem;--pad-panel: 1rem 1.25rem;--gap: 12px;--gap-lg: 1.5rem;--section-gap: 2.25rem;--shadow-sm: 0 1px 2px rgba(145,158,171,.18);--shadow: 0 0 2px rgba(145,158,171,.2), 0 12px 24px -4px rgba(145,158,171,.18);--shadow-lg: 0 0 2px rgba(145,158,171,.2), 0 16px 32px -4px rgba(145,158,171,.24);--font: "Public Sans", "Barlow", system-ui, sans-serif;--chip-info-bg: rgba(0,161,228,.16);--chip-info-fg: #0a5a7d;--chip-warn-bg: rgba(238,185,2,.18);--chip-warn-fg: #6b5000;--chip-ok-bg: rgba(62,195,0,.16);--chip-ok-fg: #1f6100;--nav-active-bg: #eef1f4;--nav-active-bar: transparent;--nav-radius: 8px;--sel-bg: rgba(0,161,228,.1);--sel-fg: #0081b4;--sel-bd: #00A1E4;--tile-active-bg: #ffffff;--tile-active-fg: #212B36;--tile-active-sub: #637381;--tile-active-icon: #843091;--tile-active-iconbg: rgba(132,48,145,.1);--tile-active-iconborder: transparent;--tile-active-bar: #843091;--tile-active-border: rgba(145,158,171,.3)}[data-mode=dark]{--fokus: #7fb3e6;--chip-info-fg: #4db8e8;--chip-warn-fg: #e0b020;--chip-ok-fg: #4ec76e;--chip-danger-fg: #f87171;--ki-fg: #a78bfa;--ki-border: rgba(167,139,250,.35);--nav-active-bg: rgba(255,255,255,.07)}[data-theme=immo24][data-mode=dark]{--fokus: #7fb3e6;--navy: #20456b;--navy-dark: #16314c;--navy-light:#2c5a8a;--bg: #0e1621;--bg-soft: #18222f;--white: #1b2633;--text: #e6ebf2;--muted: #93a1b5;--border: #2a3644;--shadow-sm: 0 1px 3px rgba(0,0,0,.5);--shadow: 0 4px 16px rgba(0,0,0,.55);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--tile-active-bg: var(--navy);--tile-active-fg: var(--on-navy);--tile-active-sub: rgba(255,255,255,.65);--tile-active-icon: var(--accent);--tile-active-iconbg: rgba(255,255,255,.12);--tile-active-iconborder: transparent;--tile-active-bar: var(--accent);--tile-active-border: transparent}[data-theme=impower][data-mode=dark]{--fokus: #e3e3e3;--navy: #2c2c2c;--navy-dark: #000000;--navy-light:#3a3a3a;--accent: #e3e3e3;--bg: #0d0d0d;--bg-soft: #1a1a1a;--white: #161616;--text: #f0f0f0;--muted: #9a9a9a;--border: #2a2a2a;--shadow-sm: 0 1px 3px rgba(0,0,0,.6);--shadow: 0 4px 16px rgba(0,0,0,.6);--shadow-lg: 0 8px 32px rgba(0,0,0,.65);--tile-active-bg: #242424;--tile-active-fg: #f0f0f0;--tile-active-sub: #9a9a9a;--tile-active-icon: #f0f0f0;--tile-active-iconbg: rgba(255,255,255,.07);--tile-active-bar: #e3e3e3;--tile-active-border: #333333}[data-theme=immila][data-mode=dark]{--fokus: #4dc3f5;--navy: #2c3a48;--navy-dark: #161c24;--navy-light:#37485a;--accent: #a25ab0;--bg: #161c24;--bg-soft: #1f2731;--white: #212b36;--text: #e7ecf3;--muted: #8e9bab;--border: #2d3845;--shadow-sm: 0 1px 3px rgba(0,0,0,.5);--shadow: 0 4px 16px rgba(0,0,0,.55);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--tile-active-bg: #283643;--tile-active-fg: #e7ecf3;--tile-active-sub: rgba(231,236,243,.6);--tile-active-icon: #a25ab0;--tile-active-iconbg: rgba(162,90,176,.2);--tile-active-bar: #a25ab0;--tile-active-border: #2d3845}[data-theme=impower] .brand-logo,[data-theme=immila] .brand-logo{filter:grayscale(1)}[data-mode=dark] .brand-logo{filter:brightness(0) invert(1)}::selection{background:var(--auswahl-bg);color:var(--auswahl-fg)}:focus-visible{outline:2px solid var(--fokus);outline-offset:2px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:1rem;line-height:1.45;color:var(--text);background:var(--bg);padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}h1,h2,h3{font-weight:700;line-height:1.2;margin:0 0 .5rem}h1{font-size:1.25rem}h2{font-size:1.15rem;margin-top:.25rem}h3{font-size:1rem;font-weight:600}.untergruppe{font-size:1rem;font-weight:600;line-height:1.2;margin:.9rem 0 .5rem}p{margin:.35rem 0}a{color:var(--navy-light)}:root{--kopf-h: 64px}.kopf{position:sticky;top:0;z-index:20;min-height:var(--kopf-h);box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--gap);padding:.6rem var(--gap-lg);background:var(--navy);color:var(--on-navy);box-shadow:var(--shadow-sm)}.kopf h1{margin:0;color:var(--on-navy)}.kopf .btn-klein{background:transparent;color:var(--on-navy);border-color:#ffffff59}main{padding:var(--gap-lg);max-width:720px;margin:0 auto}section{margin-bottom:var(--section-gap)}.nav-unten{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);background:var(--white);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px)}.nav-unten button{min-height:64px;border:1px solid var(--border);border-radius:var(--radius);background:var(--white);color:var(--muted);margin:6px 4px;font-family:var(--font);font-size:.75rem;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}.nav-unten button[aria-current=page]{color:var(--navy);background:var(--nav-active-bg, var(--bg-soft));border-color:var(--navy)}.mehr-blatt{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--overlay);display:flex;align-items:flex-end}.mehr-blatt .dialog-karte{width:100%;background:var(--white);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-modal, var(--shadow-lg));padding:var(--gap-lg);padding-bottom:calc(var(--gap-lg) + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap)}.btn-gross,.btn-klein,.btn-ki,.chip{font-family:var(--font);font-weight:600;cursor:pointer;border-radius:var(--radius);border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-gross{min-height:52px;padding:.7rem 1.2rem;font-size:1.05rem;width:100%;background:var(--navy);color:var(--on-navy)}.btn-gross.aktiv{background:var(--accent);color:var(--navy-dark)}.btn-gross:disabled,.btn-klein:disabled,.btn-ki:disabled{opacity:.5;cursor:not-allowed}.btn-klein{min-height:44px;padding:.45rem .9rem;font-size:.9rem;background:var(--white);color:var(--navy);border-color:var(--border)}.btn-klein.gefahr{color:var(--danger)}.btn-ki{min-height:44px;padding:.45rem .9rem;font-size:.9rem;background:var(--ki-bg);color:var(--ki-fg);border-color:var(--ki-border)}.ki-zeile{display:flex;align-items:center;gap:var(--gap);flex-wrap:wrap;margin:-.25rem 0 .5rem}.chip{min-height:40px;padding:.3rem .8rem;font-size:.85rem;background:var(--bg-soft);color:var(--text);border-color:var(--border);border-radius:var(--radius-pill)}.chip.aktiv{background:var(--sel-bg, var(--navy));color:var(--sel-fg, var(--on-navy));border-color:var(--sel-bd, transparent)}.chips,.reiter,.zoom-leiste,.leiste,.aktionen{display:flex;gap:var(--gap);flex-wrap:wrap;margin:.5rem 0}.zoom-leiste .btn-gross{width:auto;flex:1}.aktionen .btn-klein{flex:1}ul.karten,ul.tage,ul.monate,ul.galerie,ul.fotos{list-style:none;margin:0 0 .75rem;padding:0;display:grid;gap:var(--gap)}.karte,.tag,.monat{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--pad-card)}.karte.erledigt{opacity:.6}.karte strong{display:block;font-weight:600}.meta,.hinweis,small{color:var(--muted);font-size:.85rem}.meta span+span:before{content:" · "}.eintrag{display:flex;align-items:center;justify-content:space-between;gap:var(--gap);padding:.4rem 0;border-top:1px solid var(--border)}.eintrag .btn-klein{flex:0 0 auto;min-height:40px}.status-erledigt{text-decoration:line-through;color:var(--muted)}.status-ausgefallen{color:var(--danger)}.block{display:flex;justify-content:space-between;align-items:center;padding:.3rem 0}.badge{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:2px 8px;border-radius:10px;margin:2px 6px 2px 0;background:var(--chip-neutral-bg);color:var(--chip-neutral-fg)}.badge.info{background:var(--chip-info-bg);color:var(--chip-info-fg)}.badge.warn{background:var(--chip-warn-bg);color:var(--chip-warn-fg)}.badge.ok{background:var(--chip-ok-bg);color:var(--chip-ok-fg)}.badge.danger{background:var(--chip-danger-bg);color:var(--chip-danger-fg)}.fortschritt-balken{height:12px;background:var(--bg-soft);border-radius:var(--radius-pill);overflow:hidden;margin:.4rem 0 .2rem}.fortschritt-balken span{display:block;height:100%;background:var(--accent)}.formular{display:grid;gap:var(--gap);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--pad-card)}.formular>.btn-icon,.formular>.zaehler-feld{justify-self:start}.formular label,form label{display:grid;gap:4px;font-size:.85rem;font-weight:600}.formular label.checkbox,.kachel{display:flex;align-items:center;gap:8px}input[type=text],input[type=number],input[type=date],input[type=password],input[type=url],select,textarea{font-family:var(--font);font-size:1rem;color:var(--text);background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:.65rem .8rem;min-height:48px;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--fokus, var(--navy-light))}textarea{min-height:96px;resize:vertical}input[type=checkbox]{width:24px;height:24px}fieldset.kacheln{border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .75rem;display:flex;flex-wrap:wrap;gap:var(--gap)}fieldset.kacheln legend{font-size:.85rem;font-weight:600;padding:0 4px}.kachel,.formular label.kachel,form label.kachel,fieldset.kacheln label.kachel{display:flex;align-items:center;min-height:44px;height:44px;box-sizing:border-box;line-height:1.2}.kachel{min-height:44px;padding:.3rem .8rem .3rem .6rem;border:1px solid var(--border);border-radius:var(--radius-sm, 6px);background:var(--white);font-weight:500;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;gap:10px;cursor:pointer}.kachel.aktiv{border-color:var(--navy);color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy);font-weight:600}.kachel input{width:20px;height:20px;margin:0;accent-color:var(--navy);flex-shrink:0}label.btn-gross input[hidden]{display:none}[role=alert]{color:var(--danger);background:var(--danger-bg);border-radius:var(--radius);padding:.5rem .75rem}[role=status]{color:var(--muted)}.warnung-hart{color:var(--danger);font-weight:600}.warnung-weich{color:var(--warn);font-weight:600}.summe{font-weight:700;font-size:1.1rem}ul.galerie{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}ul.galerie img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius);display:block}ul.fotos li{font-size:.85rem;color:var(--muted)}.login{max-width:420px;margin:2rem auto}@media (min-width: 760px){body{padding-bottom:0}.nav-unten{position:sticky;top:var(--kopf-h);bottom:auto;grid-template-columns:repeat(5,1fr);border-top:0;border-bottom:1px solid var(--border)}.nav-unten button{min-height:56px}.mehr-blatt{display:none}main{max-width:960px}.kopf{padding-inline:max(var(--gap-lg),calc((100% - 960px) / 2 + var(--gap-lg)))}.nav-unten{padding-inline:max(0px,calc((100% - 960px)/2))}ul.karten{grid-template-columns:repeat(2,1fr)}ul.karten:has(>.stammdatum){grid-template-columns:repeat(3,1fr)}ul.tage,ul.monate{grid-template-columns:repeat(3,1fr)}}.kopf-icons{display:flex;gap:var(--gap)}.kopf .kopf-icons .btn-klein{background:var(--white);color:var(--navy);border-color:var(--white);width:44px;padding:0;justify-content:center}.kopf .kopf-icons .btn-klein[aria-current=page]{background:var(--accent);color:var(--navy);border-color:var(--accent)}.verwaltungsleiste{margin-bottom:var(--gap-lg)}.portal-leiste{display:flex;flex-wrap:wrap;gap:var(--gap-lg);align-items:center;font-size:.9rem}.portal-eintrag{display:inline-flex;gap:var(--gap);align-items:center}.portal-eintrag a{display:inline-flex;gap:4px;align-items:center;color:var(--navy);font-weight:600}.chip-baustelle{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:2px 8px;border-radius:10px;margin-right:6px;vertical-align:middle}.chip-baustelle.musberg{background:var(--cat-sky-bg, var(--chip-info-bg));color:var(--cat-sky-strong, var(--chip-info-fg))}.chip-baustelle.nufringen{background:var(--cat-orange-bg, var(--chip-warn-bg));color:var(--cat-orange-strong, var(--chip-warn-fg))}.zaehler-feld{display:flex;flex-direction:column;gap:4px}.zaehler-feld .label{font-size:.8rem;font-weight:600}.zaehler{display:inline-flex;align-items:center;gap:var(--gap)}.zaehler input{width:6.5rem;text-align:center;font-size:1.1rem;font-weight:600;min-width:0;height:44px}.eintrag.fremd,.block.fremd,.karte.fremd{border-left:4px solid var(--chip-info-fg);background:var(--chip-info-bg)}.badge.fremd{background:var(--chip-info-fg);color:var(--on-navy)}:root{--viz-1: #2a78d6;--viz-2: #eb6834;--viz-3: #1baf7a;--viz-4: #eda100;--viz-5: #e87ba4;--viz-6: #008300;--viz-7: #4a3aa7;--viz-8: #e34948;--viz-ok: #008300;--viz-warn: #eda100;--viz-neutral: #9ca3af;--viz-spur: var(--bg-soft)}[data-mode=dark]{--viz-1: #3987e5;--viz-2: #d95926;--viz-3: #199e70;--viz-4: #c98500;--viz-5: #d55181;--viz-6: #008300;--viz-7: #9085e9;--viz-8: #e66767;--viz-neutral: #6b7280}.hero h2{margin-top:0}.hero .diagramme{margin-top:var(--gap-lg);padding-top:var(--gap-lg);border-top:1px solid var(--border)}.balken{display:inline-flex;align-items:center;gap:calc(var(--gap-lg) * 1.5);width:100%}.balken-spur{flex:1;height:14px;border-radius:4px;background:var(--viz-spur);overflow:hidden;display:block}.balken.klein .balken-spur{height:8px}.balken-fuellung{display:block;height:100%;background:var(--accent);border-radius:0 4px 4px 0}.balken-spur.segmente{display:flex}.balken-spur.segmente .segment{display:block;height:100%;border-right:2px solid var(--white);box-sizing:border-box}.balken-spur.segmente .segment:last-child{border-right:0}.balken-spur.segmente .balken-fuellung{border-radius:0}.balken-wert{font-weight:700;font-variant-numeric:tabular-nums;min-width:3.2rem;text-align:right}.arbeiten,.wochen,.legende{list-style:none;margin:0;padding:0}.zeile{display:flex;align-items:center;gap:var(--gap-lg)}.zeile>:first-child{min-width:7rem}.arbeit{padding:.5rem .75rem;margin:.35rem 0;border-radius:var(--radius);background:var(--bg-soft);border-left:4px solid var(--navy)}.arbeit.fremd{border-left-color:var(--viz-1);background:var(--chip-info-bg)}.arbeit.erledigt{opacity:.75}.arbeit .badge{margin-left:.5rem}.woche{padding:.5rem 0;border-top:1px solid var(--border)}.woche h3{margin:0 0 .25rem;font-size:1rem}.diagramme{display:grid;gap:var(--gap-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.diagramm{margin:0}.diagramm figcaption{font-weight:600;margin-bottom:.5rem}.kuchen-zeile{display:flex;gap:var(--gap-lg);align-items:center;flex-wrap:wrap}.legende li{display:flex;align-items:center;gap:6px;padding:2px 0;font-size:.9rem}.legende.waagrecht{display:flex;gap:var(--gap-lg);flex-wrap:wrap;margin-top:.4rem}.legende-punkt{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.status-balken{display:flex;gap:2px;height:16px;border-radius:4px;overflow:hidden;background:var(--viz-spur)}.status-balken span{display:block;height:100%}.portal-leiste .btn-gross.portal{background:var(--white);color:var(--navy);border:1px solid var(--navy);text-decoration:none}.portal-badge{background:var(--navy);color:var(--on-navy)}.kopf .portal-leiste{display:flex;gap:var(--gap);align-items:center}.portal-icon{width:44px;height:44px;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:var(--navy);font-weight:700;font-size:1.1rem;text-decoration:none}.anleitung .text h3{margin:1.2rem 0 .4rem;font-size:1.05rem}.anleitung .text ul,.anleitung .text ol{padding-left:1.2rem}.anleitung .text li{margin:.3rem 0}.btn-x{min-width:44px;min-height:44px;border:1px solid var(--border);border-radius:var(--radius);background:var(--white);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.btn-x.gefahr{background:var(--danger);border-color:var(--danger);color:var(--on-navy)}.eintrag{display:flex;align-items:center;gap:var(--gap);flex-wrap:wrap}.eintrag>span:first-child{flex:1;min-width:0}.btn-x-text{font-size:.75rem;font-weight:600;margin-left:4px}.btn-x{padding-inline:.5rem}.ampel-punkt{display:inline-block;width:12px;height:12px;border-radius:50%;vertical-align:middle;margin-right:4px}.ampel-punkt.rot{background:var(--danger)}.ampel-punkt.orange{background:var(--amber)}.ampel-punkt.gruen{background:var(--green)}.ampel-punkt.hellgruen{background:var(--accent)}.karte.ampel-rot{border-left:4px solid var(--danger)}.karte.ampel-orange{border-left:4px solid var(--amber)}.karte.ampel-gruen{border-left:4px solid var(--green)}.karte.ampel-hellgruen{border-left:4px solid var(--accent)}.badge.ausfuehrung-schlotterbeck{background:var(--chip-ok-bg);color:var(--chip-ok-fg)}.badge.ausfuehrung-fremdfirma{background:var(--chip-info-fg);color:var(--on-navy)}.badge.ausfuehrung-unbestimmt{background:var(--chip-neutral-bg);color:var(--chip-neutral-fg)}.zeitstrahl{display:flex;flex-direction:column;gap:var(--gap)}.monatszeile{margin:0;padding-top:.35rem;border-top:1px solid var(--border)}.monatszeile h3{margin:0 0 .3rem;font-size:.95rem}.wochenzeile-h{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--gap);align-items:stretch}.wochenzelle{border:1px solid var(--border);border-radius:var(--radius);padding:4px;background:var(--white);min-height:64px}.wochenzelle.gewaehlt{background:var(--accent-bg);border-color:var(--accent)}.wochenkopf{border:0;background:transparent;text-align:left;display:flex;gap:6px;align-items:baseline;min-height:40px;width:100%;cursor:pointer;font:inherit;color:var(--text)}.wochenblöcke{display:flex;flex-direction:column;gap:4px}.wochenblöcke .block{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:.85rem;padding:4px 6px}.wochenblöcke .aktionen{margin:0;gap:4px}.wochenblöcke .haken{min-height:36px;padding:.2rem .5rem;font-size:.8rem}.wochenblöcke .btn-x{min-width:36px;min-height:36px}.block.meilenstein,.karte.meilenstein{border-left:4px solid var(--accent);background:var(--accent-bg);font-weight:700}.block.erledigt{opacity:.6;text-decoration:line-through}.formular.schnell{background:var(--bg);padding-bottom:.5rem}.anleitung .text{line-height:1.55}.anleitung h3{display:flex;align-items:center;gap:8px;margin:1.4rem 0 .5rem;font-size:1rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.anleitung h4{margin:.9rem 0 .25rem;font-size:.95rem}.anleitung p{margin:.35rem 0 .6rem}.anleitung code{font-family:var(--font-mono);font-size:.85em;background:var(--bg-soft);padding:1px 4px;border-radius:4px}.anl-lead{font-size:1.02rem}.anl-kachel{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius);background:var(--navy);color:var(--on-navy);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}.anl-kachel.portal{background:var(--accent);color:var(--navy);font-size:1.05rem}.anl-kachel.klein{width:26px;height:26px;font-size:.8rem;vertical-align:middle}.anl-adressen,.anl-bereiche,.anl-regeln,.anl-schritte{list-style:none;margin:0;padding:0}.anl-adressen li,.anl-bereiche li{display:flex;gap:var(--gap-lg);align-items:center;padding:.45rem 0;border-top:1px solid var(--border)}.anl-adressen li>div,.anl-bereiche li>div{display:flex;flex-direction:column;min-width:0}.anl-adressen strong{word-break:break-all}.anl-bereiche{display:grid;grid-template-columns:1fr}@media (min-width: 640px){.anl-bereiche{grid-template-columns:1fr 1fr;column-gap:var(--gap-lg)}}.anl-regeln{counter-reset:regel}.anl-regeln li{counter-increment:regel;position:relative;padding:.5rem 0 .5rem 2.6rem;border-top:1px solid var(--border)}.anl-regeln li:before{content:counter(regel);position:absolute;left:0;top:.5rem;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--accent);color:var(--navy);font-weight:700;display:inline-flex;align-items:center;justify-content:center}.anl-regeln .badge{vertical-align:middle}.anl-schritte li{display:flex;gap:var(--gap-lg);align-items:flex-start;padding:.55rem 0;border-top:1px solid var(--border)}.anl-schritte li.geschafft{opacity:.6}.anl-schritte li.geschafft strong{text-decoration:line-through}.anl-haken{border:0;background:transparent;padding:0;cursor:pointer;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.anl-nummer{width:36px;height:36px;border-radius:50%;border:2px solid var(--navy);color:var(--navy);font-weight:700;display:inline-flex;align-items:center;justify-content:center}.geschafft .anl-nummer{background:var(--green);border-color:var(--green);color:#fff}.anl-hinweisbox{margin-top:1rem;padding:.8rem 1rem;border-radius:var(--radius-lg);background:var(--accent-bg);border-left:4px solid var(--accent)}.anl-kapitel{border-top:1px solid var(--border)}.anl-kapitel summary{list-style:none;display:flex;gap:var(--gap-lg);align-items:center;padding:.6rem 0;cursor:pointer;min-height:56px}.anl-kapitel summary::-webkit-details-marker{display:none}.anl-kapitel-titel{display:flex;flex-direction:column;flex:1;min-width:0}.anl-pfeil{transition:transform .15s;color:var(--muted)}.anl-kapitel[open] .anl-pfeil{transform:rotate(180deg)}.anl-inhalt{padding:0 0 .8rem 56px}@media (max-width: 480px){.anl-inhalt{padding-left:0}}.anl-fragen dt{font-weight:600;margin-top:.6rem}.anl-fragen dd{margin:.1rem 0 0;color:var(--muted)}.anl-stand{margin-top:1.5rem}@media (prefers-reduced-motion: reduce){.anl-pfeil{transition:none}}.zeitspanne{display:flex;align-items:center;gap:6px;margin:.25rem 0 .35rem;font-size:.8rem}.zeitspanne-datum{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}.zeitspanne-spur{position:relative;flex:1;height:10px;border-radius:5px;background:var(--viz-spur, var(--bg-soft));overflow:visible}.zeitspanne-balken{position:absolute;top:0;height:100%;border-radius:5px;background:var(--accent)}.zeitspanne-balken.fremd{background:var(--chip-info-fg)}.zeitspanne-heute{position:absolute;top:-3px;width:2px;height:16px;background:var(--navy)}.badge.raum{background:var(--chip-neutral-bg);color:var(--chip-neutral-fg)}.chip-baustelle.sonstige{background:var(--cat-slate-bg, var(--chip-neutral-bg));color:var(--cat-slate-strong, var(--chip-neutral-fg))}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;flex:0 0 44px;border:1px solid var(--border);border-radius:var(--radius-sm, 6px);background:var(--white);color:var(--navy);cursor:pointer}.btn-icon.akzent,.btn-icon.primaer{color:var(--navy)}.btn-icon.gefahr{color:var(--btn-danger-text, #c82020)}.btn-icon:disabled{opacity:.45;cursor:not-allowed}.btn-icon.haken.aktiv{background:var(--white);border-color:var(--green);color:var(--green)}.btn-icon.haken.ausgefallen.aktiv{border-color:var(--danger);color:var(--danger)}.reiter.voll{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:var(--gap)}.reiter.voll .chip{text-align:center;justify-content:center}.kw-leiste{display:flex;gap:2px;margin:.4rem 0 .2rem;align-items:flex-end}.kw-monate{display:flex;gap:2px;margin:0 0 .8rem}.kw-monate span{min-width:0;font-size:.75rem;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2px;border-left:1px solid var(--border)}.kw-leiste>span{flex:1;min-width:0;height:28px;border:0;border-radius:3px;background:var(--viz-spur, var(--bg-soft));cursor:pointer;padding:0;position:relative}.kw-leiste>span.geplant{background:var(--accent)}.kw-leiste>span.teil{background:var(--chip-ok-bg);border:1px solid var(--accent)}.kw-leiste>span.gewaehlt{outline:2px solid var(--navy);outline-offset:1px}.kw-leiste>span.monat:before{content:"";position:absolute;left:-2px;top:-4px;bottom:-4px;width:2px;background:var(--muted)}.kw-legende{display:flex;gap:var(--gap-lg);font-size:.8rem;color:var(--muted)}@media (prefers-reduced-motion: reduce){.balken-fuellung{transition:none}}.kuchen-anim{transition:d .7s cubic-bezier(.2,.7,.2,1)}.legende li{flex-wrap:wrap}.legende-fortschritt{margin-left:auto;font-weight:600;padding-left:.5rem}.gewerk-balken{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.gewerk-balken li{display:grid;grid-template-columns:1fr;gap:2px}.gewerk-name{font-weight:600;font-size:.9rem}.gewerk-spur{display:block;height:16px;border-radius:4px;background:var(--viz-spur, var(--bg-soft));overflow:hidden;min-width:12px}.gewerk-fuellung{display:block;height:100%;border-radius:4px 0 0 4px;transition:width .7s cubic-bezier(.2,.7,.2,1)}.gewerk-wert{font-size:.8rem;color:var(--muted)}.gewerk-stapel{display:flex;gap:3px;width:100%;align-items:flex-start}.gewerk-abschnitt{display:flex;flex-direction:column;gap:4px;min-width:6px}.gewerk-abschnitt .gewerk-spur{height:28px;border-radius:4px}.gewerk-label{font-size:.75rem;line-height:1.15;color:var(--text);white-space:normal;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.gewerk-label.versetzt{margin-top:2.4rem}.gewerk-abschnitt{min-width:0}.regler-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.regler-liste li{display:grid;grid-template-columns:minmax(6rem,10rem) 1fr 3.5rem;align-items:center;gap:var(--gap-lg)}.regler-liste input[type=range]{width:100%;height:44px;accent-color:var(--navy)}.regler-wert{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.sollverteilung{margin-bottom:var(--gap-lg)}.hero-zeile{display:flex;align-items:center;gap:var(--gap-lg)}.hero-zeile .balken{flex:1}.hero-stunden{display:flex;flex-direction:column;align-items:center;line-height:1;min-width:5.5rem}.hero-stunden strong{font-size:2rem;font-weight:700;color:var(--navy);font-variant-numeric:tabular-nums}.hero-stunden small{font-size:.75rem;color:var(--muted);font-weight:600;margin-top:2px}.diagramme.eine-spalte{grid-template-columns:1fr}@media (min-width: 760px){.regler-liste{display:grid;grid-template-columns:repeat(3,1fr);column-gap:var(--gap-lg);row-gap:8px}.regler-liste li{grid-template-columns:minmax(5rem,8rem) 1fr 3.4rem;column-gap:var(--gap-lg)}}.regler-kasten{display:block}.regler-kasten .regler-liste{width:100%}.regler-kasten{margin-top:var(--section-gap)}main section>h2{margin-top:var(--section-gap);margin-bottom:.75rem}main section>h2:first-child{margin-top:.25rem}.reiter{margin-bottom:1rem}.sollverteilung .kacheln,.regler-kasten{margin-top:var(--gap-lg)}.gewerk-tabelle{width:100%;border-collapse:collapse;table-layout:fixed}.gewerk-tabelle th,.gewerk-tabelle td{padding:6px 0;text-align:left;vertical-align:middle}.gewerk-tabelle thead th{font-size:.75rem;font-weight:600;color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:4px}.gewerk-tabelle th:nth-child(1),.gewerk-tabelle td:nth-child(1){width:26%}.gewerk-tabelle th:nth-child(2),.gewerk-tabelle td:nth-child(2){width:8.5rem;padding-right:var(--gap-lg)}.gewerk-tabelle .zahl{text-align:right;font-variant-numeric:tabular-nums}.gewerk-name{font-size:.85rem;font-weight:600;overflow-wrap:anywhere}.gewerk-anteil{font-size:.85rem;font-weight:700}.gewerk-bahn{display:block;position:relative;min-width:0;padding-right:3.6rem}.gewerk-spur{display:block;position:relative;height:16px;border-radius:4px;background:var(--viz-spur, var(--bg-soft));overflow:hidden;min-width:4px;max-width:100%}.gewerk-fuellung{display:block;height:100%;border-radius:4px;transition:width .7s cubic-bezier(.2,.7,.2,1)}.gewerk-wert{position:absolute;top:50%;transform:translateY(-50%);font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;transition:left .7s cubic-bezier(.2,.7,.2,1)}@media (max-width: 480px){.gewerk-tabelle th:nth-child(1),.gewerk-tabelle td:nth-child(1){width:32%}.gewerk-tabelle th:nth-child(2),.gewerk-tabelle td:nth-child(2){width:4.2rem}}@media (prefers-reduced-motion: reduce){.gewerk-fuellung{transition:none}}.bautenstand .hero-zeile{margin-bottom:var(--gap-lg)}.stand-liste .regler-name{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}input[type=range].budget{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}input[type=range].budget::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,var(--navy) 0 var(--fuell),var(--viz-spur, var(--bg-soft)) var(--fuell) var(--erreichbar),transparent var(--erreichbar))}input[type=range].budget::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--navy);border:0;margin-top:-8px}input[type=range].budget::-moz-range-track{height:6px;border-radius:3px;background:linear-gradient(to right,var(--navy) 0 var(--fuell),var(--viz-spur, var(--bg-soft)) var(--fuell) var(--erreichbar),transparent var(--erreichbar))}input[type=range].budget::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--navy);border:0}.btn-icon.erfolg{border-color:var(--green);color:var(--green)}.verlauf{list-style:none;margin:var(--gap-lg) 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.verlauf li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--gap);padding:6px 0;border-top:1px solid var(--border)}.verlauf-zeit{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.verlauf-inhalt{font-size:.85rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.karten-fehler{margin:.25rem 0;padding:.4rem .6rem;border-radius:var(--radius-sm, 6px);background:var(--warn-bg, #fff4e5);color:var(--text);font-size:.85rem;border-left:3px solid var(--warn, #e8a33d)}.icon{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.wochenzelle label.wochenkopf{width:100%;box-sizing:border-box}.wochenzelle label.wochenkopf>span{display:flex;flex-direction:column;line-height:1.15}.tag .tagkopf{display:flex;align-items:center;width:100%;min-height:44px;padding:0;margin:0 0 .35rem;border:0;background:transparent;text-align:left;cursor:pointer;color:inherit;font:inherit}.tag .tagkopf h3{margin:0}.tag.gewaehlt{outline:2px solid var(--navy);outline-offset:2px;border-radius:var(--radius)}
