*{box-sizing:border-box}body{margin:0;background:#f5f5f2;color:#272b26;font:14px/1.5 Arial,sans-serif}header,main{max-width:1280px;margin:auto;padding:24px 40px}header{display:flex;justify-content:space-between;align-items:center;background:white;border-bottom:1px solid #e3e5dc;max-width:none;padding-left:max(40px,calc((100vw - 1200px)/2));padding-right:max(40px,calc((100vw - 1200px)/2))}.brand{font-weight:900;font-size:38px;letter-spacing:-2px;line-height:1}.brand span,em{color:#E2001A}.brand small{display:block;font-size:10px;letter-spacing:0;margin-top:8px}.badge{font-size:11px;border:1px solid #ddd;padding:7px 12px;border-radius:5px;color:#697060}.intro{padding:18px 0 25px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:bold}.intro .eyebrow:before{content:'●';color:#E2001A;margin-right:10px}h1{font-size:49px;line-height:1.08;letter-spacing:-2px;margin:20px 0}em{font-style:normal}.intro>p:last-child{max-width:570px;color:#6c7363}.layout{display:grid;grid-template-columns:1.06fr 1fr;gap:24px;align-items:start}.card{padding:25px 27px;background:white;border:1px solid #e0e3d8;border-radius:12px;margin-bottom:18px}h2{font-size:18px;letter-spacing:-.4px;margin:0 0 7px;display:flex;align-items:center;gap:10px}h2 i{font-style:normal;color:#c50018;background:#f9eeee;font-size:11px;padding:7px;border-radius:6px}.muted{font-size:11px;color:#77806a;margin:0 0 22px}h3{font-size:13px;border-top:1px solid #e5e8de;padding-top:20px;margin:20px 0 14px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;margin-top:18px}.field{min-width:0}.field label{font-size:12px;font-weight:600;display:block;margin-bottom:7px}.box{display:flex;align-items:center;border:1px solid #dce0d3;border-radius:6px;background:#fafbf8;overflow:hidden}.box input{font:600 18px Arial;width:100%;min-width:0;border:0;background:none;padding:11px;color:#323b2a}.box span{white-space:nowrap;font-size:10px;color:#7a846d;padding-right:10px}input[type=range]{width:100%;accent-color:#E2001A;height:4px;margin:15px 0 5px;cursor:pointer}input[type=number]{appearance:textfield}input::-webkit-inner-spin-button{appearance:none}.range-limits{display:flex;justify-content:space-between;font-size:9px;color:#8a927e}.check{display:flex;gap:8px;align-items:center;font-size:11px;margin-top:18px}input[type=checkbox]{accent-color:#E2001A;width:16px;height:16px}.finance{padding:17px 0;border-top:1px solid #e5e8de;border-bottom:1px solid #e5e8de;font-weight:600;font-size:12px}.hint{font-size:10px;line-height:1.7;color:#7d8671}.total{display:flex;justify-content:space-between;gap:10px;background:#f2f4ec;padding:12px;border-radius:6px;font-size:11px;margin-top:16px}.total strong{font-size:14px}.result{background:#252a24;color:#f6f7f3;padding:28px;border-radius:12px;border-top:4px solid #E2001A;margin-bottom:18px}.result .eyebrow{color:#c3cbbb;font-size:9px}.result-label{margin-top:25px;color:#d9dfd2;font-size:13px;margin-bottom:0}.big{display:flex;align-items:center;gap:12px}.big>strong{font-size:66px;letter-spacing:-3px;font-variant-numeric:tabular-nums}.big>span{font-size:27px;line-height:1}.big small{display:block;font-size:10px;margin-top:7px;color:#a7b29b}.result .hint{color:#a6b29a}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:19px 0;margin:22px 0 18px;border-top:1px solid #46513e;border-bottom:1px solid #46513e}.comparison>div{font-size:10px;color:#b6c1a9}.comparison>div+div{border-left:1px solid #46513e;padding-left:18px}.comparison strong{font-size:25px;display:block;color:white;margin:5px 0}.comparison small{font-size:9px}.comparison #difference{color:#bdd993}.line{display:flex;justify-content:space-between;gap:14px;font-size:12px;padding:6px 0}.line strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}.result .line{color:#d4ddca}.upfront{border-top:1px solid #46513e;margin-top:15px;padding-top:16px;display:flex;justify-content:space-between;font-size:11px;gap:10px}.autonomy{display:flex;align-items:center;gap:16px;margin:20px 0}.autonomy>strong{font-size:43px;letter-spacing:-1px;color:#455a32}.autonomy span{font-size:12px}.autonomy small{display:block;color:#828c74;font-size:10px}.bar{height:14px;display:flex;border-radius:4px;overflow:hidden;gap:2px;margin-bottom:16px}.bar span{background:#e0e5d8}#direct-bar{background:#E2001A}#battery-bar{background:#879773}hr{border:0;border-top:1px solid #e5e8de;margin:18px 0}.stats{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:10px;color:#758068}.stats strong{display:block;color:#35442a;font-size:17px;margin-top:5px}summary{cursor:pointer;font-weight:600;font-size:13px;list-style:none;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary span{color:#929c85}button{cursor:pointer;border:1px solid #dce0d3;background:white;border-radius:6px;padding:12px;font:12px Arial;color:#4a593c;width:100%}.plain{border:0;background:none;text-align:left;width:auto;padding:0;font-size:11px}.method{background:#eff1e9;margin-top:30px}.method h2{font-size:14px}.method p{font-size:11px;color:#707d60}.method summary{margin-top:15px;font-size:11px}table{width:100%;font-size:11px;border-collapse:collapse;text-align:right}td,th{padding:7px 0;border-bottom:1px solid #ecefe5}td:first-child,th:first-child{text-align:left}footer{display:flex;align-items:center;gap:15px;font-size:10px;color:#869176;padding-bottom:15px}footer b{font-size:20px;letter-spacing:-1px;color:#4a573e}footer>span{margin-left:auto}input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #1876b5;outline-offset:3px}[hidden]{display:none!important}@media(max-width:760px){header{padding:20px}.brand{font-size:31px}main{padding:20px}.intro{padding-top:0}h1{font-size:38px}.layout{grid-template-columns:1fr;gap:20px}.card{padding:22px}.fields{gap:18px 15px}.big>strong{font-size:58px}.result{padding:24px}.intro>p:last-child{font-size:12px}footer{flex-wrap:wrap}footer>span{width:100%;margin:0}}@media print{@page{margin:12mm}body{background:white}header,main{padding:10px 0}.intro{padding:0}h1{font-size:28px}.layout{grid-template-columns:1fr 1fr;gap:12px}.card,.result{padding:16px;break-inside:avoid}input[type=range],.range-limits,button,.badge{display:none}.big>strong{font-size:40px}.fields{gap:10px}.box input{font-size:13px;padding:7px}.field label{font-size:10px}.result{print-color-adjust:exact;-webkit-print-color-adjust:exact}.comparison strong{font-size:18px}.line{font-size:10px}.hint{font-size:8px}.method p{font-size:9px}}

.calculator-brand{display:block;width:500px;max-width:65%;flex-shrink:1}.calculator-brand img{display:block;width:100%;height:auto}header{gap:24px}@media(max-width:600px){header{flex-wrap:wrap;gap:16px}.calculator-brand{width:100%;max-width:100%}}
.economics{margin-top:30px;padding:32px}.economics>h2{font-size:28px;line-height:1.2;max-width:760px}.economic-intro{font-size:16px;max-width:830px;color:#5d6556}.saving-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0 12px}.saving-grid>div{padding:20px;background:#f5f5f0;border-radius:8px;display:flex;flex-direction:column;gap:8px}.saving-grid span{font-size:14px}.saving-grid strong{font-size:29px;letter-spacing:-1px}.saving-grid small{font-size:12px;color:#69725e}.saving-grid .saving-accent{background:#fcecef;border-top:3px solid #E2001A}.saving-accent strong{color:#b90016}.economic-note{font-size:12px;line-height:1.7;color:#68725e}.payback-head{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-top:1px solid #e0e3d8;padding-top:26px;margin-top:28px}.payback-head strong{display:block;font-size:32px;line-height:1.2;letter-spacing:-1px;margin:10px 0}.payback-head p{font-size:13px;color:#66715c}.chart-wrap{margin-top:14px;border:1px solid #e0e3d8;border-radius:8px;background:#fbfcf9;overflow:hidden}.chart-wrap svg{width:100%;display:block;touch-action:pan-y}.chart-key{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:12px;margin:14px 0 24px;color:#67725c}.chart-key i{display:inline-block;background:#E2001A;width:20px;height:3px;vertical-align:middle;margin-right:7px}.year-label{display:flex;justify-content:space-between;font-size:14px}.year-readout{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:18px;background:#f2f4ec;border-radius:8px;margin-top:12px}.year-readout span{display:block;font-size:12px;color:#68725e}.year-readout strong{display:block;font-size:20px;margin-top:5px}.forecast-settings,.forecast-table{border-top:1px solid #e0e3d8;padding-top:20px;margin-top:24px}.forecast-settings summary,.forecast-table summary{font-size:15px}.forecast-settings .hint,.forecast-table .hint{font-size:12px}.forecast-settings .fields{grid-template-columns:repeat(3,1fr)}.forecast-settings label{font-size:13px}.forecast-settings .box span{font-size:12px}.forecast-table table{font-size:13px;min-width:440px;margin-top:18px}.forecast-table td,.forecast-table th{padding:10px 6px}.table-scroll{overflow-x:auto}.cost-warning{color:#a70015!important}@media(max-width:760px){.economics{padding:22px}.economics>h2{font-size:25px}.saving-grid{grid-template-columns:1fr;gap:10px}.saving-grid>div{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:16px}.saving-grid strong{font-size:26px;grid-column:2;grid-row:1/3;align-self:center}.saving-grid small{max-width:190px}.payback-head{grid-template-columns:1fr;gap:8px}.payback-head strong{font-size:29px}.year-readout{grid-template-columns:1fr;gap:12px}.year-readout>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.year-readout strong{margin:0;font-size:18px}.forecast-settings .fields{grid-template-columns:1fr 1fr}}@media(max-width:400px){.forecast-settings .fields{grid-template-columns:1fr}.saving-grid>div{display:flex}.saving-grid strong{align-self:flex-start}}@media print{.economics{break-before:page;padding:16px}.saving-grid{grid-template-columns:repeat(3,1fr)}.saving-grid strong{font-size:21px}.payback-head strong{font-size:24px}.year-label,#chart-year,.forecast-settings{display:none}.year-readout{grid-template-columns:repeat(3,1fr)}.chart-wrap{break-inside:avoid}.forecast-table{display:none}}

.economics-link{display:inline-block;margin-top:14px;color:#bd0016;font-weight:600;text-underline-offset:3px}.year-label{gap:12px;flex-wrap:wrap}
/* Große Touch-Ziele und feine Einzelschritte. */
input[type=range]{appearance:none;-webkit-appearance:none;height:44px;margin:5px 0 0;background:transparent;touch-action:pan-y;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:7px;border-radius:8px;background:#dce1d5}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:#E2001A;border:3px solid white;box-shadow:0 1px 5px #0003;margin-top:-10.5px}input[type=range]::-moz-range-track{height:7px;border-radius:8px;background:#dce1d5}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#E2001A;border:3px solid white;box-shadow:0 1px 5px #0003}.box .step-button{width:40px;min-width:40px;min-height:44px;flex:none;padding:0;border:0;border-radius:0;font-size:24px;color:#bd0016;background:#f0f2eb;touch-action:manipulation;user-select:none}.box .step-button:active{background:#f8d5da}.box input{padding-left:7px;padding-right:4px}.box span{padding-right:6px}.profit-panel{margin:22px 0;padding:26px;background:#f0f5e9;border:1px solid #d1dfc1;border-radius:9px}.profit-panel h3,.timeline-controls h3{border:0;padding:0;margin:0 0 14px;font-size:21px}.profit-panel>strong{display:block;font-size:40px;color:#426626;letter-spacing:-1px;line-height:1.2}.profit-panel>p:not(.eyebrow){font-size:14px}.profit-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.profit-comparison>div{background:#fff9;border-radius:7px;padding:16px}.profit-comparison strong{display:block;font-size:25px;margin-top:7px}.profit-comparison small{display:block;color:#5d6b51;margin-top:6px}.timeline-controls{padding:24px 0;border-top:1px solid #e0e3d8}.timeline-controls .fields{max-width:700px}.timeline-controls label{font-size:14px}.chart-key .positive-key{background:#507a30}.profit-panel.no-profit{background:#f6f4ee;border-color:#e2ddce}.profit-panel.no-profit>strong{color:#716040}@media(max-width:1000px){.layout{grid-template-columns:1fr;max-width:760px;margin-left:auto;margin-right:auto}}@media(max-width:600px){.profit-panel{padding:20px}.profit-panel>strong{font-size:32px}.profit-comparison,.timeline-controls .fields{grid-template-columns:1fr}.fields{gap:18px 12px}.box .step-button{width:34px;min-width:34px;font-size:22px}.box input{font-size:16px}.box span{font-size:9px}}@media(max-width:420px){#system,#extras,#credit{grid-template-columns:1fr}.box .step-button{width:44px;min-width:44px}.box input{font-size:18px}.box span{font-size:11px}}@media print{.step-button,.timeline-controls{display:none!important}.profit-panel{break-inside:avoid}.layout{display:grid;grid-template-columns:1fr 1fr;max-width:none}}

.relief{margin:0 0 22px;padding:20px 0;border-bottom:1px solid #46513e}.relief h2{font-size:17px;font-weight:600;margin-bottom:12px}.relief-summary{display:flex;flex-direction:column;gap:5px}.relief-summary>span{font-size:12px}.relief-summary>span:before{content:'●';margin-right:7px}.relief-summary [data-tone=green]{color:#bdd993}.relief-summary [data-tone=orange]{color:#ffd08a}.relief-summary [data-tone=red]{color:#ffb4a3}.relief-summary strong{font-size:24px;font-variant-numeric:tabular-nums}.relief-track{position:relative;height:12px;margin:22px 9px 12px;border-radius:10px;background:linear-gradient(90deg,#e3504b 0%,#ee9050 34%,#efb354 40%,#efb354 60%,#9abc60 72%,#50aa70 100%)}#relief-pointer{position:absolute;top:-6px;width:6px;height:24px;background:#fff;border:1px solid #252a24;border-radius:3px;box-shadow:0 1px 4px #0008;transform:translateX(-50%);transition:left .18s ease}.relief-scale{display:flex;justify-content:space-between;gap:7px;font-size:10px;color:#d4ddca}.relief p{font-size:12px;line-height:1.6;margin:14px 0 0}.relief .relief-note{font-size:10px;color:#b8c1af}@media(prefers-reduced-motion:reduce){#relief-pointer{transition:none}}@media print{.relief-track{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

.profit-panel .profit-deduction{color:#E2001A;font-size:17px;line-height:1.5;margin:16px 0}.profit-deduction strong{font-weight:800}

.result .cost-formula{font-size:15px;font-weight:700;line-height:1.65;color:#fff;background:#ffffff0d;border-left:3px solid #E2001A;border-radius:0 6px 6px 0;padding:12px 14px;margin:14px 0 0;text-wrap:pretty}@media(max-width:420px){.result .cost-formula{font-size:14px;padding:11px 12px}}