@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(schrift/inter-400.woff) format("woff")}
@font-face{font-family:Inter;font-weight:500 600;font-display:swap;src:url(schrift/inter-600.woff) format("woff")}
@font-face{font-family:Inter;font-weight:700;font-display:swap;src:url(schrift/inter-700.woff) format("woff")}
@font-face{font-family:Inter;font-weight:800 900;font-display:swap;src:url(schrift/inter-800.woff) format("woff")}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f4f5f0;font-family:Inter,system-ui,sans-serif;color:#17201a}
img{max-width:100%}
a{color:#1d5c30}a:hover{color:#14421f}
summary::-webkit-details-marker{color:#1d5c30}
input:focus,button:focus-visible{outline:3px solid rgba(29,92,48,.35);outline-offset:2px}
[hidden]{display:none!important}
@media (max-width:640px){.hero-bild{min-height:0!important}.hero-app{width:120px!important;bottom:-24px!important;border-width:5px!important;border-radius:20px!important}h1{font-size:38px!important}h2{font-size:30px!important}section{padding-left:16px!important;padding-right:16px!important}}
.legal{overflow-wrap:break-word;hyphens:auto;max-width:820px;margin:0 auto;padding:48px 20px 80px;line-height:1.65;font-size:16px}
.legal h1{font-size:clamp(28px,8vw,36px);margin:0 0 24px}.legal h2{font-size:22px;margin:36px 0 8px}.legal h3{font-size:18px;margin:24px 0 6px}
.legal p,.legal li{color:#2c362f}.legal .zurueck{display:inline-block;margin-bottom:24px;font-weight:600;text-decoration:none}
.legal .stand{color:#5c665e;font-size:14px;margin-top:40px}