@font-face{font-family:"General Sans";src:url("assets/fonts/GeneralSans-Variable.woff2") format("woff2");font-weight:200 700;font-display:swap}
:root{color-scheme:dark;--paper:#faf6f1;--muted:#ded8d1;--orange:#e16f33;--ink:#21150e}
*{box-sizing:border-box}
html{margin:0;-webkit-text-size-adjust:100%}
body{margin:0;background:#171310;color:var(--paper);font-family:"General Sans",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;-webkit-tap-highlight-color:transparent}
.buehne{position:fixed;inset:0;z-index:-2;overflow:hidden}
.buehne img{height:100%;width:100%;object-fit:cover;object-position:50% 38%}
.schleier{position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(16,13,10,.34),rgba(16,13,10,.62) 28%,rgba(16,13,10,.79) 64%,rgba(16,13,10,.91))}
.seite{min-height:100svh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}
.huelle{width:min(88%,1600px);margin-inline:auto}
.kopf{display:flex;align-items:center;justify-content:space-between;padding-block:clamp(20px,3.2vh,36px)}
.heim{display:flex;gap:12px;align-items:center;text-decoration:none}
.zeichen{width:46px;height:46px;object-fit:contain}
.wortmarke{display:block;font-size:25px;font-weight:500;line-height:1.2;letter-spacing:-.8px}
.claim{display:block;font-size:13px;color:var(--muted);line-height:1.6}
.sozial a{min-height:44px;display:flex;align-items:center;gap:9px;text-decoration:none;font-size:14px;padding:9px 16px;border:1px solid #ffffff35;border-radius:999px;background:#ffffff0d;backdrop-filter:blur(12px)}
.sozial svg{width:19px;height:19px}
.mitte{display:grid;place-items:center;padding-block:30px 50px}
.ankuendigung{text-align:center;width:min(100%,880px)}
.ort{display:inline-flex;align-items:center;gap:9px;margin:0 0 24px;padding:8px 15px;color:var(--paper);font-size:13px;font-weight:450;line-height:1.35;border:1px solid #ffffff30;border-radius:999px;background:#1713105c;backdrop-filter:blur(10px)}
.ort::before{content:"";width:6px;height:6px;border-radius:100%;background:var(--orange);flex-shrink:0}
h1{font-size:clamp(40px,5.2vw,76px);line-height:1.06;letter-spacing:-.045em;font-weight:500;margin:0;text-wrap:balance;text-shadow:0 3px 28px #00000035}
h1 span{display:block}
.lead{font-size:clamp(16px,1.5vw,19px);line-height:1.6;color:var(--muted);max-width:510px;margin:25px auto 0;text-wrap:pretty}
.kontakt{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:30px}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:15px 24px;border-radius:999px;text-decoration:none;font-size:15px;line-height:1.3;font-weight:550;white-space:nowrap;transition:transform .18s,background .18s,box-shadow .18s}
.cta svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.cta-primary{color:#fff;border:1px solid var(--orange);background:var(--orange);box-shadow:none}
.cta-secondary{color:var(--paper);border:1px solid #ffffff50;background:linear-gradient(160deg,#ffffff1c,#ffffff0a);backdrop-filter:blur(16px)}
.cta:hover{transform:translateY(-2px)}
.cta-primary:hover{background:#ed8047;border-color:#ed8047;box-shadow:none}
.cta-secondary:hover{background:#ffffff22}
.absender{margin:30px 0 0;color:var(--muted);font-size:13px;line-height:1.7}
.absender strong{font-weight:500;color:var(--paper)}
.absender span{display:block}
.fuss{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0 max(18px,env(safe-area-inset-bottom));border-top:1px solid #ffffff23;font-size:12px;line-height:1.5;color:var(--muted)}
.recht{display:flex;gap:22px}
.recht a{display:flex;align-items:center;min-height:44px;text-decoration:none}
.recht a:hover{text-decoration:underline;text-underline-offset:4px}
a:focus-visible{outline:2px solid var(--paper);outline-offset:5px}
@media(max-width:700px){
 .huelle{width:calc(100% - 40px)}
 .kopf{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:16px}
 .zeichen{width:39px;height:39px}.wortmarke{font-size:21px}.claim{font-size:11px}
 .sozial a{width:44px;padding:11px;justify-content:center}.sozial span{display:none}
 .buehne img{object-position:55% 32%}
 .mitte{padding-block:24px 32px}
 .ort{font-size:11px;margin-bottom:22px;padding:8px 11px}
 h1{font-size:clamp(36px,9.8vw,60px);line-height:1.08;letter-spacing:-.04em}
 .lead{font-size:16px;line-height:1.5;max-width:340px;margin-top:22px}
 .kontakt{gap:10px;margin-top:24px;flex-direction:column}
 .cta{width:min(100%,320px);min-height:50px;padding:13px 18px;font-size:14px}
 .absender{margin-top:24px;font-size:12px}
 .fuss{font-size:11px;gap:10px;padding-top:8px;padding-bottom:max(10px,env(safe-area-inset-bottom))}
 .recht{gap:16px}
}
@media(max-height:720px){
 .kopf{padding-block:14px}.mitte{padding-block:14px 20px}
 .ort{margin-bottom:16px}
 h1{font-size:clamp(34px,5vw,56px)}
 .lead{margin-top:16px}.kontakt{margin-top:20px}.absender{margin-top:18px}
 .fuss{padding-block:6px}
}
@media(max-width:700px) and (max-height:720px){
 h1{font-size:clamp(30px,8.5vw,42px)}
 .ort{margin-bottom:14px;font-size:10px}
 .lead{font-size:14px;margin-top:15px}
 .kontakt{margin-top:18px;gap:8px}.cta{min-height:46px;padding-block:10px}
 .absender{margin-top:15px;font-size:11px}.absender span{display:none}
}
@media(min-width:701px) and (max-height:540px){
 .zeichen{width:34px;height:34px}.wortmarke{font-size:20px}.claim{display:none}
 .kopf{padding-block:10px}.mitte{padding-block:6px 12px}
 .ort{margin-bottom:10px;padding-block:4px;font-size:11px}
 h1{font-size:34px}h1 span{display:inline}h1 span+span::before{content:" "}
 .lead{font-size:14px;margin-top:10px;max-width:600px}
 .kontakt{margin-top:14px}.cta{min-height:44px;padding:10px 18px;font-size:13px}
 .absender{margin-top:12px;font-size:11px}.absender span{display:none}
 .fuss{font-size:11px;padding:0}.recht a{min-height:36px}
}
@media(prefers-reduced-motion:reduce){.cta{transition:none}.cta:hover{transform:none}}