:root{--surface: #F7F8F6;--surface-raised: #FFFFFF;--line: #D9DFDD;--ink: #14212B;--ink-muted: #556670;--petrol: #0F4C5C;--petrol-strong: #0A3742;--petrol-soft: #D7E9EC;--on-petrol: #FFFFFF;--amber: #E39B2E;--amber-soft: #FBEBD3;--amber-ink: #8A5A12;--danger: #B3261E;--font-display: "Manrope", "Inter", system-ui, sans-serif;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--r-sm: 4px;--r-md: 8px;--r-lg: 14px;--touch: 48px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.45;-webkit-text-size-adjust:100%}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{font-family:var(--font-display);margin:0;line-height:1.2}h1{font-size:24px;font-weight:800}h2{font-size:19px;font-weight:700}h3{font-size:16px;font-weight:700}a{color:var(--petrol)}.app{min-height:100dvh;display:flex;flex-direction:column}.kopf{position:sticky;top:0;z-index:10;background:var(--surface-raised);border-bottom:1px solid var(--line);padding:calc(env(safe-area-inset-top) + 8px) 16px 8px;display:flex;align-items:center;gap:10px}.kopf img{width:30px;height:30px}.marke{font-family:var(--font-display);font-weight:800;font-size:19px}.marke span{color:var(--petrol)}.kopf .rechts{margin-left:auto;display:flex;gap:8px;align-items:center}.inhalt{flex:1;width:100%;max-width:860px;margin:0 auto;padding:16px 16px 100px;display:flex;flex-direction:column;gap:16px}.reiter{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;background:var(--surface-raised);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.reiter button{flex:1;min-height:62px;white-space:nowrap;padding:6px 2px 4px;font-size:12px;border:0;background:none;font-weight:600;color:var(--ink-muted);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.reiter button.an{color:var(--petrol)}.reiter button.an svg{background:var(--petrol-soft);border-radius:999px;padding:2px 12px;box-sizing:content-box}.avatar{width:40px;height:40px;border-radius:999px;border:1px solid var(--line);background:var(--surface-raised);font-weight:700;font-size:14px;color:var(--petrol);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.avatar.an{background:var(--petrol);color:var(--on-petrol);border-color:var(--petrol)}.seitenkopf{display:flex;flex-direction:column;gap:4px;padding:4px 2px 0}.seitenkopf .ueber{font-size:13px;font-weight:600;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em}.seitenkopf h1{font-size:26px}.seitenkopf .zeile{margin-top:4px}.zurueck{display:inline-flex;align-items:center;gap:2px;border:0;background:none;color:var(--petrol);font-weight:600;padding:4px 0;cursor:pointer;font-size:15px;align-self:flex-start}.kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.kachel{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;display:flex;flex-direction:column;gap:6px;text-align:left;cursor:pointer;min-height:118px}.kachel:active{background:var(--petrol-soft)}.kachel .sym{width:40px;height:40px;border-radius:12px;background:var(--petrol-soft);color:var(--petrol);display:flex;align-items:center;justify-content:center;margin-bottom:4px}.kachel strong{font-family:var(--font-display);font-size:16px}.kachel .leise{font-size:13px;line-height:1.3}.gruppe{font-size:13px;font-weight:700;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;margin:8px 2px -2px}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.chip{flex:none;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface-raised);font-weight:600;font-size:14px;color:var(--ink);cursor:pointer}.chip.an{background:var(--petrol);border-color:var(--petrol);color:var(--on-petrol)}.kennzahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.kennzahl{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);padding:10px 12px;display:flex;flex-direction:column;gap:2px}.kennzahl .wert{font-family:var(--font-mono);font-size:18px;font-weight:600;color:var(--ink)}.kennzahl .was{font-size:12px;color:var(--ink-muted);font-weight:600}.kennzahl.um{background:var(--petrol-soft);border-color:transparent}.kennzahl.um .wert{color:var(--petrol)}.kennzahl.nicht{background:var(--amber-soft);border-color:transparent}.kennzahl.nicht .wert{color:var(--amber-ink)}.punkt{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-muted);white-space:nowrap}.punkt:before{content:"";width:8px;height:8px;border-radius:999px;background:#b8c2c0}.punkt.um:before{background:var(--petrol)}.punkt.nicht:before{background:var(--amber)}.punkt.rot:before{background:var(--danger)}.etikett{font-size:12px;font-weight:600;color:var(--ink-muted)}.nummer{font-family:var(--font-mono);font-size:12px;color:var(--ink-muted)}details.mehr{border-top:1px solid var(--line);padding-top:10px}details.mehr>summary{cursor:pointer;font-weight:600;color:var(--petrol);min-height:36px;display:flex;align-items:center;list-style:none}details.mehr>summary:before{content:"›";display:inline-block;width:16px;font-size:20px;transition:transform .15s}details.mehr[open]>summary:before{transform:rotate(90deg)}details.mehr>div{display:flex;flex-direction:column;gap:12px;margin-top:8px}.ok-text{color:var(--petrol);font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:4px}.warn-text{color:var(--amber-ink);font-weight:600;font-size:14px}.ziel{display:flex;gap:12px;align-items:flex-start}.ziel .sym{width:40px;height:40px;border-radius:12px;background:var(--petrol-soft);color:var(--petrol);display:flex;align-items:center;justify-content:center;flex:none}.ziel.da .sym{background:var(--petrol);color:var(--on-petrol)}.karte{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 1px 2px #14212b0a;padding:16px;display:flex;flex-direction:column;gap:12px}.zeile{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.zeile.zwischen{justify-content:space-between}.spalten{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.leise{color:var(--ink-muted);font-size:14px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.gross{font-family:var(--font-mono);font-size:28px;font-weight:500;color:var(--petrol)}.knopf{min-height:var(--touch);padding:0 18px;border-radius:var(--r-md);border:1px solid var(--petrol);background:var(--petrol);color:var(--on-petrol);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center}.knopf:active{background:var(--petrol-strong)}.knopf.zweit{background:var(--surface-raised);color:var(--petrol)}.knopf.leise-k{background:transparent;border-color:var(--line);color:var(--ink)}.knopf.warn{background:var(--danger);border-color:var(--danger)}.knopf.breit{width:100%}.knopf.klein{min-height:40px;padding:0 12px;font-size:14px}.knopf:disabled{opacity:.45;cursor:default}label.feld{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:500}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=date],input[type=time],input[type=search],input[type=url],select,textarea{min-height:var(--touch);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-raised);padding:10px 12px;width:100%;font-size:16px}textarea{min-height:96px;resize:vertical}input[type=date],input[type=time]{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:block;line-height:1.3;color:var(--ink);font-family:inherit}input[type=date]::-webkit-date-and-time-value,input[type=time]::-webkit-date-and-time-value{text-align:left}input:focus,select:focus,textarea:focus,.knopf:focus-visible{outline:3px solid var(--petrol-soft);outline-offset:1px;border-color:var(--petrol)}label.haken{display:flex;gap:10px;align-items:center;min-height:var(--touch);font-size:15px}label.haken input{width:24px;height:24px;accent-color:var(--petrol)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--r-sm);font-size:12px;font-weight:600;white-space:nowrap}.badge.um{background:var(--petrol-soft);color:var(--petrol)}.badge.nicht{background:var(--amber-soft);color:var(--amber-ink)}.badge.grau{background:#ecefee;color:var(--ink-muted)}.badge.rot{background:#f9e1df;color:var(--danger)}.hinweis{border-radius:var(--r-md);padding:12px 14px;font-size:14px}.hinweis.info{background:var(--petrol-soft);color:var(--petrol-strong)}.hinweis.warn{background:var(--amber-soft);color:var(--amber-ink)}.hinweis.fehler{background:#f9e1df;color:var(--danger)}.liste{display:flex;flex-direction:column;gap:10px}.eintrag{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 1px 2px #14212b0a;padding:14px;display:flex;flex-direction:column;gap:10px}.eintrag.erledigt{border-color:var(--petrol);box-shadow:inset 4px 0 0 var(--petrol)}.eintrag.laeuft{border-color:var(--amber);box-shadow:inset 4px 0 0 var(--amber)}.klickbar{cursor:pointer;text-align:left;width:100%;font:inherit}.fotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.fotos img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--line);background:#e8ece5}.unterschrift{border:1px dashed var(--ink-muted);border-radius:var(--r-md);background:#fff;touch-action:none;width:100%;height:160px;display:block}.sync{white-space:nowrap;font-size:12px;font-weight:600;padding:4px 10px 4px 6px;border-radius:999px;display:inline-flex;align-items:center;gap:4px;min-height:30px}.sync.ok{background:var(--petrol-soft);color:var(--petrol)}.sync.wartet{background:var(--amber-soft);color:var(--amber-ink)}.sync.aus{background:#ecefee;color:var(--ink-muted)}table.tabelle{width:100%;border-collapse:collapse;font-size:14px;background:var(--surface-raised)}table.tabelle th,table.tabelle td{border-bottom:1px solid var(--line);padding:8px;text-align:left;vertical-align:top}table.tabelle th{color:var(--petrol);background:var(--petrol-soft);font-weight:600}.tabellenbox{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-md)}.anmeldung{max-width:420px;margin:8vh auto 0;padding:16px;display:flex;flex-direction:column;gap:16px}.anmeldung .logo{display:flex;align-items:center;gap:12px}.anmeldung .logo img{width:52px;height:52px}.anmeldung .logo .marke{font-size:30px}.inhalt.breit{max-width:1480px}.planung{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}@media (min-width: 1000px){.planung{grid-template-columns:minmax(0,1fr) 290px}.nur-schmal{display:none!important}}.kal-rahmen{overflow:auto;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-raised);max-height:calc(100dvh - 250px);min-height:280px}.kal{display:grid;min-width:min-content}.kal-ecke,.kal-tag{position:sticky;top:0;z-index:3;background:var(--surface-raised);border-bottom:1px solid var(--line);min-height:40px}.kal-ecke{left:0;z-index:4;font-size:12px;color:var(--ink-muted);padding:10px}.kal-tag{border:0;border-bottom:1px solid var(--line);border-left:1px solid var(--line);font-weight:700;font-size:13px;color:var(--ink);cursor:pointer;padding:6px 4px}.kal-tag.we{color:var(--ink-muted);background:#f3f5f4}.kal-tag.heute{color:var(--on-petrol);background:var(--petrol)}.kal-name{position:sticky;left:0;z-index:2;background:var(--surface-raised);border-bottom:1px solid var(--line);padding:8px;display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.25}.kal-name i{width:10px;height:10px;border-radius:999px;flex:none;margin-top:3px}.kal-name>span{display:flex;flex-direction:column;min-width:0}.kal-name strong{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.kal-name .leise{font-size:12px}.kal-name.offen,.kal-zelle.offen{background:#f1f3f2}.kal-zelle{position:relative;border-bottom:1px solid var(--line);border-left:1px solid var(--line);padding:4px 4px 22px;display:flex;flex-direction:column;gap:4px;min-height:76px;transition:background .1s}.kal-zelle.heute{background:#f5fafa}.kal-zelle.vergangen{background:repeating-linear-gradient(-45deg,transparent 0 6px,rgba(20,33,43,.025) 6px 12px)}.kal-zelle.treffer{background:var(--petrol-soft);outline:2px dashed var(--petrol);outline-offset:-3px}.kal-plus{position:absolute;right:3px;bottom:3px;width:22px;height:22px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--ink-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.55}.kal-plus:hover,.kal-plus:focus-visible{opacity:1;border-color:var(--line);background:var(--surface-raised)}.last{position:absolute;left:4px;right:30px;bottom:9px;height:4px;border-radius:4px;background:#e6eae9;overflow:hidden}.last span{display:block;height:100%;background:var(--petrol);border-radius:4px}.last.voll span{background:var(--amber)}.last.zuviel span{background:var(--danger)}.pkarte{display:flex;flex-direction:column;gap:1px;text-align:left;width:100%;border:1px solid rgba(20,33,43,.08);border-left:4px solid;border-radius:6px;padding:5px 7px;font:inherit;color:var(--ink);cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.pkarte:active{cursor:grabbing}.pkarte .pk-titel{font-weight:700;font-size:13px;line-height:1.25;display:flex;gap:4px;align-items:flex-start;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;min-width:0}.pkarte .pk-titel svg{margin-top:2px}.pkarte .pk-sub{font-size:12px;color:var(--ink-muted);line-height:1.25;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.pkarte.fertig{opacity:.55;cursor:default}.pkarte.fertig .pk-titel{text-decoration:line-through}.pkarte.ueber{box-shadow:0 0 0 2px var(--danger)}.pkarte.zieht{opacity:.3}.geist{position:fixed;z-index:100;pointer-events:none;transform:rotate(2deg) scale(1.03);box-shadow:0 10px 24px #14212b40;opacity:.95}.rot-text{color:var(--danger)}.seitenliste{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--r-lg);padding:12px;display:flex;flex-direction:column;gap:6px;scroll-margin-top:70px}@media (min-width: 1000px){.seitenliste{position:sticky;top:70px;max-height:calc(100dvh - 180px);overflow:auto}}.seitenliste h3{display:flex;align-items:center;gap:6px;font-size:15px}.legende{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--ink-muted)}.leg{display:inline-flex;align-items:center;gap:6px}.leg i{width:12px;height:12px;border-radius:3px;display:inline-block}.leg i.leg-ueber{background:transparent;box-shadow:inset 0 0 0 2px var(--danger)}.blatt-grund{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#14212b59;display:flex;align-items:flex-end;justify-content:center}.blatt{background:var(--surface-raised);width:100%;max-width:560px;max-height:88dvh;overflow:auto;border-radius:16px 16px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;box-shadow:0 -8px 30px #14212b33}@media (min-width: 700px){.blatt-grund{align-items:center}.blatt{border-radius:16px}}.ma-wahl{display:flex;flex-wrap:wrap;gap:8px}.ma-knopf{min-height:42px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface-raised);font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.ma-knopf i{width:12px;height:12px;border-radius:999px}.ma-knopf.an{border-color:var(--petrol);box-shadow:inset 0 0 0 2px var(--petrol);background:var(--petrol-soft)}.farbwahl{display:flex;flex-wrap:wrap;gap:6px}.farbe{width:28px;height:28px;border-radius:999px;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer;padding:0}.farbe.an{box-shadow:0 0 0 2px var(--ink)}.farbe.klein{width:12px;height:12px;display:inline-block;border:0;box-shadow:none;vertical-align:middle;cursor:default}.fortschritt{display:flex;gap:6px;margin-top:6px}.fortschritt span{flex:1;height:4px;border-radius:4px;background:var(--line)}.fortschritt span.an{background:var(--petrol)}.kachel.an{border-color:var(--petrol);box-shadow:inset 0 0 0 2px var(--petrol)}details.ruest>summary{cursor:pointer;list-style:none;min-height:32px}details.ruest>summary strong{display:inline-flex;align-items:center;gap:6px}.plan-kopf{display:flex;align-items:flex-end;gap:8px}.segment{display:inline-flex;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:var(--surface-raised);flex:none}.segment button{min-height:40px;padding:0 11px;border:0;border-left:1px solid var(--line);background:none;font-weight:600;font-size:14px;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.segment button:first-child{border-left:0}.segment button.an{background:var(--petrol);color:var(--on-petrol)}.werkzeug{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.werkzeug .knopf.klein{padding:0 10px}@media (max-width: 560px){.plan-kopf .txt{display:none}.plan-kopf .knopf.klein{width:40px;padding:0}.segment button{padding:0 9px;font-size:13px}}button.kal-name{border:0;border-bottom:1px solid var(--line);text-align:left;font:inherit;font-size:13px;color:var(--ink);cursor:pointer}button.kal-name:hover{background:var(--petrol-soft)}.abw-text{font-size:11px;font-weight:700;color:var(--amber-ink)}.kal-zelle.abwesend{background:repeating-linear-gradient(-45deg,#f4ebdd 0,#f4ebdd 6px,#fbf5ec 6px,#fbf5ec 12px)}.abw-etikett{align-self:flex-start;font-size:11px;font-weight:700;color:var(--amber-ink);background:var(--amber-soft);border-radius:4px;padding:1px 6px}.leg i.leg-abw{background:repeating-linear-gradient(-45deg,#e9d9bf 0,#e9d9bf 3px,#fbf5ec 3px,#fbf5ec 6px)}.pkarte .pk-statt{color:var(--amber-ink);font-weight:600}.ma-knopf:disabled{opacity:.45;cursor:not-allowed}.termin-chip{display:inline-flex;align-items:center;gap:4px;padding-right:4px}.termin-chip button{border:0;background:#ffffff40;color:inherit;width:24px;height:24px;border-radius:999px;cursor:pointer;font-size:16px;line-height:1}.ablage{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 16px;border:2px dashed var(--line);border-radius:var(--r-lg);background:var(--surface);cursor:pointer;text-align:center;color:var(--petrol)}.ablage:hover{border-color:var(--petrol);background:var(--petrol-soft)}.ablage input{position:absolute;width:1px;height:1px;opacity:0}.import-taet.ergaenzt{border-left:4px solid var(--amber)}.import-taet.genannt{border-left:4px solid var(--petrol)}.import-taet input[type=text]{min-height:40px}.chip-check{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:999px;font-size:14px;background:var(--surface-raised);cursor:pointer}.chip-check input{width:18px;height:18px;accent-color:var(--petrol)}details.paket{border-top:1px solid var(--line);padding:6px 0}details.paket>summary{cursor:pointer;list-style:none}details.paket[open]{display:flex;flex-direction:column;gap:10px;padding-bottom:12px}details.teilarbeiten>summary{cursor:pointer;font-size:13px}details.teilarbeiten ul{margin:4px 0 0;padding-left:20px;font-size:14px;color:var(--ink)}table.tabelle tfoot td{font-weight:600;background:#f5f7f6}