/* ══════════════════════════════════════════════════════════════════════════
   RECHTSSEITEN — gemeinsames Stylesheet (Impressum · AGB · Widerruf ·
   Datenschutz). Gleiches Designsystem wie index.html: Wand-Textur, Primal
   für Überschriften, Chakra Petch für Labels, Raleway für Fließtext.
   ⚠️ Primal-Zeichensatz: „—" und „·" fehlen — nie in Überschriften verwenden.
   ══════════════════════════════════════════════════════════════════════════ */
@font-face{ font-family:'Primal'; font-display:swap; font-weight:700;
            src:url('fonts/Primal.otf') format('opentype'); }

:root{
  --lime:    #8FFF1F;
  --tuerkis: #41E0CF;
  --lavendel:#B6ADF2;
  --grund:   #000000;
  --wand:    url('wand.jpg');
  --wand-schleier: linear-gradient(rgba(0,0,0,.10), rgba(0,0,0,.10));
  --weiss:   #FFFFFF;
  --w-85:    rgba(255,255,255,.85);
  --w-60:    rgba(255,255,255,.60);
  --w-38:    rgba(255,255,255,.38);
  --linie:   rgba(255,255,255,.14);
  --radius:  4px;
}

*{ margin:0; padding:0; box-sizing:border-box; }

body{
  font-family:'Raleway',Helvetica,Arial,sans-serif;
  background-color:var(--grund);
  background-image:var(--wand-schleier), var(--wand);
  background-repeat:repeat;
  color:var(--weiss);
  -webkit-font-smoothing:antialiased;
  min-height:100vh;
  display:flex; flex-direction:column;
}
::selection{ background:rgba(143,255,31,.35); color:#000; }

.rkopf{
  position:sticky; top:0; z-index:10;
  display:flex; align-items:center; justify-content:space-between;
  padding:14px clamp(20px,5vw,72px);
  background:rgba(0,0,0,.82);
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid var(--linie);
}
.rkopf .marke{ display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--w-60); }
.rkopf .marke img{ width:34px; height:34px; display:block; }
.rkopf .marke span, .rkopf .zurueck{
  font-family:'Chakra Petch',ui-monospace,monospace; font-size:11px;
  text-transform:uppercase; letter-spacing:.2em;
}
.rkopf .zurueck{ color:var(--w-85); text-decoration:none; transition:color .25s ease; }
.rkopf .zurueck:hover{ color:var(--lime); }

main{
  width:100%; max-width:820px; margin:0 auto; flex:1;
  padding:64px clamp(20px,5vw,48px) 90px;
}
.label{
  font-family:'Chakra Petch',monospace; font-size:11px; color:var(--lime);
  text-transform:uppercase; letter-spacing:.22em; margin-bottom:14px;
}
.limelinie{ display:block; width:64px; height:3px; background:var(--lime); margin-bottom:20px; }
h1{
  font-family:'Primal',Montserrat,Helvetica,Arial,sans-serif; font-weight:700;
  line-height:1.05; letter-spacing:.01em; font-size:clamp(1.7rem,5vw,3rem);
  margin-bottom:40px; overflow-wrap:break-word;
}
section{ margin-bottom:34px; }
h2{
  font-family:'Chakra Petch',monospace; font-size:12px; color:var(--weiss);
  text-transform:uppercase; letter-spacing:.18em; margin-bottom:10px;
}
h3{ font-size:15px; color:var(--w-85); margin:14px 0 6px; }
p, li{ font-size:14.5px; line-height:1.75; color:var(--w-60); }
p + p{ margin-top:10px; }
ul{ padding-left:20px; }
strong{ color:var(--w-85); font-weight:600; }
a{ color:var(--tuerkis); text-decoration:underline; text-underline-offset:3px; }
a:hover{ color:var(--lime); }

.kasten{
  border-radius:var(--radius); padding:20px 22px; margin-top:12px;
  background:rgba(255,255,255,.02);
  box-shadow:inset 0 0 0 1px var(--linie);
}
.kasten p{ font-family:'Chakra Petch',monospace; font-size:12.5px; line-height:2; color:var(--w-85); }

.stand{
  font-family:'Chakra Petch',monospace; font-size:10px; color:var(--w-38);
  text-transform:uppercase; letter-spacing:.14em;
  border-top:1px solid var(--linie); padding-top:22px; margin-top:48px;
}

.rfuss{
  border-top:1px solid var(--linie);
  padding:22px clamp(20px,5vw,72px) 30px; text-align:center;
}
.rfuss nav{ display:flex; gap:20px; flex-wrap:wrap; justify-content:center; }
.rfuss a{
  color:var(--w-60); text-decoration:none;
  font-family:'Chakra Petch',monospace; font-size:11px; letter-spacing:.14em;
  text-transform:uppercase; transition:color .25s ease;
}
.rfuss a:hover{ color:var(--lime); }