:root{--bg:#101317;--fl:#171b20;--li:#2b333c;--tx:#eceff2;--le:#a3adb8;--ak:#a6eb45;--auf:#171b20}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--tx);font:18px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--ak)}
.huelle{width:min(1120px,100% - 2.5rem);margin-inline:auto}
header{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--li)}
header .huelle{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:1rem}
header nav{display:flex;gap:1.4rem;align-items:center}
header nav a{color:var(--le);text-decoration:none;font-weight:600;font-size:.95rem}
header nav a:hover{color:var(--tx)}
.knopf{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.7rem 1.6rem;border-radius:14px;border:1px solid transparent;background:var(--ak);color:var(--auf)!important;font:inherit;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s}
.knopf:hover{transform:translateY(-2px);box-shadow:0 10px 30px color-mix(in srgb,var(--ak) 30%,transparent)}
.knopf.zweit{background:transparent;color:var(--tx)!important;border-color:var(--li)}
.knopf.zweit:hover{border-color:var(--ak);box-shadow:none}
:focus-visible{outline:3px solid var(--ak);outline-offset:3px}
.hero{padding:5rem 0 4rem;background:radial-gradient(900px 400px at 75% 0%,color-mix(in srgb,var(--ak) 16%,transparent),transparent 70%)}
.hero .huelle{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}
.plakette{display:inline-block;border:1px solid var(--ak);color:var(--ak);border-radius:99px;padding:.2rem .9rem;font-weight:700;font-size:.85rem;margin-bottom:1.2rem}
h1{font-size:clamp(2.3rem,6vw,4.2rem);line-height:1.04;margin:0 0 1.2rem;letter-spacing:-.025em}
h1 span{color:var(--ak)}
.sub{font-size:1.2rem;color:var(--le);max-width:34rem;margin:0 0 2rem}
.aktionen{display:flex;gap:.8rem;flex-wrap:wrap}
.karte-mock{background:var(--fl);border:1px solid var(--li);border-radius:22px;padding:1.4rem;box-shadow:0 30px 80px rgba(0,0,0,.5);transform:rotate(1.5deg)}
.mock-kopf{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}
.avatar{width:56px;height:56px;border-radius:50%;background:var(--ak);color:var(--auf);display:grid;place-items:center;font-weight:900;font-size:1.3rem}
.mock-kopf b{display:block;font-size:1.15rem}.mock-kopf small{color:var(--le)}
.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0 1rem}
.chips span{border:1px solid var(--li);border-radius:99px;padding:.1rem .7rem;font-size:.85rem}
.termin{display:flex;gap:.8rem;align-items:center;padding:.6rem 0;border-top:1px solid var(--li)}
.datum{flex:0 0 48px;text-align:center;border-radius:10px;background:var(--ak);color:var(--auf);line-height:1.1;padding:.3rem 0;font-weight:800}
.datum small{display:block;font-size:.65rem;text-transform:uppercase;font-weight:700}
.angebot{margin-top:.8rem;border:1px dashed var(--ak);border-radius:14px;padding:.7rem 1rem;font-size:.9rem}
.angebot b{color:var(--ak)}
section.block{padding:4.5rem 0}
section.hell{background:var(--fl);border-block:1px solid var(--li)}
h2{font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.1;margin:0 0 .8rem;letter-spacing:-.02em}
.einl{color:var(--le);max-width:44rem;margin:0 0 2.5rem}
.raster{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
@media(max-width:1000px){.raster{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.raster{grid-template-columns:1fr}}
.k{display:flex;flex-direction:column;align-items:flex-start;background:var(--fl);border:1px solid var(--li);border-radius:18px;padding:1.4rem;transition:border-color .2s,transform .2s}
.k:hover{border-color:var(--ak);transform:translateY(-3px)}
section.hell .k{background:var(--bg)}
.k .i{font-size:1.6rem}.k h3{margin:.6rem 0 .3rem;font-size:1.1rem}.k p{margin:0 0 1rem;color:var(--le);font-size:.98rem}
.stand{display:inline-block;margin-top:auto;font-size:.78rem;font-weight:700;color:var(--le);border:1px solid var(--li);border-radius:99px;padding:.05rem .65rem}
.stand.l{color:var(--ak);border-color:var(--ak)}
.schritte{counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem;list-style:none;padding:0;margin:0}
.schritte li{counter-increment:s}
.schritte li::before{content:counter(s);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ak);color:var(--auf);font-weight:900;margin-bottom:.8rem}
.schritte b{display:block;font-size:1.1rem}.schritte span{color:var(--le)}
.zwei{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
form{display:grid;gap:.9rem;background:var(--fl);border:1px solid var(--li);border-radius:20px;padding:1.4rem}
label{display:block;font-weight:700;font-size:.92rem;margin-bottom:.25rem}
input:not([type=checkbox]),select,textarea{width:100%;min-height:50px;padding:.65rem .8rem;border:1px solid var(--li);border-radius:12px;background:var(--bg);color:var(--tx);font:inherit}
textarea{min-height:100px;resize:vertical}
.zust{display:flex;gap:.6rem;font-weight:400;font-size:.88rem;color:var(--le)}
.zust input{margin-top:.3rem;min-width:18px;min-height:18px}
.nichtsehen{position:absolute;left:-9999px}
footer{border-top:1px solid var(--li);padding:2.5rem 0;color:var(--le);font-size:.92rem}
footer .huelle{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
footer nav{display:flex;gap:1.2rem}
@media(max-width:860px){.hero .huelle,.zwei{grid-template-columns:1fr}.karte-mock{transform:none}header nav a:not(.knopf){display:none}.hero{padding:3rem 0}}
.sprache{display:flex;gap:.2rem}
.sprache a{padding:.3rem .55rem;border-radius:8px;font-size:.8rem;font-weight:700;color:var(--le);text-decoration:none}
.sprache a[aria-current="true"]{background:var(--ak);color:var(--auf)}
@media(max-width:860px){header nav .sprache{display:flex}}