/* ============================================================================
   Bankonbet — style.css · Präfix uzb-
   Archetyp: INTERNATIONAL POSTER (Schweizer Plakat) — kontrastreicher Grotesk,
   Schwarz auf Weiss, Akzent als Fläche, harte Ecken, Hairline-Raster ohne
   Schatten, modulares Raster mit grossen Leerräumen, Sektionsnummern in Versalien.
   Marke: Akzent #f2141c · CTA #010685 · dunkle Markenzone (aus #c66c85) · #eae1e1.
   ============================================================================ */

/* ---- Reset -------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;scroll-behavior:smooth;overflow-x:clip;max-width:100%}
body{margin:0}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:inherit}
button{font:inherit;color:inherit}
h1,h2,h3,h4,p,ul,ol,dl,figure,dd,blockquote{margin:0}

/* ---- @property: GPU-Farbübergänge für Signatur-Effekte ------------------ */
@property --uzb-fxang{syntax:'<angle>';inherits:false;initial-value:120deg}
@property --uzb-fxmix{syntax:'<color>';inherits:false;initial-value:transparent}

/* ---- Design-Tokens ------------------------------------------------------ */
:root{
  --uzb-wrap:1257px;
  --uzb-pad:clamp(18px,4vw,40px);

  /* Neutrale Skala — warmer Unterton, an die Marke (#eae1e1) angelegt */
  --uzb-bg:#ffffff;
  --uzb-surface:#f6f3f3;
  --uzb-surface-2:#eae1e1;
  --uzb-ink:#111014;
  --uzb-ink-2:#3a3236;
  --uzb-ink-3:#6a5f63;
  --uzb-hairline:color-mix(in srgb,var(--uzb-ink) 16%,transparent);
  --uzb-hairline-2:color-mix(in srgb,var(--uzb-ink) 9%,transparent);

  /* Marken-Akzente — verbindlich, nicht ersetzen */
  --uzb-accent:#f2141c;          /* Links, Kicker, aktive Zustände, Icons */
  --uzb-accent-ink:#ffffff;
  --uzb-accent-soft:color-mix(in srgb,var(--uzb-accent) 12%,transparent);
  --uzb-cta:#010685;             /* Hintergrund Haupt-CTA */
  --uzb-cta-ink:#ffffff;
  --uzb-cta-2:color-mix(in srgb,var(--uzb-cta) 78%,var(--uzb-accent) 22%);
  --uzb-dark:#3a1f27;            /* dunkle Markenzone (Footer), aus #c66c85 abgedunkelt */
  --uzb-dark-ink:#f4ecee;
  --uzb-dark-line:color-mix(in srgb,#c66c85 30%,transparent);
  --uzb-tp-star:#00b67a;

  /* Modulare Typo-Skala (Faktor 1.25) */
  --uzb-step--1:.8rem;--uzb-step-0:1rem;--uzb-step-1:1.25rem;--uzb-step-2:1.563rem;
  --uzb-step-3:1.953rem;--uzb-step-4:2.441rem;--uzb-step-5:3.052rem;--uzb-step-6:3.815rem;

  /* 4px-Raster: Sektionen 32/48/64, Hero 28/44/60 */
  --uzb-space:48px;--uzb-gap:16px;
  --uzb-r:0px;                   /* harte Ecken — Plakat-Charakter */
  --uzb-r-soft:4px;
  --uzb-col:280px;

  --uzb-ease:cubic-bezier(.16,1,.3,1);
  --uzb-ease-2:cubic-bezier(.32,.72,0,1);
  --uzb-dur:.22s;

  --uzb-fdisplay:"Archivo Black",system-ui,Arial,sans-serif;
  --uzb-ftext:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --uzb-fmono:ui-monospace,"SFMono-Regular",Menlo,Consolas,"Liberation Mono",monospace;
}

/* ---- Basis-Typografie --------------------------------------------------- */
body.uzb-body{
  font-family:var(--uzb-ftext);
  font-size:1rem;line-height:1.62;
  color:var(--uzb-ink);background:var(--uzb-bg);
  font-variant-numeric:tabular-nums lining-nums;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3,h4{font-family:var(--uzb-fdisplay);line-height:1.08;color:var(--uzb-ink);font-weight:400}
h1{letter-spacing:-.025em}
h2,h3{letter-spacing:-.015em}
strong{font-weight:700;color:var(--uzb-ink)}
::selection{background:color-mix(in srgb,var(--uzb-accent) 26%,transparent);color:var(--uzb-ink)}
::marker{color:var(--uzb-accent)}
a{text-underline-offset:2px}
:focus-visible{outline:2px solid var(--uzb-accent);outline-offset:2px}

/* ---- Container & vertikaler Rhythmus ------------------------------------ */
.uzb-wrap{width:100%;max-width:var(--uzb-wrap);margin-inline:auto;padding-inline:var(--uzb-pad)}
.uzb-main{
  width:100%;max-width:var(--uzb-wrap);margin-inline:auto;
  padding-inline:var(--uzb-pad);
  padding-block:clamp(28px,5vw,60px);
}
/* Rhythmus für Inhalt direkt im .uzb-main (Seiten ohne Spezial-Klasse) */
.uzb-main>p,.uzb-main :not(.uzb-prose):not([class*="uzb-"])>p{margin-top:1em}
.uzb-main>h2{margin-top:1.7em}
.uzb-main>h3{margin-top:1.3em}

/* Anker-Sprünge unter den Sticky-Header schieben */
.uzb-main [id]{scroll-margin-top:88px}

.uzb-skip{position:absolute;left:-999px;top:0;background:var(--uzb-accent);color:#fff;padding:10px 18px;z-index:400;font-weight:700;text-decoration:none}
.uzb-skip:focus{left:0}

/* ---- Signatur: Scroll-Fortschritts-Linie oben (scroll-driven, CLS=0) ---- */
.uzb-body::before{
  content:"";position:fixed;left:0;top:0;height:3px;width:100%;z-index:500;
  transform-origin:left center;transform:scaleX(0);
  background:linear-gradient(90deg,var(--uzb-accent),var(--uzb-cta-2));
  pointer-events:none;
}
@supports (animation-timeline:scroll()){
  @media (prefers-reduced-motion:no-preference){
    .uzb-body::before{
      animation:uzb-progress linear both;
      animation-timeline:scroll(root block);
    }
    @keyframes uzb-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
  }
}

/* ---- Header — weisses Plakat, fette Strukturlinie unten ----------------- */
.uzb-head{
  position:sticky;top:0;z-index:100;
  background:var(--uzb-bg);
  border-bottom:2px solid var(--uzb-ink);
}
.uzb-head__bar{display:flex;align-items:center;gap:18px;min-height:68px;flex-wrap:nowrap}
.uzb-logo{line-height:0;flex:0 0 auto;text-decoration:none}
.uzb-logo img{height:clamp(30px,4vw,44px);width:auto}
.uzb-nav{flex:1 1 auto;display:flex;align-items:center;min-width:0}
.uzb-nav__list{list-style:none;display:flex;flex-wrap:nowrap;gap:clamp(12px,1.8vw,30px);padding:0;margin:0}
.uzb-nav__item{position:relative}
.uzb-nav__list a{
  position:relative;display:inline-block;
  font-family:var(--uzb-fmono);
  font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  white-space:nowrap;color:var(--uzb-ink);text-decoration:none;
  padding:8px 0;
  transition:color var(--uzb-dur) var(--uzb-ease);
}
.uzb-nav__list a::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:var(--uzb-accent);transform:scaleX(0);transform-origin:left;
  transition:transform var(--uzb-dur) var(--uzb-ease);
}
.uzb-nav__list a:hover,.uzb-nav__list a:focus-visible{color:var(--uzb-accent)}
.uzb-nav__list a:hover::after,.uzb-nav__list a:focus-visible::after,
.uzb-nav__list a[aria-current="page"]::after{transform:scaleX(1)}
.uzb-nav__list a[aria-current="page"]{color:var(--uzb-accent)}
.uzb-burger{color:var(--uzb-ink)}

/* ---- CTA — monolithischer Backstein, voll, Sheen + Glow ----------------- */
.uzb-cta{
  position:relative;overflow:hidden;isolation:isolate;
  display:inline-flex;align-items:center;justify-content:center;gap:.55em;
  font-family:var(--uzb-fmono);font-weight:700;font-size:.78rem;
  letter-spacing:.14em;text-transform:uppercase;text-decoration:none;
  border:2px solid transparent;border-radius:var(--uzb-r);
  padding:15px 28px;min-height:50px;white-space:nowrap;cursor:pointer;
  transition:transform var(--uzb-dur) var(--uzb-ease), --uzb-fxang .5s ease;
}
.uzb-cta--solid{
  background:linear-gradient(var(--uzb-fxang),var(--uzb-cta),var(--uzb-cta-2));
  color:var(--uzb-cta-ink);border-color:var(--uzb-cta);
  box-shadow:0 0 0 0 color-mix(in srgb,var(--uzb-cta) 50%,transparent);
}
.uzb-cta--solid::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(115deg,transparent 32%,color-mix(in srgb,#fff 32%,transparent) 50%,transparent 68%);
  transform:translateX(-130%);
  transition:transform .6s var(--uzb-ease);
}
.uzb-cta--solid:hover{transform:translateY(-2px);filter:brightness(1.06);--uzb-fxang:160deg}
.uzb-cta--solid:hover::after{transform:translateX(130%)}
.uzb-cta--solid:active{transform:translateY(1px)}
.uzb-cta--ghost{background:transparent;color:var(--uzb-cta);border-color:var(--uzb-cta)}
.uzb-cta--ghost:hover{background:var(--uzb-cta);color:var(--uzb-cta-ink);transform:translateY(-2px)}
/* CTA im Fliesstext immer zentriert (jede Tiefe) */
.uzb-ctarow{display:flex;justify-content:center;margin:1.6em 0}
.uzb-main>.uzb-cta,
.uzb-main :not(.uzb-hero__cta):not(.uzb-nav__cta)>.uzb-cta{display:flex;width:fit-content;margin:1.4em auto}

/* ---- Hero — Plakat-Tiefe per Akzent-Halo (kein Schatten-Sumpf) ---------- */
.uzb-hero{position:relative;isolation:isolate;padding-block:clamp(28px,5vw,60px);overflow-x:clip}
.uzb-hero::before{
  content:"";position:absolute;inset:-6% 0 auto 0;height:70%;z-index:-1;pointer-events:none;
  background:radial-gradient(58% 60% at 72% 24%,color-mix(in srgb,var(--uzb-accent) 22%,transparent),transparent 70%);
}
.uzb-hero__h1{
  font-family:var(--uzb-fdisplay);
  font-size:clamp(2.3rem,6vw,4.1rem);line-height:1.02;letter-spacing:-.03em;
  margin:.1em 0;text-wrap:balance;color:var(--uzb-ink);
}
.uzb-hero__lead{
  font-size:clamp(1.05rem,1.6vw,1.2rem);line-height:1.55;
  color:var(--uzb-ink-2);max-width:52ch;margin-inline:auto;text-wrap:pretty;
}
.uzb-hero__chip{color:var(--uzb-accent);font-weight:700;text-transform:uppercase}
.uzb-hero__seg b{color:var(--uzb-ink)}
.uzb-hero__media img{box-shadow:0 18px 50px -22px color-mix(in srgb,var(--uzb-ink) 55%,transparent)}

/* ---- Prosa — Fliesstext, volle Containerbreite (keine ch-Spalte) ------- */
.uzb-prose{max-width:none;counter-reset:uzbsec}
.uzb-doc{max-width:none}
.uzb-doc p,.uzb-authorpage p{max-width:none}
.uzb-prose p{margin:1em 0;color:var(--uzb-ink-2);text-wrap:pretty;overflow-wrap:break-word}
.uzb-prose>p:first-of-type{font-size:1.08rem;color:var(--uzb-ink)}
.uzb-prose h2{
  position:relative;margin:1.7em 0 .5em;
  font-size:clamp(1.7rem,3.4vw,var(--uzb-step-4));line-height:1.06;
}
/* Sektionsnummer als Versalien-Marker (Plakat-Signatur) */
.uzb-prose h2::before{
  counter-increment:uzbsec;content:counter(uzbsec,decimal-leading-zero);
  display:block;margin-bottom:.35em;
  font-family:var(--uzb-fmono);font-size:.72rem;font-weight:700;
  letter-spacing:.22em;color:var(--uzb-accent);
}
.uzb-prose h3{margin:1.3em 0 .4em;font-size:clamp(1.25rem,2vw,var(--uzb-step-2));line-height:1.15}
.uzb-prose h4{margin:1.2em 0 .35em;font-size:var(--uzb-step-1)}
.uzb-prose ul,.uzb-prose ol{margin:1em 0;padding-left:1.4em;color:var(--uzb-ink-2)}
.uzb-prose li{margin:.4em 0;line-height:1.6}
.uzb-prose ul{list-style:none;padding-left:0}
.uzb-prose ul>li{position:relative;padding-left:1.6em}
.uzb-prose ul>li::before{
  content:"";position:absolute;left:0;top:.62em;width:.6em;height:.6em;
  background:var(--uzb-accent);
}
.uzb-prose ol{list-style:none;counter-reset:uzbli;padding-left:0}
.uzb-prose ol>li{position:relative;padding-left:2.1em;counter-increment:uzbli}
.uzb-prose ol>li::before{
  content:counter(uzbli,decimal-leading-zero);position:absolute;left:0;top:.05em;
  font-family:var(--uzb-fmono);font-size:.78rem;font-weight:700;color:var(--uzb-accent);
}
/* Animiertes Unterstreichen für Prosa-Links */
.uzb-prose a:not(.uzb-cta){
  color:var(--uzb-accent);text-decoration:none;font-weight:600;
  background-image:linear-gradient(var(--uzb-accent),var(--uzb-accent));
  background-size:0% 2px;background-position:0 100%;background-repeat:no-repeat;
  transition:background-size var(--uzb-dur) var(--uzb-ease), color var(--uzb-dur) var(--uzb-ease);
}
.uzb-prose a:not(.uzb-cta):hover,.uzb-prose a:not(.uzb-cta):focus-visible{background-size:100% 2px}
.uzb-prose blockquote{
  margin:1.4em 0;padding:.4em 0 .4em 1.2em;
  border-left:4px solid var(--uzb-accent);
  font-size:1.12rem;line-height:1.5;color:var(--uzb-ink);font-style:normal;
}
.uzb-prose blockquote p{color:inherit}
.uzb-prose>:first-child{margin-top:0}

/* ---- Sektions-Label-Kapsel (§ Marker) ---------------------------------- */
.uzb-label,.uzb-prose .uzb-label{
  display:inline-block;margin:0 0 .6em;
  font-family:var(--uzb-fmono);font-size:.7rem;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;
  color:var(--uzb-accent-ink);background:var(--uzb-accent);
  padding:4px 12px;
}

/* ---- Callout — Akzent-Flächenkante -------------------------------------- */
.uzb-callout{
  margin:1.6em 0;padding:clamp(16px,2.5vw,24px);
  background:var(--uzb-surface);
  border-left:4px solid var(--uzb-accent);
}
.uzb-callout>:first-child{margin-top:0}
.uzb-callout>:last-child{margin-bottom:0}
.uzb-callout p{color:var(--uzb-ink-2)}
.uzb-callout strong{color:var(--uzb-ink)}

/* ---- Tabellen — Hairline-Plakat, nackte <table> ebenfalls --------------- */
.uzb-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.6em 0}
.uzb-prose table,.uzb-main table,table:not(.uzb-pc):not([class*="uzb-hero"]){
  width:100%;border-collapse:collapse;font-size:.95rem;
  font-variant-numeric:tabular-nums lining-nums;
}
.uzb-prose table{margin:0}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--uzb-hairline);vertical-align:top}
thead th{
  background:var(--uzb-ink);color:var(--uzb-bg);
  font-family:var(--uzb-fmono);font-size:.72rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;border-bottom:0;
}
tbody tr:hover{background:var(--uzb-accent-soft)}
tbody td:first-child{font-weight:700;color:var(--uzb-ink)}
table caption{caption-side:top;text-align:left;font-weight:700;margin-bottom:.6em;color:var(--uzb-ink)}

/* ---- Inhaltsbild — vollständig, zentriert, gedeckelt ------------------- */
.uzb-figure{width:min(72%,760px);margin:1.6em auto}
.uzb-figure img{width:100%;height:auto;display:block}
.uzb-figure figcaption{
  margin-top:.6em;font-size:.84rem;color:var(--uzb-ink-3);
  font-family:var(--uzb-fmono);letter-spacing:.04em;
}
.uzb-prose figure img,.uzb-img{width:100%;height:auto}

/* ---- Flow-Utility ------------------------------------------------------- */
.uzb-flow>*+*{margin-top:1em}

/* ---- Slot-Vitrine ------------------------------------------------------- */
.uzb-slots{padding-block:clamp(28px,4vw,48px)}
.uzb-slots__h{
  font-size:clamp(1.5rem,3vw,var(--uzb-step-3));margin-bottom:.7em;
  position:relative;padding-left:.7em;
}
.uzb-slots__h::before{content:"";position:absolute;left:0;top:.1em;bottom:.1em;width:5px;background:var(--uzb-accent)}
.uzb-slot{
  display:block;text-decoration:none;color:inherit;
  background:var(--uzb-surface);
  border:1px solid var(--uzb-hairline);
  border-radius:var(--uzb-r);overflow:hidden;
  transition:transform var(--uzb-dur) var(--uzb-ease), border-color var(--uzb-dur) var(--uzb-ease);
}
.uzb-slot:hover,.uzb-slot:focus-visible{
  transform:translateY(-4px);border-color:var(--uzb-accent);
  box-shadow:0 14px 30px -16px color-mix(in srgb,var(--uzb-accent) 60%,transparent);
}
.uzb-slot__name{
  display:block;padding:9px 11px;font-weight:700;font-size:.86rem;line-height:1.3;
  border-top:1px solid var(--uzb-hairline-2);
}

/* ---- Autorenseite (ProfilePage) — eigener Block-Layout ----------------- */
.uzb-authorpage{max-width:none}
.uzb-authorpage::after{content:"";display:block;clear:both}
.uzb-prose img.uzb-authorpage__photo,
.uzb-authorpage__photo{
  width:200px;height:auto;aspect-ratio:3/4;object-fit:cover;
  float:left;margin:6px 24px 12px 0;border-radius:var(--uzb-r);
  box-shadow:0 0 0 4px var(--uzb-surface),0 0 0 6px var(--uzb-accent);
}

/* ---- Footer — dunkle Markenfläche -------------------------------------- */
.uzb-foot{
  background:var(--uzb-dark);color:var(--uzb-dark-ink);
  margin-top:var(--uzb-space);
  padding-block:clamp(36px,5vw,56px);
  border-top:3px solid var(--uzb-accent);
}
.uzb-foot__inner{display:grid;gap:32px}
.uzb-foot__grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2.4fr);gap:clamp(24px,4vw,48px);align-items:start}
.uzb-foot__intro{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.uzb-foot__age{font-family:var(--uzb-fmono);font-weight:700;border:2px solid currentColor;padding:2px 9px;letter-spacing:.05em}
.uzb-foot__logo img{height:42px;width:auto;filter:brightness(0) invert(1)}
.uzb-foot__nap a{color:var(--uzb-dark-ink);text-decoration:none;opacity:.85;font-size:.9rem}
.uzb-foot__nap a:hover{opacity:1;text-decoration:underline}
.uzb-foot__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:24px}
.uzb-foot__h{
  font-family:var(--uzb-fmono);font-size:.72rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.14em;margin-bottom:12px;
  color:color-mix(in srgb,var(--uzb-dark-ink) 70%,transparent);
}
.uzb-foot__list{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.uzb-foot__list a{
  text-decoration:none;color:var(--uzb-dark-ink);opacity:.86;font-size:.9rem;
  transition:opacity var(--uzb-dur) var(--uzb-ease), color var(--uzb-dur) var(--uzb-ease);
}
.uzb-foot__list a:hover,.uzb-foot__list a:focus-visible{opacity:1;color:#fff;text-decoration:underline;text-underline-offset:3px}
.uzb-foot__disc{
  font-size:.82rem;line-height:1.6;opacity:.72;
  padding-top:20px;border-top:1px solid var(--uzb-dark-line);
}
.uzb-foot__copy{font-size:.82rem;opacity:.7;font-family:var(--uzb-fmono);letter-spacing:.04em}

/* ---- Cookie-Banner ------------------------------------------------------ */
.uzb-cookie{position:fixed;left:0;right:0;bottom:0;z-index:300;background:var(--uzb-ink);color:#fff;padding:16px 0;border-top:3px solid var(--uzb-accent)}
.uzb-cookie__inner{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.uzb-cookie__txt{font-size:.88rem;margin:0;max-width:62ch}
.uzb-cookie__txt a{color:#fff;text-underline-offset:2px}
.uzb-cookie__btns{display:flex;gap:10px;flex-wrap:wrap}
.uzb-cookie__btn{
  font-family:var(--uzb-fmono);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  border:1px solid #fff;background:transparent;color:#fff;padding:11px 18px;
  border-radius:var(--uzb-r);cursor:pointer;min-height:44px;
  transition:background var(--uzb-dur) var(--uzb-ease), color var(--uzb-dur) var(--uzb-ease)}
.uzb-cookie__btn:hover{background:#fff;color:var(--uzb-ink)}
.uzb-cookie__btn--ok{background:var(--uzb-cta);color:var(--uzb-cta-ink);border-color:var(--uzb-cta)}
.uzb-cookie__btn--ok:hover{filter:brightness(1.1);background:var(--uzb-cta);color:#fff}

/* ---- 404 ---------------------------------------------------------------- */
.uzb-nfrows__code{color:var(--uzb-accent)}
.uzb-nfrows__links a{color:var(--uzb-accent);text-decoration:none;font-weight:600}
.uzb-nfrows__links a:hover{text-decoration:underline}

/* ============================ RESPONSIVE ================================= */
/* Tablet */
@media(max-width:900px){
  .uzb-burger{display:inline-flex;align-items:center;justify-content:center;order:3;margin-left:auto;background:none;border:1px solid var(--uzb-ink);width:48px;height:46px;cursor:pointer}
  .uzb-nav{flex:0 0 auto}
  /* Drawer von rechts */
  .uzb-nav__list{
    position:fixed;inset:0 0 0 auto;width:min(82vw,360px);max-width:100vw;z-index:150;
    background:var(--uzb-dark);color:var(--uzb-dark-ink);
    flex-direction:column;align-items:flex-start;justify-content:flex-start;
    gap:4px;display:none;padding:84px 30px 30px;
    border-left:3px solid var(--uzb-accent);
  }
  .uzb-nav.is-open .uzb-nav__list{display:flex}
  .uzb-nav.is-open .uzb-burger{position:fixed;top:14px;right:18px;z-index:170;border-color:var(--uzb-dark-ink);color:var(--uzb-dark-ink)}
  .uzb-nav__list a{font-family:var(--uzb-fdisplay);font-size:1.5rem;letter-spacing:0;color:var(--uzb-dark-ink);padding:10px 0;text-transform:none}
  .uzb-nav__list a::after{background:var(--uzb-accent)}
  .uzb-nav__list a:hover,.uzb-nav__list a:focus-visible,.uzb-nav__list a[aria-current="page"]{color:#fff}
  .uzb-foot__grid{grid-template-columns:minmax(0,1fr)}
}
/* Mobil */
@media(max-width:640px){
  :root{--uzb-r:0px;--uzb-pad:18px}
  .uzb-prose h2::before{font-size:.68rem}
  .uzb-figure{width:100%}
  .uzb-prose img.uzb-authorpage__photo,.uzb-authorpage__photo{width:150px;float:none;margin:0 0 16px}
  .uzb-foot__cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .uzb-cookie__inner{flex-direction:column;align-items:stretch}
  .uzb-cookie__btns{justify-content:stretch}
  .uzb-cookie__btn{flex:1 1 auto;justify-content:center}
  th,td{padding:10px 11px}
  /* Anti-Overflow-Schutz: nichts darf breiter als der Viewport werden */
  img,svg,video,iframe,table{max-width:100%}
  .uzb-prose h1,.uzb-prose h2,.uzb-prose h3,.uzb-prose h4,
  .uzb-hero__h1,.uzb-prose li,.uzb-prose td,.uzb-prose th,
  .uzb-pc__item,.uzb-toc__item a,.uzb-byline,.uzb-bcslash__seg{overflow-wrap:break-word;word-break:break-word}
  .uzb-pc--eyebrow{grid-template-columns:1fr}
}
@media(max-width:430px){
  .uzb-foot__cols{grid-template-columns:minmax(0,1fr)}
}

/* ---- Bewegung aus bei Reduktionswunsch --------------------------------- */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .uzb-body::before{transform:scaleX(0)}
}

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