@charset "utf-8";
/* ============================================================
   BankonBet — style.css  ·  Prefix: fgz-
   Archetyp: HYPER CASINO · Sora + Inter · Marke #2b73c2 / #112b8a / #05017b / #74b3da
   Hinweis: parts/* (faq, toc, authorcard, byline, breadcrumbs, proscons,
   reviews, hero-layout, header-bar) tragen EIGENES Inline-CSS — hier nur
   Design-Tokens (:root) + alle uebrigen fgz-Klassen.
   ============================================================ */

/* ---- typisierte Custom-Properties fuer GPU-Farbuebergaenge (2026) ---- */
@property --fgz-fx1{syntax:'<color>';inherits:false;initial-value:transparent}
@property --fgz-fxang{syntax:'<angle>';inherits:false;initial-value:120deg}

/* ---- Reset ---- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;scroll-behavior:smooth}
body{margin:0}
img,svg,video{max-width:100%;height:auto}
img{display:block}
a{color:inherit}
button{font:inherit}
h1,h2,h3,h4,p,ul,ol,dl,figure,dd,blockquote{margin:0}
::selection{background:color-mix(in srgb,var(--fgz-accent) 26%,transparent);color:var(--fgz-ink)}

/* ================= DESIGN-TOKENS ================= */
:root{
  --fgz-wrap:1239px;
  --fgz-pad:clamp(16px,4vw,40px);

  /* Tonale Flaechen-Stufen (warm-neutral, Casino-Lux Light-Base) */
  --fgz-bg:#f7f8fc;
  --fgz-surface:#ffffff;
  --fgz-surface-2:#eef1f8;
  --fgz-surface-3:#e3e8f4;
  --fgz-hairline:color-mix(in srgb, var(--fgz-ink) 13%, transparent);
  --fgz-hairline-2:color-mix(in srgb, var(--fgz-ink) 8%, transparent);

  /* Tinte */
  --fgz-ink:#0a0e24;
  --fgz-ink-2:#33395c;
  --fgz-ink-3:#5a6184;

  /* Marken-Akzente (Pflicht-HEX) */
  --fgz-accent:#2b73c2;            /* Links, Kicker, aktiv, Icons, Zahlen */
  --fgz-accent-ink:#ffffff;
  --fgz-accent-2:#74b3da;          /* sekundaer: Badges, Akzent auf Dunkel */
  --fgz-accent-soft:color-mix(in srgb,var(--fgz-accent) 12%,transparent);

  --fgz-cta:#112b8a;               /* Haupt-Button Fuellung */
  --fgz-cta-ink:#ffffff;
  --fgz-cta-edge:#0a1d63;          /* Button End-Segment */

  --fgz-dark:#05017b;              /* Kopf / Fuss / dunkle Zonen */
  --fgz-dark-2:#0a058f;
  --fgz-dark-ink:#eaeefb;
  --fgz-dark-ink-2:#aebbe8;
  --fgz-on-dark-accent:#74b3da;

  --fgz-tp-star:#00b67a;           /* Reviews-Sterne */
  --fgz-warn:#c0392b;

  /* Typo-Skala (Verhaeltnis 1.25) */
  --fgz-step--1:.8rem;
  --fgz-step-0:1rem;
  --fgz-step-1:1.25rem;
  --fgz-step-2:1.563rem;
  --fgz-step-3:1.953rem;
  --fgz-step-4:2.441rem;
  --fgz-step-5:3.052rem;

  /* Modul-Raster 20px */
  --fgz-space:40px;
  --fgz-gap:20px;
  --fgz-r:6px;                     /* Block-Radius (scharf-nah) */
  --fgz-r-pop:14px;                /* Popup / Tooltip / Cookie */
  --fgz-col:280px;

  --fgz-ease:cubic-bezier(.16,1,.3,1);
  --fgz-dur:.2s;
  --fgz-shadow-pop:0 18px 44px -16px rgba(5,1,123,.42),0 4px 14px -8px rgba(5,1,123,.3);
  --fgz-glow:0 0 0 1px color-mix(in srgb,var(--fgz-accent) 40%,transparent),0 10px 34px -10px color-mix(in srgb,var(--fgz-cta) 55%,transparent);

  --fgz-fdisplay:"Sora",system-ui,"Segoe UI",Arial,sans-serif;
  --fgz-ftext:"Inter",system-ui,-apple-system,Roboto,"Segoe UI",Arial,sans-serif;
}

/* ================= GRUNDLAGEN ================= */
body.fgz-body{
  font-family:var(--fgz-ftext);
  font-size:15px;
  line-height:1.7;
  color:var(--fgz-ink);
  background:var(--fgz-bg);
  font-variant-numeric:tabular-nums lining-nums;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3,h4{font-family:var(--fgz-fdisplay);color:var(--fgz-ink);line-height:1.12;letter-spacing:-.018em;text-wrap:balance}
p{text-wrap:pretty}
strong{font-weight:700;color:var(--fgz-ink)}

.fgz-wrap{width:100%;max-width:var(--fgz-wrap);margin-inline:auto;padding-inline:var(--fgz-pad)}
.fgz-main{width:100%;max-width:var(--fgz-wrap);margin-inline:auto;padding-inline:var(--fgz-pad);padding-block:clamp(28px,5vw,60px)}

.fgz-skip{position:absolute;left:-9999px;top:0;z-index:400;background:var(--fgz-cta);color:#fff;padding:12px 18px;font-weight:700;border-radius:0 0 var(--fgz-r) 0}
.fgz-skip:focus{left:0}
:focus-visible{outline:2px solid var(--fgz-accent);outline-offset:2px;border-radius:2px}

/* ================= KOPF / NAVIGATION ================= */
.fgz-head{
  position:sticky;top:0;z-index:100;
  background:linear-gradient(180deg,var(--fgz-dark-2),var(--fgz-dark));
  color:var(--fgz-dark-ink);
  border-bottom:1px solid color-mix(in srgb,#fff 12%,transparent);
  box-shadow:0 6px 22px -14px rgba(5,1,123,.9);
}
.fgz-head__bar{min-height:66px}
.fgz-logo{flex:0 0 auto;line-height:0}
.fgz-logo img{height:clamp(30px,3.4vw,42px);width:auto;filter:drop-shadow(0 1px 8px rgba(116,179,218,.4))}

.fgz-nav__list a{
  display:inline-flex;align-items:center;
  text-decoration:none;font-family:var(--fgz-fdisplay);font-weight:600;
  font-size:.82rem;letter-spacing:.02em;
  color:var(--fgz-dark-ink);white-space:nowrap;
  padding:8px 4px;position:relative;
  transition:color var(--fgz-dur) var(--fgz-ease)}
.fgz-nav__list a::after{
  content:"";position:absolute;left:2px;right:2px;bottom:0;height:2px;
  background:var(--fgz-on-dark-accent);
  transform:scaleX(0);transform-origin:left;
  transition:transform .22s var(--fgz-ease)}
.fgz-nav__list a:hover,.fgz-nav__list a:focus-visible{color:#fff;outline:none}
.fgz-nav__list a:hover::after,.fgz-nav__list a:focus-visible::after,
.fgz-nav__list a[aria-current="page"]::after{transform:scaleX(1)}
.fgz-nav__list a[aria-current="page"]{color:var(--fgz-on-dark-accent);font-weight:700}

.fgz-burger{color:var(--fgz-dark-ink);border-color:color-mix(in srgb,#fff 36%,transparent)!important;border-radius:var(--fgz-r);transition:background var(--fgz-dur) var(--fgz-ease)}
.fgz-burger:hover{background:color-mix(in srgb,#fff 10%,transparent)}

/* ----- Mobile-Drawer (Push-down unter Kopf), Theme dunkel ----- */
@media(max-width:900px){
  .fgz-nav.is-open .fgz-nav__list{
    background:linear-gradient(180deg,var(--fgz-dark-2),var(--fgz-dark));
    border:1px solid color-mix(in srgb,#fff 16%,transparent);
    box-shadow:var(--fgz-shadow-pop)}
  .fgz-nav.is-open .fgz-nav__list a{color:var(--fgz-dark-ink);font-family:var(--fgz-fdisplay)}
  .fgz-nav.is-open .fgz-nav__list a:hover,
  .fgz-nav.is-open .fgz-nav__list a[aria-current="page"]{background:color-mix(in srgb,#fff 9%,transparent);color:#fff}
  .fgz-nav.is-open .fgz-nav__list a::after{display:none}
}

/* ================= CTA / BUTTONS ================= */
.fgz-cta{
  position:relative;overflow:hidden;isolation:isolate;
  display:inline-flex;align-items:center;justify-content:center;gap:.55em;
  font-family:var(--fgz-fdisplay);font-weight:700;
  font-size:.86rem;letter-spacing:.01em;text-decoration:none;
  padding:14px 22px;min-height:48px;border:1px solid transparent;border-radius:var(--fgz-r);
  white-space:nowrap;cursor:pointer;
  --fgz-fx1:color-mix(in srgb,var(--fgz-cta) 70%,#0a1d63);--fgz-fxang:120deg;
  transition:transform var(--fgz-dur) var(--fgz-ease), --fgz-fx1 .45s var(--fgz-ease), --fgz-fxang .45s var(--fgz-ease)}
/* Split-Look: helles End-Segment via inset-shadow rechts */
.fgz-cta--solid{
  color:var(--fgz-cta-ink);
  background:linear-gradient(var(--fgz-fxang),var(--fgz-cta),var(--fgz-fx1));
  box-shadow:inset -4px 0 0 0 color-mix(in srgb,#fff 14%,transparent),0 8px 22px -12px rgba(17,43,138,.8)}
.fgz-cta--solid::after{/* Sheen-Pass */
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(115deg,transparent 32%,color-mix(in srgb,#fff 30%,transparent) 50%,transparent 68%);
  transform:translateX(-130%);transition:transform .6s var(--fgz-ease)}
.fgz-cta--solid:hover{transform:translateY(-2px);--fgz-fx1:color-mix(in srgb,var(--fgz-accent) 75%,#fff);--fgz-fxang:135deg}
.fgz-cta--solid:hover::after{transform:translateX(130%)}
.fgz-cta--solid:active{transform:translateY(1px)}
.fgz-cta--ghost{background:transparent;color:var(--fgz-accent);border-color:color-mix(in srgb,var(--fgz-accent) 55%,transparent)}
.fgz-cta--ghost:hover{transform:translateY(-2px);background:var(--fgz-accent-soft);border-color:var(--fgz-accent)}

/* Kopf-CTA leuchtet auf dunklem Grund */
.fgz-head .fgz-cta--solid{
  background:linear-gradient(120deg,var(--fgz-accent),color-mix(in srgb,var(--fgz-accent-2) 70%,var(--fgz-accent)));
  color:#04123a;box-shadow:0 0 0 1px color-mix(in srgb,var(--fgz-accent-2) 60%,transparent),0 8px 26px -10px rgba(116,179,218,.7)}
.fgz-head .fgz-cta--solid:hover{filter:brightness(1.05)}

/* CTA im Fliesstext IMMER zentriert (jede Tiefe) */
.fgz-ctarow{display:flex;justify-content:center;margin:1.6em 0}
.fgz-main>.fgz-cta,
.fgz-main :not(.fgz-hero__cta):not(.fgz-nav__cta)>.fgz-cta{display:flex;width:fit-content;margin:1.6em auto}

/* ================= HERO ================= */
.fgz-hero{
  position:relative;isolation:isolate;overflow-x:clip;
  padding-block:clamp(40px,5vw,60px);
  background:
    radial-gradient(120% 90% at 80% 0%,color-mix(in srgb,var(--fgz-accent) 8%,transparent),transparent 60%),
    linear-gradient(180deg,color-mix(in srgb,var(--fgz-accent) 5%,var(--fgz-bg)),var(--fgz-bg))}
/* Akzent-Halo hinter dem Bild */
.fgz-hero::before{
  content:"";position:absolute;inset:-6% 0 auto auto;z-index:-1;pointer-events:none;
  width:min(46%,560px);aspect-ratio:1/1;
  background:radial-gradient(50% 50% at 50% 45%,color-mix(in srgb,var(--fgz-accent) 32%,transparent),transparent 70%);
  filter:blur(8px);opacity:.9}
.fgz-hero__kicker{
  display:block;margin:0 0 .6em;font-family:var(--fgz-fdisplay);
  font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--fgz-accent)}
.fgz-hero__h1{font-size:clamp(1.85rem,4.4vw,2.85rem);line-height:1.08;letter-spacing:-.025em;color:var(--fgz-ink)}
.fgz-hero__lead{margin:.2em 0 1.25em;color:var(--fgz-ink-2);font-size:clamp(1rem,1.4vw,1.1rem);line-height:1.6}
/* Bild: Passepartout-Rahmen + weiche Tiefe */
.fgz-hero--split .fgz-hero__media img{
  border-radius:var(--fgz-r-pop);
  padding:6px;background:var(--fgz-surface);
  border:1px solid var(--fgz-hairline);
  box-shadow:0 26px 60px -24px rgba(5,1,123,.5),0 8px 20px -14px rgba(5,1,123,.4)}
/* Fakten-Karte: leicht gehoben, tonale Differenz */
.fgz-hero--split .fgz-hero__fact{
  background:var(--fgz-surface)!important;border:1px solid var(--fgz-hairline);
  border-radius:var(--fgz-r);position:relative;overflow:hidden;
  transition:border-color var(--fgz-dur) var(--fgz-ease), transform var(--fgz-dur) var(--fgz-ease)}
.fgz-hero--split .fgz-hero__fact::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--fgz-accent);opacity:.85}
.fgz-hero--split .fgz-hero__fact:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--fgz-accent) 45%,transparent)}
.fgz-hero__tile-k{color:var(--fgz-ink-3)!important;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem!important}
.fgz-hero__tile-v{color:var(--fgz-ink)!important;font-family:var(--fgz-fdisplay)}
.fgz-hero__fact:first-child .fgz-hero__tile-v{color:var(--fgz-accent)!important}

/* ================= PROSE / TYPOGRAFIE ================= */
.fgz-prose{max-width:none}
.fgz-doc{max-width:none}
.fgz-doc p,.fgz-doc .fgz-authorpage{max-width:none}

/* Vertikaler Rhythmus — gilt fuer .fgz-prose UND blanke .fgz-main-Kinder */
.fgz-prose p,.fgz-main>p{margin-top:1em;color:var(--fgz-ink-2)}
.fgz-prose h2,.fgz-main>h2{font-size:var(--fgz-step-3);margin-top:1.7em;margin-bottom:.45em;color:var(--fgz-ink);position:relative;padding-top:.2em}
.fgz-prose h2::before{content:"";display:block;width:48px;height:3px;margin-bottom:.5em;background:linear-gradient(90deg,var(--fgz-accent),var(--fgz-accent-2))}
.fgz-prose h3,.fgz-main>h3{font-size:var(--fgz-step-1);margin-top:1.3em;margin-bottom:.4em;color:var(--fgz-ink)}
.fgz-prose h4{font-size:var(--fgz-step-0);margin-top:1.2em;margin-bottom:.35em;font-family:var(--fgz-fdisplay)}

/* Links im Fliesstext — animierte Unterstreichung aus dem Text */
.fgz-prose a:not(.fgz-cta){
  color:var(--fgz-accent);text-decoration:none;font-weight:600;
  background:linear-gradient(var(--fgz-accent),var(--fgz-accent)) no-repeat left bottom/0 2px;
  padding-bottom:1px;transition:background-size .25s var(--fgz-ease), color .2s var(--fgz-ease)}
.fgz-prose a:not(.fgz-cta):hover,.fgz-prose a:not(.fgz-cta):focus-visible{background-size:100% 2px;color:color-mix(in srgb,var(--fgz-accent) 80%,#000)}

/* Listen — Akzent-Eckmarke statt Punkt */
.fgz-prose ul,.fgz-prose ol{margin-top:1em;padding-left:0;list-style:none}
.fgz-prose ul>li,.fgz-prose ol>li{position:relative;padding-left:1.7em;margin-top:.5em;color:var(--fgz-ink-2);line-height:1.6}
.fgz-prose ul>li::before{content:"⌐";position:absolute;left:.1em;top:-.05em;color:var(--fgz-accent);font-weight:700;transform:rotate(180deg);display:inline-block}
.fgz-prose ol{counter-reset:fgzol}
.fgz-prose ol>li{counter-increment:fgzol}
.fgz-prose ol>li::before{content:counter(fgzol);position:absolute;left:0;top:0;min-width:1.2em;color:var(--fgz-accent);font-family:var(--fgz-fdisplay);font-weight:700;font-variant-numeric:tabular-nums}

.fgz-prose blockquote{
  margin:1.5em 0;padding:.6em 0 .6em 1.4em;
  border-left:4px solid var(--fgz-accent);
  font-size:1.08rem;line-height:1.5;color:var(--fgz-ink);font-style:normal;
  background:linear-gradient(90deg,var(--fgz-accent-soft),transparent 70%)}
.fgz-prose blockquote p{color:inherit}

/* Bilder im Text — vollstaendig, zentriert, Passepartout */
.fgz-prose figure{margin:1.6em auto;width:min(72%,760px)}
.fgz-prose figure img{width:100%;height:auto;border-radius:var(--fgz-r);padding:6px;background:var(--fgz-surface);border:1px solid var(--fgz-hairline);box-shadow:0 16px 38px -22px rgba(5,1,123,.42)}
.fgz-prose figure figcaption{margin-top:.6em;font-size:.84rem;color:var(--fgz-ink-3);text-align:center}
.fgz-img{width:100%;height:auto}

/* Callout / Hinweis-Kasten */
.fgz-callout{
  margin:1.6em 0;padding:18px 20px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--fgz-accent) 7%,var(--fgz-surface)),var(--fgz-surface));
  border:1px solid var(--fgz-hairline);border-left:4px solid var(--fgz-accent);
  border-radius:var(--fgz-r);color:var(--fgz-ink-2)}
.fgz-callout>:first-child{margin-top:0}
.fgz-callout strong,.fgz-callout b{color:var(--fgz-accent)}

/* ================= TABELLEN ================= */
.fgz-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.6em 0;border-radius:var(--fgz-r)}
.fgz-prose table,table{width:100%;border-collapse:collapse;font-size:.94rem;background:var(--fgz-surface)}
.fgz-prose :where(table){margin:1.6em 0}
table caption{caption-side:top;text-align:left;font-weight:700;color:var(--fgz-ink-3);font-size:.86rem;margin-bottom:.5em}
thead th{
  background:var(--fgz-dark);color:var(--fgz-dark-ink);
  font-family:var(--fgz-fdisplay);font-weight:600;font-size:.82rem;letter-spacing:.02em;
  text-align:left;padding:12px 14px;border-bottom:2px solid var(--fgz-accent)}
tbody td,tbody th{padding:11px 14px;border-bottom:1px solid var(--fgz-hairline);text-align:left;color:var(--fgz-ink-2);vertical-align:top}
tbody tr:nth-child(even){background:var(--fgz-surface-2)}
tbody tr:hover{background:color-mix(in srgb,var(--fgz-accent) 7%,transparent)}
tbody th,tbody td:first-child{font-weight:700;color:var(--fgz-ink)}
tbody td:where([class*="num"]),table .fgz-num{text-align:right;font-variant-numeric:tabular-nums}

/* "Lesen Sie auch" */
.fgz-related{margin-top:2.4em;padding-top:1.4em;border-top:1px solid var(--fgz-hairline)}
.fgz-related h2{font-size:var(--fgz-step-1)!important;margin:0 0 .6em!important}
.fgz-related h2::before{display:none}
.fgz-related ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.fgz-related li{margin:0}
.fgz-related a{display:inline-flex;align-items:center;gap:.4em;padding:8px 14px;border:1px solid var(--fgz-hairline);border-radius:999px;background:var(--fgz-surface);color:var(--fgz-ink-2);text-decoration:none;font-weight:600;font-size:.88rem;transition:border-color var(--fgz-dur) var(--fgz-ease), color var(--fgz-dur) var(--fgz-ease), transform var(--fgz-dur) var(--fgz-ease)}
.fgz-related a:hover{border-color:var(--fgz-accent);color:var(--fgz-accent);transform:translateY(-2px)}

/* ================= SLOTS-VITRINE ================= */
.fgz-slots{padding-block:clamp(40px,5vw,60px);background:linear-gradient(180deg,var(--fgz-surface-2),var(--fgz-bg))}
.fgz-slots__h{font-size:var(--fgz-step-3);margin-bottom:.7em;color:var(--fgz-ink)}
.fgz-slot{
  display:block;text-decoration:none;color:inherit;
  background:var(--fgz-surface);border:1px solid var(--fgz-hairline);border-radius:var(--fgz-r);
  overflow:hidden;position:relative;
  transition:transform .18s var(--fgz-ease), border-color .18s var(--fgz-ease)}
.fgz-slot::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:var(--fgz-glow);transition:opacity .2s var(--fgz-ease)}
.fgz-slot:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--fgz-accent) 55%,transparent)}
.fgz-slot:hover::after{opacity:1}
.fgz-slot__img{transition:transform .25s var(--fgz-ease)}
.fgz-slot:hover .fgz-slot__img{transform:scale(1.04)}
.fgz-slot__name{display:block;padding:9px 11px;font-family:var(--fgz-fdisplay);font-weight:600;font-size:.86rem;line-height:1.2;border-top:1px solid var(--fgz-hairline-2)}

/* ================= AUTOR-SEITE (ProfilePage) ================= */
.fgz-prose img.fgz-authorpage__photo{
  width:200px;height:auto;aspect-ratio:1/1;object-fit:cover;
  border-radius:var(--fgz-r-pop);float:left;margin:.3em 1.6em 1em 0;padding:0;
  border:1px solid var(--fgz-hairline);box-shadow:0 14px 34px -20px rgba(5,1,123,.5)}
.fgz-authorpage::after{content:"";display:block;clear:both}

/* ================= FUSS ================= */
.fgz-foot{background:linear-gradient(180deg,var(--fgz-dark),#03014f);color:var(--fgz-dark-ink);margin-top:clamp(40px,6vw,80px);padding-block:clamp(36px,5vw,56px);border-top:3px solid var(--fgz-accent)}
.fgz-foot__inner{display:grid;gap:36px}
.fgz-foot__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:28px}
.fgz-foot__h{font-family:var(--fgz-fdisplay);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--fgz-on-dark-accent);margin-bottom:14px}
.fgz-foot__list{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.fgz-foot__list a{text-decoration:none;color:var(--fgz-dark-ink-2);font-size:.9rem;transition:color var(--fgz-dur) var(--fgz-ease)}
.fgz-foot__list a:hover{color:#fff}
.fgz-foot__legal{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:14px;padding-top:24px;border-top:1px solid color-mix(in srgb,#fff 14%,transparent)}
.fgz-foot__logo img{height:38px;width:auto;opacity:.95}
.fgz-foot__age{font-family:var(--fgz-fdisplay);font-weight:700;border:2px solid var(--fgz-on-dark-accent);color:var(--fgz-on-dark-accent);border-radius:6px;padding:2px 8px;font-size:.9rem}
.fgz-foot__disc{grid-column:1/-1;font-size:.82rem;line-height:1.6;color:var(--fgz-dark-ink-2)}
.fgz-foot__nap{grid-column:1/-1;font-size:.84rem;color:var(--fgz-dark-ink)}
.fgz-foot__nap a{color:var(--fgz-on-dark-accent);text-decoration:none}
.fgz-foot__nap a:hover{text-decoration:underline}
.fgz-foot__copy{grid-column:1/-1;font-size:.8rem;color:var(--fgz-dark-ink-2);margin-top:.3em}

/* ================= COOKIE-BANNER ================= */
.fgz-cookie{position:fixed;left:0;right:0;bottom:0;z-index:300;padding:14px 0;background:transparent}
.fgz-cookie__inner{
  display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;
  background:linear-gradient(180deg,var(--fgz-dark-2),var(--fgz-dark));color:var(--fgz-dark-ink);
  border:1px solid color-mix(in srgb,#fff 16%,transparent);border-radius:var(--fgz-r-pop);
  padding:14px 18px;box-shadow:var(--fgz-shadow-pop)}
.fgz-cookie__txt{font-size:.86rem;line-height:1.5;margin:0;color:var(--fgz-dark-ink)}
.fgz-cookie__txt a{color:var(--fgz-on-dark-accent)}
.fgz-cookie__btns{display:flex;gap:10px;flex-wrap:wrap}
.fgz-cookie__btn{border:1px solid color-mix(in srgb,#fff 40%,transparent);background:transparent;color:#fff;padding:10px 18px;min-height:44px;border-radius:var(--fgz-r);cursor:pointer;font-family:var(--fgz-fdisplay);font-weight:600;font-size:.84rem;transition:background var(--fgz-dur) var(--fgz-ease), transform var(--fgz-dur) var(--fgz-ease)}
.fgz-cookie__btn:hover{transform:translateY(-1px);background:color-mix(in srgb,#fff 12%,transparent)}
.fgz-cookie__btn--ok{background:linear-gradient(120deg,var(--fgz-accent),var(--fgz-accent-2));color:#04123a;border-color:transparent}

/* ================= 404 ================= */
.fgz-404{text-align:center;padding-block:clamp(40px,8vw,90px)}
.fgz-404__code{font-family:var(--fgz-fdisplay);font-size:clamp(4rem,14vw,7rem);font-weight:800;line-height:1;color:var(--fgz-accent);letter-spacing:-.04em}

/* ================= SIGNATURE: Sektionen schweben mit Scale ein ================= */
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .fgz-slots,.fgz-hero__facts,.fgz-callout,.fgz-tablewrap{
      animation:fgz-rise linear both;animation-timeline:view();animation-range:entry 0% cover 25%}
    @keyframes fgz-rise{from{opacity:0;transform:scale(.985) translateY(14px)}to{opacity:1;transform:none}}
  }
}

/* ================= RESPONSIVE ================= */
@media(max-width:1024px){
  .fgz-prose figure{width:min(82%,720px)}
}
@media(max-width:780px){
  .fgz-hero::before{width:70%}
}
@media(max-width:640px){
  body.fgz-body{font-size:16px}
  .fgz-main{padding-block:clamp(22px,6vw,36px)}
  .fgz-prose h2,.fgz-main>h2{font-size:var(--fgz-step-2)}
  .fgz-prose figure{width:100%}
  .fgz-prose img.fgz-authorpage__photo{width:140px;margin:.2em 1.1em .6em 0}
  .fgz-foot__legal{grid-template-columns:auto auto;justify-content:start}
  /* Hero mobil: kompaktes Quadrat 1:1, damit H1+CTA ueber dem Fold bleiben */
  .fgz-hero{padding-block:18px clamp(24px,6vw,40px)}
  .fgz-body .fgz-hero--split .fgz-hero__media img{aspect-ratio:1/1;max-height:235px;width:auto;max-width:235px;object-fit:cover;margin-inline:auto}
  /* Cookie-Bar mobil kompakter, damit die Hero-CTA frei bleibt */
  .fgz-cookie{padding:8px 0}
  .fgz-cookie__inner{padding:10px 14px;gap:8px}
  /* CTA gleich nach dem Lead, Fakten danach (Button ueber dem Fold) */
  .fgz-body .fgz-hero--split .fgz-hero__content{display:flex;flex-direction:column}
  .fgz-body .fgz-hero--split .fgz-hero__cta{order:1;margin-top:.2em}
  .fgz-body .fgz-hero--split .fgz-hero__facts{order:2;margin:1.1em auto 0}
  /* enger vertikal, damit das grosse Quadrat die CTA nicht verdraengt */
  .fgz-body .fgz-hero--split .fgz-hero__inner{gap:.8rem}
  .fgz-body .fgz-hero--split .fgz-hero__kicker{margin-bottom:.35em}
  .fgz-body .fgz-hero--split .fgz-hero__lead{margin-bottom:.7em}
  .fgz-related ul{flex-direction:column}
  .fgz-related a{width:100%}
}
@media(max-width:430px){
  .fgz-hero__h1{font-size:clamp(1.6rem,7vw,2rem)}
}

/* Bewegung aus bei Nutzerwunsch */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* container-guarantee */
.fgz-prose{max-width:var(--fgz-wrap,1200px);margin-inline:auto;padding-inline:clamp(16px,4vw,32px);box-sizing:border-box}
.fgz-main .fgz-prose,.fgz-main>.fgz-wrap{max-width:none;padding-inline:0;margin-inline:0}

@media(max-width:780px){.fgz-prose table,.fgz-doc table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}

.fgz-head .fgz-cta{background:#fff;background-image:none;color:var(--fgz-cta);border-color:#fff}
.fgz-head .fgz-cta:hover{background:var(--fgz-accent);color:#fff;border-color:var(--fgz-accent)}
/* logo: weiss auf dunklem Header/Footer (war blau auf blau) */
.fgz-head .fgz-logo img,.fgz-foot__logo img{filter:brightness(0) invert(1)}