@font-face{font-family:"GT Standard L Extended";src:url(/assets/gt.otf) format("opentype");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:"Simon Mono";src:url(/assets/simon.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}
:root{--lila:#6600A0;--schwarz:#000;--grau:#F0F0F0;--weiss:#fff;--text2:#4a4a4a;--linie:#e2d6ea}
*{box-sizing:border-box}
html,body{margin:0;background:var(--weiss);color:var(--schwarz)}
body{font-family:"Simon Mono","Courier New",monospace;font-weight:700;font-size:15px;line-height:1.55;min-height:100vh;display:flex;flex-direction:column}
a{color:var(--lila)}
.kopf{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:2px solid var(--lila);background:var(--weiss)}
.kopf img{height:26px;width:auto;display:block}
.kopf .claim{font-size:11px;letter-spacing:.25em;color:var(--lila);text-transform:uppercase}
main{flex:1;width:100%;max-width:880px;margin:0 auto;padding:40px 16px 56px}
h1,h2{font-family:"GT Standard L Extended","Helvetica Neue","Arial Black",sans-serif;font-weight:700;font-style:italic;margin:0}
h1{font-size:clamp(28px,6vw,48px);line-height:1.0;text-transform:uppercase;color:var(--lila)}
h2{font-size:22px;line-height:1.1;margin:36px 0 12px}
.label{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--lila);margin:0 0 10px}
.lead{font-size:16px;max-width:640px;margin:18px 0 0}
.de{color:var(--text2);font-size:13px;margin-top:6px}
.karte{background:var(--grau);border-radius:12px;padding:22px;margin-top:28px}
.schritte{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.schritte li{display:flex;gap:14px;align-items:flex-start}
.schritte b{flex:0 0 30px;height:30px;border-radius:50%;background:var(--lila);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px}
.daten{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:0;padding:0;list-style:none}
.daten li{background:#fff;border-radius:8px;padding:12px 14px;font-size:13px}
.daten code{color:var(--lila);font-family:inherit;font-size:12px;display:block}
.knopf{display:inline-flex;align-items:center;gap:10px;background:var(--lila);color:#fff;text-decoration:none;border:0;border-radius:999px;padding:15px 26px;font:inherit;font-size:15px;cursor:pointer;margin-top:28px}
.knopf:hover{background:#52008a}
.knopf.zwei{background:#fff;color:var(--lila);border:2px solid var(--lila)}
.knopf svg{width:20px;height:20px;fill:currentColor}
.klein{font-size:12px;color:var(--text2)}
.fuss{border-top:1px solid var(--linie);padding:18px 24px;display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;justify-content:space-between;font-size:12px;background:var(--weiss)}
.fuss nav{display:flex;flex-wrap:wrap;gap:8px 18px}
.fuss .claim{color:var(--lila);letter-spacing:.2em;text-transform:uppercase;font-size:11px}
.profil{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.profil img{width:84px;height:84px;border-radius:50%;object-fit:cover;background:var(--grau)}
.profil .name{font-family:"GT Standard L Extended","Helvetica Neue",sans-serif;font-style:italic;font-size:24px;line-height:1.1}
.zahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:22px}
.zahl{background:#fff;border-radius:10px;padding:14px 16px}
.zahl .w{font-size:24px;color:var(--lila)}
.zahl .t{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--text2)}
.videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-top:14px}
.video{background:#fff;border-radius:10px;overflow:hidden;font-size:12px}
.video img{width:100%;aspect-ratio:9/16;object-fit:cover;display:block;background:var(--grau)}
.video div{padding:8px 10px}
.ok{display:inline-block;background:#e9f7ee;color:#1d6b3a;border-radius:999px;padding:6px 14px;font-size:12px}
.fehler{background:#fdecec;color:#8a1c1c;border-radius:12px;padding:18px;margin-top:24px}
.text h2{font-size:18px;margin-top:28px}
.text p,.text li{max-width:720px}
@media (max-width:520px){.kopf .claim{display:none}main{padding-top:28px}}