/* STODA · Seiten-Stil: faq (aus faq.html übernommen) */

/* Layout: FAQ-Seite. Kopf, Handy-Menü und Footer wie index.html und wiki.html (Menüpunkt „FAQ“ aktiv),
   Inhalt ist der Kodex im Questbuch-Stil: Rubriken, Fragen, Antwort. Jede Frage ist direkt verlinkbar: faq.html#pvp.
   Bewusst nur dunkles Theme, Tokens identisch mit der index.html. */
:root{
  color-scheme: dark;
  /* Farben */
  --night:    #0c0f15;
  --stone:    #8c8778;
  --parchment:#ebe1cb;
  --dim:      rgba(235,225,203,.8);
  --ember:    #e38b3d;
  --ember-deep:#a8461f;
  --ember-glow: rgba(227,139,61,.45);
  --rune:     #a6dcd3;
  --oak-top:  #3b2b1f;
  --oak-bot:  #22180f;
  --line:     rgba(235,225,203,.12);

  /* Schrift */
  --f-display: "Grenze Gotisch", Georgia, serif;
  --f-body:    "Alegreya", Georgia, "Times New Roman", serif;
  --f-label:   "Alegreya Sans SC", "Trebuchet MS", system-ui, sans-serif;

  /* Typo-Skala */
  --t-xs: .8rem; --t-sm: .95rem; --t-md: 1.15rem; --t-lg: 1.5rem;
  --t-xl: clamp(2rem, 4.5vw, 3.4rem);

  --ease: cubic-bezier(.2,.7,.2,1);
  --nav-h: 62px;
  --gutter-l: max(16px, env(safe-area-inset-left, 0px));
  --gutter-r: max(16px, env(safe-area-inset-right, 0px));
  --wrap: 1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 10px)}
body{
  margin:0;
  background: var(--night);
  color: var(--parchment);
  font-family: var(--f-body);
  font-size: 18px;
  line-height: 1.6;
  overflow-x: hidden;
}
h1,h2,h3{margin:0;text-wrap:balance;font-weight:700}
p{margin:0}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--ember);outline-offset:3px;border-radius:2px}

.wrap{max-width:var(--wrap);margin-inline:auto;padding-left:var(--gutter-l);padding-right:var(--gutter-r)}
.label{font-family:var(--f-label);font-size:var(--t-sm);letter-spacing:.3em;text-transform:uppercase;color:var(--ember);display:flex;align-items:center;gap:14px}
.label::before{content:"";width:28px;height:1px;background:currentColor}
.sec-h{font-family:var(--f-display);font-size:var(--t-xl);line-height:1.05;margin-top:12px}
.ico{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ================= NAVIGATION =================
   Feste Leiste mit Verlauf, gleitet von oben herein, Logo gleitet danach von links herein. */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:200;
  padding-top:env(safe-area-inset-top,0px);
  background:linear-gradient(180deg,var(--oak-top) 0%,var(--oak-bot) 100%);
  border-bottom:1px solid rgba(227,139,61,.38);
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset, 0 4px 24px rgba(0,0,0,.55);
  animation:navSlideIn .7s cubic-bezier(.22,.8,.32,1) both;
}
.nav::before{
  content:"";position:absolute;top:env(safe-area-inset-top,0px);left:0;right:0;height:1px;
  background:linear-gradient(to right,transparent,rgba(255,200,140,.4) 30%,rgba(255,200,140,.4) 70%,transparent);
}
.nav .wrap{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:none;padding-left:max(24px,var(--gutter-l));padding-right:max(24px,var(--gutter-r))}
@keyframes navSlideIn{from{transform:translateY(-100%);opacity:0}to{transform:none;opacity:1}}

.nav-logo{display:flex;align-items:center;text-decoration:none;animation:logoSlideIn .6s cubic-bezier(.22,.8,.32,1) .55s both}
@keyframes logoSlideIn{from{transform:translateX(-60px);opacity:0}to{transform:none;opacity:1}}
.nav-logo img{height:30px;width:auto;display:block}
.nav-logo img[hidden]{display:none}
.nav-logo .txt{font-family:var(--f-display);font-weight:900;font-size:1.8rem;line-height:30px;height:30px;letter-spacing:.04em}
.nav-logo .txt span{color:var(--ember)}

.nav-links{display:flex;gap:clamp(1.1rem,2vw,2.2rem);list-style:none;margin:0;padding:0}
.nav-links a{
  font-family:var(--f-label);font-size:.92rem;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(235,225,203,.72);text-decoration:none;position:relative;padding-bottom:2px;transition:color .2s;white-space:nowrap;
}
.nav-links a::after{content:"";position:absolute;bottom:-2px;left:0;right:100%;height:1px;background:var(--parchment);transition:right .3s}
.nav-links a:hover{color:#fff}
.nav-links a:hover::after{right:0}

.nbtn{
  font-family:var(--f-label);font-weight:700;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;
  padding:.5rem 1.4rem;color:#1a1009;text-decoration:none;white-space:nowrap;
  background:linear-gradient(180deg,#f2a660,var(--ember) 60%,#c8662a);
  border:1px solid rgba(255,190,120,.55);
  box-shadow:0 1px 0 rgba(255,255,255,.25) inset, 0 2px 8px rgba(0,0,0,.4);
  transition:box-shadow .2s, filter .2s;
}
.nbtn:hover{filter:brightness(1.08);box-shadow:0 0 20px var(--ember-glow)}

/* Platz unter der festen Leiste */
main{padding-top:var(--nav-h)}


/* ==================================================================
   MENÜ, HANDY-MENÜ, WIKI-LEISTE, FOOTER  (gemeinsam für index.html und wiki.html)
   ================================================================== */
.nav-right{display:flex;align-items:center;gap:12px}
.nav-links a[aria-current]{color:#fff}
.nav-links a[aria-current]::after{right:0;background:var(--ember)}
/* Der Wiki-Punkt bekommt eine kleine Raute, die beim Darüberfahren aufglüht */
.nav-links .wiki-link{display:inline-flex;align-items:center;gap:9px}
.nav-links .wiki-link::before{content:"";width:7px;height:7px;transform:rotate(45deg);border:1px solid var(--ember);transition:background .3s,box-shadow .3s}
.nav-links .wiki-link:hover::before,.nav-links .wiki-link[aria-current]::before{background:var(--ember);box-shadow:0 0 10px var(--ember-glow)}
.nav-links .wiki-link::after{left:16px}
.burger{display:none;position:relative;width:42px;height:38px;flex:none;background:none;border:1px solid rgba(227,139,61,.4);cursor:pointer}
.burger span{position:absolute;left:11px;right:11px;height:1.5px;background:var(--parchment);transition:transform .35s var(--ease),opacity .25s}
.burger span:nth-child(1){top:12px}.burger span:nth-child(2){top:18px}.burger span:nth-child(3){top:24px}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mnav{position:fixed;left:0;right:0;top:calc(var(--nav-h) + env(safe-area-inset-top,0px));z-index:190;max-height:calc(100vh - var(--nav-h));max-height:calc(100dvh - var(--nav-h));overflow-y:auto;overscroll-behavior:contain;
  padding:10px max(24px,var(--gutter-r)) 22px max(24px,var(--gutter-l));
  background:linear-gradient(180deg,var(--oak-bot),#120d08);border-bottom:1px solid rgba(227,139,61,.38);box-shadow:0 20px 40px rgba(0,0,0,.6);
  clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .5s var(--ease),visibility 0s .5s}
.mnav.open{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .5s var(--ease)}
.mnav ul{list-style:none;margin:0;padding:0;display:grid}
.mnav a,.mnav .off{display:flex;align-items:center;gap:12px;padding:.85rem .2rem;border-bottom:1px solid var(--line);font-family:var(--f-label);letter-spacing:.16em;text-transform:uppercase;font-size:.92rem;color:var(--dim);text-decoration:none}
.mnav a:hover,.mnav a[aria-current]{color:var(--parchment)}
.mnav a[aria-current]{border-bottom-color:var(--ember)}
.mnav .off{opacity:.5}
.mnav h4{margin:18px 0 2px;font-family:var(--f-label);letter-spacing:.24em;text-transform:uppercase;font-size:.68rem;color:var(--ember);font-weight:700}
.mnav .dia{--s:22px}
@media (max-width:1180px){.burger{display:block}}
@media (min-width:1181px){.mnav{display:none}}
/* Raute mit Symbol (Wiki-Bereiche) */
.dia{position:relative;flex:none;width:var(--s,26px);height:var(--s,26px);transform:rotate(45deg);border:1px solid rgba(227,139,61,.6);background:radial-gradient(circle,rgba(227,139,61,.1),#0d1016 70%);display:grid;place-items:center;transition:transform .4s var(--ease),box-shadow .4s}
.dia .ico{transform:rotate(-45deg);width:58%;height:58%;color:#ffd29c;transition:transform .4s var(--ease)}
.dia.soon-d{border-color:var(--rune);border-style:dashed}.dia.soon-d .ico{color:var(--rune)}
/* Footer mit Wiki-Leiste */
.site-foot{border-top:1px solid rgba(227,139,61,.3);background:linear-gradient(180deg,#100d0a,#0a0c10)}
.site-foot .wrap{display:grid;gap:26px;padding-block:36px calc(30px + env(safe-area-inset-bottom,0px))}
.wstrip{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px 40px;align-items:center}
.wstrip-h{font-family:var(--f-display);font-size:1.7rem;line-height:1}
.wstrip-h a{text-decoration:none}
.wstrip-h small{display:block;font-family:var(--f-label);letter-spacing:.2em;text-transform:uppercase;font-size:.66rem;color:var(--ember);margin-bottom:6px}
.wstrip ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:4px}
.wstrip ul a,.wstrip ul .off{position:relative;display:inline-flex;align-items:center;gap:12px;padding:.5rem .8rem .5rem .5rem;font-family:var(--f-label);letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;color:var(--dim);text-decoration:none;transition:color .25s}
.wstrip ul a::after{content:"";position:absolute;left:44px;right:12px;bottom:3px;height:1px;background:var(--ember);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.wstrip ul a:hover,.wstrip ul a:focus-visible{color:var(--parchment)}
.wstrip ul a:hover::after,.wstrip ul a:focus-visible::after{transform:scaleX(1)}
.wstrip ul a:hover .dia,.wstrip ul a:focus-visible .dia{transform:rotate(135deg);box-shadow:0 0 14px var(--ember-glow)}
.wstrip ul a:hover .dia .ico,.wstrip ul a:focus-visible .dia .ico{transform:rotate(-135deg)}
.wstrip ul .off{opacity:.5}
.wstrip-h a{color:var(--parchment);transition:color .2s}.wstrip-h a:hover{color:var(--ember)}
.foot-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 28px;padding-top:18px;border-top:1px solid var(--line);font-family:var(--f-label);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;color:var(--stone)}
.foot-row ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 20px}
.foot-row a{color:var(--stone);text-decoration:none;transition:color .2s}
.foot-row a:hover{color:var(--parchment)}
@media (min-width:1001px){.wstrip ul{grid-template-columns:repeat(3,max-content);column-gap:clamp(20px,4vw,56px)}}
.wstrip ul a,.wstrip ul .off{white-space:nowrap}
@media (max-width:1000px){.wstrip{grid-template-columns:minmax(0,1fr)}}
/* ===================== Ende MENÜ / FOOTER ===================== */
/* Kleiner Wunschlisten-Aufruf am Ende */
.w-cta{border-top:1px solid var(--line);padding-block:clamp(56px,8vw,90px);text-align:center;background:radial-gradient(ellipse 50% 80% at 50% 100%,rgba(227,139,61,.14),transparent 70%)}
.w-cta .wrap{display:grid;justify-items:center;gap:16px}
.w-cta h2{font-family:var(--f-display);font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.05;max-width:20ch}
.w-cta h2 span{color:var(--ember)}
.w-cta p{color:var(--dim);max-width:46ch}
.w-cta .nbtn{padding:.75rem 1.6rem;font-size:.85rem}

@media (max-width:1180px){.nav-links{display:none}}
@media (max-width:620px){body{font-size:17px}.nbtn{padding:.45rem .9rem;letter-spacing:.12em}}
@media (max-width:400px){.nbtn{padding:.42rem .7rem;letter-spacing:.08em;font-size:.72rem}}
/* Kopf und Brotkrumen */
.w-hero{position:relative;overflow:hidden;padding-block:clamp(40px,6vw,70px) clamp(70px,10vw,120px);
  background:radial-gradient(ellipse 50% 60% at 78% 40%,rgba(227,139,61,.12),transparent 70%),radial-gradient(ellipse 40% 50% at 10% 20%,rgba(80,90,120,.18),transparent 70%)}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 clamp(26px,4vw,44px);padding:0;list-style:none;font-family:var(--f-label);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;color:var(--stone)}
.crumbs li + li::before{content:"›";margin-right:8px;color:var(--ember)}
.crumbs a{color:var(--stone);text-decoration:none}
.crumbs a:hover{color:var(--parchment)}
.crumbs [aria-current="page"]{color:var(--parchment)}

/* Grundteile des Questbuchs */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ico{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
mark{background:rgba(227,139,61,.3);color:inherit;padding:0 .06em}
/* Platzhalter: auf der echten Seite durch Text ersetzen */
.ph{font-style:italic;color:var(--ember);border:1px dashed rgba(227,139,61,.55);padding:0 .3em;background:rgba(227,139,61,.08)}

/* ==================================================================
   QUESTBUCH-GRUNDTEILE (Rahmen, Eichenleiste, Reiter, Raute, Balken)
   ================================================================== */
.qb{display:grid;grid-template-columns:240px minmax(0,1fr);border:1px solid rgba(227,139,61,.35);background:linear-gradient(180deg,rgba(28,22,17,.9),rgba(14,12,10,.92));box-shadow:0 30px 60px rgba(0,0,0,.45)}
.oak{background:repeating-linear-gradient(90deg,rgba(0,0,0,.08) 0 2px,transparent 2px 9px),linear-gradient(180deg,var(--oak-top),var(--oak-bot))}
.qb-side{display:grid;align-content:start;border-right:1px solid rgba(227,139,61,.25);padding-block:14px}
.qb-side h4{font-family:var(--f-display);font-size:1.6rem;padding:4px 20px 10px}
.qb-search{position:relative;margin:0 14px 12px;display:block}
.qb-search input{width:100%;background:rgba(12,15,21,.5);border:1px solid rgba(235,225,203,.2);padding:.45rem .7rem .45rem 2rem;font-size:.9rem}
.qb-search input::placeholder{color:var(--stone)}
.qb-search input:focus{outline:none;border-color:var(--ember)}
.qb-search svg{position:absolute;left:.6rem;top:50%;width:14px;height:14px;margin-top:-7px;stroke:var(--stone);fill:none;stroke-width:2}
.qb-tabs{display:grid}
.qb-tab{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;padding:.6rem 18px;background:none;border:0;border-left:2px solid transparent;cursor:pointer;text-align:left;font-family:var(--f-label);letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;color:var(--stone);transition:color .2s,background .2s,border-color .2s;white-space:nowrap}
.qb-tab b{font-family:var(--f-body);letter-spacing:0;font-variant-numeric:tabular-nums}
.qb-tab .ico{width:16px;height:16px;color:var(--ember)}
.qb-tab:hover{color:var(--parchment)}
.qb-tab[aria-selected="true"]{color:var(--parchment);border-color:var(--ember);background:rgba(227,139,61,.12)}
.qb-tab[disabled]{opacity:.35;cursor:default}
.empty{padding:2rem 1rem;text-align:center;color:var(--stone);font-style:italic;border:1px dashed var(--line)}
/* Raute mit Zeichen oder Symbol */
.q-ico{flex:none;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(227,139,61,.5);transform:rotate(45deg);transition:background .3s,box-shadow .3s}
.q-ico > *{transform:rotate(-45deg)}
.q-ico span{font-family:var(--f-display);font-size:1.1rem;color:var(--ember);line-height:1}
.q-ico .ico{width:16px;height:16px;color:var(--ember)}
.bar{height:4px;background:var(--line);position:relative;display:block}
.bar i{position:absolute;left:0;top:0;bottom:0;width:var(--v,0%);background:linear-gradient(90deg,var(--ember-deep),var(--ember));transition:width .8s var(--ease)}
@keyframes qIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
/* Frage (wie Quest) */
.quest{border:1px solid var(--line);background:rgba(12,15,21,.55);animation:qIn .5s var(--ease) both;animation-delay:calc(var(--i,0) * 50ms);scroll-margin-top:20px;transition:border-color .3s}
.quest.open{border-color:rgba(227,139,61,.4)}
.quest.hit{animation:qIn .5s var(--ease) both,flash 1.4s ease .3s}
@keyframes flash{30%{border-color:var(--ember);box-shadow:0 0 24px rgba(227,139,61,.35)}}
.q-head{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:.85rem 1rem;background:none;border:0;cursor:pointer;text-align:left}
.quest.open .q-ico{background:rgba(227,139,61,.15);box-shadow:0 0 14px rgba(227,139,61,.25)}
.q-title{display:grid;gap:2px;min-width:0}
.q-title small{font-family:var(--f-label);letter-spacing:.16em;text-transform:uppercase;font-size:.68rem;color:var(--stone)}
.q-title b{font-size:var(--t-md);line-height:1.3;font-weight:500}
.q-pm{width:16px;height:16px;position:relative;transition:transform .45s var(--ease)}
.q-pm::before,.q-pm::after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;margin-top:-.75px;background:var(--stone)}
.q-pm::after{transform:rotate(90deg)}
.quest.open .q-pm{transform:rotate(135deg)}
.quest.open .q-pm::before,.quest.open .q-pm::after{background:var(--ember)}
.q-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
.quest.open .q-body{grid-template-rows:1fr}
.q-body > div{overflow:hidden;min-height:0}
.q-inner{padding:0 1rem 1.1rem calc(1rem + 34px + 16px);display:grid;gap:12px;color:var(--dim)}
.q-inner .see{display:flex;flex-wrap:wrap;gap:6px 14px;font-family:var(--f-label);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;color:var(--stone)}
.q-inner .see a{color:var(--ember);text-decoration:none;font-family:var(--f-body);letter-spacing:0;text-transform:none;font-size:var(--t-sm)}
.q-inner .see a:hover{text-decoration:underline}
.objs{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.objs li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:center;font-size:var(--t-sm)}
.objs li::before{content:"";width:10px;height:10px;border:1px solid var(--ember);background:var(--ember);transform:rotate(45deg);justify-self:center}
.objs li.no::before{background:none;border-color:var(--stone)}
@media (max-width:760px){
  .qb{grid-template-columns:minmax(0,1fr)}
  .qb-side{border-right:0;border-bottom:1px solid rgba(227,139,61,.25);padding:12px 0 0}
  .qb-side h4{display:none}
  .qb-tabs{display:flex;overflow-x:auto;scrollbar-width:none}
  .qb-tabs::-webkit-scrollbar{display:none}
  .qb-tab{width:auto;flex:none;grid-template-columns:auto auto;border-left:0;border-bottom:2px solid transparent;padding:.7rem .8rem;font-size:.72rem;letter-spacing:.08em}
  .qb-tab .ico{display:none}
  .qb-tab[aria-selected="true"]{border-color:var(--ember)}
  .q-inner{padding-left:1rem}
}
/* ===================== Ende QUESTBUCH-GRUNDTEILE ===================== */

/* ===== VARIANTE 2: Kodex ===== */
.cx{grid-template-columns:230px minmax(0,320px) minmax(0,1fr)}
.cx-list{border-right:1px solid rgba(227,139,61,.18);padding:10px 0;display:grid;align-content:start;max-height:620px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(227,139,61,.4) transparent}
.cx-row{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:start;width:100%;padding:.6rem 16px .6rem 18px;background:none;border:0;border-left:2px solid transparent;cursor:pointer;text-align:left;font-size:.95rem;line-height:1.35;color:var(--dim);transition:background .2s,border-color .2s,color .2s;animation:qIn .4s var(--ease) both;animation-delay:calc(var(--i,0) * 35ms)}
.cx-row::before{content:"";width:9px;height:9px;margin-top:.45em;border:1px solid var(--stone);transform:rotate(45deg);justify-self:center;transition:background .3s,border-color .3s}
.cx-row:hover{background:rgba(235,225,203,.04);color:var(--parchment)}
.cx-row[aria-selected="true"]{border-color:var(--ember);color:var(--parchment);background:linear-gradient(90deg,rgba(227,139,61,.14),transparent)}
.cx-row[aria-selected="true"]::before{background:var(--ember);border-color:var(--ember)}
.cx-detail{padding:clamp(20px,3vw,34px);display:grid;gap:16px;align-content:start;min-height:520px}
.cx-detail.swap{animation:qIn .5s var(--ease)}
.cx-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:26px;align-items:center}
.cx-top .q-ico{width:64px;height:64px;margin:10px;box-shadow:0 0 0 5px rgba(12,15,21,.7),0 0 0 6px rgba(227,139,61,.35),0 0 30px rgba(227,139,61,.2);background:radial-gradient(circle,rgba(227,139,61,.15),#0d1016 70%)}
.cx-top .q-ico .ico{width:26px;height:26px}
.cx-top small{font-family:var(--f-label);letter-spacing:.16em;text-transform:uppercase;font-size:.7rem;color:var(--ember)}
.cx-top h3{font-family:var(--f-display);font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.08}
.cx-ans{display:grid;gap:12px;color:var(--dim);font-size:1.05rem;border-left:2px solid var(--ember);padding-left:1.1rem}
.cx-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:12px;font-family:var(--f-label);letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;color:var(--stone)}
.cx-foot .pager{display:flex;gap:6px}
.ctrl{background:rgba(12,15,21,.6);border:1px solid rgba(235,225,203,.3);width:38px;height:38px;display:grid;place-items:center;cursor:pointer;transition:border-color .2s,color .2s}
.ctrl:hover{border-color:var(--ember);color:var(--ember)}
.cx-detail .see{display:flex;flex-wrap:wrap;gap:6px 14px;font-family:var(--f-label);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;color:var(--stone)}
.cx-detail .see a{color:var(--ember);text-decoration:none;font-family:var(--f-body);letter-spacing:0;text-transform:none;font-size:var(--t-sm)}
@media (max-width:1060px){.cx{grid-template-columns:200px minmax(0,260px) minmax(0,1fr)}}
@media (max-width:860px){
  .cx{grid-template-columns:minmax(0,1fr)}
  .cx .qb-side{border-right:0;border-bottom:1px solid rgba(227,139,61,.25);padding:12px 0 0}
  .cx .qb-side h4{display:none}
  .cx .qb-tabs{display:flex;overflow-x:auto;scrollbar-width:none}
  .cx .qb-tab{width:auto;flex:none;grid-template-columns:auto auto;border-left:0;border-bottom:2px solid transparent;padding:.7rem .8rem;font-size:.72rem;letter-spacing:.08em}
  .cx .qb-tab .ico{display:none}
  .cx .qb-tab[aria-selected="true"]{border-color:var(--ember)}
  .cx-list{max-height:260px;border-right:0;border-bottom:1px solid rgba(227,139,61,.18)}
  .cx-detail{min-height:0}
  .cx-top{gap:18px}.cx-top .q-ico{width:48px;height:48px;margin:8px}
}

/* ==================================================================
   FAQ-SEITE
   ================================================================== */
.f-head{padding-block:clamp(36px,5vw,60px) clamp(26px,4vw,40px);background:radial-gradient(ellipse 50% 90% at 85% 0%,rgba(227,139,61,.12),transparent 70%)}
.f-head .crumbs{margin-bottom:clamp(20px,3vw,32px)}
.f-head .row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 40px;align-items:end}
.f-head h1{font-family:var(--f-display);font-weight:900;font-size:clamp(2.6rem,6vw,4.4rem);line-height:.98;margin-top:12px}
.f-head .lead{margin-top:14px;color:var(--dim);max-width:52ch;font-size:var(--t-md)}
.f-head .hint{font-family:var(--f-label);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;color:var(--stone);max-width:32ch;text-align:right}
.f-body{padding-bottom:clamp(56px,8vw,90px)}
.kodex-wrap{scroll-margin-top:calc(var(--nav-h) + 66px)}
@media (max-width:760px){.f-head .row{grid-template-columns:minmax(0,1fr)}.f-head .hint{text-align:left}}
.cx-detail{scroll-margin-top:calc(var(--nav-h) + 64px)}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}