.systemvergleich-page .compare-hero{background:radial-gradient(ellipse at 85% 15%,#d6efdf 0,transparent 55%),linear-gradient(135deg,#f4f8f5,#eaf1ef);padding:76px 0}
.systemvergleich-page .compare-hero h1{font-size:clamp(2.1rem,4.2vw,3.8rem);line-height:1.12;letter-spacing:-.045em}
.cost-accent{color:#227951}.cost-section{scroll-margin-top:90px;background:#f7faf8}.cost-intro{max-width:820px;color:#52645b;font-size:1.1rem}
.cost-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;margin-top:32px;align-items:start}
.cost-inputs,.cost-results{padding:32px;border:1px solid #dce6df;border-radius:22px;background:#fff;box-shadow:0 12px 36px #163b2410}
.cost-inputs label{display:block;font-size:.95rem;font-weight:650;margin:18px 0 8px}
.cost-inputs input{display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:12px 16px;border:1px solid #bacdc0;border-radius:10px;font:inherit;color:#163e2a;background:#fbfdfb}
.cost-inputs input:focus{outline:3px solid #72b991;outline-offset:2px}.cost-inputs input:invalid{border-color:#b04132}
.cost-help{font-size:.85rem;line-height:1.6;color:#617269}.cost-presets{display:flex;gap:8px;flex-wrap:wrap}
.cost-presets button{border:1px solid #c8dbce;border-radius:30px;padding:8px 16px;background:#edf6ef;color:#255c3d;font:inherit;cursor:pointer}
.cost-presets button:hover{background:#d4eadb}.cost-saving{padding:30px;border-radius:16px;background:#153f2b;color:white}
.cost-saving>span{font-size:.95rem;color:#bfdfca}.cost-saving>strong{display:block;font-size:clamp(2.3rem,4.5vw,3.8rem);letter-spacing:-.045em;margin:12px 0;line-height:1.1}.cost-saving p{margin-bottom:0}
.cost-bars{margin:30px 0}.cost-bars>div:not(.cost-track){display:flex;justify-content:space-between;gap:12px;margin:18px 0 9px;font-size:.95rem}
.cost-track{height:12px;border-radius:30px;background:#edf1ee;overflow:hidden}.cost-bar{height:100%;background:#3f9f65;border-radius:30px;transition:width .25s}.cost-bar-marklin{background:#7c899a}
#cost-detail{font-size:.95rem;font-variant-numeric:tabular-nums}#cost-break-even{border-left:3px solid #469866;padding:8px 14px;background:#f1f8f3}
.cost-source-box{margin-top:32px;padding:26px;background:#f3f7f4;border-radius:16px}.cost-source-box a{overflow-wrap:anywhere}
@media(max-width:800px){.cost-layout{grid-template-columns:1fr}.cost-inputs,.cost-results{padding:22px}.systemvergleich-page .compare-hero{padding:44px 0}.cost-bars>div:not(.cost-track){flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.cost-bar{transition:none}}