/* =====================================================================
   Tabak-Börse 76 · Stylesheet für die Rechtstexte
   (impressum.html, datenschutz.html, disclaimer.html)
   ===================================================================== */
:root{
  --rot:#b81f2b;--rot-dunkel:#8a121c;--gold:#c08a2e;--gold-hell:#f3e3c4;
  --tinte:#22191c;--tinte-weich:#5f5359;--creme:#faf6f1;--papier:#fff;--linie:#e7ded6;
  --display:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --text:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --radius:12px;--schatten:0 2px 10px rgba(34,25,28,.06);
  --schatten-hoch:0 10px 30px rgba(34,25,28,.12);
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--text);color:var(--tinte);background:var(--creme);line-height:1.75}
.wrap{max-width:820px;margin:0 auto;padding:0 22px}
a{color:var(--rot-dunkel)}
h1,h2,h3{font-family:var(--display);line-height:1.2;letter-spacing:-.02em;margin:0 0 .5em;font-weight:700}
h1{font-size:clamp(1.9rem,4.4vw,2.7rem)}
h2{font-size:1.4rem;margin-top:1.9em}
h3{font-size:1.08rem;margin-top:1.6em}
p{margin:0 0 1.1em}

header{position:sticky;top:0;z-index:20;background:rgba(250,246,241,.94);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--linie)}
.nav{display:flex;align-items:center;gap:14px;height:74px;max-width:1140px;margin:0 auto;padding:0 22px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--tinte);margin-right:auto;white-space:nowrap}
.logo-mark{width:44px;height:44px;border-radius:10px;background:var(--rot);color:#fff;display:grid;
  place-items:center;font-family:var(--display);font-weight:700;font-size:1.02rem;flex:none}
.logo-text b{display:block;font-family:var(--display);font-size:1.08rem;line-height:1.2}
.logo-text span{display:block;font-size:.76rem;color:var(--tinte-weich)}
.btn{display:inline-flex;align-items:center;gap:.5em;font-family:var(--display);padding:.7em 1.4em;
  border-radius:999px;border:1px solid var(--linie);font-weight:600;text-decoration:none;
  background:var(--papier);color:var(--tinte);
  transition:transform .14s,box-shadow .14s}
.btn:hover{transform:translateY(-2px);box-shadow:var(--schatten-hoch)}

.kopf{background:linear-gradient(135deg,#7e1019 0%,#b81f2b 58%,#8a121c 100%);color:#fff;padding:52px 0}
.kopf h1{color:#fff;margin:0}

main{padding:48px 0 64px}
.block{background:var(--papier);border:1px solid var(--linie);border-radius:var(--radius);
  box-shadow:var(--schatten);padding:clamp(24px,4vw,44px);margin-bottom:24px}
.block h2:first-child,.block h3:first-child{margin-top:0}
.adresse{font-size:1.04rem}
.hinweis-kasten{background:var(--gold-hell);border-left:3px solid var(--gold);
  border-radius:0 8px 8px 0;padding:15px 20px;font-size:.94rem;margin-bottom:24px}

footer{background:var(--tinte);color:rgba(255,255,255,.72);padding:34px 0;font-size:.9rem}
footer a{color:rgba(255,255,255,.72);text-decoration:none}
footer a:hover{color:#fff;text-decoration:underline}
.footer-zeile{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;max-width:1140px;margin:0 auto;padding:0 22px}
.footer-zeile nav{display:flex;gap:20px;margin-left:auto;flex-wrap:wrap}
@media(max-width:720px){
  .footer-zeile nav{margin-left:0}
  .logo-text span{display:none}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}