:root{color-scheme:light;background:#F8FAFC;color:#18312c;font:16px/1.5 system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;gap:2rem;max-width:1440px;margin:auto;padding:1.3rem 2rem;border-bottom:1px solid #c8d9cf}
a{color:#145c45;text-underline-offset:.2em}.brand{font-weight:750;font-size:1.15rem;text-decoration:none}
main{max-width:1440px;margin:0 auto;padding:1.7rem 2rem 2.5rem}.probe{font-size:.85rem;color:#506b61;margin:0 0 1rem}
.einstieg{display:grid;grid-template-columns:minmax(18rem,.8fr) minmax(38rem,1.6fr);gap:2.5rem;align-items:start}
.erklaerung{padding:1rem 0}h1{font-size:clamp(2rem,3vw,2.8rem);line-height:1.12;letter-spacing:-.025em;margin:.65rem 0 1.5rem}.kennung{color:#145c45;font-weight:650}.erklaerung>p{max-width:36rem}.verbrauch-link{display:inline-block;margin-top:.8rem;font-weight:650}.grenze{font-size:.9rem;color:#506b61;max-width:70rem;margin-top:2rem}
#hero-builder{min-width:0;background:white;border:1px solid #c8d9cf;padding:1rem}a:focus-visible,button:focus-visible{outline:3px solid #eead4c;outline-offset:3px}
@media(max-width:72rem){.einstieg{grid-template-columns:1fr}.erklaerung{max-width:46rem}header,main{padding-left:1rem;padding-right:1rem}}