.kb-rechner{--kb-accent:#e8590c;--kb-accent-d:#c2410c;--kb-text:#1b1f23;max-width:1020px;margin:1.6rem auto;padding:1.5rem;background:#fff;color:var(--kb-text);border:1px solid #e3e6e9;border-top:4px solid var(--kb-accent);border-radius:16px;box-shadow:0 18px 50px #14181c1a;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.kb-head h2{margin:0 0 .2rem;font-size:1.5rem}.kb-lead{margin:0 0 1rem;font-size:.92rem;color:#5b646c}.kb-layout{display:grid;gap:1.4rem;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start}.kb-field{margin:0 0 1rem;border:0;padding:0;min-width:0}.kb-label{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;font-size:.92rem;margin-bottom:.4rem}.kb-label small{font-weight:500;color:#6b747c}.kb-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.kb-pair{display:grid;grid-template-columns:1fr 92px;gap:.9rem;align-items:center}.kb-rechner input[type=number]{width:100%;min-height:44px;padding:.4rem .6rem;font:700 1rem system-ui;text-align:center;border:1.5px solid #cfd5da;border-radius:10px;background:#f7f8f9;color:inherit;transition:border-color .15s,box-shadow .15s}.kb-rechner input[type=number]:focus{outline:0;border-color:var(--kb-accent);box-shadow:0 0 0 3px #e8590c33;background:#fff}.kb-rechner input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;--pct:0%;cursor:pointer}.kb-rechner input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--kb-accent) var(--pct),#e3e6e9 var(--pct))}.kb-rechner input[type=range]::-moz-range-track{height:8px;border-radius:99px;background:#e3e6e9}.kb-rechner input[type=range]::-moz-range-progress{height:8px;border-radius:99px;background:var(--kb-accent)}.kb-rechner input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-9px;border-radius:50%;background:#fff;border:4px solid var(--kb-accent);box-shadow:0 3px 10px #e8590c66;transition:transform .15s}.kb-rechner input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:4px solid var(--kb-accent);box-shadow:0 3px 10px #e8590c66}.kb-rechner input[type=range]:active::-webkit-slider-thumb{transform:scale(1.18)}.kb-rechner input[type=range]:focus-visible{outline:0}.kb-rechner input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #e8590c4d}.kb-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;background:#eef0f2;border-radius:12px}.kb-seg-v{grid-auto-flow:row}.kb-seg label{position:relative;cursor:pointer}.kb-seg input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}.kb-seg span{display:flex;justify-content:space-between;align-items:center;gap:.4rem;min-height:42px;padding:.45rem .7rem;border-radius:9px;font-weight:600;font-size:.9rem;color:#46505a;transition:background .2s,color .2s,box-shadow .2s;text-align:left}.kb-seg em{font-style:normal;font-size:.78rem;font-weight:700;color:var(--kb-accent-d)}.kb-seg label:hover span{background:#ffffffb3}.kb-seg input:checked+span{background:#fff;color:var(--kb-text);box-shadow:0 2px 8px #14181c24,inset 0 0 0 2px var(--kb-accent)}.kb-seg input:focus-visible+span{box-shadow:0 0 0 3px #1c7ed680}.kb-toggles{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.kb-toggle{position:relative;cursor:pointer}.kb-toggle input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}.kb-toggle>input+span{display:flex;flex-direction:column;gap:.1rem;padding:.65rem .8rem .65rem 2.5rem;border:1.5px solid #cfd5da;border-radius:12px;font-size:.88rem;position:relative;transition:border-color .2s,background .2s}.kb-toggle>input+span:before{content:"";position:absolute;left:.8rem;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:6px;border:2px solid #aab2b9;background:#fff;transition:all .2s}.kb-toggle>input+span:after{content:"";position:absolute;left:1.15rem;top:50%;width:6px;height:11px;margin-top:-7px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(0);transition:transform .2s}.kb-toggle em{font-style:normal;font-size:.8rem;color:var(--kb-accent-d);font-weight:700}.kb-toggle:hover>input+span{border-color:var(--kb-accent)}.kb-toggle input:checked+span{border-color:var(--kb-accent);background:#fff4ec}.kb-toggle input:checked+span:before{background:var(--kb-accent);border-color:var(--kb-accent)}.kb-toggle input:checked+span:after{transform:rotate(45deg) scale(1)}.kb-toggle input:focus-visible+span{box-shadow:0 0 0 3px #1c7ed680}.kb-days{max-width:140px}.kb-result{position:sticky;top:84px;background:linear-gradient(160deg,#171c20,#232b32);color:#fff;border-radius:14px;padding:1.2rem;box-shadow:0 14px 34px #14181c4d;overflow:hidden}.kb-result:before{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 14px,rgba(232,89,12,.28) 14px 16px);pointer-events:none}.kb-result-top{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#f8a66e;font-weight:700}.kb-price{font-size:2.3rem;font-weight:800;line-height:1.15;margin:.2rem 0 .5rem}.kb-break{list-style:none;margin:0;padding:0;font-size:.86rem;color:#d3d9de}.kb-break li{display:flex;justify-content:space-between;gap:1rem;padding:.3rem 0;border-bottom:1px solid rgba(255,255,255,.12)}.kb-break li span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums;color:#fff}.kb-min{font-weight:600;color:#ffb784;margin-top:.5rem;font-size:.86rem}.kb-actions{display:grid;gap:.6rem;margin:1rem 0 .7rem}.kb-btn{text-align:center;padding:.8rem 1rem;border-radius:10px;font-weight:700;text-decoration:none;min-height:46px;box-sizing:border-box;transition:transform .15s,filter .15s}.kb-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}.kb-btn-wa{background:#25d366;color:#052e16}.kb-btn-mail{background:var(--kb-accent);color:#fff}.kb-btn:focus-visible{outline:3px solid #74c0fc;outline-offset:2px}.kb-note{font-size:.76rem;line-height:1.4;color:#aab4bc;margin:0}@media(max-width:860px){.kb-layout{grid-template-columns:1fr}.kb-result{position:static}}@media(max-width:520px){.kb-rechner{padding:1rem;margin:1rem -.2rem}.kb-cols,.kb-toggles{grid-template-columns:1fr}.kb-pair{grid-template-columns:1fr 80px}}.kb-step{border:0;padding:0;margin:0 0 .4rem;background:none;box-shadow:none}.kb-step>summary{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.02rem;padding:.2rem 0 .6rem;list-style:none;cursor:default;position:relative}.kb-step>summary::-webkit-details-marker{display:none}.kb-step>summary:after{display:none}.kb-step>summary small{font-weight:500;color:#6b747c;font-size:.8rem}.kb-n{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--kb-accent);color:#fff;font-size:.85rem;font-weight:800}.kb-details{border:0;background:none;padding:0;margin:0;box-shadow:none;border-radius:0}.kb-step{box-shadow:none}.kb-details{border:0;background:none;box-shadow:none;padding:0;margin:0;color:inherit}.kb-details>summary{list-style:none;font-size:.82rem;color:#f8a66e;cursor:pointer;margin:.2rem 0 .3rem;display:none}.kb-details>summary::-webkit-details-marker{display:none}@media(max-width:860px){.kb-rechner{padding:.9rem;margin:.8rem 0;border-radius:14px}.kb-head h2{font-size:1.25rem}.kb-lead{font-size:.85rem;margin-bottom:.6rem}.kb-step{border:1px solid #e3e6e9;border-radius:12px;margin-bottom:.55rem;background:#fff}.kb-step>summary{cursor:pointer;padding:.75rem .9rem;min-height:48px}.kb-step>summary:after{display:block;content:"";position:static;font-size:0;margin-left:auto;margin-top:-4px;width:9px;height:9px;border:solid var(--kb-accent);border-width:0 2.5px 2.5px 0;transform:rotate(45deg);transition:transform .2s}.kb-step[open]>summary:after{transform:rotate(-135deg)}.kb-step[open]>summary{border-bottom:1px solid #eef0f2}.kb-step-body{padding:.8rem .9rem .3rem}.kb-field{margin-bottom:.8rem}.kb-rechner input[type=range]{height:44px}.kb-rechner input[type=range]::-webkit-slider-runnable-track{height:10px}.kb-rechner input[type=range]::-webkit-slider-thumb{width:32px;height:32px;margin-top:-11px}.kb-rechner input[type=range]::-moz-range-thumb{width:24px;height:24px}.kb-pair{grid-template-columns:1fr 78px;gap:.6rem}.kb-cols{grid-template-columns:1fr}.kb-seg-v{grid-auto-flow:column;grid-auto-columns:1fr}.kb-seg-v span{flex-direction:column;align-items:flex-start;gap:0;font-size:.8rem;padding:.4rem .5rem;min-height:50px;justify-content:center}.kb-result{position:sticky;bottom:56px;top:auto;z-index:20;padding:.8rem .9rem;border-radius:14px 14px 0 0;margin:.7rem -.9rem -.9rem}.kb-result:before{display:none}.kb-price{font-size:1.7rem;margin:0}.kb-result-top{font-size:.68rem}.kb-details{border:0;background:none;padding:0;margin:.1rem 0 0}.kb-details>summary{display:block;padding:.2rem 0;margin:0;font-weight:600}.kb-details>summary:after{display:none}.kb-result-top{display:none}.kb-price{display:flex;align-items:baseline;gap:.5rem}.kb-price:after{content:"brutto, unverbindlich";font-size:.7rem;font-weight:500;color:#f8a66e}.kb-details:not([open])>.kb-break,.kb-details:not([open])>.kb-min{display:none}.kb-actions{grid-template-columns:1fr 1fr;margin:.6rem 0 .3rem;gap:.5rem}.kb-btn{padding:.6rem .4rem;font-size:.85rem;min-height:44px}.kb-note{display:none}.kb-details[open]~.kb-actions~.kb-note{display:block}.kb-toggles{grid-template-columns:1fr}}