:root,.ced-scope{--ce-navy: #16335b;--ce-deep: #0f1b2d;--ce-accent: #2563eb;--ce-accent-light: #7fb0ea;--ce-surface: #f4f7fb;--ce-ink: #0f1b2d;--ce-muted: #475569;--ce-line: #e2e8f0;--ce-on-navy: #cfe0f5;--ce-active-bg: #eef4ff;--ce-warn-bg: #fff7ed;--ce-warn-border: #fdba74;--ce-warn-ink: #7c3e10;--ce-radius-btn: 8px;--ce-radius-card: 14px;--ce-font-head: "Poppins", "Segoe UI", system-ui, sans-serif;--ce-font-body: "Manrope", "Segoe UI", system-ui, sans-serif;--ce-font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;--ce-ease: cubic-bezier(0, 0, .2, 1);--ce-dur-fast: .15s;--ce-dur-slow: .3s}.ced-label{font-family:var(--ce-font-mono);font-size:11.5px;letter-spacing:2.5px;text-transform:uppercase;color:var(--ce-muted)}.ced-card{background:#fff;border:1px solid var(--ce-line);border-radius:var(--ce-radius-card);padding:24px}.ced-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border:1px solid var(--ce-line);border-radius:var(--ce-radius-btn);background:#fff;color:var(--ce-ink);font-family:var(--ce-font-body);font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;transition:background-color var(--ce-dur-fast) var(--ce-ease),border-color var(--ce-dur-fast) var(--ce-ease),color var(--ce-dur-fast) var(--ce-ease)}.ced-btn:hover{border-color:var(--ce-accent-light)}.ced-btn[aria-pressed=true],.ced-btn.is-active{background:var(--ce-active-bg);border-color:var(--ce-accent);color:var(--ce-accent)}.ced-btn--primary{background:var(--ce-accent);border-color:var(--ce-accent);color:#fff}.ced-btn--primary:hover{background:#1d4ed8;border-color:#1d4ed8}.ced-badge{display:inline-block;padding:4px 12px;border-radius:999px;border:1px solid var(--ce-line);background:#fff;font-family:var(--ce-font-mono);font-size:11.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ce-muted)}.ced-badge--soon{background:var(--ce-active-bg);border-color:var(--ce-accent-light);color:var(--ce-accent)}.ced-panel{background:var(--ce-navy);color:var(--ce-on-navy);border-radius:var(--ce-radius-card);padding:24px}.ced-panel .ced-price{font-family:var(--ce-font-head);font-weight:800;font-size:32px;color:#fff}.ced-hint{background:var(--ce-warn-bg);border:1px solid var(--ce-warn-border);border-radius:var(--ce-radius-btn);color:var(--ce-warn-ink);padding:12px 16px;font-size:14px}.ced-scope [hidden]{display:none!important}.ced-btn:focus-visible,.ced-scope a:focus-visible,.ced-scope button:focus-visible,.ced-scope input:focus-visible{outline:2px solid var(--ce-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.ced-btn{transition:none}}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:flex;flex-direction:column;background:var(--ce-surface);color:var(--ce-ink);font-family:var(--ce-font-body);font-size:16px;line-height:1.6}h1{font-family:var(--ce-font-head);line-height:1.15;margin:0}.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px clamp(20px,5vw,48px);border-bottom:1px solid var(--ce-line);background:#fff}.brand{font-family:var(--ce-font-head);font-weight:700;font-size:17px;color:var(--ce-navy);text-decoration:none}.brand:hover{color:var(--ce-accent)}.site-header__back{font-weight:600;font-size:15px;color:var(--ce-navy);text-decoration:underline;text-underline-offset:3px}.site-header__back:hover{color:var(--ce-accent)}main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:clamp(28px,5vw,48px) clamp(20px,5vw,48px) clamp(48px,8vw,80px)}.hero{max-width:720px;margin-bottom:clamp(24px,4vw,40px)}.hero h1{font-weight:800;font-size:clamp(28px,4vw,40px);margin-top:12px;color:var(--ce-navy)}.hero .lead{margin-top:12px;font-size:17px;color:var(--ce-muted)}#konfigurator{min-height:clamp(640px,90vh,1000px)}html.embed body{min-height:0;background:transparent}html.embed .site-header,html.embed .hero,html.embed .site-footer{display:none}html.embed main{max-width:none;padding:8px}html.embed #konfigurator{min-height:0}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:24px clamp(20px,5vw,48px);border-top:1px solid var(--ce-line);background:#fff;font-size:14.5px;color:var(--ce-muted)}.site-footer p{margin:0}.site-footer a{color:var(--ce-navy);text-decoration:underline;text-underline-offset:3px}.site-footer a:hover{color:var(--ce-accent)}.site-footer nav{display:flex;gap:20px}.ced-cam{--ced-cam-blatt: #16202e;--ced-cam-skala: #cdd6e2;--ced-cam-zeigerfarbe: #f8fafc;--ced-cam-gruen: #34d399;--ced-cam-gelb: #fbbf24;--ced-cam-rot: #f87171;--ced-cam-ziel: #93c5fd;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px;align-items:start}@media(max-width:900px){.ced-cam{grid-template-columns:minmax(0,1fr)}}.ced-cam__stage{display:grid;gap:20px;min-width:0}.ced-cam__armaturen .ced-label{display:block;margin:0 0 12px}.ced-cam__instrumente{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:420px){.ced-cam__instrumente{grid-template-columns:1fr}}.ced-cam__instrument{display:block;width:100%;height:auto}.ced-cam__inst-titel{fill:var(--ced-cam-skala);font-family:var(--ce-font-mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.ced-cam__inst-zahl{fill:var(--ced-cam-zeigerfarbe);font-family:var(--ce-font-head);font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.ced-cam__inst-sub{fill:var(--ced-cam-skala);font-family:var(--ce-font-mono);font-size:10px;letter-spacing:1px}.ced-cam__inst-tick{fill:var(--ced-cam-skala);font-family:var(--ce-font-mono);font-size:8px;font-variant-numeric:tabular-nums}.ced-cam__inst-status{font-family:var(--ce-font-body);font-size:10.5px;font-weight:700}.ced-cam__instrument--ok .ced-cam__inst-status{fill:var(--ced-cam-gruen)}.ced-cam__instrument--knapp .ced-cam__inst-status{fill:var(--ced-cam-gelb)}.ced-cam__instrument--verletzt .ced-cam__inst-status{fill:var(--ced-cam-rot)}.ced-cam__zeiger{transform-box:view-box;transform-origin:100px 104px;transform:rotate(var(--ced-cam-zeiger-deg, 0deg));transition:transform var(--ce-dur-slow) var(--ce-ease)}@media(prefers-reduced-motion:reduce){.ced-cam__zeiger{transition:none}}.ced-cam__tabs{display:flex;gap:4px;margin:0 0 14px;border-bottom:1px solid var(--ce-line)}.ced-cam__tab{min-height:44px;padding:8px 18px;border:0;border-bottom:3px solid transparent;border-radius:var(--ce-radius-btn) var(--ce-radius-btn) 0 0;background:transparent;color:var(--ce-muted);font-family:var(--ce-font-body);font-size:15px;font-weight:600;cursor:pointer}.ced-cam__tab:hover{color:var(--ce-ink);background:var(--ce-active-bg)}.ced-cam__tab[aria-selected=true]{color:var(--ce-accent);border-bottom-color:var(--ce-accent);background:var(--ce-active-bg)}.ced-cam__view{min-height:300px}.ced-cam__svg svg{display:block;width:100%;height:auto}.ced-cam__szene{min-height:300px;display:grid}.ced-cam__skeleton{margin:0;min-height:300px;display:grid;place-items:center;border-radius:var(--ce-radius-btn);background:linear-gradient(100deg,#eef2f7 40%,#f6f9fc,#eef2f7 60%);background-size:200% 100%;animation:ced-cam-puls 1.6s ease-in-out infinite;color:var(--ce-muted);font-family:var(--ce-font-mono);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;text-align:center;padding:0 16px}@keyframes ced-cam-puls{0%{background-position:200% 0}to{background-position:0 0}}.ced-cam__blicke{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}.ced-cam__caption{margin:10px 0 0;font-family:var(--ce-font-mono);font-size:11px;letter-spacing:1px;color:var(--ce-muted);text-align:center}.ced-cam__elektrik .ced-label{display:block;margin:0 0 10px}.ced-cam__elektrik-vorschlag{margin:0 0 6px;font-family:var(--ce-font-head);font-weight:700;font-size:17px;line-height:1.4;color:var(--ce-navy)}.ced-cam__elektrik-grund{margin:0 0 14px;font-size:13.5px;color:var(--ce-muted)}.ced-cam__batt-label{display:block;margin:0 0 8px}.ced-cam__batterie-chips{display:flex;flex-wrap:wrap;gap:8px}.ced-cam__batt{min-width:60px;font-variant-numeric:tabular-nums}.ced-cam__batt--ungueltig[aria-pressed=true]{border-style:dashed;border-color:var(--ce-warn-border);background:var(--ce-warn-bg);color:var(--ce-warn-ink)}.ced-cam__verbrauch-details{margin:14px 0 0}.ced-cam__verbrauch-details summary{cursor:pointer;font-size:13.5px;font-weight:600;color:var(--ce-accent);min-height:32px;display:flex;align-items:center}.ced-cam__verbrauch{margin:8px 0 0;display:grid;gap:4px}.ced-cam__verbrauch-zeile{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;padding:2px 0}.ced-cam__verbrauch-zeile--auto{color:var(--ce-muted)}.ced-cam__verbrauch-zeile--auto small{font-family:var(--ce-font-mono);font-size:10.5px;letter-spacing:.5px}.ced-cam__verbrauch-wh{font-family:var(--ce-font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.ced-cam__verbrauch-summe{margin-top:4px;padding-top:6px;border-top:1px solid var(--ce-line);font-weight:700}.ced-cam__bord .ced-label{display:block;margin:0 0 10px}.ced-cam__bordbadge{margin:0 0 12px}.ced-cam__badge{background:#ecfdf3;border-color:#a7d9b9;color:#15803d}.ced-cam__bordzeilen{display:grid;gap:6px}.ced-cam__bordzeile{display:grid;grid-template-columns:minmax(0,1.4fr) auto auto minmax(96px,auto);gap:4px 12px;align-items:baseline;font-size:14px;padding:4px 0;border-bottom:1px dashed var(--ce-line)}.ced-cam__bordlabel{color:var(--ce-ink)}.ced-cam__bordwert{font-family:var(--ce-font-mono);font-size:13.5px;font-variant-numeric:tabular-nums;color:var(--ce-ink);white-space:nowrap}.ced-cam__bordband{font-family:var(--ce-font-mono);font-size:12px;color:var(--ce-muted);white-space:nowrap}.ced-cam__bordstatus{font-weight:700;font-size:13.5px;text-align:right;white-space:nowrap}.ced-cam__bordstatus--ok{color:#15803d}.ced-cam__bordstatus--knapp{color:var(--ce-warn-ink)}.ced-cam__bordstatus--verletzt{color:#b91c1c}.ced-cam__ehrlich{margin:14px 0 0;padding:10px 0 0;border-top:1px solid var(--ce-line);font-size:12.5px;color:var(--ce-muted)}.ced-cam__group{margin:0 0 22px}.ced-cam__group>.ced-label{display:block;margin:0 0 14px}.ced-cam__feld{margin:0 0 16px}.ced-cam__feld-label{display:block;margin:0 0 8px;font-weight:600;font-size:15px;color:var(--ce-ink)}.ced-cam__opts{display:flex;flex-wrap:wrap;gap:8px}.ced-cam__opt[aria-disabled=true],.ced-cam__wasser[aria-disabled=true]{opacity:.45;cursor:not-allowed}.ced-cam__note{margin:10px 0 0}.ced-cam__stepper{display:inline-flex;align-items:center;gap:12px}.ced-cam__step{min-width:44px;font-size:20px;font-weight:700;line-height:1}.ced-cam__step[disabled]{opacity:.4;cursor:not-allowed}.ced-cam__step-wert{min-width:28px;text-align:center;font-family:var(--ce-font-head);font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ce-ink)}.ced-cam__wasser{min-width:60px;font-variant-numeric:tabular-nums}.ced-cam__slider-row{display:flex;align-items:center;gap:14px}.ced-cam__slider{flex:1;height:32px;margin:0;accent-color:var(--ce-accent)}.ced-cam__slider-wert{min-width:64px;font-family:var(--ce-font-head);font-weight:700;font-size:16px;font-variant-numeric:tabular-nums;color:var(--ce-navy)}.ced-cam__verbs{display:flex;flex-wrap:wrap;gap:8px}.ced-cam__verb{flex-wrap:wrap}.ced-cam__verb-wh{font-family:var(--ce-font-mono);font-size:11px;color:var(--ce-muted);font-variant-numeric:tabular-nums}.ced-cam__verb[aria-pressed=true] .ced-cam__verb-wh{color:var(--ce-accent)}.ced-cam__verb-auto-hinweis{margin:10px 0 0;font-size:12.5px;color:var(--ce-muted);line-height:1.5}.ced-cam__hints{display:grid;gap:8px}.ced-cam__hints:not(:empty){margin:0 0 22px}.ced-cam__price-label{margin:0;color:var(--ce-accent-light)}.ced-cam__total{margin:4px 0 14px}.ced-cam__lines{margin:0;display:grid;gap:6px}.ced-cam__lines-caption{margin:8px 0 0;font-family:var(--ce-font-mono);font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--ce-accent-light)}.ced-cam__line{display:flex;justify-content:space-between;gap:16px;font-size:14px}.ced-cam__line-label{display:flex;flex-wrap:wrap;column-gap:8px;align-items:baseline}.ced-cam__line-label small{font-size:12px;color:var(--ce-on-navy);opacity:.85;font-variant-numeric:tabular-nums;white-space:nowrap}.ced-cam__line-betrag{font-variant-numeric:tabular-nums;white-space:nowrap}.ced-cam__basis-hinweis{margin:12px 0 0;font-size:12.5px;color:var(--ce-on-navy)}.ced-cam__summary{margin:12px 0 0;padding:12px 0 0;border-top:1px solid rgba(255,255,255,.18);font-size:13px;line-height:1.55;white-space:pre-line;color:var(--ce-on-navy)}.ced-cam__actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0}.ced-cam__submit[disabled]{opacity:.55;cursor:not-allowed}.ced-cam__ghost{background:transparent;border-color:#ffffff59;color:#fff}.ced-cam__ghost:hover{border-color:#fff}.ced-cam__legal{margin:12px 0 0;font-size:12.5px;color:var(--ce-on-navy);opacity:.8}
