@font-face{font-family:"Nunito";src:url("/assets/nunito-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Nunito";src:url("/assets/nunito-600.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Nunito";src:url("/assets/nunito-800.woff2") format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Nunito";src:url("/assets/nunito-900.woff2") format("woff2");font-weight:900;font-display:swap}
:root{--rot:#911d2e;--rot-hell:#a8283c;--rot-dunkel:#7a1626;--gold:#e0a526;--tinte:#1c1417;--creme:#fbf7f0;--papier:#f3ece0;--linie:rgba(28,20,23,.12);--leise:rgba(28,20,23,.72)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:4rem}
body{margin:0;background:var(--creme);color:var(--tinte);font-family:"Nunito",system-ui,sans-serif;font-weight:400;line-height:1.55;font-size:1.05rem}
.wrap{max-width:68rem;margin:0 auto;padding:0 clamp(1.1rem,4vw,2.6rem)}
img{display:block;max-width:100%}
a{color:var(--rot);font-weight:800;text-decoration-thickness:2px;text-underline-offset:3px}
:focus-visible{outline:3px solid var(--tinte);outline-offset:3px;border-radius:.3rem}
.hero :focus-visible,.dunkel :focus-visible{outline-color:var(--creme)}
.skip{position:absolute;left:-999px;top:0;background:var(--creme);color:var(--tinte);padding:.6rem 1rem;z-index:20}
.skip:focus{left:0}

header.hero{background:var(--rot);color:var(--creme);overflow:hidden;position:relative}
header.hero .inner{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;padding-top:clamp(2.5rem,7vw,5.5rem);padding-bottom:clamp(3.5rem,8vw,6.5rem)}
@media(max-width:820px){header.hero .inner{grid-template-columns:1fr}.hero-zeichen{order:-1;width:min(12rem,50%)!important}}
.kicker{display:inline-block;font-weight:800;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}
header .kicker{color:var(--creme);opacity:.92}
h1{margin:.8rem 0 0;font-weight:900;font-size:clamp(2.8rem,8vw,5rem);line-height:.98;letter-spacing:-.02em}
.leitsatz{margin:1.2rem 0 0;font-weight:800;font-size:clamp(1.25rem,2.6vw,1.7rem)}
.lead{max-width:46ch;margin:1rem 0 0;color:rgba(251,247,240,.92)}
.hero-zeichen{height:auto;justify-self:center;width:min(24rem,90%);filter:drop-shadow(0 1.4rem 2.4rem rgba(40,6,12,.35))}
.hero-band{position:absolute;left:0;right:0;bottom:0;height:.7rem;background:repeating-linear-gradient(90deg,var(--gold) 0 2.2rem,transparent 2.2rem 2.6rem);opacity:.9}
.cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem}
.btn{display:inline-block;border:2px solid transparent;border-radius:.9rem;padding:.8rem 1.4rem;font:inherit;font-weight:900;text-decoration:none;cursor:pointer;line-height:1.2}
.btn-primary{background:var(--rot);color:var(--creme)}
.btn-primary:hover{background:var(--rot-dunkel)}
.hero .btn-primary,.dunkel .btn-primary{background:var(--rot-hell);border-color:var(--creme)}
.hero .btn-primary:hover{background:var(--rot-dunkel)}
.btn-sec{background:transparent;color:var(--rot);border-color:var(--rot)}
.btn-sec:hover{background:rgba(145,29,46,.08)}
.hero .btn-sec{color:var(--creme);border-color:var(--creme)}
.hero .btn-sec:hover{background:rgba(251,247,240,.12)}

nav.inhalt{border-bottom:1px solid var(--linie);background:var(--creme);position:sticky;top:0;z-index:5}
nav.inhalt .wrap{display:flex;gap:1.3rem;align-items:center;overflow-x:auto;padding-top:.7rem;padding-bottom:.7rem}
nav.inhalt .marke{margin-right:auto;line-height:0;flex:none}
nav.inhalt .marke img{height:1.7rem;width:auto}
nav.inhalt a{color:var(--tinte);font-weight:800;font-size:.88rem;text-decoration:none;white-space:nowrap}
nav.inhalt a:hover{color:var(--rot)}
nav.inhalt a.nav-cta{background:var(--rot);color:var(--creme);padding:.4rem .9rem;border-radius:.7rem}
nav.inhalt a.nav-cta:hover{background:var(--rot-dunkel);color:var(--creme)}
@media(max-width:560px){nav.inhalt .opt{display:none}}

section{padding:clamp(3rem,7vw,5rem) 0;border-bottom:1px solid var(--linie)}
section .kicker{color:var(--rot)}
h2{margin:.5rem 0 0;font-weight:900;font-size:clamp(1.9rem,4.4vw,2.8rem);line-height:1.05;letter-spacing:-.015em}
h3{margin:0;font-weight:900;font-size:1.15rem;line-height:1.2}
.copy{max-width:60ch;margin:1rem 0 0;color:var(--leise)}
.klein{font-size:.88rem;color:var(--leise)}

.schritte{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin:2.2rem 0 0;padding:0;list-style:none}
@media(max-width:820px){.schritte{grid-template-columns:1fr}}
.schritte li{background:#fff;border:1px solid var(--linie);border-radius:1.2rem;padding:1.4rem}
.schritte .nr{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--rot);color:var(--creme);font-weight:900;margin-bottom:.9rem}
.schritte p{margin:.4rem 0 0;color:var(--leise)}

.bg-papier{background:var(--papier)}
.app-zeile{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,5vw,4rem);align-items:center}
@media(max-width:820px){.app-zeile{grid-template-columns:1fr}}
.shots{display:flex;gap:1rem;justify-content:center}
.shots img{width:min(48%,15rem);height:auto;border-radius:1.4rem;border:.35rem solid #2b2a2e;box-shadow:0 1.2rem 2.4rem rgba(28,20,23,.25)}
.shots img+img{margin-top:2rem}

.raster{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2.2rem}
@media(max-width:900px){.raster{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.raster{grid-template-columns:1fr}}
.karte{background:#fff;border:1px solid var(--linie);border-radius:1.2rem;padding:1.3rem 1.4rem}
.karte p{margin:.45rem 0 0;color:var(--leise);font-size:.97rem}

.dunkel{background:var(--tinte);color:var(--creme);border-bottom:0}
.dunkel .kicker{color:var(--creme);opacity:.85}
.dunkel .copy{color:rgba(251,247,240,.82)}
.dunkel a{color:var(--creme)}
.einsatz{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(1.5rem,5vw,4rem);align-items:center}
@media(max-width:820px){.einsatz{grid-template-columns:1fr}}
.kassenbild{display:grid;place-items:center}
.kasse{width:13.5rem;height:19.5rem;border-radius:1.8rem;background:#121013;border:.45rem solid #2b2a2e;padding:1rem .9rem;color:var(--creme);display:flex;flex-direction:column;gap:.55rem;box-shadow:0 1.2rem 2.4rem rgba(0,0,0,.4)}
.kasse .kopf{display:flex;align-items:center;gap:.45rem;font-weight:900;font-size:.85rem}
.kasse .kopf img{width:1.6rem;height:auto}
.kasse .zeile{display:flex;justify-content:space-between;font-size:.78rem;color:rgba(251,247,240,.75)}
.kasse .summe{margin-top:auto;display:flex;justify-content:space-between;align-items:baseline;font-weight:900}
.kasse .summe b{font-size:1.6rem;font-variant-numeric:tabular-nums;color:var(--gold)}
.kasse .knopf{border-radius:.9rem;background:var(--rot-hell);text-align:center;padding:.8rem;font-weight:900;font-size:.95rem}
.kasse .hinweis{text-align:center;font-size:.7rem;color:rgba(251,247,240,.7)}

.bekommst{list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
@media(max-width:700px){.bekommst{grid-template-columns:1fr}}
.bekommst li{background:#fff;border:1px solid var(--linie);border-radius:1.2rem;padding:1.2rem 1.4rem}
.bekommst p{margin:.35rem 0 0;color:var(--leise);font-size:.97rem}

form.anfrage{background:#fff;border:1px solid var(--linie);border-radius:1.2rem;padding:clamp(1.2rem,3vw,2rem);margin-top:2rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.2rem}
@media(max-width:700px){form.anfrage{grid-template-columns:1fr}}
.feld{display:flex;flex-direction:column;gap:.3rem}
.feld.voll,.voll{grid-column:1/-1}
label,legend{font-weight:800;font-size:.92rem}
input,select,textarea{font:inherit;color:var(--tinte);background:var(--creme);border:2px solid rgba(28,20,23,.35);border-radius:.7rem;padding:.65rem .8rem;width:100%}
input:focus,select:focus,textarea:focus{outline:3px solid var(--tinte);outline-offset:1px;border-color:var(--tinte)}
textarea{min-height:7rem;resize:vertical}
.check{display:flex;gap:.6rem;align-items:center;font-weight:600}
.check input{width:1.3rem;height:1.3rem;flex:none;accent-color:var(--rot)}
fieldset{border:0;margin:0;padding:0;display:flex;gap:1.4rem;flex-wrap:wrap}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.status{grid-column:1/-1;margin:0;font-weight:800;min-height:1.5em}
.status.ok{color:#2f6b3a}.status.fehler{color:var(--rot)}

footer.fuss{background:var(--tinte);color:rgba(251,247,240,.85);padding:2.2rem 0;font-size:.95rem}
footer.fuss .wrap{display:flex;gap:1rem 2rem;flex-wrap:wrap;justify-content:space-between;align-items:center}
footer.fuss p{margin:0}
footer.fuss a{color:var(--creme);margin-right:1.2rem}
footer.fuss nav{display:flex;flex-wrap:wrap}

/* Rechtsseiten */
.recht{max-width:46rem;margin:0 auto;padding:2rem clamp(1.1rem,4vw,2rem) 3rem}
.recht h1{font-size:clamp(1.8rem,5vw,2.4rem);margin:0 0 1rem}
.recht h2{font-size:1.2rem;margin-top:2rem;color:var(--rot)}
.recht li{margin:.4rem 0}
.recht-kopf{background:#fff;border-bottom:1px solid var(--linie)}
.recht-kopf .wrap{padding-top:.8rem;padding-bottom:.8rem}
.recht-kopf img{height:30px;width:auto}
.danke{min-height:70vh;display:grid;place-items:center;text-align:center;padding:2rem 1.1rem}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}