:root{--paper:#f5f5f7;--card:#fff;--ink:#1d1d1f;--muted:#6e6e73;--brand:#248a5e;--akzent:#0a6cce;--amber:#c77700;--rot:#d70015;--line:#e3e3e8;--chip:#f2f2f7;--shadow:0 1px 2px #0000000d, 0 8px 24px #00000012}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;background-image:radial-gradient(1100px 480px at 50% -160px,#248a5e12,#0000 70%);background-repeat:no-repeat;min-height:100vh;margin:0;font:16px/1.5 -apple-system,BlinkMacSystemFont,SF Pro Text,Avenir Next,Segoe UI,system-ui,sans-serif}body:before{content:"";background:linear-gradient(90deg, var(--brand), var(--akzent));height:4px;display:block}.wrap{max-width:980px;margin:0 auto;padding:16px 16px 64px}.applogo{border:1px solid var(--line);width:auto;height:46px;box-shadow:var(--shadow);background:#fff;border-radius:10px;padding:4px 10px}.titleblock{flex-direction:column;gap:1px;min-width:0;display:flex}.apptitle{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:700;line-height:1.2;overflow:hidden}.subtitle{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.avatar{background:var(--uc,#8e8e93);color:#fff;letter-spacing:.02em;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:11.5px;font-weight:700;display:inline-flex}.logoutbtn{color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:9px;flex:none;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:600}.logoutbtn:hover{color:var(--rot);border-color:var(--rot)}.topbar{z-index:40;background:color-mix(in srgb, var(--paper) 85%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.menubtn{border:1px solid var(--line);background:var(--card);width:44px;height:44px;box-shadow:var(--shadow);color:var(--ink);cursor:pointer;border-radius:11px;flex:none;justify-content:center;align-items:center;font-size:20px;display:inline-flex}.menubtn:hover{border-color:var(--brand);color:var(--brand)}.topbrand{align-items:center;gap:12px;min-width:0;display:flex}.topbrand .applogo{height:40px}@media (max-width:560px){.topbrand .topsub{display:none}.topbrand .apptitle{font-size:15px}}.topavatar{flex:none;margin-left:auto;text-decoration:none}.topavatar .avatar{width:38px;height:38px;box-shadow:var(--shadow);font-size:13px}.drawer-backdrop{z-index:45;opacity:0;pointer-events:none;background:#00000059;transition:opacity .25s;position:fixed;inset:0}.drawer-backdrop.on{opacity:1;pointer-events:auto}.sidebar{z-index:46;background:var(--card);border-right:1px solid var(--line);flex-direction:column;width:284px;max-width:84vw;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:0 0 40px #0000002e}.sidebar.on{transform:translate(0)}.sidebar-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:12px;display:flex;overflow-y:auto}.sidebar-nav a{min-height:50px;color:var(--ink);border-radius:11px;align-items:center;gap:13px;padding:13px 14px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.sidebar-nav a:hover{background:var(--chip)}.sidebar-nav a.on{background:color-mix(in srgb, var(--brand) 13%, transparent);color:var(--brand)}.sidebar-nav .nav-ico{text-align:center;flex:none;width:24px;font-size:18px}.sidebar-foot{border-top:1px solid var(--line);align-items:center;gap:10px;padding:12px;display:flex}.sidebar-user{color:inherit;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:0;padding:6px;text-decoration:none;display:flex}.sidebar-user:hover{background:var(--chip)}.sidebar-user b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.sidebar-user small{color:var(--muted);font-size:12px}.panel{padding-top:16px}section.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;margin-bottom:18px;padding:18px 18px 20px}h2.cardtitle{letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:9px;margin:0 0 14px;font-size:13px;font-weight:700;display:flex}h2.cardtitle:before{content:"";background:linear-gradient(180deg, var(--brand), var(--akzent));border-radius:2px;flex:none;width:4px;height:16px}.hint{color:var(--muted);font-size:13px}label.fld{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=date],input[type=time],select,textarea{color:var(--ink);border:1px solid var(--line);background:#fbfbfd;border-radius:10px;min-height:44px;padding:10px 12px;font:16px inherit;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 22%, transparent);outline:none}.req{color:var(--rot);font-weight:700}.errbox{border:1px solid var(--rot);border-left:4px solid var(--rot);background:color-mix(in srgb, var(--rot) 8%, var(--card));border-radius:10px;margin-top:14px;padding:12px 16px;font-size:14.5px}button{touch-action:manipulation}.primary{color:#fff;cursor:pointer;background:linear-gradient(#2ba06e,#208055);border:none;border-radius:11px;min-height:50px;padding:14px 22px;font-family:inherit;font-size:16px;font-weight:700;box-shadow:0 2px 10px #248a5e40}.primary:hover{filter:brightness(1.05)}.primary:active{transform:translateY(1px)}.ghost{border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:11px;padding:13px 18px;font-family:inherit;font-size:15px}.ghost:hover{border-color:var(--brand);color:var(--brand)}.login{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.loginbox{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);text-align:center;border-radius:20px;width:100%;max-width:420px;padding:34px 34px 24px}.loginbox h1{letter-spacing:-.01em;margin:16px 0 2px;font-size:21px}.loginbox .sub{color:var(--muted);margin:0 0 22px;font-size:14px}.loginbox form{text-align:left;flex-direction:column;gap:12px;display:flex}.pill{letter-spacing:.04em;color:#fff;background:var(--stc,var(--muted));white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:600}.stagehead{letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 10px 2px;font-size:12.5px;font-weight:700;display:flex}.stagehead:before{content:"";background:var(--stc,var(--muted));border-radius:3px;flex:none;width:10px;height:10px}.vgitem{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);border-radius:12px;grid-template-columns:5px 1fr auto;margin-bottom:10px;display:grid;overflow:hidden}.vgitem .stripe{background:var(--stc,var(--muted))}.vgitem .body{min-width:0;padding:13px 12px 13px 15px}.vgitem .vgkopf{align-items:center;gap:8px;display:flex}.vgitem .vgseit{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:11.5px}.fotoadd.laedt{opacity:.7;cursor:progress}.fthumb img{cursor:zoom-in}.vgitem .nr{font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.vgitem .l2{color:var(--muted);margin-top:4px;font-size:13.5px}.vgitem .esc{color:var(--rot);font-weight:600}.vgitem .act{border-left:1px solid var(--line);flex-direction:column;justify-content:center;align-items:stretch;gap:8px;min-width:172px;padding:12px 14px;display:flex}.aktbtn{text-align:center;min-height:0;padding:9px 12px;font-size:13.5px;text-decoration:none}.aktbtn.dezent{color:var(--muted)}.aktbtn.dezent:hover{color:var(--brand)}@media (max-width:600px){.vgitem{grid-template-columns:5px 1fr}.vgitem .act{border-left:none;border-top:1px solid var(--line);flex-flow:wrap;grid-column:2;min-width:0}.vgitem .act>*{flex:1;min-width:120px}}footer{color:var(--muted);text-align:center;margin-top:28px;font-size:12px}.grid{gap:12px;display:grid}.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:1fr 1fr 1fr}@media (max-width:640px){.g2,.g3{grid-template-columns:1fr}}.row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.row .fld{flex:1;min-width:110px}.num{font-variant-numeric:tabular-nums}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--chip);color:var(--ink);cursor:pointer;border-radius:999px;min-height:44px;padding:9px 14px;font-family:inherit;font-size:14px}.chip:hover{border-color:var(--brand)}.chip.on{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}.chip.on:before{content:"✓";margin-right:6px;font-weight:800}.chipgroup{flex-direction:column;gap:6px;display:flex}.chipgroup>span{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:12px}.chips.invalid-chips{outline:1.5px dashed var(--rot);outline-offset:5px;border-radius:6px}.seg{border:1px solid var(--line);border-radius:10px;display:inline-flex;overflow:hidden}.seg button{background:var(--card);color:var(--muted);cursor:pointer;border:none;min-height:44px;padding:10px 14px;font-family:inherit;font-size:14px}.seg button.on{background:var(--brand);color:#fff;font-weight:600}.stepper{border:1px solid var(--line);border-radius:10px;align-items:center;display:flex;overflow:hidden}.stepper button{background:var(--chip);width:44px;height:44px;color:var(--ink);cursor:pointer;border:none;font-size:20px}.stepper output{text-align:center;font-variant-numeric:tabular-nums;width:52px;font-size:17px}.switch{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:15px;display:flex}.switch input{width:20px;height:20px;accent-color:var(--brand)}.pos{border:1px solid var(--line);background:var(--card);border-radius:12px;margin-bottom:12px;padding:14px}.pos h3{align-items:center;gap:8px;margin:0 0 10px;font-size:14px;display:flex}.pos h3 .del{color:var(--rot);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:6px;font-family:inherit;font-size:13px}.addpos{border:2px dashed var(--line);width:100%;color:var(--muted);cursor:pointer;background:0 0;border-radius:12px;padding:13px;font-family:inherit;font-size:15px;font-weight:600}.addpos:hover,.fotoadd:hover{border-color:var(--brand);color:var(--brand)}.sprossenbox{border:1px dashed var(--line);border-radius:10px;grid-template-columns:1fr auto;align-items:start;gap:14px;margin-top:12px;padding:12px;display:grid}@media (max-width:640px){.sprossenbox{grid-template-columns:1fr}}.svgprev{background:var(--paper);border:1px solid var(--line);color:var(--akzent);border-radius:10px;padding:8px}.svgprev svg{display:block}.fotorow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.fotoadd{text-align:center;border:2px dashed var(--line);width:110px;height:84px;color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;padding:6px;font-family:inherit;font-size:12.5px;font-weight:600;display:flex}.fthumb{height:84px;position:relative}.fthumb img{object-fit:cover;border:1px solid var(--line);border-radius:10px;width:110px;height:84px;display:block}.fthumb button{background:var(--rot);color:#fff;cursor:pointer;border:none;border-radius:50%;width:24px;height:24px;font-size:13px;line-height:1;position:absolute;top:-7px;right:-7px}input.invalid,textarea.invalid,select.invalid{border-color:var(--rot);background:color-mix(in srgb, var(--rot) 7%, #fbfbfd)}.sig-invalid canvas{border-color:var(--rot)!important;border-width:2px!important}.reqlegend{color:var(--muted);margin:10px 0 0;font-size:12.5px}.errbox ul{margin:8px 0 0;padding-left:20px}.okbox{border:1px solid var(--brand);border-left:4px solid var(--brand);background:color-mix(in srgb, var(--brand) 8%, var(--card));border-radius:10px;margin-top:14px;padding:12px 16px;font-size:14.5px}.modal{z-index:50;background:#12181480;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.mbox{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;width:100%;max-width:680px;padding:22px 24px}.mbox h3{margin:0 0 8px;font-size:17px}.mrow{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.vorschlag{background:color-mix(in srgb, var(--brand) 9%, var(--card));border:1px solid color-mix(in srgb, var(--brand) 35%, var(--line));border-radius:11px;align-items:flex-start;gap:9px;margin-bottom:14px;padding:11px 13px;font-size:13.5px;line-height:1.5;display:flex}.vorschlag .vs-ico{flex:none;font-size:16px}.monteurwahl{flex-direction:column;gap:8px;display:flex}.monteurkarte{text-align:left;border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:12px;flex-direction:column;gap:4px;padding:11px 13px;font-family:inherit;display:flex}.monteurkarte:hover{border-color:var(--uc,var(--brand))}.monteurkarte.on{border-color:var(--uc,var(--brand));box-shadow:0 0 0 2px color-mix(in srgb, var(--uc,var(--brand)) 30%, transparent)}.monteurkarte.empfohlen{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 5%, var(--card))}.monteurkarte .mk-kopf{align-items:center;gap:8px;font-size:15px;display:flex}.monteurkarte .mk-badge{letter-spacing:.03em;text-transform:uppercase;color:#fff;background:var(--brand);border-radius:999px;margin-left:auto;padding:2px 9px;font-size:10.5px;font-weight:700}.monteurkarte .mk-last{color:var(--muted);font-size:12.5px;line-height:1.45}.actionbar{z-index:20;padding:14px 18px calc(14px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--card) 86%, transparent);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);border-radius:0 0 14px 14px;flex-wrap:wrap;gap:10px;margin:18px -18px -20px;display:flex;position:sticky;bottom:0}.actionbar .primary{flex:1;min-width:220px}.toolbar-card{padding:16px 18px}.toolbar-kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.suchfeld{margin-bottom:14px;display:block;position:relative}.suchfeld .such-ico{opacity:.6;pointer-events:none;font-size:15px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.suchfeld input[type=search]{width:100%;padding-left:40px;padding-right:40px}.suchfeld input[type=search]::-webkit-search-cancel-button{display:none}.suchfeld .such-reset{width:30px;height:30px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;font-size:13px;text-decoration:none;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.suchfeld .such-reset:hover{background:var(--chip);color:var(--ink)}.filterbar{flex-wrap:wrap;gap:8px;display:flex}.filterchip{border:1px solid var(--line);background:var(--card);min-height:40px;color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:8px 13px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.filterchip:hover{border-color:var(--stc,var(--brand))}.filterchip.on{background:var(--stc,var(--ink));border-color:var(--stc,var(--ink));color:#fff}.filterchip.leer{opacity:.5}.filterchip .fc-dot{background:var(--stc,var(--muted));border-radius:50%;flex:none;width:9px;height:9px}.filterchip.on .fc-dot{background:#fff}.fc-n{font-variant-numeric:tabular-nums;background:var(--chip);color:var(--muted);text-align:center;border-radius:999px;min-width:20px;padding:1px 6px;font-size:12px;font-weight:700}.filterchip.on .fc-n{color:#fff;background:#ffffff40}.stagehead .fc-n{text-transform:none;letter-spacing:0}.vgliste{flex-direction:column;gap:22px;display:flex}.stagegrp{scroll-margin-top:90px}.erledigtgruppe>summary{cursor:pointer;list-style:none}.erledigtgruppe>summary::-webkit-details-marker{display:none}.erledigtgruppe>summary:after{content:"▸ aufklappen";color:var(--muted);letter-spacing:0;text-transform:none;margin-left:6px;font-size:11px;font-weight:600}.erledigtgruppe[open]>summary:after{content:"▾ zuklappen"}.verdict{border-radius:10px;align-items:center;gap:12px;margin:0 0 14px;padding:14px 16px;font-weight:600;display:flex}.verdict.ok{background:color-mix(in srgb, var(--brand) 10%, var(--card));border:1px solid var(--brand);color:var(--brand)}.verdict.bad{background:color-mix(in srgb, var(--rot) 8%, var(--card));border:1px solid var(--rot);color:var(--rot)}.cmp{border-collapse:collapse;width:100%;margin-bottom:14px;font-size:14px}.cmp th{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:left;border-bottom:2px solid var(--line);padding:8px;font-size:11px}.cmp td{border-bottom:1px solid var(--line);vertical-align:top;padding:9px 8px}.cmp td.st{text-align:center;width:30px;font-size:16px}.ok-t{color:var(--brand)}.warn-t{color:var(--amber)}.bad-t{color:var(--rot);font-weight:600}.side{grid-template-columns:1fr 1fr;gap:14px;max-width:460px;margin:6px 0 4px;display:grid}.side figure{text-align:center;margin:0}.calhead{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.calnav{align-items:center;min-height:42px;padding:8px 14px;font-size:17px;line-height:1.4;text-decoration:none;display:inline-flex}.calrange{text-align:center;font-variant-numeric:tabular-nums;min-width:175px;font-size:15px;font-weight:700}a.chip{align-items:center;gap:5px;text-decoration:none;display:inline-flex}.calgrid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}@media (max-width:900px){.calgrid{grid-template-columns:repeat(4,1fr)}}@media (max-width:640px){.calgrid{grid-template-columns:repeat(2,1fr)}}.calday{background:var(--chip);border:1px solid var(--line);border-radius:12px;min-height:130px;padding:8px}.calday h4{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:center;margin:0 0 8px;font-size:11.5px;font-weight:600}.calday.today{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 9%, var(--card))}.calday.today h4{color:var(--brand)}.calev{text-align:left;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--uc,var(--muted));cursor:pointer;width:100%;color:var(--ink);border-radius:9px;margin-bottom:6px;padding:8px 9px;font-size:13px;line-height:1.45;text-decoration:none;display:block;box-shadow:0 1px 2px #0000000d}.calev:hover{border-color:var(--uc,var(--brand))}.calev .ct{font-weight:700}.calev .cnr{color:var(--muted)}.calev b{display:block}.calev small{color:var(--muted);display:block}.calwho{color:#fff;background:var(--uc,var(--muted));letter-spacing:.03em;border-radius:999px;margin-top:5px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-block}.caldot{background:var(--uc,var(--muted));border-radius:50%;width:9px;height:9px;display:inline-block}