:root{--bg:#14110f;--bg2:#1d1815;--fg:#f6f1ea;--mute:#b9afa4;--acc:#ff6a3d;--acc2:#ffb347;--line:rgba(255,255,255,.12);--card:rgba(255,255,255,.05)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(60rem 40rem at 85% -10%,rgba(255,106,61,.28),transparent 60%),radial-gradient(50rem 30rem at -10% 110%,rgba(255,179,71,.14),transparent 60%),var(--bg);color:var(--fg);font:18px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--acc2)}
.wrap{width:100%;max-width:52rem;margin:0 auto;padding:0 1.25rem}
header{padding:1.5rem 0}
.marke{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;letter-spacing:.03em;text-decoration:none;color:var(--fg)}
.marke svg{width:1.6rem;height:1.6rem}
.marke span{color:var(--acc)}
main{flex:1}
.hero{padding:3.5rem 0 2rem}
.badge{display:inline-flex;align-items:center;gap:.55rem;padding:.35rem .9rem;border:1px solid var(--line);border-radius:999px;background:var(--card);font-size:.9rem;color:var(--mute)}
.badge i{width:.55rem;height:.55rem;border-radius:50%;background:var(--acc);box-shadow:0 0 0 0 rgba(255,106,61,.6);animation:puls 2s infinite}
@keyframes puls{70%{box-shadow:0 0 0 .6rem rgba(255,106,61,0)}100%{box-shadow:0 0 0 0 rgba(255,106,61,0)}}
@media (prefers-reduced-motion:reduce){.badge i{animation:none}}
h1{font-size:clamp(2.2rem,7vw,3.6rem);line-height:1.1;margin:1.25rem 0 1rem;letter-spacing:-.01em}
h1 em{font-style:normal;background:linear-gradient(90deg,var(--acc),var(--acc2));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{color:var(--mute);font-size:1.2rem;max-width:36rem;margin:0}
.karte{margin:2rem 0;padding:1.75rem;border:1px solid var(--line);border-radius:1rem;background:var(--card);backdrop-filter:blur(6px)}
.karte h2{margin:0 0 1rem;font-size:1rem;text-transform:uppercase;letter-spacing:.12em;color:var(--mute);font-weight:600}
.zeilen{display:grid;gap:1.25rem;grid-template-columns:1fr}
@media (min-width:40rem){.zeilen{grid-template-columns:1fr 1fr}}
.zeilen p{margin:0}
.zeilen small{display:block;color:var(--mute);font-size:.85rem;margin-bottom:.15rem}
.zeilen strong{font-weight:600}
.mail{display:inline-block;margin-top:1.5rem;padding:.8rem 1.4rem;border-radius:.7rem;background:linear-gradient(90deg,var(--acc),var(--acc2));color:#1a0f08;font-weight:700;text-decoration:none}
.mail:focus-visible,a:focus-visible{outline:3px solid var(--acc2);outline-offset:3px}
.kurz{margin:2.5rem 0 3rem;color:var(--mute)}
.kurz strong{color:var(--fg)}
.text{padding:2rem 0 3rem}
.text h1{font-size:clamp(1.8rem,5vw,2.4rem)}
.text h2{font-size:1.1rem;margin:2rem 0 .5rem}
.text p{margin:.4rem 0}
footer{padding:1.5rem 0 2.5rem;border-top:1px solid var(--line);color:var(--mute);font-size:.95rem}
footer a{margin-right:1.25rem;color:var(--mute)}