@font-face{font-family:"Jakarta";font-weight:400;src:url(/assets/fonts/jakarta-400.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Jakarta";font-weight:600;src:url(/assets/fonts/jakarta-600.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Jakarta";font-weight:700;src:url(/assets/fonts/jakarta-700.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Jakarta";font-weight:800;src:url(/assets/fonts/jakarta-800.woff2) format("woff2");font-display:swap}
:root{--anthrazit:#3A3A39;--gruen:#39AA34;--gruen-tief:#23801F;--gruen-text:#1F7A1B;--papier:#F2ECE0;--papier-2:#E8DFCE;--tinte:#232322;--grau:#5B5A55;--linie:rgba(35,35,34,.13);--rot:#D9261C;--schrift:"Jakarta",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--rand:clamp(16px,4vw,32px);--rund:20px}
*{box-sizing:border-box}body{margin:0;font-family:var(--schrift);color:var(--tinte);background:var(--papier);line-height:1.5}
a{color:var(--gruen-text)}
.top{display:flex;align-items:center;gap:16px;padding:14px var(--rand);max-width:960px;margin:0 auto}
.top .logo img{width:64px;display:block}.claim{font-weight:800;font-size:20px;color:var(--anthrazit)}.claim span{display:block;font-weight:400;font-size:13px;color:var(--grau)}
.wrap{max-width:960px;margin:0 auto;padding:8px var(--rand) 40px}
.hero{display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:center;margin:8px 0 20px}
.hero h1{font-size:34px;line-height:1.05;margin:0 0 12px;color:var(--anthrazit);font-weight:800}.lead{font-size:17px}
.hero .box{width:100%;max-width:280px;justify-self:center;mix-blend-mode:multiply}
.bonus{border:2px solid var(--rot);border-radius:12px;padding:10px 14px;background:#fff;font-size:15px}.bonus b{color:var(--rot)}
.warn{background:#fff4e5;border-radius:12px;padding:8px 12px}
.card{background:#fff;border-radius:var(--rund);padding:24px;box-shadow:0 1px 0 var(--linie)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}label{display:flex;flex-direction:column;font-size:13px;font-weight:600;color:var(--anthrazit)}
label.full{grid-column:1/-1}label.check{flex-direction:row;align-items:flex-start;gap:8px;font-weight:400;font-size:13px}
input,select,textarea{margin-top:4px;padding:10px 12px;border:1px solid var(--papier-2);border-radius:10px;font:inherit;font-weight:400;background:#fff;color:var(--tinte)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--gruen);border-color:var(--gruen)}
button{margin-top:18px;background:var(--gruen);color:#fff;border:0;border-radius:12px;padding:14px 26px;font:inherit;font-weight:700;font-size:17px;cursor:pointer}button:hover{background:var(--gruen-tief)}
.errors{background:#fde8e6;border-left:4px solid var(--rot);padding:10px 14px;border-radius:8px;margin-bottom:14px}
.hp{position:absolute;left:-9999px}
.facts{margin:24px 0 8px;border-left:5px solid var(--gruen);padding:4px 0 4px 16px;font-size:16px;line-height:1.5;color:var(--anthrazit)}.facts b{color:var(--gruen-text);font-weight:700}
.hint{font-size:13px;color:var(--grau);margin:4px 0 0}.muted{color:var(--grau);font-size:14px}.center{text-align:center}
footer{max-width:960px;margin:0 auto;padding:14px var(--rand) 30px;font-size:12px;color:var(--grau);border-top:1px solid var(--linie)}
@media(max-width:700px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.hero h1{font-size:28px}}
