/* trefferclub.de: Aufkleberkoffer
   Fläche Koffer-Schwarz, Etiketten in Weiß mit weichem Schatten, Rot nur sparsam, Neigung nur 0 / ±2 Grad. */

@font-face{font-family:Archivo;font-weight:400;font-display:swap;src:url(../fonts/archivo-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Archivo;font-weight:600;font-display:swap;src:url(../fonts/archivo-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Archivo;font-weight:800;font-display:swap;src:url(../fonts/archivo-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:Archivo;font-weight:900;font-display:swap;src:url(../fonts/archivo-latin-900-normal.woff2) format("woff2")}

:root{
  --koffer:#141414;
  --koffer-hell:#1E1F21;
  --weiss:#FFFFFF;
  --papier:#F5F3EE;
  --rot:#D40408;
  --rot-tief:#A60306;
  --alu:#C5CACF;
  --alu-dunkel:#8F959C;
  --tinte:#141414;
  --gedaempft:#4A4F55;
  --hell-auf-schwarz:#D5D8DC;
  --linie:#CBD2DE;

  --tilt-links:-2deg;
  --tilt-rechts:2deg;

  --wrap:1240px;
  --gutter:clamp(16px,4vw,48px);
  --schatten:0 10px 22px rgba(0,0,0,.45),0 2px 4px rgba(0,0,0,.35);
  --schatten-papier:0 8px 18px rgba(0,0,0,.22),0 1px 3px rgba(0,0,0,.2);

  /* Einstieg: Werte, die das Regler-Panel später verschiebt */
  --hero-logo-breite:clamp(300px,44vw,640px);
  --hero-h1:clamp(40px,6vw,92px);
  --hero-abstand-oben:clamp(28px,5vw,72px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%;scrollbar-color:#5A5E65 var(--koffer)}
body{
  margin:0;background:var(--koffer);color:var(--weiss);
  font-family:Archivo,system-ui,sans-serif;font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased;
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .09 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
img,video{max-width:100%;height:auto;display:block}
a{color:inherit}
::selection{background:var(--rot);color:var(--weiss)}
:focus-visible{outline:3px solid var(--weiss);outline-offset:3px;border-radius:6px}
.auf-weiss :focus-visible,.etikett :focus-visible,.papier :focus-visible,.form-etikett :focus-visible{outline-color:var(--rot-tief)}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.skip{position:absolute;left:-999px;top:8px;background:var(--weiss);color:var(--tinte);padding:10px 14px;z-index:100;font-weight:800;border-radius:8px}
.skip:focus{left:12px}

/* ---------- Etiketten ---------- */
.etikett{
  position:relative;background:var(--weiss);color:var(--tinte);border-radius:14px;
  padding:clamp(18px,2.6vw,34px) clamp(20px,3vw,40px);box-shadow:var(--schatten);
}
.etikett.links{transform:rotate(var(--tilt-links))}
.etikett.rechts{transform:rotate(var(--tilt-rechts))}
.etikett.text{transform:none;outline:2px solid var(--tinte);outline-offset:-11px;padding:clamp(26px,3vw,44px) clamp(28px,3.4vw,52px);z-index:3}
.zeile>.etikett.text{margin-right:clamp(-72px,-4vw,0px)}
.zeile.umgekehrt>.etikett.text{margin-right:0;margin-left:clamp(-72px,-4vw,0px)}
.etikett.curl::after{
  content:"";position:absolute;right:0;bottom:0;width:30px;height:30px;
  background:linear-gradient(135deg,transparent 50%,#C9CDD2 50%,#F4F5F6 100%);
  border-top-left-radius:12px;border-bottom-right-radius:14px;box-shadow:-3px -3px 6px rgba(0,0,0,.18);
}
.etikett p{margin:0 0 .9em;max-width:62ch}
.etikett p:last-child{margin-bottom:0}
.etikett h2,.etikett h3{margin:0}

h1,h2,h3{font-weight:900;line-height:1.04;letter-spacing:-.012em;word-spacing:.09em;text-wrap:balance}
h2{font-size:clamp(30px,4.4vw,62px)}
h3{font-size:clamp(22px,2.4vw,32px)}

.rund{
  width:clamp(140px,15vw,190px);aspect-ratio:1;border-radius:50%;background:var(--weiss);color:var(--tinte);
  border:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:14px;
  font-weight:900;font-size:clamp(17px,1.8vw,24px);line-height:1.1;text-decoration:none;box-shadow:var(--schatten);
}
.rund.rot{background:var(--rot);color:var(--weiss);box-shadow:0 0 0 7px var(--weiss),var(--schatten)}
.klein{
  display:inline-block;background:var(--weiss);color:var(--tinte);font-weight:800;font-size:17px;line-height:1.3;
  padding:11px 18px;border-radius:10px;text-decoration:none;box-shadow:var(--schatten);
}
a.klein,a.rund,.btn,summary{transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s}
a.klein:hover,a.rund:hover{transform:translateY(-3px) rotate(0deg);box-shadow:0 16px 28px rgba(0,0,0,.5)}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 26px;border-radius:999px;
  font:inherit;font-weight:800;font-size:18px;text-decoration:none;border:3px solid transparent;cursor:pointer;
}
.btn.weiss{background:var(--weiss);color:var(--tinte);box-shadow:var(--schatten)}
.btn.schwarz{background:var(--tinte);color:var(--weiss)}
.btn.rot{background:var(--rot);color:var(--weiss)}
.btn:hover{transform:translateY(-2px)}

/* ---------- Kopf ---------- */
.kopf{
  position:sticky;top:0;z-index:40;background:linear-gradient(#DADDE1,#A8AEB5);
  border-bottom:1px solid #6E747B;box-shadow:0 6px 18px rgba(0,0,0,.5);color:var(--tinte);
}
.kopf .wrap{display:flex;align-items:center;gap:clamp(14px,2.4vw,34px);min-height:64px}
.wortmarke{font-weight:900;font-size:24px;letter-spacing:-.03em;text-decoration:none}
.kopf nav{display:flex;gap:clamp(12px,2vw,28px);margin-left:auto;align-items:center}
.kopf nav a{font-weight:700;font-size:16px;text-decoration:none}
.kopf nav a:hover{text-decoration:underline;text-underline-offset:5px}
.kopf .demo{background:var(--rot);color:var(--weiss);padding:9px 18px;border-radius:999px;font-weight:800;text-decoration:none;font-size:16px;white-space:nowrap}
.kopf .demo:hover{background:var(--rot-tief)}


/* ---------- Einstieg ---------- */
.einstieg{padding:var(--hero-abstand-oben) 0 clamp(48px,7vw,96px)}
.einstieg .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(20px,4vw,60px);align-items:center}
.logo-sticker{width:var(--hero-logo-breite);max-width:100%;transform:rotate(-2deg);filter:drop-shadow(0 20px 26px rgba(0,0,0,.65));justify-self:center;position:relative;z-index:2}
.einstieg h1{font-size:var(--hero-h1);margin:0}
.einstieg .h1-etikett{margin-left:clamp(-60px,-3.5vw,0px);z-index:3}
.einstieg .etikett.h1-etikett{padding:clamp(22px,3vw,40px) clamp(24px,3.4vw,48px)}
.einstieg .unterzeile{margin-top:22px;font-size:clamp(18px,1.6vw,22px);line-height:1.45;max-width:40ch;margin-left:clamp(0px,2vw,28px)}
.einstieg .aktionen{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:30px;margin-left:clamp(0px,2vw,28px)}
.einstieg .hinweis{margin:18px 0 0 clamp(0px,2vw,28px);font-size:16px;color:var(--hell-auf-schwarz);max-width:52ch}
.wegweiser{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px;margin-left:clamp(0px,2vw,28px)}
.wegweiser a:nth-child(1){transform:rotate(2deg)}
.wegweiser a:nth-child(2){transform:rotate(-2deg)}
.wegweiser a:nth-child(3){transform:rotate(0deg)}

/* ---------- Abschnitte ---------- */
section{padding:var(--abschnitt-abstand,clamp(56px,8vw,112px)) 0;position:relative}
.kopfzeile{margin-bottom:clamp(28px,4vw,52px);display:flex;align-items:flex-start}
.kopfzeile .etikett{max-width:min(100%,980px)}
.text-auf-schwarz p{max-width:62ch;margin:0 0 1.2em;color:var(--weiss)}
.text-auf-schwarz h3{margin:1.4em 0 .35em;font-size:clamp(22px,2.2vw,28px)}
.text-auf-schwarz h3:first-child{margin-top:0}
.vorspann{max-width:46ch;margin:0 0 clamp(26px,3.5vw,44px);font-size:clamp(19px,1.8vw,24px);line-height:1.45;color:var(--weiss)}

/* Warum */
.warum .raster{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,80px);align-items:start}

/* Bildschirm-Aufkleber */
.handy{
  background:var(--weiss);padding:10px;border-radius:34px;box-shadow:var(--schatten);width:min(100%,300px);
}
.handy img{border-radius:24px;width:100%;height:auto;aspect-ratio:780/1688;object-fit:cover;background:#F3F4F1}
.handy.links{transform:rotate(var(--tilt-links))}
.handy.rechts{transform:rotate(var(--tilt-rechts))}
.handy.gerade{transform:none}

/* Funktionen */
.funktionen .zeile{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,64px);align-items:center;margin-bottom:clamp(32px,4vw,56px)}
.funktionen .zeile.umgekehrt{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.funktionen .zeile.umgekehrt .etikett{order:2}
.stapel{position:relative;display:flex;justify-content:center;min-height:min(560px,70vw)}
.zeile>.stapel{margin-left:-64px;z-index:4}
.zeile.umgekehrt>.stapel{margin-left:0;margin-right:-64px}
.stapel .handy{position:absolute;width:min(46%,260px)}
.stapel .handy:nth-child(1){left:2%;top:0}
.stapel .handy:nth-child(2){left:30%;top:60px;z-index:2}
.stapel .handy:nth-child(3){left:54%;top:14px}
.stapel.zwei .handy:nth-child(1){left:6%;top:10px}
.stapel.zwei .handy:nth-child(2){left:42%;top:70px}

/* Schießbuch: die Fläche wird ruhig */
.schiessbuch{background:var(--papier);color:var(--tinte);padding:clamp(64px,9vw,128px) 0;
  box-shadow:inset 0 14px 22px -14px rgba(0,0,0,.6),inset 0 -14px 22px -14px rgba(0,0,0,.6)}
.schiessbuch::before{content:"";position:absolute;left:clamp(10px,3vw,36px);top:0;bottom:0;width:2px;background:#9AA3B5}
.schiessbuch h2{margin:0 0 clamp(26px,3.5vw,46px);max-width:20ch}
.schiessbuch .zweispalt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:start}
.schiessbuch p{max-width:60ch;margin:0 0 1em}
.eintraege{position:relative;background:var(--weiss);border:2px solid var(--tinte);border-radius:6px;box-shadow:var(--schatten-papier);padding:6px 0 132px}
.eintraege caption,.eintraege .titel{display:block;font-weight:800;font-size:15px;padding:10px 16px 8px;color:var(--gedaempft);text-align:left}
.eintraege table{width:100%;border-collapse:collapse;font-size:16px;font-variant-numeric:tabular-nums}
.eintraege td{padding:11px 12px;border-top:1px solid var(--tinte)}
.eintraege td:first-child{padding-left:16px;white-space:nowrap}
.eintraege .st{white-space:nowrap;font-weight:800}
.eintraege .offen{color:var(--gedaempft);font-weight:600}
.stempel{
  position:absolute;right:18px;bottom:30px;border:5px solid var(--rot);color:var(--rot);font-weight:900;font-size:clamp(24px,3vw,38px);
  padding:4px 16px;border-radius:6px;transform:rotate(-2deg);background:rgba(255,255,255,.9);letter-spacing:.02em
}
.bestaetigung{background:var(--weiss);border:2px solid var(--tinte);border-radius:8px;padding:clamp(20px,2.4vw,32px);box-shadow:var(--schatten-papier)}
.bestaetigung p{font-size:20px;line-height:1.5;font-weight:600;margin:0;max-width:56ch}
.grenze{margin-top:clamp(28px,4vw,48px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start}
.schiessbuch .handys{display:flex;gap:clamp(16px,3vw,40px);justify-content:center;margin-top:clamp(44px,6vw,80px);flex-wrap:wrap}
.schiessbuch .handy{box-shadow:var(--schatten-papier)}
.schiessbuch .handys{align-items:flex-start}
.schiessbuch .handy:nth-child(2){width:min(100%,400px)}
.schiessbuch .handy:nth-child(1),.schiessbuch .handy:nth-child(3){width:min(100%,290px);margin-top:48px}

/* Daten */
.daten .raster{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(28px,5vw,80px)}
.daten .runde{display:flex;gap:22px;flex-wrap:wrap;align-items:flex-start;justify-content:center;align-self:center}
.daten .runde .rund:nth-child(1){transform:rotate(-2deg)}
.daten .runde .rund:nth-child(2){transform:rotate(2deg);margin-top:34px}

/* Ablauf */
.ablauf .strecke{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,3vw,48px);margin:0 0 clamp(36px,5vw,64px);align-items:start}
.ablauf .strecke::before{content:"";position:absolute;left:3%;right:3%;top:50%;height:22px;transform:translateY(-50%) rotate(0deg);
  background:repeating-linear-gradient(90deg,#C9B88A 0 14px,#BFAE80 14px 16px);opacity:.9;border-radius:2px;box-shadow:0 3px 8px rgba(0,0,0,.5)}
.ablauf .strecke .etikett{z-index:1;font-weight:900;font-size:clamp(20px,2.4vw,34px);line-height:1.1;text-align:center;padding:clamp(18px,2.4vw,32px)}
.ablauf .strecke a.etikett{display:block;color:var(--tinte);text-decoration:none;transition:box-shadow .22s}
.ablauf .strecke a.etikett:hover{box-shadow:0 16px 28px rgba(0,0,0,.5)}
.ablauf .strecke .etikett:nth-child(1){transform:rotate(-2deg) translateY(-10px)}
.ablauf .strecke .etikett:nth-child(2){transform:rotate(2deg) translateY(16px)}
.ablauf .strecke .etikett:nth-child(3){transform:rotate(0deg) translateY(-6px);background:var(--weiss)}
.ablauf .strecke .etikett:nth-child(2){outline:5px solid var(--rot);outline-offset:-5px}
.ablauf .zwei{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start}

/* Fragen */
.fragen .liste{display:flex;flex-direction:column;gap:14px;max-width:900px}
.fragen details{background:var(--weiss);color:var(--tinte);border-radius:14px;box-shadow:var(--schatten);overflow:hidden;transition:transform .25s cubic-bezier(.16,1,.3,1)}
.fragen details:nth-child(3n+1):not([open]){transform:rotate(-2deg)}
.fragen details:nth-child(3n+2):not([open]){transform:rotate(2deg);margin-left:clamp(0px,5%,56px);width:90%}
.fragen details:nth-child(3n):not([open]){transform:rotate(0deg);width:94%}
.fragen details[open]{transform:none;width:100%;margin-left:0}
.fragen summary{list-style:none;cursor:pointer;padding:20px 64px 20px 24px;font-weight:800;font-size:clamp(18px,1.7vw,22px);line-height:1.3;position:relative}
.fragen summary::-webkit-details-marker{display:none}
.fragen summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-weight:900;font-size:30px;color:var(--tinte)}
.fragen details[open] summary::after{content:"\2013"}
.fragen details p{margin:0;padding:0 24px 22px;max-width:62ch}
.fragen summary:hover{background:#F3F4F5}

/* Kontakt: die Fläche ist voll, jetzt ist Rot frei */
.kontakt{background:var(--rot);color:var(--weiss);box-shadow:inset 0 14px 22px -14px rgba(0,0,0,.55)}
.kontakt h2{margin:0 0 20px;max-width:14ch}
.kontakt .raster{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,80px);align-items:start}
.kontakt .intro{font-size:clamp(18px,1.6vw,21px);max-width:44ch}
.kontakt address{font-style:normal;margin-top:28px;font-size:18px;line-height:1.55}
.kontakt address a{font-weight:800}
.form-etikett{background:var(--weiss);color:var(--tinte);border-radius:16px;padding:clamp(22px,3vw,40px);box-shadow:0 18px 34px rgba(0,0,0,.45)}
.form-etikett label{display:block;font-weight:800;font-size:16px;margin:0 0 6px}
.form-etikett .feld{margin-bottom:18px}
.form-etikett input,.form-etikett textarea,.form-etikett select{
  width:100%;font:inherit;font-size:18px;color:var(--tinte);background:#fff;border:2px solid var(--tinte);border-radius:10px;padding:12px 14px;min-height:50px
}
.form-etikett textarea{min-height:140px;resize:vertical}
.form-etikett input:focus,.form-etikett textarea:focus,.form-etikett select:focus{outline:3px solid var(--rot);outline-offset:1px}
.form-etikett .hilfe{font-size:16px;color:var(--gedaempft);margin:0 0 20px;max-width:none}
.form-etikett .fehler{display:none;color:var(--rot-tief);font-weight:800;font-size:16px;margin-top:6px}
.form-etikett .pflicht{font-weight:600;color:var(--gedaempft);font-size:15px;margin-left:6px}
.kontakt .logo-klein{width:min(260px,60%);margin-top:34px;transform:rotate(2deg);filter:drop-shadow(0 14px 18px rgba(0,0,0,.45))}
.form-etikett .invalid input,.form-etikett .invalid textarea{border-color:var(--rot-tief)}
.form-etikett .invalid .fehler{display:block}
.form-etikett .recht{font-size:16px;color:var(--gedaempft);margin-top:14px;max-width:none}
.form-etikett .recht a{color:var(--tinte)}
.falle{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.meldung{display:none;margin-top:16px;padding:14px 16px;border-radius:10px;font-weight:800}
.meldung.ok{display:block;background:var(--tinte);color:var(--weiss)}
.meldung.fehl{display:block;background:#fff;color:var(--rot-tief);border:2px solid var(--rot-tief)}

/* Fuß */
.fuss{padding:36px 0 48px;color:var(--hell-auf-schwarz);font-size:15px}
.fuss .wrap{display:flex;gap:28px;flex-wrap:wrap;align-items:center}
.fuss .von{display:flex;align-items:center;gap:14px}
.fuss .von img{height:30px;width:auto;background:var(--weiss);padding:6px 10px;border-radius:8px}
.fuss .ki-hinweis{flex-basis:100%;margin:0;font-size:12px;opacity:.6}
.fuss nav{margin-left:auto;display:flex;gap:20px}
.fuss a{color:var(--weiss)}

/* Intro */
.intro-ueberlagerung[hidden]{display:none}
.intro-ueberlagerung{position:fixed;inset:0;z-index:200;background:#fff;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .35s ease;cursor:pointer}
.intro-ueberlagerung.aus{opacity:0;pointer-events:none}
.intro-ueberlagerung video{width:min(72vw,520px,60vh);aspect-ratio:1;mix-blend-mode:multiply}
.intro-ueberlagerung span{position:absolute;bottom:24px;font-size:13px;color:#555}

/* Auftritt: Etiketten kleben sich auf (nur mit JS und ohne reduzierte Bewegung) */
@media (prefers-reduced-motion:no-preference){
  .js .klebt{opacity:0;translate:0 -18px;scale:1.05;transition:opacity .45s ease,translate .55s cubic-bezier(.16,1,.3,1),scale .55s cubic-bezier(.16,1,.3,1)}
  .js .klebt.da{opacity:1;translate:0 0;scale:1}
}
@media (prefers-reduced-motion:no-preference){
  .alles-da .klebt{opacity:1;translate:0 0;scale:1}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .intro-ueberlagerung{display:none}
  a.klein,a.rund,.btn{transition:none}
}

/* ---------- Schmale Breiten ---------- */
@media (max-width:980px){
  .einstieg .wrap,.warum .raster,.funktionen .zeile,.funktionen .zeile.umgekehrt,.schiessbuch .zweispalt,.grenze,.daten .raster,.ablauf .zwei,.kontakt .raster{grid-template-columns:minmax(0,1fr)}
  .funktionen .zeile.umgekehrt .etikett{order:0}
  .logo-sticker{width:min(78vw,460px)}
  .ablauf .strecke{grid-template-columns:minmax(0,1fr);gap:22px}
  .ablauf .strecke::before{left:50%;right:auto;top:3%;bottom:3%;width:22px;height:auto;transform:translateX(-50%)}
  .ablauf .strecke .etikett:nth-child(n){transform:none}
}
@media (max-width:760px){
  .wortmarke{font-size:21px}
  .kopf .wrap{gap:10px}
  .kopf nav{gap:12px}
  .kopf nav a{font-size:15px}
  .schiessbuch .wrap{padding-left:calc(var(--gutter) + 18px)}
  body{font-size:17px}
  .kopf nav a:not(.demo){display:none}
  .kopf nav a[href="#kontakt"]{display:inline}
  .zeile>.etikett.text,.zeile.umgekehrt>.etikett.text{margin:0}
  .zeile>.stapel,.zeile.umgekehrt>.stapel{margin:0}
  .einstieg .h1-etikett{margin-left:0}
  .kopf nav{margin-left:auto}

  .etikett.links,.etikett.rechts,.handy.links,.handy.rechts,.form-etikett{transform:rotate(0)}
  .etikett.links{transform:rotate(-1deg)}
  .etikett.rechts{transform:rotate(1deg)}
  .stapel{min-height:480px}
  .stapel .handy{width:min(52%,230px)}
  .stapel .handy:nth-child(1){left:0}
  .stapel .handy:nth-child(2){left:36%;top:50px}
  .stapel .handy:nth-child(3){display:none}
  .eintraege tr{display:grid;grid-template-columns:auto 1fr auto;column-gap:10px;padding:10px 12px;border-top:1px solid var(--tinte)}
  .eintraege td{padding:2px 4px;border:0;font-size:16px}
  .eintraege td:first-child{padding-left:4px}
  .eintraege td:nth-child(3){grid-column:2;grid-row:2;font-size:15px;color:var(--gedaempft)}
  .eintraege td:nth-child(4){grid-column:3;grid-row:1}
  .kopf nav a[href="#kontakt"]{display:inline}
  .stempel{right:8px}
  .fuss nav{margin-left:0}
}

/* ---------- Impressum und Datenschutz ---------- */
.recht-seite{max-width:46rem;margin:clamp(24px,5vw,56px) auto;padding:clamp(24px,4vw,48px);background:var(--papier);color:var(--tinte);border-radius:14px;box-shadow:var(--schatten);font-size:17px}
.recht-seite h1{font-size:clamp(30px,5vw,44px);margin:.5em 0 .4em}
.recht-seite h2{font-size:20px;margin:1.6em 0 .2em;letter-spacing:0}
.recht-seite a{color:var(--tinte);text-underline-offset:3px}
.recht-seite .back{font-weight:800}
.recht-seite .muted{color:var(--gedaempft)}
.recht-seite ul{padding-left:1.2em}

/* ---------- Unterseite digitales Schießbuch ---------- */
.unterseite .wrap{align-items:center}
.merkmale{list-style:none;margin:0 0 1.2em;padding:0;max-width:56ch}
.merkmale li{position:relative;padding:11px 0 11px 34px;border-bottom:1px solid var(--tinte)}
.merkmale li:first-child{border-top:1px solid var(--tinte)}
.merkmale li::before{content:"";position:absolute;left:4px;top:50%;width:14px;height:14px;margin-top:-7px;border:2px solid var(--tinte);border-radius:3px}
.seiten-papier .zweite-reihe{margin-top:clamp(40px,5vw,72px)}
.seiten-papier .bestaetigung{margin-top:clamp(40px,5vw,72px)}
.seiten-papier .grenze.einspaltig{grid-template-columns:minmax(0,1fr);margin-top:clamp(36px,5vw,64px)}
.seiten-papier h2{font-size:clamp(26px,3.2vw,42px);max-width:none;margin:0 0 .5em}
.abschluss h2{margin:0 0 20px;max-width:18ch}
.abschluss .aktionen{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:28px}
.abschluss .rund{background:var(--weiss);color:var(--rot);box-shadow:var(--schatten)}
@media (max-width:980px){.unterseite .wrap{grid-template-columns:minmax(0,1fr)}}
.unterseite h1{font-size:clamp(30px,4.6vw,66px);overflow-wrap:anywhere;hyphens:auto}
@media (max-width:760px){.unterseite .h1-etikett{padding-left:20px;padding-right:20px}}

/* Seite Einrichtung: nummerierte Schritte je Gerät */
.schritte-seite .einspaltig{max-width:760px;margin:0 auto clamp(40px,6vw,72px)}
.schritte-seite .einspaltig:last-child{margin-bottom:0}
.schritte{list-style:none;counter-reset:schritt;margin:0 0 1.2em;padding:0}
.schritte>li{counter-increment:schritt;position:relative;padding:12px 0 12px 52px;border-bottom:1px solid var(--tinte)}
.schritte>li:first-child{border-top:1px solid var(--tinte)}
.schritte>li::before{content:counter(schritt);position:absolute;left:0;top:10px;width:34px;height:34px;border-radius:50%;background:var(--tinte);color:var(--weiss);font-weight:900;display:flex;align-items:center;justify-content:center}
.geraet{margin:clamp(24px,3vw,36px) 0}
.geraet h3{margin:0 0 14px}
.notiz{font-size:.95em;border-left:5px solid var(--rot);padding:2px 0 2px 14px}