:root{--accent: #1a2e4a;--accent-dark: #12203a;--accent-soft: #d6dce6;--indigo: #4F46E5;--bg: #F8F8F8;--surface: #FFFFFF;--ink: #1A1A1A;--muted: #6B7280;--line: #E2E2E8;--danger: #B91C1C;--green: #2e9e5b;--yellow: #d6a32a;--orange: #e08a2b;--red: #c0392b;--radius: 14px;--font: "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.45}button{font:inherit;cursor:pointer}.btn-primary,.btn-secondary,.btn-danger{border-radius:10px;border:1px solid transparent;padding:.7rem 1.2rem;font-weight:600}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-dark)}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn-danger{background:#fff;color:var(--danger);border-color:#e3b9b9}.btn-primary:disabled,.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.btn-link{background:none;border:none;color:var(--accent);text-decoration:underline;padding:.4rem}.big{font-size:1.05rem;padding:.9rem 1.4rem;width:100%}:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px}.shell{max-width:1000px;margin:0 auto;padding:0 clamp(.75rem,4vw,2rem) 4rem}.brandbar{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0 .4rem}.brand{font-weight:700;color:var(--indigo);letter-spacing:.02em}.shell-head{padding:.8rem 0 .3rem}.shell-title{font-size:clamp(1.25rem,3.5vw,1.7rem);margin:0}.shell-subtitle{color:var(--muted);margin:.25rem 0 0}.screen-sub{color:var(--muted);margin:0 0 1rem}.hint{color:var(--muted)}.hint.small{font-size:.82rem;margin:.2rem 0 .7rem}.warn{color:var(--danger);font-weight:600}.field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.7rem}.field span{font-size:.85rem;color:var(--muted)}.check{display:flex;align-items:center;gap:.4rem;margin:.4rem 0}.feld-gruppe{margin-bottom:.7rem}.feld-titel{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.25rem}.anschrift-titel{font-weight:700;margin:1.1rem 0 .15rem}.anschrift-hinweis{color:var(--muted);font-size:.85rem;margin:0 0 .6rem;line-height:1.45}.plz-ort{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:0 .8rem}@media (max-width: 420px){.plz-ort{grid-template-columns:1fr}}.text-input,.text-area{width:100%;padding:.6rem .7rem;border:1px solid var(--line);border-radius:10px;font:inherit}select.text-input{background:var(--surface)}.result-block{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.8rem 1rem;margin-bottom:.9rem}.disclaimer{color:var(--muted);font-size:.82rem;margin:1rem 0}.haftung{margin-top:2rem;padding-top:.6rem;border-top:1px solid var(--line);color:var(--muted);font-size:.72rem}.paket{margin-bottom:1.1rem}.paket:last-of-type{margin-bottom:.2rem}.paket-titel{background:var(--accent);color:#fff;font-weight:700;font-size:1rem;border-radius:8px;padding:.45rem .75rem;margin-bottom:.35rem}.pos-kopf,.pos-zeile{display:grid;grid-template-columns:2.6rem minmax(0,1fr) 3.4rem 5.6rem 6.2rem;gap:.4rem;align-items:baseline}.pos-kopf{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding-bottom:.3rem;border-bottom:1px solid var(--line)}.pos-block{padding:.45rem 0;border-bottom:1px solid var(--line)}.pos-block:last-of-type{border-bottom:none}.pos-nr{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.pos-name{color:var(--ink);font-weight:700}.pos-num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.pos-zeile .pos-num{font-weight:600}.pos-gp{font-weight:700}.pos-anfrage{grid-column:3 / -1;color:var(--indigo);font-weight:700;font-size:.85rem}.pos-beschreibung{font-size:.8rem;color:var(--muted);line-height:1.4;padding:.15rem 0 0 3rem}.pos-zusatz{font-size:.78rem;color:var(--muted);padding:.15rem 0 0 3rem;font-style:italic}.pos-enthalten{font-size:.82rem;color:var(--muted);font-style:italic;padding:.45rem 0 .1rem 3rem;border-top:1px dashed var(--line)}@media (max-width: 560px){.pos-kopf,.pos-zeile{grid-template-columns:2.1rem minmax(0,1fr) 2.6rem 4.6rem 5.2rem;font-size:.85rem;gap:.25rem}.pos-beschreibung,.pos-zusatz,.pos-enthalten{padding-left:2.35rem}}.preis-total{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;margin-top:.4rem;padding-top:.6rem;border-top:2px solid var(--ink)}.preis-total-label{font-weight:700;font-size:1.05rem}.preis-total-betrag{font-weight:800;font-size:1.35rem;color:var(--accent-dark);white-space:nowrap}.preis-brutto{display:flex;justify-content:space-between;gap:.6rem;font-size:.85rem;color:var(--muted);margin-top:.4rem}.zeit-hinweis{font-size:.8rem;color:var(--muted);margin:.5rem 0 0}.progress-wrap{display:flex;align-items:center;gap:.6rem;padding:.3rem 0 .6rem;border-bottom:1px solid var(--line);margin-bottom:1rem}.progress-label{font-size:.78rem;font-weight:700;color:var(--muted);white-space:nowrap}.progress-bar{flex:1;height:6px;background:var(--line);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .3s ease}.step-erklaerung{color:var(--muted);margin:0 0 1rem;line-height:1.55}.frage-titel{font-size:clamp(1.375rem,3.2vw,1.625rem);font-weight:700;line-height:1.3;margin:1.1rem 0 1.3rem;color:var(--ink)}.frage-zusatz{color:var(--muted);font-size:.9rem;margin:-.9rem 0 1.1rem}.einheit-badge{display:inline-block;font-size:clamp(1.375rem,3.2vw,1.625rem);font-weight:700;line-height:1.3;color:var(--accent-dark);background:#eef1f6;border-left:6px solid var(--accent);border-radius:8px;padding:.4rem .9rem;margin:.2rem 0 .6rem;letter-spacing:.01em}.karten{display:grid;grid-template-columns:1fr;gap:.6rem}@media (min-width: 640px){.karten{grid-template-columns:1fr 1fr}}.karte{text-align:left;background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);padding:.8rem .9rem;cursor:pointer;color:var(--ink);display:flex;gap:.6rem;align-items:flex-start}.karte:hover{border-color:var(--accent)}.karte.aktiv{border-color:var(--accent);background:#eef1f6;box-shadow:inset 4px 0 0 var(--accent)}.karte-check{width:22px;height:22px;border-radius:6px;border:2px solid var(--accent);flex:none;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:800;color:#fff}.karte.aktiv .karte-check{background:var(--accent);border-color:var(--accent)}.karte-body{display:flex;flex-direction:column;gap:.15rem}.karte-titel{font-weight:700}.karte.aktiv .karte-titel{color:var(--accent-dark)}.karte-info{font-size:.82rem;color:var(--muted)}.karte-wrap{display:flex;flex-direction:column}.karte-wrap .karte{width:100%;height:100%}.karte-erklaer-btn{align-self:flex-start;background:none;border:none;color:var(--accent);font-size:.82rem;font-weight:600;padding:.35rem .2rem .1rem .4rem;text-decoration:underline;text-underline-offset:2px}.karte-erklaer-btn:hover{color:var(--accent-dark)}.karte-erklaer-text{font-size:.85rem;line-height:1.5;color:var(--ink);background:#f4f6f9;border-left:3px solid var(--accent-soft);border-radius:8px;padding:.6rem .75rem;margin:.2rem 0 0}.btn-gruppe{display:flex;flex-wrap:wrap;gap:.5rem;margin:.3rem 0 .6rem}.opt-btn{flex:1 1 auto;min-width:90px;min-height:44px;padding:.6rem .9rem;border:2px solid var(--accent);border-radius:10px;background:var(--surface);font-weight:600;color:var(--accent);display:inline-flex;align-items:center;justify-content:center;gap:.1rem}.opt-btn:hover:not(.aktiv){background:#eef1f6}.opt-btn.aktiv{background:var(--accent);border-color:var(--accent);color:#fff}.opt-btn.block{flex:1 1 100%;width:100%;justify-content:flex-start;text-align:left}.opt-check{font-weight:800}.toggle-liste{display:flex;flex-direction:column;gap:.5rem;margin:.3rem 0 .6rem}.hinweisbox{background:#eef1f6;border-left:4px solid var(--accent);border-radius:8px;padding:.7rem .9rem;margin:.6rem 0;font-size:.92rem;line-height:1.5}.hinweisbox.warn{background:#fdf3ef;border-left-color:var(--orange)}.hinweisbox.gut{background:#eaf6ee;border-left-color:var(--green)}.wizard-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:1.2rem;padding-top:.9rem;border-top:1px solid var(--line)}.numfield{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.6rem}.numfield-label{font-size:.9rem;font-weight:600}.numfield-row{display:inline-flex;align-items:stretch;border:2px solid var(--accent);border-radius:10px;overflow:hidden;width:fit-content}.numfield-btn{min-width:44px;min-height:44px;border:none;background:var(--surface);color:var(--accent);font-size:1.4rem;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center}.numfield-btn:hover:not(:disabled){background:#eef1f6}.numfield-btn:disabled{opacity:.35;cursor:not-allowed}.numfield-input{width:72px;min-height:44px;border:none;border-left:1px solid var(--line);border-right:1px solid var(--line);text-align:center;font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--surface)}.numfield-input:focus-visible{outline:3px solid var(--accent-soft);outline-offset:-3px}.zeit-vergleich{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:.2rem 0 .9rem}.zeit-karte{display:flex;flex-direction:column;gap:.15rem;background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);padding:.7rem .85rem}.zeit-karte.aktiv{border-color:var(--accent);background:#eef1f6}.zeit-karte-titel{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.zeit-karte.aktiv .zeit-karte-titel{color:var(--accent-dark)}.zeit-karte-dauer{font-size:1.25rem;font-weight:800;color:var(--accent-dark);line-height:1.2}.zeit-karte-preis{font-size:.82rem;color:var(--muted)}@media (max-width: 480px){.zeit-vergleich{grid-template-columns:1fr}}.live-preis{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;margin-top:.9rem;padding:.7rem .9rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.live-preis-label{font-weight:600}.live-preis-betrag{font-weight:800;font-size:1.35rem;color:var(--accent-dark);white-space:nowrap}.pdf-box{margin-top:.9rem}.pdf-hinweis{background:#eef1f6;border-left:4px solid var(--accent);border-radius:8px;padding:.8rem 1rem;margin:0;font-size:1rem;font-weight:600;line-height:1.5;color:var(--accent-dark)}.infoblatt-box{margin-top:1rem;text-align:center}.infoblatt-text{color:var(--muted);font-size:.9rem;line-height:1.5;margin:0 0 .6rem}.infoblatt-btn{display:block;text-align:center;text-decoration:none}.objekt-block{margin-bottom:1.2rem}.objekt-block:last-of-type{margin-bottom:0}.objekt-titel{font-size:1.1rem;font-weight:700;color:var(--accent-dark);background:#eef1f6;border-radius:8px;padding:.5rem .75rem;margin:0 0 .6rem}.zwischensumme{display:flex;justify-content:space-between;gap:.6rem;font-weight:700;color:var(--accent-dark);border-top:1px solid var(--line);padding-top:.5rem;margin-top:.4rem}:root{--rail-w: 44px;--rail-open-w: 236px}body{padding-left:var(--rail-w)}.kapitel-nav{position:fixed;top:0;left:0;bottom:0;width:var(--rail-w);background:var(--surface);border-right:1px solid var(--line);box-shadow:10px 0 24px -16px #0f172a59;z-index:40;overflow-y:auto;overflow-x:hidden;padding:.6rem .25rem;display:flex;flex-direction:column}.kapitel-nav.offen{width:var(--rail-open-w);padding:.9rem .8rem}.kapitel-nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#141a1f59;z-index:39}.kapitel-nav-toggle{display:flex;align-items:center;justify-content:center;gap:.5rem;border:none;background:none;color:var(--muted);font:inherit;padding:.4rem .2rem;margin-bottom:.5rem;border-radius:8px;flex:none}.kapitel-nav.offen .kapitel-nav-toggle{justify-content:flex-start}.kapitel-nav-toggle:hover{background:var(--bg);color:var(--accent-dark)}.kapitel-nav-chevron{font-size:1.25rem;line-height:1}.kapitel-nav-title{font-weight:700;color:var(--ink)}.kapitel-item{display:flex;align-items:center;gap:.6rem;width:100%;text-align:left;padding:.5rem .6rem;margin-bottom:.15rem;border:none;border-left:3px solid transparent;border-radius:10px;background:none;color:var(--ink);font:inherit}.kapitel-nav.rail .kapitel-item{justify-content:center;gap:0;padding:.35rem 0;border-left:none}.kapitel-item:not(:disabled):not(.aktuell):hover{background:var(--bg)}.kapitel-item:disabled{color:var(--muted);opacity:.55;cursor:not-allowed}.kapitel-item.aktuell{background:#eef1f6;border-left-color:var(--accent);color:var(--accent-dark);font-weight:700}.kapitel-num{width:22px;height:22px;border-radius:50%;flex:none;border:1.5px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700}.kapitel-item.aktuell .kapitel-num{background:var(--accent);border-color:var(--accent);color:#fff}.kapitel-item.fertig .kapitel-num{background:var(--green);border-color:var(--green);color:#fff}.kapitel-nav-hint{margin-top:.8rem}.pflicht-badge{font-size:.68rem;background:var(--accent);color:#fff;border-radius:999px;padding:0 .45rem;margin-left:.4rem;vertical-align:middle}.pos-info{font-size:.78rem;color:var(--muted);padding:.15rem 0 .2rem 3rem}.sende-ok{background:#eaf6ee;border-left:4px solid var(--green);border-radius:8px;padding:.8rem 1rem}.sende-err{background:#fdecec;border-left:4px solid var(--danger);border-radius:8px;padding:.8rem 1rem}