/* NamensArchiv — Startseite „Premium“ (09/2026)
   Reine Override-Datei: wird nach dem Inline-Stylesheet geladen, ändert keine Logik.
   Sprache wie /buch: Newsreader 300 (Serif, kursiv-goldene Akzente), Gabarito-Kapitälchen als Labels,
   gedämpftes Gold, Papierkarten für alles, was verkauft, Haarlinien statt Kästen. */

:root{
  --ink:#1B1410; --panel:#231A14; --panel2:#2B2119; --line:#3A2E24;
  --gold:#D8B96A; --gold-dim:#A8873A; --gold-hell:#F5C842;
  --text:#F2EAD6; --muted:#B9AC90;
  --paper:#F3ECDC; --paper2:#EAE1CE; --paper3:#FBF7EE; --paper-line:#D8CBB0;
  --p-ink:#1B1410; --p-muted:#6A5C48; --p-gold:#A8873A;
}
body{font-size:1.02rem;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-x:clip}
.wrap{max-width:700px}

/* ---------- Labels: Kapitälchen-Sprache ---------- */
.eyebrow,.hero .hint,.card .found,.dossier-head .akte,.sect h4,.adslot .tag,.cmp-link,
.brand small,.anzeige,.letzte .lz-label,.footer-label{
  font-family:var(--sans);font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.eyebrow{font-size:.7rem;color:var(--gold);display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:22px}
.eyebrow::before,.eyebrow::after{content:"";flex:0 0 46px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dim))}
.eyebrow::after{background:linear-gradient(90deg,var(--gold-dim),transparent)}

/* ---------- Kopf ---------- */
header{padding-top:26px;align-items:flex-start}
.brand{font-family:var(--serif);font-weight:500;font-size:1.28rem;letter-spacing:.01em;text-decoration:none;color:var(--text);display:block}
.brand:hover em{color:var(--gold-hell)}
.brand em{color:var(--gold);font-style:italic;font-weight:400}
.brand small{font-size:.58rem;color:var(--muted);letter-spacing:.24em;margin-top:4px;font-weight:600}
#modePill{display:none}
.hauptnav{gap:2px 0;margin:20px -12px 0;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
@media (max-width:600px){.hauptnav{margin-left:0;margin-right:0}}
.hauptnav a{font-weight:600;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:8px 8px;border:0;border-radius:0}
.hauptnav a:hover{color:var(--text)}
.hauptnav a.nav-buch{color:var(--gold)}
@media (max-width:600px){
  .hauptnav{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding:6px 0;
    -webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
  .hauptnav::-webkit-scrollbar{display:none}
  .hauptnav a{white-space:nowrap;flex:none;padding:10px 9px}
  .hauptnav a:first-child{padding-left:0}
}

/* ---------- Hero ---------- */
#s-hero{position:relative;overflow:hidden;margin:0 -20px;padding:0 20px}
.hero{padding-top:58px}
/* Goldene Linienkarte Deutschlands als stiller Hintergrund des Einstiegs */
#s-hero::before{content:"";position:absolute;z-index:-1;pointer-events:none;top:-20px;left:50%;transform:translateX(-50%);width:780px;height:840px;
  background:url(/assets/hero-karte.webp) center/contain no-repeat;opacity:.2;
  -webkit-mask-image:radial-gradient(ellipse 68% 62% at 50% 46%,#000 40%,transparent 80%);mask-image:radial-gradient(ellipse 68% 62% at 50% 46%,#000 40%,transparent 80%)}
@media (max-width:560px){#s-hero::before{width:560px;height:600px;top:40px;opacity:.18}}
#wz{opacity:.02}
/* Feines Papierkorn über der ganzen Seite: nimmt dem Dunkel das Digitale */
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.055;mix-blend-mode:screen;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .9 0 0 0 0 .7 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
/* Einstieg erscheint gestaffelt */
#s-hero.active .hero>*{animation:fadeUp .7s cubic-bezier(.2,.7,.2,1) both}
#s-hero.active .hero>*:nth-child(1){animation-delay:.05s}#s-hero.active .hero>*:nth-child(2){animation-delay:.12s}
#s-hero.active .hero>*:nth-child(3){animation-delay:.2s}#s-hero.active .hero>*:nth-child(4){animation-delay:.28s}
#s-hero.active .hero>*:nth-child(5){animation-delay:.34s}#s-hero.active .hero>*:nth-child(6){animation-delay:.38s}
#s-hero.active .hero>*:nth-child(n+7){animation-delay:.45s}
@media (prefers-reduced-motion:reduce){#s-hero.active .hero>*{animation:none}}
/* Live-Vorschau: der Name wird zur Akte, noch bevor man klickt */
.vorschau{height:0;overflow:hidden;opacity:0;transition:opacity .35s,height .35s,margin .35s;font-family:var(--serif);font-size:1.15rem;color:var(--muted);margin-top:0}
.vorschau.an{height:1.6em;opacity:1;margin-top:16px}
.vorschau em{font-style:italic;color:var(--gold);font-size:1.3rem}
.vorschau span{font-size:.95rem}
h1{font-family:var(--serif);font-weight:300;font-size:clamp(2.5rem,8.2vw,4.1rem);line-height:1.04;letter-spacing:-.015em}
h1 em{font-style:italic;font-weight:300;color:var(--gold)}
.hero p.sub{font-size:1.15rem;line-height:1.6;color:#CFC2A6;max-width:44ch;margin-top:22px}
.searchslip{margin-top:34px;max-width:520px;background:var(--paper);border:1px solid rgba(216,185,106,.35);border-radius:999px;padding:7px 7px 7px 10px;
  box-shadow:0 18px 50px rgba(0,0,0,.45),inset 0 1px 0 #fff}
.searchslip:focus-within{border-color:var(--gold);box-shadow:0 0 0 4px rgba(216,185,106,.18),0 18px 50px rgba(0,0,0,.45)}
.searchslip input{color:var(--p-ink);font-weight:600;font-size:1.22rem;padding:12px 16px}
.searchslip input::placeholder{color:#8F8266;font-weight:500}
.btn{border-radius:999px}
.btn-gold{background:linear-gradient(180deg,#FFD65C,#F2C233);color:#1B1410;font-weight:700;padding:14px 26px;letter-spacing:.01em;box-shadow:0 8px 22px rgba(245,200,66,.18),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .15s,box-shadow .2s,background .2s}
.btn-gold:hover{background:linear-gradient(180deg,#FFE070,#F5C842);box-shadow:0 10px 28px rgba(245,200,66,.32),0 0 0 5px rgba(245,200,66,.12),inset 0 1px 0 rgba(255,255,255,.4)}
.hero .hint{font-size:.66rem;color:var(--gold);letter-spacing:.24em;margin-top:14px;opacity:.8}
.hero .klartext{font-size:.96rem;color:var(--muted);max-width:48ch;line-height:1.65}
.letzte{font-size:.84rem;margin-top:16px}
.letzte .lz-label{font-size:.62rem;letter-spacing:.16em;color:var(--muted)}
.letzte .chip{background:transparent;border:1px solid var(--line);color:var(--text);font-weight:600}
.letzte .chip:hover{border-color:var(--gold-dim);color:var(--gold)}
.proof{margin-top:52px;gap:44px;padding-top:26px;border-top:1px solid var(--line)}
.proof b{font-family:var(--serif);font-weight:400;font-size:1.9rem;line-height:1.1;color:var(--text);letter-spacing:-.01em}
.proof span{font-family:var(--sans);font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:block;margin-top:6px}
@media (max-width:480px){.proof{gap:18px}.proof b{font-size:1.5rem}.proof span{font-size:.56rem;letter-spacing:.08em}}


/* ---------- Stimmen von Lesern (E-Mails, nur Vornamen) ---------- */
.stimmen{margin-top:40px;padding-top:26px;border-top:1px solid var(--line)}
.stimmen-label{font-family:var(--sans);font-weight:600;font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);text-align:center;margin-bottom:18px}
.stimmen-reihe{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px;text-align:left}
.stimmen figure{margin:0;position:relative;padding:8px 0 0 26px}
.stimmen figure::before{content:"\201E";position:absolute;left:0;top:-14px;font-family:var(--serif);font-size:3rem;line-height:1;color:var(--gold-dim);opacity:.9}
.stimmen blockquote{margin:0;font-family:var(--serif);font-style:italic;font-size:1.02rem;line-height:1.55;color:#D8CCB2}
.stimmen figcaption{margin-top:8px;font-family:var(--sans);font-weight:600;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.stimmen figcaption::before{content:"— "}
@media (max-width:640px){.stimmen-reihe{grid-template-columns:1fr;gap:14px}.stimmen figure{padding-left:22px}}

/* ---------- Geschenk- und Buch-Teaser: dunkle Tafeln mit Goldkante, Serif, Glanz hinter dem Objekt ---------- */
.gteaser,body .bteaser{position:relative;background:linear-gradient(135deg,#2C2219 0%,#221A13 55%,#1E1711 100%);
  border:1px solid rgba(216,185,106,.22);border-radius:8px;color:var(--text);overflow:hidden;
  box-shadow:0 24px 60px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.05);padding:28px 30px;margin:40px auto 0;max-width:680px;grid-template-columns:auto 1fr;gap:26px}
.gteaser::before,body .bteaser::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold) 40%,var(--gold) 60%,transparent)}
.gteaser::after,body .bteaser::after{content:"";position:absolute;left:-40px;top:50%;width:260px;height:260px;transform:translateY(-50%);pointer-events:none;
  background:radial-gradient(circle,rgba(216,185,106,.20),transparent 62%)}
.gteaser:hover,body .bteaser:hover{border-color:rgba(216,185,106,.5);transform:translateY(-2px)}
.gteaser>*,body .bteaser>*{position:relative;z-index:1}
body .bteaser{margin-top:14px;text-align:left}
.gteaser .gb-tag,body .bteaser .bt-tag{background:transparent;color:var(--gold);border:1px solid rgba(216,185,106,.45);font-weight:600;font-size:.6rem;letter-spacing:.2em;padding:4px 10px;border-radius:999px;margin-bottom:10px}
.gteaser .gt-text b,body .bteaser b.bt-h{font-family:var(--serif);font-weight:400;font-size:1.6rem;line-height:1.12;letter-spacing:-.01em;color:var(--text)}
.gteaser .gt-text>span:not(.gb-tag),body .bteaser .bt-t{color:var(--muted);font-size:1rem;line-height:1.6}
.gteaser .gt-text em,body .bteaser em{display:inline-block;margin-top:14px;background:var(--gold-hell);color:#1B1410;font-family:var(--sans);font-weight:700;font-size:.9rem;padding:11px 20px;border-radius:999px;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.gteaser .gb-karte{transform:rotate(-4deg);width:164px;height:116px;box-shadow:0 18px 40px rgba(0,0,0,.55)}
.gteaser .gb-karte .gb-k2{top:26px;font-size:.98rem}.gteaser .gb-karte .gb-k3{top:49px;font-size:1.2rem}.gteaser .gb-karte .gb-k4{top:78px}
body .bteaser .nbc{width:122px;box-shadow:0 20px 40px rgba(0,0,0,.6),inset 7px 0 10px -6px rgba(0,0,0,.7)}
@media (max-width:560px){.gteaser,body .bteaser{padding:26px 20px;grid-template-columns:1fr;justify-items:center;text-align:center;gap:18px}
  .gteaser::after,body .bteaser::after{left:50%;top:0;transform:translate(-50%,-30%)}}

/* ---------- „Warum kostenlos“: ruhiger Absatz, keine Box ---------- */
#s-hero .warum.gross{border:0;background:none;border-top:1px solid var(--line);border-radius:0;padding:36px 8px 0;margin-top:48px;max-width:640px}
#s-hero .warum.gross h5{font-family:var(--serif);font-weight:300;font-size:1.75rem;line-height:1.15;letter-spacing:-.01em}
#s-hero .warum.gross p{font-size:1.02rem;line-height:1.7;color:var(--muted);max-width:52ch}
#s-hero .warum.gross p.danke{color:var(--text)}
#s-hero .warum.gross p.danke b{color:var(--gold);font-weight:500;font-style:italic}
#s-hero .warum.gross .nachsatz{font-size:.8rem}
@media (max-width:520px){#s-hero .warum.gross{padding:30px 0 0}#s-hero .warum.gross h5{font-size:1.5rem}}
.btn-spende{border-radius:999px;background:transparent;border-color:var(--line);font-weight:700}
.btn-spende:hover{border-color:var(--gold);background:rgba(216,185,106,.08)}
.btn-spende.mitte{background:var(--gold-hell);border-color:var(--gold-hell);box-shadow:0 10px 26px rgba(0,0,0,.35)}
.btn-spende.mitte:hover{background:#FFD75A}
.pp-btn{border-radius:999px;box-shadow:none}

/* ---------- Entdecken: ruhige Liste ---------- */
.entdecken{border-top:1px solid var(--line);margin-top:56px;padding-top:40px}
.entdecken h5{font-family:var(--serif);font-weight:300;font-size:1.75rem;letter-spacing:-.01em;margin-bottom:10px}
.entdecken p{font-size:1rem;line-height:1.65}
.entdecken .namen{gap:8px;justify-content:center;border:0;background:none;padding:0;margin-top:16px}
.entdecken .namen a{background:transparent;border:1px solid var(--line);border-radius:999px;font-weight:600;font-size:.86rem;padding:8px 14px}
.entdecken .namen a:hover{border-color:var(--gold-dim);color:var(--gold)}
.entdecken .namen a.alle{color:var(--gold);border-color:var(--gold-dim)}
.entdecken .magazin-zeile{font-size:.96rem;line-height:1.9}
.entdecken .magazin-zeile b{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--gold)}
.entdecken .magazin-zeile a{border-bottom-color:rgba(216,185,106,.35)}
.feed{gap:0;border-top:1px solid var(--line)}
.feed .fz{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:16px 4px}
.feed .fz:hover{background:rgba(216,185,106,.04)}
.feed .fz b{font-family:var(--serif);font-weight:500;font-size:1.12rem;color:var(--gold)}
.feed .fz span{font-size:1rem;line-height:1.6}

/* ---------- Gate + Recherche ---------- */
.card{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:36px 0 0}
.card h2{font-family:var(--serif);font-weight:300;font-size:2rem;line-height:1.1}
.card .found{color:var(--gold)}
.card p{font-size:1.05rem;line-height:1.7}
.adbox{background:transparent;border:1px solid var(--line);border-radius:6px}
.adslot .big{font-family:var(--serif);font-weight:300;font-size:clamp(1.3rem,4vw,1.8rem)}
.adslot .count{font-family:var(--sans);font-weight:600;letter-spacing:.1em}
.adbar i{background:var(--gold)}
.research h3{font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.25rem;color:var(--gold);letter-spacing:0}
.steps li{font-size:1rem;line-height:1.5}
.steps li .dot{font-family:var(--sans)}
.geduld,.vorab{border-radius:6px;font-size:.96rem;line-height:1.6}
.vorab{border-style:solid}
body .hspot{border:1px solid var(--line);border-radius:6px;background:transparent}
body .hspot .hs-kopf{font-family:var(--sans);font-weight:600;letter-spacing:.18em}
body .hspot h4{font-family:var(--serif);font-weight:400;font-size:1.3rem}
body .hspot p{font-size:.96rem}
body .hspot a.hs-btn{background:var(--gold-hell);border-radius:999px;padding:11px 18px;font-weight:700}


/* ---------- Akte: eine zusammenhängende Tafel, Haarlinien statt gestrichelter Kästen ---------- */
.geteilt{border-radius:6px;background:transparent;border:1px solid var(--line)}
.geteilt p span{color:var(--gold);font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.05rem}
.searchslip.klein{border-radius:999px;padding:5px 5px 5px 8px;box-shadow:none}
.dossier{background:linear-gradient(180deg,#2A2018 0%,#231A14 220px);border:1px solid rgba(216,185,106,.18);border-radius:8px;margin-top:40px;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.dossier-head{padding:34px 34px 26px;border-bottom:1px solid var(--line)}
.dossier-head .akte{font-size:.62rem;color:var(--gold);letter-spacing:.24em}
.dossier-head h2{font-family:var(--serif);font-weight:300;font-size:clamp(2.4rem,8vw,3.6rem);line-height:1.02;letter-spacing:-.02em;margin-top:10px}
.dossier-head h2::after{width:64px;height:1px;background:linear-gradient(90deg,var(--gold),transparent);margin-top:16px}
.dossier-head .typ{border:0;padding:0;margin-top:10px;font-weight:600;font-size:.64rem;letter-spacing:.2em;color:var(--gold)}
.stamp{color:var(--gold);border-color:var(--gold);font-family:var(--sans);font-weight:600;letter-spacing:.16em;opacity:.7;top:28px;right:26px}
.sect{padding:28px 34px;border-bottom:1px solid var(--line)}
.sect h4{font-size:.62rem;color:var(--gold);letter-spacing:.24em;margin-bottom:12px}
.sect p{font-size:1.1rem;line-height:1.72;color:#E8DFC9;max-width:62ch}
.sect p + p{margin-top:12px}
#resBody > .sect:first-child p:first-of-type::first-letter{
  font-family:var(--serif);font-weight:400;float:left;font-size:3.6rem;line-height:.82;padding:4px 8px 0 0;color:var(--gold)}
.sect .btn{background:var(--gold-hell);color:#1B1410;border-radius:999px;padding:11px 20px;font-weight:700}
.teaser{background:rgba(216,185,106,.06);border-bottom:1px solid var(--line);padding:16px 34px}
.teaser p{font-size:.98rem}
.teaser p b{font-family:var(--serif);font-weight:500;font-style:italic}
.teaser .btn{padding:11px 18px}
.locked{background:var(--panel2)}
.locked p{font-size:1rem}
.disclaimer{font-family:var(--sans);font-size:.66rem;letter-spacing:.02em;color:#7C7059;padding:16px 34px;border-top:1px solid var(--line)}
@media (max-width:560px){.dossier-head{padding:28px 22px 22px}.sect{padding:24px 22px}.teaser{padding:14px 22px}.disclaimer{padding:14px 22px}
  .dossier-head h2{font-size:clamp(2.1rem,10vw,2.8rem)}}
/* Spendenzeile in der Akte: gleiche Stelle, gleiche Größe */
#resBody > .danach{background:var(--panel2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 34px}
#resBody > .danach h5{font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.2rem;color:var(--gold)}
#resBody > .danach p{font-size:.96rem}
@media (max-width:560px){#resBody > .danach{padding:20px 22px}}

/* ---------- Angebot: dunkle Tafel, Haarlinien, goldener Kaufknopf ---------- */
.after#angebot{position:relative;background:linear-gradient(180deg,#2A2018 0%,#221A13 30%);border:1px solid rgba(216,185,106,.22);border-radius:8px;padding:30px 28px 26px;margin-top:22px;gap:14px;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.after h5{font-family:var(--serif);font-weight:400}
.ang-kopf h5{font-weight:300;font-size:1.85rem;line-height:1.1;letter-spacing:-.015em}
.ang-kopf p{font-size:1rem;line-height:1.6}
.tiefer li{font-size:.96rem}
.tiefer-vorschau{border-radius:6px;border-color:var(--gold-dim);background:rgba(216,185,106,.06)}
.ang-kopf p a{color:var(--gold)!important;border-bottom-color:rgba(216,185,106,.35)!important}
.stufe{background:var(--panel2);border:1px solid var(--line);border-radius:8px}
.stufe:hover{border-color:var(--gold-dim)}
.stufe[aria-checked="true"]{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 16px 34px rgba(0,0,0,.45);background:linear-gradient(180deg,rgba(216,185,106,.08),rgba(0,0,0,0) 60%),var(--panel2)}
.stufe-tag{background:var(--gold-hell);color:#1B1410;font-weight:700;letter-spacing:.12em}
.stufe-titel{font-weight:700}
.stufe-preis{font-family:var(--serif);font-weight:400;color:var(--gold);font-size:1.3rem}
@media(min-width:520px){.stufe-preis{font-size:1.5rem}}
.panel{background:var(--panel2);border:1px solid var(--gold-dim);border-radius:8px;box-shadow:0 16px 40px rgba(0,0,0,.4)}
.pan-text h5{font-size:1.3rem;line-height:1.15}
.panel .namen{border-radius:8px}
.panel .namen .nz .fix,.panel .namen .nz input{border-radius:999px}
.panel .btn-gold{background:var(--gold-hell);color:#1B1410;font-size:1.06rem;padding:16px 20px;letter-spacing:.01em;box-shadow:0 12px 28px rgba(0,0,0,.35)}
.panel .btn-gold:hover{background:#FFD75A;transform:translateY(-1px)}
.dazu-link{border-radius:999px}
/* Geschenk- und Buchbanner im Angebot: gleiche Sprache, getrennt durch Haarlinien */
#angebot .gbanner,#angebot .bbanner{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;margin:10px 0 0;padding:26px 4px 6px}
#angebot .gbanner h5,#angebot .bbanner h5{font-family:var(--serif);font-weight:400;font-size:1.5rem;line-height:1.15;color:var(--text);letter-spacing:-.01em}
#angebot .gbanner p,#angebot .bbanner p{color:var(--muted);font-size:.98rem;line-height:1.6}
#angebot .gb-tag,#angebot .bbanner .bt-tag{background:transparent;color:var(--gold);border:1px solid var(--gold-dim);font-weight:600;font-size:.6rem;letter-spacing:.2em;padding:4px 10px}
#angebot .gb-btn,#angebot .bbanner .bb-btn{background:var(--gold-hell);color:#1B1410;border-radius:999px;font-weight:700;padding:13px 22px}
#angebot .gb-btn:hover,#angebot .bbanner .bb-btn:hover{background:#FFD75A}
#angebot .bbanner li{background:transparent;border-color:var(--line);font-weight:600}
.support{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:22px 4px 0}
.support::before{display:none}
.support h5{font-family:var(--serif);font-weight:400;font-size:1.25rem}
.support p{font-size:.94rem}
.teilen{border-radius:6px;background:transparent;border-color:var(--line)}
.teilen .btn{border-radius:999px;background:transparent;border-color:var(--line);font-weight:600}
.again{margin-top:38px}
@media (max-width:560px){.after#angebot{padding:26px 18px 22px}.panel .btn-gold{font-size:.98rem;padding:15px 12px}.ang-kopf h5{font-size:1.6rem}}

/* ---------- Seitenkarte + Leiste + Fuß ---------- */
body .bside{background:var(--panel);border:1px solid var(--line);border-radius:6px;box-shadow:0 24px 60px rgba(0,0,0,.5)}
body .bside b{font-family:var(--serif);font-weight:400;font-size:1.15rem}
body .bside i{background:var(--gold-hell);color:#1B1410;border-radius:999px;font-weight:700}
body .bside .neu{background:var(--gold-hell);color:#1B1410;font-weight:700;letter-spacing:.12em}
.leiste{background:rgba(27,20,16,.96);border-top:1px solid var(--line)}
.leiste .btn{border-radius:999px}
.toast{border-radius:999px;background:var(--gold-hell)}
footer{font-family:var(--sans);font-weight:600;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:#6E6350;margin-top:80px;padding-top:24px;border-top:1px solid var(--line)}
.schmuck{opacity:.5}
.cmp-box{border-radius:8px}
.cmp-box h3{font-family:var(--serif);font-weight:400;font-size:1.4rem}
.cmp-deny{border-radius:999px}