:root{color-scheme:light;background:var(--site-page-bg);color:var(--site-text);font:400 16px/1.5 Inter,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 var(--site-card-border)}
a{color:var(--brand-primary-text);text-underline-offset:.2em}.brand{font-weight:700;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:var(--site-secondary-text);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:var(--brand-primary-text);font-weight:600}.erklaerung>p{max-width:36rem}.verbrauch-link{display:inline-block;margin-top:.8rem;font-weight:600}.grenze{font-size:.9rem;color:var(--site-secondary-text);max-width:70rem;margin-top:2rem}
#hero-builder{min-width:0;border-radius:10px;background:var(--site-card-bg);border:1px solid var(--site-card-border);padding:1rem}a:focus-visible,button:focus-visible{outline:1px solid var(--site-focus-ring);outline-offset:3px}
@media(max-width:72rem){.einstieg{grid-template-columns:1fr}.erklaerung{max-width:46rem}header,main{padding-left:1rem;padding-right:1rem}}