*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#f5f7f3;color:#17343b;font:16px Arial,sans-serif;line-height:1.65}header{display:flex;justify-content:space-between;align-items:center;padding:22px 5%;background:#fff;border-bottom:1px solid #dce5df;gap:20px}a{color:inherit}header a{text-decoration:none}.brand{font-size:30px;font-weight:900}.brand span{display:block;font-size:10px;letter-spacing:2px}nav{display:flex;align-items:center;gap:24px;font-size:14px}.pill{background:#edf5ef;padding:10px 18px;border-radius:25px}main{max-width:1280px;margin:auto;padding:0 5%}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;padding:55px 0;align-items:center}h1{font-size:clamp(40px,5vw,66px);line-height:1.1;letter-spacing:-2px;margin:15px 0 25px}h1 em{color:#008d9c;font-style:normal}h2{font-size:clamp(30px,3.5vw,44px);line-height:1.15;letter-spacing:-1px;margin:12px 0 30px}h3{line-height:1.3}p{margin:0 0 20px}.lead{font-size:19px;color:#526c6f;max-width:570px}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:2px;color:#007e8a}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:20px 0}.button,.secondary{display:inline-block;padding:14px 22px;border-radius:8px;text-decoration:none;font:inherit;font-weight:bold;cursor:pointer;border:1px solid #bfd1cb}.button{background:#008d9c;color:white;border-color:#008d9c}.secondary{background:white;color:#17343b}.hint{font-size:13px;color:#5a7273;margin-top:16px}.visual{height:470px;border-radius:100px 10px 10px 10px;overflow:hidden;position:relative}.visual img{width:100%;height:100%;object-fit:cover}.overlay{position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#12343be6);color:white;display:flex;flex-direction:column;justify-content:flex-end;padding:30px}.overlay span{font-size:10px;letter-spacing:2px}.overlay strong{font-size:30px;line-height:1.2;margin-top:12px}.preview-note{display:flex;gap:25px;background:#fff4dc;border:1px solid #ebd8ac;padding:20px;border-radius:10px;font-size:14px}.preview-note strong{white-space:nowrap}section{padding:65px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.steps article{padding:25px;background:white;border:1px solid #dce5df;border-radius:10px}.steps span{font-size:35px;color:#008d9c}.steps p,.modules p{font-size:14px;color:#526c6f}.calculator{border-top:1px solid #dce5df}.section-head{display:flex;justify-content:space-between;align-items:start;gap:40px}.section-head>p{max-width:420px;color:#526c6f}.calc-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:25px}.calc-layout form,.calc-layout aside{background:white;border:1px solid #dce5df;border-radius:12px;padding:25px}.calc-layout aside{background:#17343b;color:white}.calc-layout aside .eyebrow{color:#9edcd4}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wide{grid-column:1/-1}label{font-size:13px;display:block}input{display:block;width:100%;padding:11px;border:1px solid #b4c7c2;border-radius:6px;font:inherit;margin-top:7px;background:#fff}input[type=checkbox]{width:auto;display:inline;margin:4px 0 0}.check{display:flex;gap:10px;margin:23px 0}.big{font-size:40px;line-height:1.3;display:block}.small{font-size:13px}table{border-collapse:collapse;width:100%;font-size:13px}td,th{text-align:left;padding:10px 6px;border-bottom:1px solid #ffffff44}.table{overflow:auto}.bad{color:#f9b898}.afc{background:#e4efea;padding:35px;border-radius:12px}.afc .inputs{max-width:650px}.modules{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.modules a{display:block;background:white;border:1px solid #dce5df;padding:25px;border-radius:10px;text-decoration:none}.modules span{color:#008d9c;font-size:11px;letter-spacing:1px}.modules a:hover{border-color:#008d9c}.closing{text-align:center;padding:65px 10%}footer{display:flex;flex-wrap:wrap;justify-content:space-between;padding:25px 5%;background:#17343b;color:white;font-size:12px;gap:15px}details{font-size:13px;margin-top:20px}summary{cursor:pointer;font-weight:bold}details p{margin-top:14px}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #b18e44;outline-offset:3px}@media(max-width:900px){nav>a:not(.pill){display:none}.hero{grid-template-columns:1fr;gap:25px}.visual{height:320px}.steps{grid-template-columns:1fr 1fr}.calc-layout{grid-template-columns:1fr}.section-head{display:block}.modules{grid-template-columns:1fr}.preview-note{display:block}}@media(max-width:500px){.inputs,.steps{grid-template-columns:1fr}.wide{grid-column:auto}header{padding:15px}.pill{font-size:12px}.hero{padding:30px 0}.visual{height:260px}section{padding:40px 0}.calc-layout form,.calc-layout aside{padding:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{header,.hero,.preview-note,#ablauf,form,.actions,.afc,#fachplanung,.closing,footer,details,#status{display:none!important}body{background:white}main{max-width:none;padding:0}.calc-layout{display:block}.calc-layout aside{background:white;color:black;border:0}.calc-layout aside .eyebrow{color:black}.calculator{padding:0;border:0}.section-head>p{display:none}td,th{border-color:#ccc}.bad{color:#a33}}