/* ===== Glanz & Gravur – Website Stylesheet ===== */
/* Lokal eingebettete Schriften (DSGVO – keine Google-Verbindung) */
@font-face{font-family:'GG Norse';src:url('assets/fonts/Norsebold.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:'Lato';src:url('assets/fonts/lato-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Lato';src:url('assets/fonts/lato-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Cinzel';src:url('assets/fonts/cinzel-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Cinzel';src:url('assets/fonts/cinzel-700.woff2') format('woff2');font-weight:700;font-display:swap}
:root{
  --gold:#E8C45C;--gold2:#C9A93F;--ink:#15131a;--bg:#0d0c10;--bg2:#15141a;--bg3:#1c1a22;
  --cream:#F3EBD9;--muted:#bcae8c;--line:rgba(232,196,92,.20);--line-soft:rgba(232,196,92,.12)
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Lato',system-ui,Arial,sans-serif;color:var(--cream);background:var(--bg);line-height:1.65;
  -webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'GG Norse','Cinzel',serif;letter-spacing:.6px;font-weight:400;line-height:1.18}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1180px;margin:0 auto;padding:0 22px}
.narrow{max-width:780px;margin:0 auto;padding:0 22px}

/* Buttons */
.btn{display:inline-block;background:var(--gold);color:var(--ink);font-family:'Cinzel',serif;font-weight:700;
  text-transform:uppercase;letter-spacing:.5px;padding:13px 26px;border-radius:12px;transition:.15s;
  border:2px solid var(--gold);cursor:pointer;font-size:14px}
.btn:hover{background:var(--gold2);border-color:var(--gold2)}
.btn.ghost{background:transparent;color:var(--gold)}
.btn.ghost:hover{background:rgba(232,196,92,.12)}
.btn.sm{padding:9px 18px;font-size:12.5px}

/* Header / Nav */
header{position:sticky;top:0;z-index:80;background:rgba(13,12,16,.94);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:8px 22px;max-width:1180px;margin:0 auto}
.nav .brand img{height:52px}
.nav .links{display:flex;gap:24px;align-items:center}
.nav .links a{font-family:'Cinzel',serif;font-size:13.5px;letter-spacing:.4px;color:var(--cream);transition:.15s}
.nav .links a:hover,.nav .links a.active{color:var(--gold)}
.menu-toggle{display:none;background:none;border:0;cursor:pointer;padding:8px}
.menu-toggle span{display:block;width:26px;height:2px;background:var(--gold);margin:5px 0;transition:.2s}
@media(max-width:900px){
  .menu-toggle{display:block}
  .nav .links{position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;
    background:rgba(13,12,16,.98);border-bottom:1px solid var(--line);max-height:0;overflow:hidden;transition:max-height .3s}
  .nav .links.open{max-height:520px}
  .nav .links a{padding:14px 22px;width:100%;border-top:1px solid var(--line-soft);font-size:15px}
  .nav .links a.btn{margin:14px 22px;width:auto;text-align:center;border-top:0}
}

/* Hero */
.hero{position:relative;min-height:78vh;display:flex;align-items:center;overflow:hidden}
.hero video,.hero .hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(8,8,10,.88),rgba(8,8,10,.45) 60%,rgba(8,8,10,.25))}
.hero .inner{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:0 22px}
.hero h1{font-size:clamp(31px,5vw,58px);color:var(--cream);max-width:15ch;text-shadow:0 2px 16px rgba(0,0,0,.7)}
.hero .tag{font-family:'Cinzel',serif;font-style:italic;color:var(--gold);font-size:clamp(16px,2.2vw,23px);margin:16px 0 8px;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.hero .trust{color:#e7dcc2;font-size:14px;margin-bottom:26px;letter-spacing:.3px}
.hero .cta-row{display:flex;gap:12px;flex-wrap:wrap}

/* Page hero (kleiner, für Unterseiten) */
.page-hero{position:relative;padding:64px 0 54px;text-align:center;
  background:linear-gradient(rgba(8,8,10,.72),rgba(8,8,10,.82)),var(--ph,none) center/cover;border-bottom:1px solid var(--line)}
.page-hero h1{font-size:clamp(28px,4vw,44px);color:var(--gold)}
.page-hero p{color:#e7dcc2;margin-top:10px;max-width:620px;margin-left:auto;margin-right:auto}
.crumb{color:var(--muted);font-size:13px;margin-bottom:8px;letter-spacing:.4px}

/* Sections */
section{padding:72px 0}
section.tight{padding:52px 0}
.section-title{text-align:center;margin-bottom:8px;font-size:clamp(24px,3.4vw,38px);color:var(--gold)}
.section-sub{text-align:center;color:var(--muted);margin-bottom:40px;max-width:640px;margin-left:auto;margin-right:auto}
.alt{background:var(--bg2)}

/* Category / generic grid */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
@media(max-width:900px){.grid3{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}}
@media(max-width:540px){.grid3{grid-template-columns:1fr}}

.tile{position:relative;display:block;border-radius:16px;overflow:hidden;border:1px solid var(--line);transition:.18s}
.tile:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(0,0,0,.4);border-color:var(--gold)}
.tile img{width:100%;aspect-ratio:1/1;object-fit:cover}
.tile .cap{position:absolute;left:0;right:0;bottom:0;padding:16px;font-family:'Cinzel',serif;font-weight:700;
  background:linear-gradient(transparent,rgba(8,8,10,.85));color:var(--cream);font-size:17px}

/* Feature row */
.feature{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;border-radius:18px;overflow:hidden;border:1px solid var(--line)}
.feature.rev{direction:rtl}.feature.rev>*{direction:ltr}
@media(max-width:820px){.feature{grid-template-columns:1fr}}
.feature .img{background-size:cover;background-position:center;min-height:340px}
.feature .txt{padding:42px;background:var(--bg2)}
.feature .txt h2{color:var(--gold);font-size:27px;margin-bottom:14px}
.feature .txt p{color:#e7dcc2;margin-bottom:14px}

/* Cards (tools, blog, events) */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px){.cards{grid-template-columns:1fr}}
.card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:hidden;
  background:var(--bg2);transition:.18s}
.card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 16px 40px rgba(0,0,0,.45)}
.card .ch{height:180px;background-size:cover;background-position:center;border-bottom:1px solid var(--line)}
.card .cb{padding:22px;display:flex;flex-direction:column;flex:1}
.card h3{font-size:20px;margin-bottom:8px}
.card .meta{color:var(--gold);font-size:12.5px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;font-family:'Cinzel',serif}
.card p{color:var(--muted);font-size:14.5px;margin-bottom:18px;flex:1}
.card a.more{color:var(--gold);font-family:'Cinzel',serif;font-size:13.5px;letter-spacing:.4px;align-self:flex-start}
.card a.more:hover{color:var(--gold2)}

/* Tool card with rune glyph */
.toolart{display:flex;align-items:center;justify-content:center;font-size:56px;color:var(--gold);
  background:radial-gradient(120% 120% at 30% 20%,#26313a,#12151a)}
.toolart.edda{background:radial-gradient(120% 120% at 70% 20%,#332a1d,#15120d)}

/* Reviews */
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:900px){.reviews{grid-template-columns:1fr}}
.review{background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:26px}
.review .stars{color:var(--gold);letter-spacing:3px;margin-bottom:10px}
.review p{color:#efe6d2;font-style:italic;margin-bottom:12px}
.review .who{color:var(--muted);font-size:14px}

/* CTA band */
.cta{position:relative;text-align:center;padding:84px 22px;
  background:linear-gradient(rgba(8,8,10,.8),rgba(8,8,10,.8)),url('assets/cta.jpg') center/cover}
.cta h2{color:var(--gold);font-size:clamp(24px,3.4vw,36px);margin-bottom:10px}
.cta p{color:#e7dcc2;max-width:560px;margin:0 auto 6px}
.cta .code{display:inline-block;border:2px dashed var(--gold);border-radius:12px;padding:10px 22px;margin:16px 0;
  font-family:'Cinzel',serif;color:var(--cream);font-size:20px;letter-spacing:1px}

/* Article (blog post) */
.article{max-width:760px;margin:0 auto;padding:0 22px}
.article .lead{font-size:19px;color:#efe6d2;font-style:italic;margin:0 0 24px;border-left:3px solid var(--gold);padding-left:18px}
.article h2{color:var(--gold);font-size:26px;margin:34px 0 12px}
.article h3{color:var(--cream);font-size:20px;margin:26px 0 10px}
.article p{margin-bottom:16px;color:#e9e0cd}
.article blockquote{margin:24px 0;padding:18px 24px;background:var(--bg2);border-left:3px solid var(--gold);
  border-radius:8px;font-style:italic;color:#f0e8d6}
.article blockquote cite{display:block;margin-top:8px;font-style:normal;color:var(--muted);font-size:13px}
.article img.hd{width:100%;border-radius:16px;margin:0 0 28px;border:1px solid var(--line)}
.tagline-pill{display:inline-block;background:rgba(232,196,92,.12);border:1px solid var(--line);color:var(--gold);
  font-family:'Cinzel',serif;font-size:12px;letter-spacing:.5px;padding:6px 14px;border-radius:999px;margin-bottom:14px}

/* Events */
.events{display:flex;flex-direction:column;gap:16px;max-width:840px;margin:0 auto}
.event{display:flex;gap:22px;align-items:center;background:var(--bg2);border:1px solid var(--line);
  border-radius:14px;padding:20px 24px}
@media(max-width:560px){.event{flex-direction:column;align-items:flex-start;gap:10px}}
.event .date{flex:0 0 92px;text-align:center;background:var(--bg3);border:1px solid var(--line);border-radius:12px;padding:12px 8px}
.event .date .d{font-family:'Cinzel',serif;font-size:26px;color:var(--gold);line-height:1}
.event .date .m{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-top:4px}
.event .info h3{font-size:19px;margin-bottom:4px}
.event .info .loc{color:var(--gold);font-size:13.5px;margin-bottom:6px;font-family:'Cinzel',serif;letter-spacing:.3px}
.event .info p{color:var(--muted);font-size:14.5px}

/* Shop embed */
.shopwrap{min-height:400px}
.shop-cats{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:34px}
.shop-cats a{border:1px solid var(--line);border-radius:999px;padding:9px 18px;font-size:13.5px;
  font-family:'Cinzel',serif;color:var(--cream);transition:.15s}
.shop-cats a:hover{border-color:var(--gold);color:var(--gold)}

/* Info / note box */
.note{background:var(--bg2);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:10px;
  padding:16px 20px;color:var(--muted);font-size:14px;margin:24px auto;max-width:760px}

/* Footer */
footer{background:#0a090d;border-top:1px solid var(--line);padding:48px 0 30px;color:var(--muted);font-size:14px}
.fcols{display:flex;flex-wrap:wrap;gap:34px;justify-content:space-between}
.fcols>div{min-width:180px}
footer a:hover{color:var(--gold)}
footer h4{font-family:'Cinzel',serif;color:var(--cream);margin-bottom:12px;font-size:15px}
footer .fcol a{display:inline-block;margin:2px 0}
.copy{margin-top:26px;opacity:.7;font-size:13px}

/* Utilities */
.center{text-align:center}
.mt{margin-top:26px}
.gold{color:var(--gold)}

/* ===== Runen-Schrift (eingebettet) ===== */
@font-face{font-family:'GG Runic';src:url(data:font/woff2;base64,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) format('woff2');font-display:swap}
.runic{font-family:'GG Runic','Noto Sans Runic','Segoe UI Historic','Segoe UI Symbol',serif}

/* ===== Animationen ===== */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}
.reveal.d4{transition-delay:.32s}.reveal.d5{transition-delay:.40s}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.hero video{animation:none!important}}
.hero video{animation:kenburns 26s ease-in-out infinite alternate}
@keyframes kenburns{from{transform:scale(1.02)}to{transform:scale(1.12)}}
.hero .inner>*{animation:fadeUp .9s ease both}
.hero h1{animation-delay:.1s}.hero .tag{animation-delay:.32s}.hero .trust{animation-delay:.5s}.hero .cta-row{animation-delay:.66s}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.knotdiv{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 0 30px}
.knotdiv span{height:1px;width:90px;background:linear-gradient(90deg,transparent,var(--line))}
.knotdiv span:last-child{background:linear-gradient(90deg,var(--line),transparent)}
.knotdiv .k{width:9px;height:9px;background:var(--gold);transform:rotate(45deg);display:block;flex:0 0 auto;box-shadow:0 0 8px rgba(232,196,92,.5)}
.tile .cap,.card,.tile,.btn{will-change:transform}

/* ===== Runen-Wissensseite ===== */
.runegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:900px){.runegrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.runegrid{grid-template-columns:1fr}}
.runecell{display:flex;gap:16px;background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:18px}
.runecell .rg{font-size:46px;color:var(--gold);line-height:1;flex:0 0 auto;width:52px;text-align:center}
.runecell .rg.blank{font-size:18px;color:var(--muted);border:2px dashed var(--line);border-radius:8px;width:48px;height:54px;display:flex;align-items:center;justify-content:center}
.runecell h3{font-size:17px;margin-bottom:2px}
.runecell .kw{color:var(--gold);font-size:12.5px;font-family:'Cinzel',serif;letter-spacing:.4px;margin-bottom:6px}
.runecell p{color:var(--muted);font-size:13.5px;line-height:1.5}
.runecell .ae{color:#7d7866;font-size:11px;margin-top:6px;letter-spacing:.5px;text-transform:uppercase}

/* ===== Cookie-Consent-Banner ===== */
#gg-consent{display:none;position:fixed;left:0;right:0;bottom:0;z-index:200;
  background:rgba(13,12,16,.97);border-top:1px solid var(--gold);backdrop-filter:blur(8px)}
.gg-c-inner{max-width:1180px;margin:0 auto;padding:16px 22px;display:flex;gap:18px;align-items:center;
  justify-content:space-between;flex-wrap:wrap}
.gg-c-inner p{color:var(--cream);font-size:13.5px;margin:0;max-width:780px;font-family:'Lato',sans-serif;line-height:1.5}
.gg-c-inner a{color:var(--gold);border-bottom:1px solid var(--line)}
.gg-c-btns{display:flex;gap:10px;flex-shrink:0}
.gg-c-btns button{cursor:pointer;border-radius:9px;padding:11px 22px;font-family:'Cinzel',serif;font-size:13px;
  font-weight:700;letter-spacing:.4px;text-transform:uppercase;border:2px solid var(--gold)}
.gg-c-ok{background:var(--gold);color:var(--ink)}
.gg-c-ok:hover{background:var(--gold2);border-color:var(--gold2)}
.gg-c-no{background:transparent;color:var(--gold)}
.gg-c-no:hover{background:rgba(232,196,92,.12)}

/* ===== Cookie-Consent – ausführliche Variante ===== */
#gg-consent .gg-c-inner{display:block;max-width:1180px;margin:0 auto;padding:20px 22px}
.gg-c-head{font-family:'GG Norse','Cinzel',serif;color:var(--gold);font-size:21px;margin-bottom:8px;letter-spacing:.5px}
.gg-c-text{color:var(--cream);font-size:13.5px;line-height:1.6;margin:0 0 16px}
.gg-c-text a{color:var(--gold);border-bottom:1px solid var(--line)}
#gg-consent .gg-c-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.gg-c-set,.gg-c-back{background:transparent;color:var(--cream);border:1px solid var(--line)}
.gg-c-set:hover,.gg-c-back:hover{border-color:var(--gold);color:var(--gold)}
.gg-c-save{background:transparent;color:var(--gold);border:2px solid var(--gold)}
.gg-c-save:hover{background:rgba(232,196,92,.12)}
.gg-c-cats{display:flex;flex-direction:column;gap:10px;margin:4px 0 16px}
.gg-c-cat{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:var(--bg2);
  border:1px solid var(--line);border-radius:10px;padding:14px 16px;cursor:pointer}
.gg-c-ct{display:flex;flex-direction:column;gap:3px}
.gg-c-ct strong{color:var(--cream);font-size:14px;font-family:'Lato',sans-serif}
.gg-c-ct small{color:var(--muted);font-size:12.5px;line-height:1.45}
.gg-c-cat input{width:20px;height:20px;accent-color:var(--gold);flex:0 0 auto;margin-top:2px}


/* ===== Cookie-Consent – ausfuehrliche Variante ===== */
#gg-consent .gg-c-inner{display:block;max-width:1180px;margin:0 auto;padding:20px 22px}
.gg-c-head{font-family:'GG Norse','Cinzel',serif;color:var(--gold);font-size:21px;margin-bottom:8px;letter-spacing:.5px}
.gg-c-text{color:var(--cream);font-size:13.5px;line-height:1.6;margin:0 0 16px}
.gg-c-text a{color:var(--gold);border-bottom:1px solid var(--line)}
#gg-consent .gg-c-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.gg-c-set,.gg-c-back{background:transparent;color:var(--cream);border:1px solid var(--line)}
.gg-c-set:hover,.gg-c-back:hover{border-color:var(--gold);color:var(--gold)}
.gg-c-save{background:transparent;color:var(--gold);border:2px solid var(--gold)}
.gg-c-save:hover{background:rgba(232,196,92,.12)}
.gg-c-cats{display:flex;flex-direction:column;gap:10px;margin:4px 0 16px}
.gg-c-cat{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:var(--bg2);
  border:1px solid var(--line);border-radius:10px;padding:14px 16px;cursor:pointer}
.gg-c-ct{display:flex;flex-direction:column;gap:3px}
.gg-c-ct strong{color:var(--cream);font-size:14px;font-family:'Lato',sans-serif}
.gg-c-ct small{color:var(--muted);font-size:12.5px;line-height:1.45}
.gg-c-cat input{width:20px;height:20px;accent-color:var(--gold);flex:0 0 auto;margin-top:2px}


/* ===== Animierte Werkzeug-Schaufenster ===== */
.toolfx{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px){.toolfx{grid-template-columns:1fr}}
.tfx{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:hidden;
  background:var(--bg2);transition:.18s;color:inherit}
.tfx:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 16px 44px rgba(0,0,0,.5)}
.tfx-pre{position:relative;height:200px;overflow:hidden;border-bottom:1px solid var(--line);background:#0b0d11}
.tfx-body{padding:22px;display:flex;flex-direction:column;flex:1}
.tfx-body .meta{color:var(--gold);font-size:12.5px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;font-family:'Cinzel',serif}
.tfx-body h3{font-size:21px;margin:0 0 8px}
.tfx-body p{color:var(--muted);font-size:14.5px;margin:0 0 18px;flex:1}
.tfx-body .more{color:var(--gold);font-family:'Cinzel',serif;font-size:13.5px;letter-spacing:.4px}
.tfx:hover .more{color:var(--gold2)}
/* Slides (Edelstein + Edda) */
.fxslide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.1s ease}
.fxslide.on{opacity:1}
.tfx-gems::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 90% at 50% 30%,transparent,rgba(8,9,11,.45));z-index:2}
/* Nebel-Runen */
.tfx-fog{background:radial-gradient(85% 85% at 50% 38%,#1b2331,#0a0d12)}
.tfx-fog::before{content:"";position:absolute;inset:-25%;z-index:1;filter:blur(8px);
  background:radial-gradient(40% 40% at 30% 62%,rgba(232,196,92,.12),transparent 70%),
             radial-gradient(46% 46% at 72% 34%,rgba(150,180,210,.12),transparent 70%);
  animation:fxfogmove 13s ease-in-out infinite alternate}
@keyframes fxfogmove{from{transform:translate(-5%,2%) scale(1.05)}to{transform:translate(5%,-3%) scale(1.12)}}
.fxr{position:absolute;z-index:2;font-family:'GG Runic','Noto Sans Runic','Segoe UI Historic',serif;
  color:#e7cf9c;opacity:0;text-shadow:0 0 16px rgba(232,196,92,.55);pointer-events:none;
  animation:fxrune 5s ease-in-out forwards}
@keyframes fxrune{0%{opacity:0;transform:translateY(16px) scale(.85);filter:blur(7px)}
  30%{opacity:.92;filter:blur(0)}70%{opacity:.92}100%{opacity:0;transform:translateY(-16px) scale(1.08);filter:blur(7px)}}
/* Edda-Zitatslider */
.tfx-edda .fxslide{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px}
.fxq-on{font-family:'Cinzel','Iowan Old Style',serif;font-style:italic;color:var(--gold);font-size:18px;
  text-shadow:0 2px 8px rgba(0,0,0,.7);margin-bottom:8px}
.fxq-de{color:#ece4d3;font-size:13.5px;line-height:1.5;text-shadow:0 1px 6px rgba(0,0,0,.7);max-width:90%}
@media(prefers-reduced-motion:reduce){.tfx-fog::before{animation:none}.fxr{display:none}}


/* ===== Bewertungs-Slider ===== */
.revslider{position:relative;display:flex;align-items:center;gap:10px}
.rev-vp{overflow:hidden;flex:1}
.rev-track{display:flex;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.rev{flex:0 0 33.333%;padding:0 10px}
@media(max-width:900px){.rev{flex:0 0 100%}}
.rev-card{background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:26px;height:100%;
  display:flex;flex-direction:column}
.rev-card .stars{color:var(--gold);letter-spacing:3px;margin-bottom:10px}
.rev-card p{color:#efe6d2;font-style:italic;margin-bottom:14px;flex:1;line-height:1.55}
.rev-card .who{color:var(--cream);font-family:'Cinzel',serif;font-size:14px;letter-spacing:.3px}
.rev-card .prod{color:var(--muted);font-size:11px;letter-spacing:.6px;text-transform:uppercase;margin-top:5px;font-family:'Cinzel',serif}
.rev-nav{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);
  background:var(--bg2);color:var(--gold);font-size:22px;cursor:pointer;line-height:1;transition:.15s}
.rev-nav:hover{border-color:var(--gold);background:#15140f}
@media(max-width:560px){.rev-nav{display:none}}
.rev-dots{display:flex;gap:8px;justify-content:center;margin-top:24px}
.rev-dots button{width:9px;height:9px;border-radius:50%;border:0;background:var(--line);cursor:pointer;padding:0;transition:.2s}
.rev-dots button.on{background:var(--gold);transform:scale(1.25)}

/* ===== Lebendigere Welten-Kacheln ===== */
.tile img{transition:transform .7s ease}
.tile:hover img{transform:scale(1.07)}
.tile .cap{z-index:2}
.tile::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(120deg,transparent 38%,rgba(232,196,92,.16) 50%,transparent 62%);
  transform:translateX(-130%);transition:transform .8s ease}
.tile:hover::after{transform:translateX(130%)}


/* Produkt-Hintergrund (halbtransparent) in Bewertungskarten */
.rev-card{position:relative;overflow:hidden}
.rev-card .rbg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.30;z-index:0}
.rev-card::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(21,20,26,.55),rgba(21,20,26,.84))}
.rev-card>.stars,.rev-card>p,.rev-card>.who,.rev-card>.prod{position:relative;z-index:2}


/* ===== CTA Funken-Animation ===== */
.cta{overflow:hidden}
.cta-canvas{position:absolute;inset:0;z-index:1;pointer-events:none}
.cta h2,.cta p,.cta .code,.cta .btn{position:relative;z-index:2}

/* ===== Bibliothek – Bildkacheln mit Nebel-Runen ===== */
.libgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px){.libgrid{grid-template-columns:1fr}}
.libcard{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:hidden;
  background:var(--bg2);transition:.18s}
.libcard:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 16px 44px rgba(0,0,0,.5)}
.lib-head{position:relative;height:200px;background-size:cover;background-position:center;overflow:hidden;border-bottom:1px solid var(--line)}
.lib-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,9,11,.32),rgba(8,9,11,.66))}
.lib-body{padding:22px;display:flex;flex-direction:column;flex:1}
.lib-body .meta{color:var(--gold);font-size:12px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;font-family:'Cinzel',serif}
.lib-body h3{font-size:20px}
/* Anklickbare Runenkacheln + Detailseite */
a.runecell{text-decoration:none;color:inherit;transition:.16s;cursor:pointer}
a.runecell:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 12px 30px rgba(0,0,0,.45)}
a.runecell:hover h3{color:var(--gold)}
.rune-hero{display:flex;align-items:center;gap:24px;margin-top:10px}
.rune-big{font-size:84px;line-height:1;color:var(--gold);text-shadow:0 2px 16px rgba(0,0,0,.6)}
.rune-sub{color:#e7dcc2;font-family:'Cinzel',serif;font-size:14px;letter-spacing:.4px;margin-top:8px}

/* ===== Goldene Runen-Bilder & Galdrastafir ===== */
.rg-img{flex:0 0 auto;width:68px;display:flex;align-items:center;justify-content:center}
.rg-img img{width:68px;height:auto;filter:drop-shadow(0 3px 6px rgba(0,0,0,.55));transition:.18s}
a.runecell:hover .rg-img img{transform:scale(1.07);filter:drop-shadow(0 0 13px rgba(232,196,92,.6))}
.rune-bigimg{width:132px;height:auto;flex:0 0 auto;filter:drop-shadow(0 6px 20px rgba(0,0,0,.6));animation:runefloat 5s ease-in-out infinite}
@keyframes runefloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.vegvis-spin{display:flex;justify-content:center;margin:4px 0 20px}
.vegvis-spin img{width:96px;height:auto;opacity:.5;animation:vegspin 64s linear infinite;filter:drop-shadow(0 0 10px rgba(232,196,92,.3))}
@keyframes vegspin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
figure.staves{display:flex;flex-wrap:wrap;gap:26px;justify-content:center;align-items:flex-start;margin:28px 0;padding:24px;
  border:1px solid var(--line);border-radius:16px;background:rgba(20,18,24,.55)}
figure.staves .stavewrap{display:flex;flex-direction:column;align-items:center;gap:8px}
figure.staves img{width:155px;height:auto;filter:drop-shadow(0 0 14px rgba(232,196,92,.28))}
figure.staves .stavewrap span{font-family:'Cinzel',serif;color:var(--gold);font-size:14px;letter-spacing:.5px}
figure.staves figcaption{flex-basis:100%;text-align:center;color:var(--muted);font-size:13px;font-style:italic;margin-top:4px;line-height:1.55}
@media(max-width:560px){.rune-bigimg{width:94px}.rg-img,.rg-img img{width:56px}figure.staves img{width:120px}}

/* ===== Schablonen: unregelmaessige, auslaufende Bildraender (frayed-mask-applied) ===== */
.article img.hd{border:none;border-radius:0;
  -webkit-mask:url('assets/masks/frayed2.png') center/100% 100% no-repeat;
  mask:url('assets/masks/frayed2.png') center/100% 100% no-repeat}
.feature{border-color:transparent;background:transparent}
.feature .img{
  -webkit-mask:url('assets/masks/frayed1.png') center/100% 100% no-repeat;
  mask:url('assets/masks/frayed1.png') center/100% 100% no-repeat}
.feature.rev .img{
  -webkit-mask-image:url('assets/masks/frayed3.png');
  mask-image:url('assets/masks/frayed3.png')}
/* Story-Stapel (Bibliothek) etwas Luft, da Raender jetzt auslaufen */
.story-stack .feature{margin:6px 0}

/* Aufrecht/Umgekehrt-Boxen mit Runenstein */
.rune-state{display:flex;gap:14px;align-items:flex-start;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.rune-state .rune-mini{width:48px;height:auto;flex:0 0 auto;filter:drop-shadow(0 2px 5px rgba(0,0,0,.55))}
.rune-state .rune-mini.flip{transform:rotate(180deg)}
.rune-state>div{flex:1}
.rune-state strong{color:var(--gold);font-family:'Cinzel',serif;font-size:13px;letter-spacing:.4px}
.rune-state>div{color:var(--muted);font-size:14px;line-height:1.55}

/* Abwechslungsreiche Schablonen fuer Story-/Feature-Bilder */
.feature.rev .img{-webkit-mask-image:url('assets/masks/frayed3.png');mask-image:url('assets/masks/frayed3.png')}
.story-stack .feature:nth-child(2) .img{-webkit-mask-image:url('assets/masks/frayed4.png')!important;mask-image:url('assets/masks/frayed4.png')!important}
.story-stack .feature:nth-child(3) .img{-webkit-mask-image:url('assets/masks/frayed6.png')!important;mask-image:url('assets/masks/frayed6.png')!important}
.story-stack .feature:nth-child(4) .img{-webkit-mask-image:url('assets/masks/frayed5.png')!important;mask-image:url('assets/masks/frayed5.png')!important}
.story-stack .feature:nth-child(5) .img{-webkit-mask-image:url('assets/masks/frayed7.png')!important;mask-image:url('assets/masks/frayed7.png')!important}
.story-stack .feature:nth-child(6) .img{-webkit-mask-image:url('assets/masks/frayed8.png')!important;mask-image:url('assets/masks/frayed8.png')!important}

/* Social-Links mit Icons */
.fcol .social-link{display:flex;align-items:center;gap:9px;margin:7px 0;color:var(--cream);transition:.15s}
.fcol .social-link:hover{color:var(--gold)}
.fcol .social-link svg{flex:0 0 auto;color:var(--gold)}

/* Valknut-Emblem + Stäbe kleiner/mehr Abstand */
.valknut-emblem{display:flex;justify-content:center;margin:2px 0 28px}
.valknut-emblem img{width:128px;height:auto;filter:drop-shadow(0 0 16px rgba(232,196,92,.38));animation:runefloat 6s ease-in-out infinite}
figure.staves{margin:40px 0;gap:36px;padding:30px 26px}
figure.staves img{width:126px}
figure.staves figcaption{margin-top:14px}
@media(max-width:560px){.valknut-emblem img{width:96px}figure.staves img{width:104px}}

/* ===== Markt-Finder (Veranstaltungen) ===== */
.finder{background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:22px}
.fbar{margin-bottom:12px}
.fbar.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:760px){.fbar.grid{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.fbar.grid{grid-template-columns:1fr}}
.fbar label{display:flex;flex-direction:column;gap:5px;font-family:'Cinzel',serif;font-size:11.5px;letter-spacing:.4px;color:var(--gold);text-transform:uppercase}
.fin,.fbar select{width:100%;background:var(--bg3);border:1px solid var(--line);border-radius:9px;color:var(--cream);padding:10px 12px;font-size:14px;font-family:'Lato',system-ui,sans-serif}
.fbar select{cursor:pointer}
.fin:focus,.fbar select:focus{outline:none;border-color:var(--gold)}
.endbtn{justify-content:flex-end}.endbtn .btn{margin-top:auto}
.fmeta{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;margin:6px 2px 14px;color:var(--gold);font-family:'Cinzel',serif;font-size:14px}
.fhint{color:var(--muted);font-family:'Lato',sans-serif;font-size:12.5px;font-style:italic}
.ftools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;border-top:1px solid var(--line-soft);padding-top:14px}
.fsel{margin-left:auto;color:var(--muted);font-size:13px}
.ev-list{display:flex;flex-direction:column;gap:8px}
.ev-mon{color:var(--gold);font-size:18px;margin:18px 0 4px;border-bottom:1px solid var(--line-soft);padding-bottom:5px}
.ev-item{display:flex;align-items:center;gap:14px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;transition:.15s}
.ev-item:hover{border-color:var(--gold)}
.ev-item input{width:18px;height:18px;flex:0 0 auto;accent-color:var(--gold)}
.ev-day{flex:0 0 auto;width:50px;text-align:center;background:var(--bg3);border-radius:8px;padding:5px 0;line-height:1.1}
.ev-day b{display:block;color:var(--gold);font-size:18px;font-family:'Cinzel',serif}
.ev-day small{color:var(--muted);font-size:11px;text-transform:uppercase}
.ev-main{flex:1;min-width:0}
.ev-name{display:block;font-weight:700;color:var(--cream)}
.ev-meta{display:block;color:var(--muted);font-size:13px}
.ev-tags{flex:0 0 auto;text-align:right;display:flex;flex-direction:column;gap:4px;align-items:flex-end}
.ev-typ{background:rgba(232,196,92,.14);color:var(--gold);border:1px solid var(--line);border-radius:20px;padding:3px 10px;font-size:11px;font-family:'Cinzel',serif;white-space:nowrap}
.ev-dist{color:var(--muted);font-size:11.5px}
@media(max-width:540px){.ev-tags{display:none}}

/* ===== Musik: Album-/Hyperfollow-Karte ===== */
.album{display:grid;grid-template-columns:280px 1fr;gap:26px;align-items:center;background:var(--bg2);border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:18px}
@media(max-width:680px){.album{grid-template-columns:1fr;text-align:center}}
.album-cover{display:block;border-radius:14px;overflow:hidden;border:1px solid var(--line);transition:.18s}
.album-cover:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.5);border-color:var(--gold)}
.album-cover img{width:100%;display:block;aspect-ratio:1/1;object-fit:cover}
.album-art{color:var(--gold);font-family:'Cinzel',serif;font-size:12px;letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px}
.album-body h3{font-size:26px;line-height:1.15;margin-bottom:6px}
.album-body h3 span{color:var(--muted);font-size:18px}
.album-body p{color:var(--muted);margin-bottom:16px}
.album-links{display:flex;flex-wrap:wrap;gap:9px}
@media(max-width:680px){.album-links{justify-content:center}}
.spotify-wrap{margin-top:10px}
.spotify-wrap #spHolder{margin-top:12px}

/* album-tune: Cover kleiner, Buttons geordneter + mehr Abstand */
.album{grid-template-columns:230px 1fr;gap:30px;align-items:center}
.album-cover{width:100%;max-width:230px}
@media(max-width:680px){.album-cover{margin:0 auto}.album-body{margin-top:6px}}
.album-body h3{font-size:23px;margin-bottom:8px}
.album-body p{margin-bottom:18px}
.album-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
.album-links .btn{margin:0}
@media(max-width:680px){.album-links{justify-content:center;gap:10px}}

/* ===== Markt-Finder Karten v2 (klar getrennt) ===== */
.ev-list{display:flex;flex-direction:column;gap:12px}
.ev-mon{color:var(--gold);font-size:19px;margin:22px 0 4px;border-bottom:1px solid var(--line);padding-bottom:6px;font-family:'GG Norse','Cinzel',serif}
.ev-item{display:flex;align-items:center;gap:16px;background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:14px 18px;transition:.15s}
.ev-item:hover{border-color:var(--gold);box-shadow:0 8px 24px rgba(0,0,0,.35)}
.ev-pick{flex:0 0 auto;display:flex;align-items:center;cursor:pointer;margin:0}
.ev-pick input{width:20px;height:20px;accent-color:var(--gold);cursor:pointer}
.ev-day{flex:0 0 auto;width:60px;text-align:center;background:var(--bg3);border:1px solid var(--line-soft);border-radius:10px;padding:8px 0;line-height:1.05}
.ev-day b{display:block;color:var(--gold);font-size:21px;font-family:'Cinzel',serif}
.ev-day small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px}
.ev-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.ev-name{font-weight:700;color:var(--cream);font-size:16px;line-height:1.25;text-decoration:none}
.ev-name:hover{color:var(--gold)}
.ev-ext{color:var(--gold);font-size:13px}
.ev-meta{color:var(--gold);font-size:13px;font-family:'Cinzel',serif}
.ev-loc{color:var(--muted);font-size:13px}
.ev-tags{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:7px;text-align:right;min-width:130px}
.ev-typ{background:rgba(232,196,92,.14);color:var(--gold);border:1px solid var(--line);border-radius:20px;padding:3px 12px;font-size:11px;font-family:'Cinzel',serif;white-space:nowrap}
.ev-dist{color:var(--muted);font-size:12px}
.ev-go{color:var(--gold);font-size:12.5px;font-family:'Cinzel',serif;border:1px solid var(--line);border-radius:8px;padding:5px 11px;transition:.15s;white-space:nowrap;text-decoration:none}
.ev-go:hover{background:rgba(232,196,92,.12);border-color:var(--gold)}
@media(max-width:640px){
 .ev-item{flex-wrap:wrap;gap:12px}
 .ev-tags{min-width:0;flex-direction:row;flex-wrap:wrap;flex-basis:100%;justify-content:flex-start;align-items:center;text-align:left;margin-left:76px}
}

/* plural-s in Norse-Headings dezenter */
.section-title .pls{font-size:.6em;text-transform:lowercase;opacity:.85;letter-spacing:0}

/* ===== Lesefassungen (Direkt lesen) ===== */
.article .rune-read{display:flex;flex-direction:column;margin:8px 0 12px}
.article .rr{display:flex;gap:16px;align-items:flex-start;padding:12px 4px;border-bottom:1px solid var(--line-soft)}
.article .rr-g{flex:0 0 auto;width:48px;text-align:center;font-family:'GG Runic','Noto Sans Runic',serif;font-size:36px;color:var(--gold);line-height:1.05}
.article .rr-b{flex:1;min-width:0}
.article .rr-h{font-weight:700;color:var(--cream);font-size:15.5px}
.article .rr-kw{color:var(--gold);font-family:'Cinzel',serif;font-size:12px;letter-spacing:.4px;text-transform:uppercase;margin:2px 0 4px}
.article .rr-m{color:var(--muted);font-size:14px;line-height:1.55}
.article .strophe{color:#e7dcc2;margin:0 0 9px;line-height:1.62}
.article .strophe .snr{display:inline-block;min-width:32px;color:var(--gold);font-family:'Cinzel',serif;font-weight:700}
.article p.muted{color:var(--muted);font-style:italic;margin:-2px 0 10px}
.article .bi{border-left:2px solid var(--line);padding:2px 0 2px 14px;margin:0 0 16px}
.article .bi .on{color:#d9c48a;font-style:italic;font-family:'Times New Roman',Georgia,serif;margin:0 0 3px}
.article .bi .de{color:#e7dcc2;margin:0}
.article .bi .src{color:var(--muted);font-size:12px;margin:3px 0 0;font-family:'Cinzel',serif}
.article p.dual{color:#d9c48a;font-style:italic;border-left:2px solid var(--gold);padding-left:13px;margin:6px 0 18px}

.biblio-sub{color:var(--gold);font-family:"GG Norse","Cinzel",serif;font-size:20px;margin:30px 0 12px;border-bottom:1px solid var(--line-soft);padding-bottom:6px}

/* ===== Interaktive Fundort-Karte (freigestellt + Schlagschatten) ===== */
.vmap{position:relative;margin:10px 0 14px;line-height:0}
.vmap-img{width:100%;display:block;
  filter:drop-shadow(0 20px 30px rgba(0,0,0,.6)) drop-shadow(0 4px 8px rgba(0,0,0,.5))}
.vmark{position:absolute;transform:translate(-50%,-100%);z-index:3;display:block;line-height:0;cursor:pointer}
.vmark .sw{height:80px;width:auto;display:block;filter:drop-shadow(0 3px 5px rgba(0,0,0,.85));transition:.16s;transform-origin:bottom center}
.vmark:hover,.vmark:focus{z-index:8;outline:none}
.vmark:hover .sw,.vmark:focus .sw{transform:scale(1.32)}
.vmark .vtip{position:absolute;left:50%;bottom:100%;transform:translateX(-50%);background:rgba(13,12,16,.97);
  border:1px solid var(--gold);color:var(--cream);font-size:12px;white-space:nowrap;padding:5px 10px;border-radius:8px;
  opacity:0;pointer-events:none;transition:.15s;font-family:'Cinzel',serif;box-shadow:0 6px 18px rgba(0,0,0,.6);line-height:1.2;margin-bottom:2px}
.vmark:hover .vtip,.vmark:focus .vtip{opacity:1}
.vmap-hint{color:var(--muted);font-size:13px;font-style:italic;margin:0 2px 18px}
@media(max-width:640px){.vmark .sw{height:56px}}

/* ===== Markt-Finder v3: klarere Trennung, größer ===== */
.ev-list{gap:16px}
.ev-mon{font-family:'GG Norse','Cinzel',serif;color:var(--gold);font-size:25px;letter-spacing:1px;
  margin:38px 0 10px;padding-bottom:10px;border-bottom:2px solid var(--line);text-align:left;display:flex;align-items:center;gap:12px}
.ev-mon:first-child{margin-top:10px}
.ev-mon::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}
.ev-item{background:var(--bg3);border:1px solid rgba(232,196,92,.32);border-radius:16px;padding:18px 20px;gap:18px;
  box-shadow:0 6px 18px rgba(0,0,0,.4)}
.ev-item:hover{border-color:var(--gold);box-shadow:0 14px 32px rgba(0,0,0,.55);transform:translateY(-2px)}
.ev-day{width:66px;padding:9px 0}
.ev-day b{font-size:23px}
.ev-day small{font-size:12px}
.ev-name{font-size:18px}
.ev-meta{font-size:14px}
.ev-loc{font-size:14px}
.ev-typ{font-size:11.5px;padding:4px 13px}
.ev-go{padding:7px 13px;font-size:13px}
.ev-pick input{width:22px;height:22px}
@media(max-width:640px){.ev-mon{font-size:21px;margin-top:30px}.ev-name{font-size:16.5px}}

/* Abstand zwischen den Karten-Buttons */
.lib-body .btn{margin:8px 8px 0 0}

/* Hover-Beschreibung für Quellen-/Museums-Pills */
.shop-cats a[data-tip]{position:relative}
.shop-cats a[data-tip]:hover::after,.shop-cats a[data-tip]:focus::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 9px);
  transform:translateX(-50%);background:rgba(13,12,16,.98);border:1px solid var(--gold);color:var(--cream);
  font-family:'Lato',system-ui,sans-serif;font-size:12.5px;line-height:1.45;white-space:normal;width:max-content;max-width:280px;
  text-transform:none;letter-spacing:0;text-align:left;padding:9px 12px;border-radius:9px;box-shadow:0 10px 26px rgba(0,0,0,.65);z-index:30;pointer-events:none}
.shop-cats a[data-tip]:hover::before,.shop-cats a[data-tip]:focus::before{content:"";position:absolute;left:50%;bottom:calc(100% + 3px);
  transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--gold);z-index:30;pointer-events:none}

/* Runen-Lesefassung: Detail je Rune */
.article .rune-detail{border-left:2px solid var(--line);padding:6px 0 8px 16px;margin:0 0 20px}
.article .rune-detail h3{color:var(--gold);font-size:20px;margin:0 0 4px;display:flex;align-items:center;gap:8px}
.article .rune-detail .rdg{font-family:'GG Runic','Noto Sans Runic',serif;color:var(--gold);font-size:30px;line-height:1}
.article .rune-detail .rr-kw{margin-bottom:8px}
.article .rune-detail p{margin:0 0 8px;color:#d8d0c2;font-size:14.5px;line-height:1.62}
.article .rune-detail strong{color:var(--gold)}

/* Produkt-Placement im Fließtext */
.article figure.prodfig{float:right;max-width:330px;margin:6px 0 18px 28px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg2);box-shadow:0 10px 30px rgba(0,0,0,.45)}
.article figure.prodfig a{display:block;overflow:hidden}
.article figure.prodfig img{width:100%;display:block;transition:.25s}
.article figure.prodfig:hover{border-color:var(--gold)}
.article figure.prodfig:hover img{transform:scale(1.04)}
.article figure.prodfig figcaption{padding:12px 15px;color:var(--muted);font-size:13px;font-style:italic;line-height:1.5}
@media(max-width:680px){.article figure.prodfig{float:none;max-width:100%;margin:22px 0}}

.btnrow{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.btnrow .btn{margin:0}

/* ===== Newsletter-Anmeldung (Footer) ===== */
.nl-band{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.nl-inner{display:flex;flex-wrap:wrap;align-items:center;gap:26px;padding:28px 22px;max-width:1180px;margin:0 auto}
.nl-text{flex:1 1 300px}
.nl-text h3{color:var(--gold);font-family:'GG Norse','Cinzel',serif;font-size:23px;margin:0 0 5px}
.nl-text p{color:var(--muted);font-size:14px;margin:0;line-height:1.55}
.nl-form{flex:1 1 350px;max-width:470px}
.nl-row{display:flex;gap:10px}
.nl-row input[type=email]{flex:1;min-width:0;background:var(--bg3);border:1px solid var(--line);border-radius:10px;color:var(--cream);padding:12px 14px;font-size:14px;font-family:'Lato',system-ui,sans-serif}
.nl-row input[type=email]:focus{outline:none;border-color:var(--gold)}
.nl-row .btn{white-space:nowrap}
.nl-consent{display:block;margin-top:12px;color:var(--muted);font-size:11.5px;line-height:1.6;overflow:hidden}
.nl-consent input{float:left;margin:2px 9px 0 0;width:16px;height:16px;accent-color:var(--gold)}
.nl-consent a{color:var(--gold)}
@media(max-width:560px){.nl-row{flex-direction:column}.nl-row .btn{width:100%}}

.nl-checkout{color:#8a8474;font-size:11.5px;margin:10px 0 0;line-height:1.5}.nl-checkout strong{color:var(--gold)}

.lnks{margin-top:10px;display:flex;gap:14px;flex-wrap:wrap}
.lnks a{font-weight:600;color:var(--gold);font-size:.92rem;text-decoration:none}
.lnks a:hover{text-decoration:underline}

.ch.logo{background-size:contain;background-repeat:no-repeat;background-position:center}

/* Sprach-Umschalter DE/EN */
.langsw{display:inline-flex;align-items:center;justify-content:center;margin-left:10px;padding:3px 9px;border:1px solid var(--line);border-radius:6px;font-size:.78rem;font-weight:700;letter-spacing:.05em;color:var(--muted);text-decoration:none;transition:color .15s,border-color .15s}
.langsw:hover{color:var(--gold);border-color:var(--gold)}