/* Website onlineexpertdays.com, Grundgestaltung „Bühnenlicht“ (packages/site-blocks/design).
   Alle Farben, Schriften und Maße stehen als Variablen auf :root; ein Theme aus website.themes
   überschreibt sie (themeCss in theme.ts). Circular nur Book (400) und Medium (500), kein Fett. */

@font-face{font-family:'Circular';src:url(/assets/circular-book-2.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Circular';src:url(/assets/circular-medium-2.woff2) format('woff2');font-weight:500 700;font-style:normal;font-display:swap}

:root{
  --o-bg:#ffffff;
  --o-fg:#191a1e;
  --o-text:#3d3e44;
  --o-text2:#5c5650;
  --o-line:#e4e1dc;
  --o-line2:#cfc8bd;
  --o-muted:#f3efe8;
  --o-dark:#191a1e;
  --o-dark-line:#3a3b40;
  --o-sand:#d2bea0;
  --o-stone:#6e645a;
  --o-brand:#003cc3;
  --o-brand-light:#8aa6ff;
  --o-omx:#b4190f;
  --o-omx-hot:#eb321e;
  --o-omx-light:#ff7a6b;
  --o-seokomm:#003cc3;
  --o-seokomm-light:#8aa6ff;
  --o-font:'Circular',system-ui,-apple-system,'Segoe UI',sans-serif;
  --o-w-section:1240px;
  --o-w-content:1080px;
  --o-r-box:clamp(20px,3cqi,32px);
  --o-r-card:24px;
  --o-r-small:20px;
  --o-gap-section:clamp(56px,7cqi,96px);
  --o-g:clamp(12px,2cqi,24px);
  --o-ease:cubic-bezier(.2,.7,.2,1);
  --o-accent:var(--o-brand);
  --o-accent-light:var(--o-brand-light);
}
[data-accent=omx]{--o-accent:var(--o-omx);--o-accent-light:var(--o-omx-light)}
[data-accent=seokomm]{--o-accent:var(--o-seokomm);--o-accent-light:var(--o-seokomm-light)}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--o-bg);color:var(--o-fg);font-family:var(--o-font);font-weight:400;font-synthesis:none;-webkit-font-smoothing:antialiased}
strong,b{font-weight:500}
/* Keine automatische Silbentrennung (zerriss „On-line Expert Days“, Markennamen); ausgeglichene Zeilen, Notbremse nur
   bei überlangen Wörtern */
h1,h2,h3,.o-card-title{overflow-wrap:break-word;hyphens:manual;-webkit-hyphens:manual;text-wrap:balance}
.o-it-media,.o-it-text,.o-stack{min-width:0}
img{max-width:100%}
a{color:inherit}
a:hover{opacity:.8}
button{font:inherit}
.o-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.o-skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--o-fg);color:#fff;padding:10px 16px;border-radius:999px}
.o-skip:focus{left:8px}
:focus-visible{outline:3px solid var(--o-accent);outline-offset:3px}

.o-site{container:o / inline-size;overflow-x:clip;padding-bottom:var(--o-g)}

/* ---------------------------------------------------------------- Abschnitte */
.o-sec{padding:var(--o-gap-section) var(--o-g) 0}
.o-sec-hero,.o-sec-tight{padding-top:var(--o-g)}
.o-sec-first{padding-top:clamp(32px,5cqi,64px)}
.o-sec-hero + .o-sec-hero{padding-top:var(--o-g)}
.o-inner{max-width:var(--o-w-content);margin:0 auto;display:flex;flex-direction:column;gap:36px}
.o-wide{max-width:var(--o-w-section);margin:0 auto}
.o-box{max-width:var(--o-w-section);margin:0 auto;border-radius:var(--o-r-box);padding:clamp(40px,6cqi,80px) clamp(20px,5cqi,64px);position:relative;overflow:hidden}
.o-bg-muted{background:var(--o-muted)}
.o-bg-dark{background:var(--o-dark);color:#fff}
.o-bg-brand{background:var(--o-accent);color:#fff}
.o-on-dark .o-p,.o-on-dark .o-rich,.o-on-dark .o-card-text{color:inherit}
.o-on-dark .o-eyebrow{color:var(--o-sand)}
.o-stack{display:flex;flex-direction:column;gap:16px}
.o-center{text-align:center;align-items:center}
.o-narrow{max-width:760px}
.o-center.o-narrow{margin:0 auto}
.o-spacer-s{height:24px}.o-spacer-m{height:56px}.o-spacer-l{height:96px}
.o-spacer hr{max-width:var(--o-w-content);margin:0 auto;border:0;border-top:1px solid var(--o-line)}
.o-empty{padding:24px;border:1px dashed var(--o-line2);border-radius:12px;color:var(--o-text2)}

/* ---------------------------------------------------------------- Typo */
.o-eyebrow{font-size:14px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--o-accent)}
.o-h1{margin:0;font-size:clamp(34px,4.8cqi,62px);line-height:.98;font-weight:500;letter-spacing:-.035em;max-width:900px}
.o-h2{margin:0;font-size:clamp(28px,3.2cqi,42px);font-weight:500;letter-spacing:-.03em;line-height:1.04}
.o-h2-xl{font-size:clamp(28px,3.6cqi,46px);line-height:1}
.o-h3{margin:0;font-size:clamp(20px,2cqi,24px);font-weight:500;letter-spacing:-.02em;line-height:1.15}
.o-p,.o-rich{margin:0;font-size:clamp(16px,1.5cqi,18px);line-height:1.6;color:var(--o-text)}
.o-rich > :first-child{margin-top:0}.o-rich > :last-child{margin-bottom:0}
.o-rich p,.o-rich ul,.o-rich ol,.o-rich blockquote{margin:0 0 1em}
.o-rich h2{font-size:clamp(24px,2.6cqi,32px);font-weight:500;letter-spacing:-.02em;line-height:1.1;margin:1.4em 0 .5em;color:var(--o-fg)}
.o-rich h3,.o-rich h4{font-size:clamp(19px,1.8cqi,22px);font-weight:500;margin:1.3em 0 .4em;color:var(--o-fg)}
.o-rich a{color:var(--o-accent)}
.o-on-dark .o-rich a{color:inherit}
.o-rich blockquote{border-left:3px solid var(--o-accent);padding-left:18px;font-size:1.1em}
.o-rich img{height:auto;border-radius:12px}
.o-lead{margin:0;font-size:clamp(16px,1.6cqi,19px);line-height:1.5;max-width:720px}
.o-small{margin:0;font-size:14px;color:var(--o-text2);line-height:1.5}
.o-muted-t{color:var(--o-text2);font-size:15px}
.o-legal{max-width:820px}
.o-legal .o-rich{font-size:16px}

/* ---------------------------------------------------------------- Knöpfe */
.o-btns{display:flex;flex-wrap:wrap;gap:10px}
.o-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 26px;border-radius:999px;font-weight:500;font-size:17px;text-decoration:none;border:1.5px solid transparent;cursor:pointer;line-height:1.15;text-align:center}
.o-btn-p{background:var(--o-accent);color:#fff}
.o-btn-s{background:transparent;color:var(--o-fg);border-color:var(--o-fg)}
.o-on-dark .o-btn-s{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.6);color:#fff}
.o-on-dark.o-bg-brand .o-btn-p,.o-bg-brand .o-btn-p{background:#fff;color:var(--o-accent)}
.o-btn-light{background:#fff;color:var(--o-fg)}
.o-lnk{align-self:flex-start;font-weight:500;font-size:17px;color:var(--o-accent);text-decoration:underline;text-underline-offset:4px}
.o-on-dark .o-lnk{color:inherit}

/* ---------------------------------------------------------------- Bilder */
picture{display:contents}
.o-ph{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--o-muted),var(--o-line))}
.o-card-r{border-radius:var(--o-r-card);overflow:hidden}
.o-zoom{overflow:hidden;display:block}
.o-zoom img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s var(--o-ease)}
a:hover .o-zoom img,.o-zoom:hover img{transform:scale(1.06)}
a:hover .o-zoom,a.o-zoom:hover{opacity:1}
.o-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* ---------------------------------------------------------------- Hero */
.o-hero{position:relative;max-width:var(--o-w-section);margin:0 auto;border-radius:var(--o-r-box);display:flex;flex-direction:column;color:#fff;background:var(--o-dark)}
.o-hero-small{min-height:clamp(380px,32cqi,440px)}
/* sehr klein: halbe Höhe von klein (Oliver 2026-10-31, z. B. Impressum) */
.o-hero-xsmall{min-height:clamp(190px,16cqi,220px)}
.o-hero-medium{min-height:clamp(440px,38cqi,520px)}
.o-hero-large{min-height:clamp(460px,42cqi,560px)}
.o-hero-noimg{background:var(--o-dark)}
/* Hero schneidet nur die Bildfläche zu, nicht den Inhalt: das Menü im Hero darf über den Rand ragen (Oliver 2026-10-31) */
.o-hero-media{position:absolute;inset:0;overflow:hidden;border-radius:inherit}
.o-hero:has(.o-hdr-overlay){z-index:30}
.o-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.02);transition:opacity 1.2s ease,transform 7s ease-out}
.o-slide.o-on{opacity:1;transform:scale(1.1)}
.o-hero-media:not([data-slideshow]) .o-slide{opacity:1;animation:o-kb 22s ease-in-out infinite alternate}
.o-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(25,26,30,.6) 0%,rgba(25,26,30,.15) 35%,rgba(25,26,30,.9) 100%)}
.o-hero-body{position:relative;flex:1 1 auto;display:flex;align-items:flex-end;padding:24px clamp(16px,3cqi,40px) clamp(28px,4cqi,56px)}
.o-hero-txt{display:flex;flex-direction:column;gap:clamp(14px,2cqi,22px);max-width:900px;min-width:0;width:100%}
.o-hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:clamp(13px,1.3cqi,15px);letter-spacing:.12em;color:var(--o-sand)}
[data-accent=omx] .o-hero-eyebrow,[data-accent=seokomm] .o-hero-eyebrow{color:var(--o-accent-light)}
.o-hero-text{font-size:clamp(16px,1.6cqi,19px);line-height:1.5;color:#fff;max-width:640px}
.o-hero .o-h1,.o-hero .o-h2{font-size:clamp(34px,4.8cqi,62px);line-height:.98;letter-spacing:-.035em}
.o-dot{width:10px;height:10px;border-radius:50%;background:var(--o-omx-hot);display:inline-block;animation:o-pulse 1.6s infinite}
/* Hero-Text beim Laden: einzige Eingangsbewegung der Website, bewusst kurz und klein (Oliver 2026-11-02) */
.o-rise{animation:o-rise .8s var(--o-ease) both}.o-r2{animation-delay:.1s}.o-r3{animation-delay:.2s}
@keyframes o-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
/* Hero: Text von links/rechts einschieben oder ohne Bewegung; Fotos leichter oder stärker abdunkeln */
@keyframes o-in-l{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
@keyframes o-in-r{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.o-hero-in-left .o-rise{animation-name:o-in-l}
.o-hero-in-right .o-rise{animation-name:o-in-r}
.o-hero-in-none .o-rise{animation:none}
.o-hero.o-hero-ov-light .o-shade{background:linear-gradient(180deg,rgba(46,38,33,.78) 0%,rgba(46,38,33,.28) 30%,rgba(46,38,33,.42) 58%,rgba(46,38,33,.94) 100%)}
.o-hero.o-hero-ov-strong .o-shade{background:linear-gradient(180deg,rgba(46,38,33,.9) 0%,rgba(46,38,33,.5) 30%,rgba(46,38,33,.6) 58%,rgba(46,38,33,.97) 100%)}
@keyframes o-pulse{0%{box-shadow:0 0 0 0 rgba(235,50,30,.7)}100%{box-shadow:0 0 0 14px rgba(235,50,30,0)}}
@keyframes o-kb{from{transform:scale(1.04)}to{transform:scale(1.14)}}
.o-kb{animation:o-kb 22s ease-in-out infinite alternate}

/* ---------------------------------------------------------------- Kopfzeile */
.o-hdr{position:relative;z-index:5;padding:clamp(16px,2.4cqi,28px) clamp(16px,3cqi,40px);color:#fff}
.o-hdr-box{max-width:var(--o-w-section);margin:0 auto;border-radius:var(--o-r-box);background:var(--o-dark)}
.o-nav{display:flex;gap:12px 28px;align-items:center}
.o-brand{flex:1 1 auto;display:flex;align-items:center;text-decoration:none;min-height:44px}
.o-brand-img{height:clamp(34px,3.6cqi,48px);width:auto}
.o-brand-txt{font-weight:500;font-size:20px;letter-spacing:-.02em}
.o-links{display:flex;gap:8px 28px;align-items:center;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.o-links > li{position:relative}
.o-links a{text-decoration:none;display:inline-block;padding:10px 0}
.o-links a[aria-current=page]{color:var(--o-accent-light)}
.o-sub{display:none;position:absolute;left:-16px;top:100%;min-width:220px;list-style:none;margin:0;padding:10px 0;background:var(--o-dark);border-radius:16px;box-shadow:0 16px 40px rgba(0,0,0,.35)}
.o-sub a{display:block;padding:10px 18px}
.o-has-sub:hover .o-sub,.o-has-sub:focus-within .o-sub{display:block}
/* App-Knopf in hellem Braun neben Tickets (Oliver 2026-10-30) */
.o-hdr-app{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 20px;border-radius:999px;background:var(--o-sand);color:#2b2118;text-decoration:none;font-weight:500;font-size:15px;white-space:nowrap;transition:background .3s,transform .3s}
.o-hdr-app:hover{background:#e2d3bb;transform:translateY(-1px)}
.o-hdr-cta{min-height:44px;padding:12px 22px;font-size:16px}
.o-hdr-app + .o-hdr-cta{margin-left:-16px}
.o-menu{display:none;width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.7);background:transparent;color:#fff;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}
.o-mnav{padding:12px 0 8px}
.o-mnav[hidden]{display:none}
.o-mnav ul{list-style:none;margin:0;padding:0}
.o-mnav > ul > li{border-top:1px solid rgba(255,255,255,.15)}
.o-mnav a:not(.o-btn){display:block;padding:14px 4px;text-decoration:none;font-size:19px;font-weight:500}
.o-mnav ul ul a{font-size:16px;font-weight:400;padding:10px 4px 10px 18px;color:var(--o-sand)}
.o-mnav .o-btns{padding-top:14px}
.o-hdr-overlay .o-mnav{background:rgba(25,26,30,.94);margin:12px calc(-1 * clamp(16px,3cqi,40px)) 0;padding:12px clamp(16px,3cqi,40px) 16px;border-radius:20px}
@container o (max-width:860px){.o-links,.o-hdr-app{display:none!important}.o-menu{display:inline-flex}}
@container o (min-width:861px){.o-mnav{display:none!important}}

/* ---------------------------------------------------------------- Bild + Text */
.o-it{display:flex;flex-wrap:wrap;gap:clamp(28px,5cqi,64px);align-items:center}
.o-it-right{flex-wrap:wrap-reverse}
.o-it-media{flex:1 1 480px;position:relative;min-width:0}
.o-it-text{flex:1 1 380px;min-width:0}
.o-it-klein .o-it-media{flex:0 1 300px;max-width:300px}
.o-it-klein .o-it-text{flex:1 1 420px}
.o-it-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.o-offset{margin-top:40px}
.o-detail{align-items:flex-start}
.o-player{margin-top:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.o-player iframe{width:100%;border:0;border-radius:12px}
.o-detail .o-btns{margin-top:12px}

/* ---------------------------------------------------------------- Kopf eines Abschnitts */
.o-head{display:flex;flex-wrap:wrap;gap:12px 48px;align-items:flex-end;justify-content:space-between}
.o-head-intro{max-width:440px;font-size:17px;line-height:1.55}

/* ---------------------------------------------------------------- Raster und Karten */
.o-grid{display:grid;gap:16px}
.o-cols-1{grid-template-columns:1fr}
.o-cols-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.o-cols-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.o-cols-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.o-card{display:flex;flex-direction:column;background:var(--o-bg);border-radius:var(--o-r-card);overflow:hidden;text-decoration:none;border:1px solid var(--o-line)}
.o-bg-muted .o-card{border-color:transparent}
.o-on-dark .o-card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
.o-card:hover{opacity:1}
.o-card-img{aspect-ratio:16/9;position:relative}
.o-card-body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:8px}
.o-card-title{font-size:clamp(18px,1.7cqi,20px);font-weight:500;letter-spacing:-.01em;line-height:1.25}
.o-card-text{font-size:15px;line-height:1.5;color:var(--o-text)}
.o-card .o-eyebrow{font-size:12px}
.o-card .o-lnk{font-size:15px;margin-top:4px}
.o-feature{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:var(--o-r-card);background:var(--o-muted)}
.o-bg-muted .o-feature{background:var(--o-bg)}
.o-on-dark .o-feature{background:rgba(255,255,255,.06)}
.o-feature-icon{font-size:28px;line-height:1;color:var(--o-accent)}
.o-rows{display:flex;flex-direction:column;gap:12px}
.o-rowcard{display:flex;gap:20px;align-items:center;text-decoration:none;border-bottom:1px solid var(--o-line);padding-bottom:12px}
.o-rowcard .o-card-img{flex:0 0 clamp(120px,22cqi,220px);border-radius:16px}
.o-rowcard .o-card-body{padding:0}
/* Kurztext in den Listen (Podcast, Videos, Webinare), in jeder Darstellung (Liste, Raster, neueste groß): ganz, nie
   beschnitten (Oliver 2026-10-31: „Introtexte nicht beschneiden“), nur mit „Vorschautexte zeigen“ */
.o-row-intro{color:var(--o-text2);font-size:14.5px;line-height:1.55;overflow-wrap:break-word}
.o-pod-item .o-row-intro{font-size:13px}
/* Nachladen beim Scrollen (LoadMore in katalog.tsx, site.js): ausgeblendete Einträge und der Wächter unter der Liste */
[data-kat-item][hidden],.o-kat-more[hidden]{display:none!important}
.o-kat-more{height:1px}
.o-rowcard{align-items:flex-start}

/* Detailseiten Video, Webinar, Podcast (2026-10-30): lange Texte mit Gliederung und Speaker- bzw. Gast-Bios */
.o-detail-text{font-size:17px;line-height:1.65}
.o-detail-text > h3:first-child,.o-detail-text > h4:first-child{color:var(--o-fg)}
.o-detail-text h3{font-size:clamp(20px,2cqi,23px);line-height:1.25}
.o-detail-text h4{font-size:18px;line-height:1.3}
.o-bio{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.o-bio-i{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:clamp(16px,3cqi,28px);row-gap:12px;align-items:start;padding:clamp(18px,2.4cqi,26px);border-radius:var(--o-r-card);background:var(--o-bg);border:1px solid var(--o-line)}
.o-bio-av.o-av{grid-row:span 2;width:112px;height:112px;flex:none;font-size:30px;text-decoration:none}
.o-bio-av.o-av img{filter:none}
.o-bio-t{display:flex;flex-direction:column;gap:4px;min-width:0}
.o-bio-n a{text-decoration:none;color:inherit}
.o-bio-n a:hover{color:var(--o-accent)}
.o-bio-sub{margin:0;font-size:14px;line-height:1.45;color:var(--o-stone)}
.o-bio-text{font-size:16px;grid-column:2}
/* Handy: Foto und Name nebeneinander, die Bio darunter über die ganze Breite */
@container o (max-width:560px){.o-bio-i{grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto;align-items:center}.o-bio-av.o-av{grid-row:auto;width:64px;height:64px;font-size:18px}.o-bio-text{grid-column:1 / -1}}
.o-vthumb .o-play-s{position:absolute;left:14px;bottom:14px}

/* ---------------------------------------------------------------- Galerie, Laufband */
.o-gal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:200px;gap:12px}
.o-gal > :first-child{grid-column:span 2;grid-row:span 2}
.o-gal-item{margin:0;position:relative}
.o-gal-item figcaption{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.92);padding:6px 12px;border-radius:999px;font-size:13px}
.o-grid > .o-gal-item{aspect-ratio:4/3}
@container o (max-width:700px){.o-gal{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:150px;gap:8px}}
.o-strip{display:flex;flex-direction:column;gap:12px;overflow:hidden}
.o-run{display:flex;width:max-content;gap:12px;animation:o-run 38s linear infinite}
.o-rev{animation-direction:reverse;animation-duration:46s}
.o-dup{display:contents}
.o-strip .o-gal-zoom,.o-strip .o-gal-link{width:auto;height:auto;flex:none}
.o-strip[data-zoom]:hover .o-run{animation-play-state:paused}
@keyframes o-run{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.o-edges{-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.o-strip img,.o-strip .o-ph{width:340px;height:226px;object-fit:cover;border-radius:12px;display:block}
@container o (max-width:700px){.o-strip img,.o-strip .o-ph{width:220px;height:146px}}

/* ---------------------------------------------------------------- Video, Karte, Einbettungen */
.o-video{position:relative;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;text-decoration:none;background:var(--o-dark)}
.o-video iframe,.o-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.o-play{position:relative;width:84px;height:84px;border-radius:50%;background:var(--o-accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;animation:o-ring 2s infinite}
.o-play-s{width:48px;height:48px;animation:none}
@keyframes o-ring{0%{box-shadow:0 0 0 0 rgba(255,255,255,.6)}100%{box-shadow:0 0 0 24px rgba(255,255,255,0)}}
.o-video-btn{position:relative;border:0;background:transparent;padding:0;cursor:pointer;color:#fff}
.o-embed-note{position:absolute;left:14px;bottom:14px;background:rgba(255,255,255,.92);color:var(--o-fg);padding:6px 12px;border-radius:999px;font-size:13px}
.o-player .o-embed-note{position:static;background:none;padding:0;color:var(--o-text2)}
.o-loaded .o-embed-note,.o-loaded .o-video-btn,.o-loaded .o-map-btn,.o-loaded .o-pin,.o-player.o-loaded > .o-btn{display:none}
.o-map-row,.o-nl-row,.o-faq-row,.o-ag-row{display:flex;flex-wrap:wrap;gap:clamp(28px,5cqi,56px);align-items:flex-start}
.o-map-txt,.o-nl-txt{flex:1 1 300px}
.o-map{flex:2 1 520px;position:relative;min-height:clamp(280px,32cqi,400px);border-radius:var(--o-r-card);overflow:hidden;background:var(--o-muted)}
.o-map-poster{filter:saturate(.6)}
.o-map-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.o-pin{position:absolute;left:46%;top:30%;width:40px;height:40px;border-radius:50% 50% 50% 0;background:var(--o-omx-hot);rotate:-45deg;box-shadow:0 10px 20px rgba(0,0,0,.3);animation:o-bounce 1.8s infinite}
@keyframes o-bounce{0%,100%{translate:0 0}50%{translate:0 -10px}}
.o-embed iframe{max-width:100%}

/* ---------------------------------------------------------------- CTA, Countdown, Zahlen */
.o-cta{padding:clamp(48px,7cqi,96px) clamp(20px,5cqi,64px)}
.o-cta-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4}
.o-cta-row{position:relative;flex-direction:row;flex-wrap:wrap;gap:24px;align-items:flex-end;justify-content:space-between}
.o-cta-txt{flex:1 1 480px}
.o-cta .o-btn-p{padding:18px 32px;font-size:18px}
.o-cd{display:flex;gap:12px;margin-top:6px;max-width:100%}
/* schmal (Handy): Zellen teilen sich die Breite statt überzustehen, Sekunden passen mit (Oliver 2026-10-30) */
@container o (max-width: 700px){.o-cd{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px}.o-cd .o-cd-cell{min-width:0;padding:10px 2px;border-radius:12px}.o-cd .o-cd-v{font-size:28px}.o-cd .o-cd-l{font-size:12px;letter-spacing:0;max-width:100%}}
.o-cd-cell{display:flex;flex-direction:column;align-items:center;min-width:76px;padding:12px 10px;border-radius:16px;background:rgba(255,255,255,.12)}
.o-cd-v{font-size:clamp(28px,3cqi,40px);font-weight:500;letter-spacing:-.03em;line-height:1}
.o-cd-l{font-size:13px;color:var(--o-sand);margin-top:4px}
.o-detail .o-cd-cell{background:var(--o-muted)}
.o-detail .o-cd-l{color:var(--o-text2)}
.o-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:28px}
.o-stat{display:flex;flex-direction:column;gap:4px}
.o-stat-v{font-size:clamp(38px,4cqi,54px);font-weight:500;letter-spacing:-.04em;line-height:1.05}
.o-stat-l{font-size:16px;color:var(--o-sand)}
.o-bg-muted .o-stat-l,.o-bg-default .o-stat-l{color:var(--o-text2)}

/* ---------------------------------------------------------------- Team, Speaker, Fachbeirat */
.o-team,.o-spk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:clamp(12px,2cqi,20px)}
.o-member{margin:0;display:flex;flex-direction:column;gap:12px}
.o-member figcaption{display:flex;flex-direction:column;gap:2px}
.o-member-img{border-radius:var(--o-r-small);aspect-ratio:1}
.o-member-links{display:flex;gap:12px;font-size:14px;margin-top:4px}
a.o-member-img{display:block;overflow:hidden}
.o-member-name{color:inherit;text-decoration:none}
.o-member-name:hover{text-decoration:underline;text-underline-offset:3px}
.o-spk{text-decoration:none;display:flex;flex-direction:column;gap:10px}
.o-spk:hover{opacity:1}
.o-spk-img{aspect-ratio:3/4;border-radius:var(--o-r-small)}
.o-spk img{filter:grayscale(1);transition:filter .5s,transform 1s var(--o-ease)}
.o-spk:hover img{filter:none}
.o-spk-sub{font-size:14px;color:var(--o-text2);margin-top:-6px;line-height:1.4}
/* Speaker „Bühne“ (Canvas Runde 5): Konferenz, Name, Firma, Vortrag je eigene Zeile, Reiter Alle/OMX/SEOkomm */
.o-spx-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.o-spx-tabs{display:inline-flex;gap:2px;padding:5px;border-radius:999px;background:var(--o-muted)}
.o-on-dark .o-spx-tabs{background:rgba(255,255,255,.08)}
.o-spx-tab{border:0;background:transparent;font:inherit;font-size:14px;font-weight:500;padding:11px 18px;min-height:44px;border-radius:999px;color:var(--o-text2);cursor:pointer;transition:background .3s,color .3s}
.o-on-dark .o-spx-tab{color:rgba(255,255,255,.7)}
.o-spx-tab[aria-pressed=true]{background:var(--o-fg);color:var(--o-bg)}
.o-on-dark .o-spx-tab[aria-pressed=true]{background:var(--o-sand);color:#2b2118}
.o-spx-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));margin-top:clamp(28px,3cqi,44px)}
.o-spx-card{gap:12px}
.o-spx-card[hidden]{display:none}
.o-spx-kf{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:500;line-height:1;letter-spacing:.12em;text-transform:uppercase;margin-bottom:-4px;color:var(--o-text2)}
.o-spx-kf::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.o-spx-omx{color:var(--o-omx)}.o-spx-seokomm{color:var(--o-seokomm)}
.o-on-dark .o-spx-omx{color:#ff8d7d}.o-on-dark .o-spx-seokomm{color:#9fb5ff}
.o-spx-name{font-size:17px;font-weight:500;line-height:1.2;letter-spacing:-.01em}
.o-spx-firma{font-size:13.5px;line-height:1.4;color:var(--o-text2);margin-top:-8px}
.o-on-dark .o-spx-firma{color:rgba(245,239,230,.62)}
.o-spx-talk{font-style:normal;font-size:14px;font-weight:500;line-height:1.4;margin-top:-2px;opacity:.9}
.o-spx-more{display:flex;justify-content:center;margin-top:40px}
@container o (max-width:700px){.o-spx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.o-spx-tabs{width:100%}.o-spx-tab{flex:1 1 0;padding:11px 8px}}
.o-advisors{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.o-advisor{display:grid;grid-template-columns:48px 1fr;column-gap:14px;align-items:center;padding:14px;border-radius:16px;background:var(--o-muted)}
.o-advisor .o-muted-t{grid-column:2;font-size:13px}
.o-initials{grid-row:span 2;width:48px;height:48px;border-radius:50%;background:var(--o-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:500}

/* ---------------------------------------------------------------- Agenda, OXB */
.o-ag-side{flex:1 1 300px}
.o-ag-list{flex:2 1 520px;list-style:none;margin:0;padding:0;border-top:1px solid var(--o-line)}
.o-oxb-list{flex:none;width:100%}
.o-row{text-decoration:none;display:flex;flex-wrap:wrap;gap:4px 16px;align-items:baseline;padding:18px 12px;border-bottom:1px solid var(--o-line);border-radius:12px;transition:background .3s}
a.o-row:hover{background:var(--o-muted);opacity:1}
.o-ag-time{font-size:20px;font-weight:500;flex:0 0 64px}
.o-ag-track{font-size:14px;color:var(--o-accent);flex:0 0 110px}
.o-ag-title{font-size:17px;flex:1 1 240px;line-height:1.4}
.o-ag-spk{color:var(--o-text2)}
.o-ag-break .o-ag-title{color:var(--o-text2)}
.o-ag-item[hidden]{display:none}
.o-oxb-cta{font-size:15px;flex:0 0 auto}
.o-chips{display:flex;flex-wrap:wrap;gap:8px}
.o-chip{background:transparent;color:var(--o-fg);border:1.5px solid var(--o-line2);border-radius:999px;padding:10px 18px;min-height:44px;cursor:pointer}
.o-chip-on{background:var(--o-fg);color:#fff;border-color:var(--o-fg)}

/* ---------------------------------------------------------------- Logos, Partner */
.o-logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.o-logo{display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;padding:18px;background:var(--o-bg);border:1px solid var(--o-line);border-radius:16px;text-decoration:none}
.o-logo-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.85;transition:filter .4s,opacity .4s}
.o-logo:hover .o-logo-img{filter:none;opacity:1}
.o-logos-run .o-logo{width:180px;flex:0 0 auto}
.o-logos-run{display:flex;flex-direction:column;gap:12px;overflow:hidden;margin-top:clamp(18px,2.4cqi,32px)}
.o-logos-run:hover .o-run{animation-play-state:paused}
.o-partner-group{display:flex;flex-direction:column;gap:16px}

/* ---------------------------------------------------------------- Besucherstimmen (Band mit Pfeilen) */
.o-st-kopf{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.o-st-pfeile{display:flex;gap:10px}
.o-st-pfeil{width:52px;height:52px;border-radius:50%;border:1px solid var(--o-line2);background:var(--o-bg);color:var(--o-fg);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s,color .3s}
.o-st-pfeil:hover{background:var(--o-fg);color:var(--o-bg)}
.o-st-pfeil svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.o-st-band{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 2px 10px;margin-top:clamp(20px,3cqi,36px)}
.o-st-band::-webkit-scrollbar{display:none}
.o-st-karte{flex:0 0 min(380px,82%);scroll-snap-align:start;margin:0;display:flex;flex-direction:column;justify-content:space-between;gap:22px;padding:28px;border-radius:var(--o-r-card,20px);background:var(--o-bg);border:1px solid var(--o-line)}
.o-st-karte blockquote{margin:0;font-size:15.5px;line-height:1.6}
.o-st-konf{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--o-text2)}
.o-st-konf::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--o-accent)}
.o-st-omx::before{background:var(--o-omx,#eb321e)}.o-st-seokomm::before{background:var(--o-seokomm,#003cc3)}
.o-st-wer{display:flex;align-items:center;gap:12px;margin-top:10px}
.o-st-wer b{display:block;font-weight:500;font-size:15px}.o-st-wer small{display:block;font-size:13px;color:var(--o-text2)}
.o-st-foto{flex:0 0 52px;width:52px;height:52px;border-radius:50%;overflow:hidden;background:var(--o-muted)}
.o-st-foto img{width:100%;height:100%;object-fit:cover}
.o-st-portrait{justify-content:flex-start;gap:18px}
.o-st-kopfbild{display:block;width:120px;height:120px;border-radius:50%;overflow:hidden;background:var(--o-muted);box-shadow:0 0 0 6px var(--o-muted)}
.o-st-kopfbild img{width:100%;height:100%;object-fit:cover}
.o-st-portrait blockquote{flex:1 1 auto}
.o-st-portrait figcaption{display:flex;flex-direction:column;gap:8px}
.o-st-portrait .o-st-wer{margin-top:0}
@container o (max-width:700px){.o-st-kopfbild{width:96px;height:96px}}
/* Band weich auslaufen lassen statt hart abschneiden */
.o-st-band{-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent)}
/* Variante „gross“: eine Stimme über die ganze Breite */
.o-st-v-gross .o-st-band{-webkit-mask-image:none;mask-image:none}
.o-st-v-gross .o-st-karte{flex:0 0 100%;padding:clamp(28px,4cqi,56px)}
.o-st-gross-karte{flex-direction:row!important;align-items:center;justify-content:flex-start!important;gap:clamp(24px,4cqi,56px)!important}
.o-st-gross-bild{flex:0 0 clamp(120px,16cqi,220px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--o-muted);box-shadow:0 0 0 8px var(--o-muted)}
.o-st-gross-bild img{width:100%;height:100%;object-fit:cover}
.o-st-gross-txt{display:flex;flex-direction:column;gap:18px;min-width:0}
.o-st-gross-karte blockquote{font-size:clamp(20px,2.3cqi,30px);line-height:1.4;letter-spacing:-.01em;font-weight:500}
.o-st-gross-karte .o-st-wer{margin-top:0}
@container o (max-width:700px){.o-st-gross-karte{flex-direction:column!important;align-items:flex-start}}
/* Variante „raster“: alle ruhig nebeneinander */
.o-st-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-top:clamp(20px,3cqi,36px)}
.o-st-raster .o-st-karte{flex:none}
/* Variante „kompakt“: schmale Karten */
.o-st-v-kompakt .o-st-karte{flex:0 0 min(290px,78%);padding:22px;gap:16px}
.o-st-kompakt-karte blockquote{font-size:14.5px}
.o-st-foto-s{flex:0 0 40px;width:40px;height:40px}

/* ---------------------------------------------------------------- FAQ */
.o-faq-h{flex:1 1 280px}
.o-faq{flex:2 1 520px;display:flex;flex-direction:column;border-top:1px solid var(--o-line2)}
.o-faq details{border-bottom:1px solid var(--o-line2);padding:22px 0}
.o-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:clamp(17px,1.6cqi,20px);font-weight:500;line-height:1.35}
.o-faq summary::-webkit-details-marker{display:none}
.o-plus{font-size:28px;line-height:1;color:var(--o-accent);transition:transform .3s;flex:0 0 auto}
.o-faq details[open] .o-plus{transform:rotate(45deg)}
.o-faq-a{margin-top:12px;font-size:16px}
.o-on-dark .o-faq,.o-on-dark .o-faq details{border-color:var(--o-dark-line)}
.o-on-dark .o-plus{color:var(--o-accent-light)}
.o-on-dark .o-faq-a{color:var(--o-sand)}

/* ---------------------------------------------------------------- Newsletter */
.o-nl{flex:1 1 380px;display:flex;flex-direction:column;gap:14px}
.o-field{display:flex;flex-direction:column;gap:6px;font-size:15px;font-weight:500}
.o-field input{font:inherit;font-weight:400;font-size:17px;padding:14px 18px;border-radius:14px;border:1.5px solid var(--o-line2);background:var(--o-bg);color:var(--o-fg);min-height:52px}
.o-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--o-text)}
.o-check input{margin-top:3px;width:20px;height:20px;flex:0 0 auto;accent-color:var(--o-accent)}
.o-nl .o-btn{align-self:flex-start}
.o-nl-msg{margin:0;font-size:15px;min-height:1em}
.o-nl-msg.o-err{color:#8a1c12;background:#fdecea;border:1px solid #f3c2bc;border-radius:14px;padding:14px 16px 14px 44px;position:relative;font-size:16px;line-height:1.45}
.o-nl-msg.o-err::before{content:"!";position:absolute;left:14px;top:13px;width:20px;height:20px;border-radius:50%;background:#c0291b;color:#fff;font-size:13px;font-weight:500;line-height:20px;text-align:center}
/* Rückmeldung nach dem Absenden: grün hinterlegt, oben an der Stelle des Formulars (Oliver 2026-10-31) */
.o-nl-done{align-self:flex-start;position:relative;padding:20px 22px 20px 58px;border-radius:var(--o-r-card);background:#e7f4ec;border:1px solid #b9dcc6;color:#14532d;font-size:18px;line-height:1.5}
.o-nl-done::before{content:"";position:absolute;left:20px;top:22px;width:24px;height:24px;border-radius:50%;background:#1f7a46 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}

/* ---------------------------------------------------------------- Seitentitel, Brotkrumen */
.o-ptitle{gap:16px}
.o-crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--o-text2)}
.o-crumbs > span:not(:last-child)::after{content:"/";margin-left:6px;color:var(--o-line2)}
.o-crumbs a{text-decoration:none}
/* Brotkrumen am Handy überall ausgeblendet (Oliver 2026-10-31); das strukturierte BreadcrumbList bleibt für Google */
@container o (max-width:700px){.o-crumbs{display:none}}

/* ---------------------------------------------------------------- Fußzeile */
.o-footer{padding:clamp(36px,5cqi,56px) clamp(20px,5cqi,64px);font-size:15px}
.o-foot-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:28px}
.o-foot-col{display:flex;flex-direction:column;gap:8px}
.o-foot-col a,.o-foot-legal a,.o-foot-social a{text-decoration:none}
.o-foot-h{font-weight:500;color:var(--o-sand)}
.o-foot-h1{color:var(--o-omx-hot)}.o-foot-h2{color:var(--o-seokomm-light)}
.o-foot-text{font-size:15px;color:#fff}
.o-foot-bottom{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;border-top:1px solid var(--o-dark-line);padding-top:20px}
.o-foot-legal,.o-foot-social{display:flex;flex-wrap:wrap;gap:8px 20px}
.o-foot-social{gap:10px;align-items:center}
.o-social-ic{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:inherit;transition:background .3s,transform .3s}
.o-social-ic:hover{background:rgba(255,255,255,.22);transform:translateY(-2px)}
.o-social-ic svg{width:18px;height:18px;fill:currentColor}

/* ---------------------------------------------------------------- Popups (Plan 9) */
.o-pop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px}
.o-pop-backdrop{position:absolute;inset:0;background:rgba(25,26,30,.6)}
.o-pop-card{position:relative;max-width:640px;width:100%;max-height:calc(100vh - 32px);overflow:auto;background:var(--o-bg);border-radius:var(--o-r-card);box-shadow:0 24px 64px rgba(0,0,0,.35);animation:o-rise .5s var(--o-ease) both}
.o-pop-img{display:block}
.o-pop-img img{width:100%;height:auto;display:block}
.o-pop-body{padding:24px}
.o-pop-x{position:absolute;right:10px;top:10px;z-index:2;width:48px;height:48px;border-radius:50%;border:0;background:rgba(25,26,30,.75);color:#fff;font-size:28px;line-height:1;cursor:pointer}
.o-pop-bar{align-items:flex-end;padding:0}
.o-pop-bar .o-pop-backdrop{display:none}
.o-pop-bar .o-pop-card{max-height:33vh;border-radius:var(--o-r-card) var(--o-r-card) 0 0;display:flex;align-items:center}
.o-pop-bar .o-pop-img{flex:0 0 35%}
.o-pop-bar .o-pop-body{padding:16px 60px 16px 16px}
/* Newsletter-Popup: Banner oben, Text, Formular */
.o-pop-nl .o-pop-banner{position:relative;aspect-ratio:16/6;overflow:hidden}
.o-pop-nl .o-pop-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.o-pop-nl .o-pop-body{padding:24px 28px 28px;gap:16px}
.o-pop-nl .o-nl{flex:none}
.o-pop-bar.o-pop-nl .o-pop-banner{display:none}
.o-pop-bar.o-pop-nl .o-pop-card{display:block}

/* ---------------------------------------------------------------- Abstände Überschrift und Text (Abgleich 2026-10-29)
   Eyebrow → Überschrift eng (12px), Überschrift → Text deutlich (20 bis 24px), Knöpfe mit Luft. */
.o-text{display:flex;flex-direction:column;gap:clamp(18px,2cqi,24px)}
.o-text.o-center{align-items:center}
.o-stack{gap:clamp(18px,2cqi,22px)}
.o-stack > .o-eyebrow + :is(.o-h1,.o-h2,.o-h3),.o-text > .o-eyebrow + :is(.o-h1,.o-h2,.o-h3){margin-top:-6px}
.o-stack > .o-btns,.o-text > .o-btns{margin-top:6px}
.o-head{row-gap:20px}
.o-rich h2{margin:1.5em 0 .6em}
.o-rich h3,.o-rich h4{margin:1.4em 0 .55em;line-height:1.25}
.o-rich > h3:first-child,.o-rich > h4:first-child{color:var(--o-stone)}
.o-on-dark .o-rich > h3:first-child,.o-on-dark .o-rich > h4:first-child{color:var(--o-sand)}
.o-rich li{margin-bottom:.35em}
.o-card-body{gap:10px}
.o-faq-a{margin-top:14px}
.o-nl-txt,.o-map-txt{gap:clamp(18px,2cqi,22px)}

/* ---------------------------------------------------------------- Bilder ganz (fit natural), Galerie-Klick */
.o-nat{display:flex;justify-content:center;width:100%;margin:0 auto}
.o-nat-left{margin-left:0;margin-right:auto;justify-content:flex-start}.o-nat-right{margin-left:auto;margin-right:0;justify-content:flex-end}
/* nie größer als das Original: width-Attribut = größte Ableitung, höchstens Originalbreite */
.o-nat img,.o-gal-single img,.o-gal-nat img,.o-card-img-nat img{display:block;width:auto;max-width:100%;height:auto;object-fit:contain;border-radius:var(--o-r-small)}
.o-gal-single{align-items:center}.o-gal-single.o-nat-left{align-items:flex-start}.o-gal-single.o-nat-right{align-items:flex-end}
.o-gal-single .o-gal-zoom,.o-gal-single .o-gal-link{width:auto;max-width:100%}
.o-it-nat{align-self:center}
.o-gal-single{margin:0 auto;width:100%;display:flex;flex-direction:column;gap:10px}
.o-gal-single.o-nat-left{margin-left:0}.o-gal-single.o-nat-right{margin-right:0;margin-left:auto}
.o-grid > .o-gal-item.o-gal-nat{aspect-ratio:auto;align-self:start}
.o-card-img-nat{aspect-ratio:auto;padding:16px 16px 0}
.o-gal-zoom,.o-gal-link{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in;color:inherit;text-decoration:none}
.o-gal-link{cursor:pointer}
.o-gal-zoom:focus-visible,.o-gal-link:focus-visible{outline-offset:-3px}
.o-lb-open{overflow:hidden}
.o-lb{position:fixed;inset:0;z-index:2147483000;background:rgba(12,12,14,.98);color:#fff;display:flex;flex-direction:column;animation:o-fade .25s ease both}
@keyframes o-fade{from{opacity:0}to{opacity:1}}
.o-lb-stage{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:56px clamp(8px,6vw,88px) 8px}
.o-lb-stage picture{display:contents}
.o-lb-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px;display:block}
.o-lb-bar{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:center;padding:12px 16px 20px;font-size:15px}
.o-lb-cap{margin:0;color:var(--o-sand);max-width:720px;text-align:center}
.o-lb-count{color:rgba(255,255,255,.7);font-variant-numeric:tabular-nums}
.o-lb-x,.o-lb-nav,.o-lb-play{border:0;cursor:pointer;color:#fff;background:rgba(255,255,255,.12);font:inherit}
.o-lb-x{position:absolute;right:12px;top:12px;width:48px;height:48px;border-radius:50%;font-size:30px;line-height:1}
.o-lb-nav{position:absolute;top:50%;translate:0 -50%;width:52px;height:52px;border-radius:50%;font-size:34px;line-height:1}
.o-lb-prev{left:12px}.o-lb-next{right:12px}
.o-lb-play{min-height:40px;padding:8px 18px;border-radius:999px;font-size:15px}
.o-lb-x:hover,.o-lb-nav:hover,.o-lb-play:hover{background:rgba(255,255,255,.24)}
@media (max-width:700px){.o-lb-nav{top:auto;bottom:14px;translate:none;width:46px;height:46px}.o-lb-bar{padding-bottom:72px}}

/* ---------------------------------------------------------------- Hero mit Konferenzlogo */
.o-hero-logos{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center}
.o-hero-logo{display:block;height:clamp(84px,13cqi,176px);width:auto;max-width:min(100%,560px);object-fit:contain;object-position:left center}
.o-hero-has-logo .o-h1,.o-hero-has-logo .o-hero-h{font-size:clamp(20px,2.2cqi,30px);line-height:1.2;letter-spacing:-.015em;max-width:640px}

/* ---------------------------------------------------------------- CTA mit Foto (Bühnenlicht) */
.o-cta-photo{background:var(--o-dark);min-height:clamp(260px,24cqi,340px);display:flex;align-items:flex-end}
.o-cta-photo > .o-inner{width:100%}
.o-cta-media{position:absolute;inset:0;overflow:hidden}
.o-cta-photo .o-cta-img{opacity:1}
.o-cta-shade{position:absolute;inset:0}
.o-ov-light .o-cta-shade{background:linear-gradient(90deg,rgba(25,26,30,.72) 0%,rgba(25,26,30,.35) 60%,rgba(25,26,30,.2) 100%),linear-gradient(0deg,rgba(25,26,30,.5),rgba(25,26,30,0) 55%)}
.o-ov-medium .o-cta-shade{background:linear-gradient(90deg,rgba(25,26,30,.86) 0%,rgba(25,26,30,.55) 60%,rgba(25,26,30,.38) 100%),linear-gradient(0deg,rgba(25,26,30,.65),rgba(25,26,30,0) 60%)}
.o-ov-strong .o-cta-shade{background:linear-gradient(90deg,rgba(25,26,30,.94) 0%,rgba(25,26,30,.75) 60%,rgba(25,26,30,.6) 100%),linear-gradient(0deg,rgba(25,26,30,.75),rgba(25,26,30,.1) 60%)}
.o-cta-shade::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 85% 0%,rgba(235,50,30,.22),rgba(235,50,30,0) 70%)}
@container o (max-width:700px){.o-cta-photo{min-height:360px}.o-ov-light .o-cta-shade,.o-ov-medium .o-cta-shade{background:linear-gradient(0deg,rgba(25,26,30,.9) 0%,rgba(25,26,30,.55) 60%,rgba(25,26,30,.35) 100%)}}

/* ---------------------------------------------------------------- Gründe mit Haken, OXB-Hinweis, Fußzeilen-Logos */
.o-feature:has(.o-feature-check){display:grid;grid-template-columns:32px 1fr;column-gap:14px;align-items:start}
.o-feature:has(.o-feature-check) > :not(.o-feature-check){grid-column:2}
.o-feature-check{grid-row:span 2;width:32px;height:32px;border-radius:50%;background:var(--o-accent);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.o-on-dark .o-feature-check{background:#fff;color:var(--o-accent)}
.o-note{padding:22px 24px;border-radius:var(--o-r-card);background:var(--o-muted);display:flex;flex-direction:column;gap:12px;max-width:760px}
.o-bg-muted .o-note{background:var(--o-bg)}
.o-ag-past .o-ag-time,.o-ag-past .o-ag-title{color:var(--o-text2)}
.o-ag-past .o-ag-track{color:var(--o-stone)}
.o-foot-logo{display:block;max-width:170px}
.o-foot-logo img,.o-foot-img img{display:block;width:100%;height:auto}
.o-foot-img{display:block;max-width:220px;border-radius:12px;overflow:hidden}
.o-advisor-img{overflow:hidden;background:var(--o-line)}
.o-advisor-img img{width:100%;height:100%;object-fit:cover;display:block}

/* ================================================================ Runde 5 (2026-10-29): neue Varianten der Bausteine
   Aufbau und brauchbare Grundgestaltung für jedes Theme; „Bühne und Foyer“ (themes/buehne-foyer.css) verfeinert. */

/* ---------------------------------------------------------------- Hintergründe, Foto hinter dem Kasten, Abstand */
.o-bg-sand{background:var(--o-sand-soft,#efe4d3)}
.o-bg-white{background:#fff;box-shadow:0 30px 70px -50px rgba(36,31,27,.45);border:1px solid var(--o-line)}
.o-bg-omx{background:var(--o-omx);color:#fff}
.o-bg-seokomm{background:var(--o-seokomm-dark,#002d6e);color:#fff}
.o-box-foto{color:#fff;isolation:isolate}
.o-box-media{position:absolute;inset:0;z-index:-1}
.o-box-media .o-cover{display:block}
.o-box-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(25,22,19,.55),rgba(25,22,19,.82))}
.o-box-foto.o-ov-light .o-box-shade{background:linear-gradient(180deg,rgba(25,22,19,.3),rgba(25,22,19,.6))}
.o-box-foto.o-ov-strong .o-box-shade{background:linear-gradient(180deg,rgba(25,22,19,.75),rgba(25,22,19,.92))}
.o-sp-s{padding-top:calc(var(--o-gap-section) * .45)}
.o-sp-l{padding-top:calc(var(--o-gap-section) * 1.5)}
/* zusätzlicher Abstand nach unten (spacingBottom), Standard keiner */
.o-spb-s{padding-bottom:calc(var(--o-gap-section) * .45)}
.o-spb-m{padding-bottom:var(--o-gap-section)}
.o-spb-l{padding-bottom:calc(var(--o-gap-section) * 1.5)}
/* Enge Abschnitte (Aufruf/CTA, Fußzeile) haben als „normal“ nur den Rand: „eng“ und „viel Luft“ davon ausgehend,
   sonst war „eng“ mehr Abstand als „normal“ (Oliver 2026-10-30) */
.o-sec-tight.o-sp-s{padding-top:calc(var(--o-g) * .4)}
.o-sec-tight.o-sp-l{padding-top:var(--o-gap-section)}

/* ---------------------------------------------------------------- Knöpfe: Pfeil, Farben je Knopf (acht Hauptfarben) */
.o-btn{gap:10px;transition:transform .35s var(--o-ease),box-shadow .35s,background .3s,color .3s}
.o-btn:hover{opacity:1;transform:translateY(-2px)}
.o-btn-arr{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s var(--o-ease)}
.o-btn:hover .o-btn-arr{transform:translateX(4px)}
.o-btn-s .o-btn-arr{display:none}
/* Knopffarbe am Knopf schlägt den Kontext (z. B. weißer Knopf auf Markenfarbe), eine Klasse mehr Gewicht (Oliver 2026-10-31) */
.o-btn-c.o-btn-p{border-color:transparent}
.o-btn.o-btn-c-omx.o-btn-p{background:#b4190f;color:#fff}.o-btn.o-btn-c-omx-hell.o-btn-p{background:#eb321e;color:#fff}
.o-btn.o-btn-c-seokomm.o-btn-p{background:#002d6e;color:#fff}.o-btn.o-btn-c-seokomm-hell.o-btn-p{background:#003cc3;color:#fff}
.o-btn.o-btn-c-oxd.o-btn-p{background:#6e645a;color:#fff}.o-btn.o-btn-c-oxd-hell.o-btn-p{background:#d2bea0;color:#241f1b}
.o-btn.o-btn-c-weiss.o-btn-p{background:#fff;color:#241f1b}.o-btn.o-btn-c-schwarz.o-btn-p{background:#000;color:#fff}
.o-btn.o-btn-c-omx.o-btn-s{border-color:#b4190f;color:#b4190f}.o-btn.o-btn-c-omx-hell.o-btn-s{border-color:#eb321e;color:#eb321e}
.o-btn.o-btn-c-seokomm.o-btn-s{border-color:#002d6e;color:#002d6e}.o-btn.o-btn-c-seokomm-hell.o-btn-s{border-color:#003cc3;color:#003cc3}
.o-btn.o-btn-c-oxd.o-btn-s{border-color:#6e645a;color:#6e645a}.o-btn.o-btn-c-oxd-hell.o-btn-s{border-color:#d2bea0;color:#d2bea0}
.o-btn.o-btn-c-weiss.o-btn-s{border-color:#fff;color:#fff}.o-btn.o-btn-c-schwarz.o-btn-s{border-color:#000;color:#000}

/* ---------------------------------------------------------------- Hero: Lichtkegel, Konferenzkarten, Faktenleiste */
.o-cone{position:absolute;top:-30%;left:6%;width:46%;height:150%;pointer-events:none;background:conic-gradient(from 180deg at 50% 0%,transparent 160deg,rgba(255,232,196,.2) 175deg,rgba(255,232,196,.3) 180deg,rgba(255,232,196,.2) 185deg,transparent 200deg);mix-blend-mode:screen;filter:blur(8px);transform-origin:50% 0;animation:o-sweep 14s ease-in-out infinite alternate}
.o-cone2{left:48%;animation-delay:-7s;background:conic-gradient(from 180deg at 50% 0%,transparent 162deg,rgba(255,150,120,.16) 176deg,rgba(255,150,120,.24) 180deg,rgba(255,150,120,.16) 184deg,transparent 198deg)}
@keyframes o-sweep{from{transform:rotate(-14deg)}to{transform:rotate(12deg)}}
.o-hero-row{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:flex-end;justify-content:space-between}
.o-hero-row .o-hero-text{flex:1 1 380px}
.o-hero-confs{display:flex;flex-wrap:wrap;gap:12px}
.o-hero-conf{display:inline-flex;align-items:center;gap:14px;padding:10px 18px 10px 14px;border-radius:16px;background:rgba(20,16,13,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.16);text-decoration:none;color:#fff;transition:background .3s}
a.o-hero-conf:hover{background:rgba(20,16,13,.72);opacity:1}
.o-hero-conf-logo{height:26px;width:auto;display:block}
/* Logo links, so schmal wie das Bild; der Text bekommt den Rest (Oliver 2026-10-31) */
.o-hero-conf > picture{flex:0 0 auto;display:block;line-height:0}
.o-hero-conf-logo{max-width:none}
.o-hero-conf-t{flex:1 1 auto}
.o-hero-conf-t{font-size:13px;line-height:1.35;color:rgba(255,255,255,.92);max-width:190px}
.o-hero-conf-d{display:block;color:rgba(255,255,255,.7)}
.o-hero-facts{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px 24px;margin:0 clamp(16px,3cqi,40px) clamp(24px,3cqi,40px);padding-top:18px;border-top:1px solid rgba(255,255,255,.18)}
.o-hero-fact strong{display:block;font-size:clamp(22px,2.4cqi,32px);font-weight:500;letter-spacing:-.02em;line-height:1.05}
.o-hero-fact>span{display:block;margin-top:6px;font-size:13px;color:rgba(255,255,255,.66)}
.o-hero-fact-cd strong{color:var(--o-sand)}
.o-hero-has-facts .o-hero-body{padding-bottom:clamp(20px,2.4cqi,32px)}

/* ---------------------------------------------------------------- Text mit Zitat und Unterschrift */
.o-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,6cqi,88px);align-items:start}
.o-quote{margin:0;font-size:clamp(24px,2.8cqi,38px);line-height:1.22;font-weight:500;letter-spacing:-.02em;color:var(--o-fg);text-wrap:balance}
.o-on-dark .o-quote{color:#fff}
.o-intro-h{font-size:clamp(14px,1.3cqi,15px);letter-spacing:.14em;text-transform:uppercase;color:var(--o-stone)}
.o-sign{display:flex;align-items:center;gap:14px}
.o-sign-img{flex:0 0 54px;width:54px;height:54px;border-radius:50%;overflow:hidden;background:var(--o-muted)}
.o-sign-img img{width:100%;height:100%;object-fit:cover;display:block}
.o-sign b{display:block;font-weight:500;font-size:15px}.o-sign small{display:block;font-size:13px;color:var(--o-text2)}

/* ---------------------------------------------------------------- Bild + Text: Nummer, Haken, versetztes Bildpaar */
.o-num{font-size:clamp(54px,6cqi,88px);line-height:1;font-weight:500;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px var(--o-stone);opacity:.75}
.o-checks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.o-checks li{display:flex;gap:12px;font-size:15.5px;line-height:1.5;color:var(--o-text)}
.o-on-dark .o-checks li{color:inherit}
.o-check-i{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--o-stone);color:#fff;display:inline-flex;align-items:center;justify-content:center;margin-top:1px}
.o-checks-s li{font-size:14px}
.o-it-pair{position:relative;padding:0 8% 8% 0}
.o-it-pair .o-it-m1{box-shadow:0 40px 80px -40px rgba(36,31,27,.45)}
.o-it-pair .o-it-m2{position:absolute;width:44%;aspect-ratio:1;right:0;bottom:0;border:6px solid var(--o-bg);box-shadow:0 24px 50px -20px rgba(36,31,27,.5)}
.o-bg-muted .o-it-pair .o-it-m2{border-color:var(--o-muted)}
.o-it-pair img{width:100%;height:100%;object-fit:cover;display:block}

/* ---------------------------------------------------------------- Karten: Infoboxen und Fotokacheln */
.o-ibox{background:var(--o-bg)}
.o-box-foto .o-ibox,.o-on-dark .o-ibox{background:rgba(255,252,247,.97);color:var(--o-fg);border-color:transparent}
.o-ibox .o-card-body{flex:1 1 auto}
.o-ibox-t{font-size:clamp(20px,2cqi,24px)}
.o-ibox-sub{font-weight:500;color:var(--o-stone);font-size:15px;margin-top:-4px}
.o-ibox .o-card-text{color:var(--o-text)}
.o-ibox-btns{margin-top:auto;padding-top:16px}
.o-grid-tiles{gap:14px}
.o-tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;border-radius:var(--o-r-card);overflow:hidden;color:#fff;text-decoration:none;isolation:isolate;min-height:240px}
.o-tile .o-tile-img,.o-tile .o-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--o-ease)}
.o-tile:hover .o-tile-img{transform:scale(1.07)}
.o-tile-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(30,25,21,.05) 25%,rgba(30,25,21,.9));transition:background .5s}
.o-tile:hover .o-tile-shade{background:linear-gradient(180deg,rgba(30,25,21,.35),rgba(30,25,21,.95))}
.o-tile-body{display:flex;flex-direction:column;gap:6px;padding:22px}
.o-tile .o-eyebrow{color:var(--o-sand);font-size:12px}
.o-tile .o-card-title{font-size:clamp(20px,2cqi,24px)}
.o-tile-text{max-height:0;opacity:0;overflow:hidden;font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.86);transition:max-height .6s var(--o-ease),opacity .5s,margin .5s}
.o-tile:hover .o-tile-text,.o-tile:focus-within .o-tile-text{max-height:180px;opacity:1;margin-top:6px}
a.o-tile:hover{opacity:1}

/* ---------------------------------------------------------------- Video über die ganze Breite */
.o-video-full{position:relative}
.o-video-full .o-video{aspect-ratio:16/9;border-radius:var(--o-r-box)}
.o-video-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,25,21,.05) 40%,rgba(30,25,21,.85));pointer-events:none}
.o-video-cap{position:absolute;left:0;right:0;bottom:0;padding:clamp(24px,3.4cqi,52px);color:#fff;pointer-events:none;max-width:780px}
.o-video-cap .o-eyebrow{color:var(--o-sand)}
.o-video-cap .o-p{color:rgba(255,255,255,.8)}
.o-video-full .o-play{width:96px;height:96px}

/* ---------------------------------------------------------------- CTA mit Karte */
.o-cta-has-card .o-cta-row{align-items:center}
.o-cta-card{flex:0 1 360px;display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:var(--o-r-card);background:rgba(255,252,247,.97);color:var(--o-fg);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.o-cta-card-t{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--o-stone)}
.o-cta-card-p{font-size:46px;font-weight:500;letter-spacing:-.03em;line-height:1}
.o-cta-card-p sup{font-size:15px;vertical-align:top;margin-left:4px;letter-spacing:0;color:var(--o-text2)}
.o-cta-card .o-check-i{background:var(--o-muted);color:var(--o-stone)}
.o-cta-card .o-checks li{color:var(--o-text)}
.o-cta-card-btn{width:100%;margin-top:8px}
.o-cta-card-n{text-align:center}
.o-cta-card .o-btns{justify-content:center}
.o-soldout{font-size:28px;color:var(--o-omx)}

/* ---------------------------------------------------------------- Gründe: Fotokacheln und Liste */
.o-ftiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:300px;gap:14px}
.o-ftile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;border-radius:var(--o-r-card);overflow:hidden;color:#fff;isolation:isolate}
.o-ftile .o-tile-img,.o-ftile .o-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--o-ease)}
.o-ftile:hover .o-tile-img{transform:scale(1.07)}
.o-ftile:hover .o-tile-shade{background:linear-gradient(180deg,rgba(30,25,21,.35),rgba(30,25,21,.95))}
.o-ftile:hover .o-tile-text{max-height:180px;opacity:1;margin-top:6px}
.o-ftile-w{grid-column:span 2}
.o-ftile-n{position:absolute;top:18px;left:22px;font-style:normal;font-size:13px;font-weight:500;letter-spacing:.12em;color:var(--o-sand)}
.o-ftile-ic{position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.15);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;font-size:20px}
.o-flist-row{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5cqi,80px);align-items:start}
.o-flist{list-style:none;margin:0;padding:0}
.o-flist li{display:grid;grid-template-columns:84px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--o-line);transition:padding .4s}
.o-flist li:first-child{border-top:1px solid var(--o-line)}
.o-flist li:hover{padding-left:10px}
.o-flist strong{font-size:50px;font-weight:500;letter-spacing:-.04em;line-height:1;color:transparent;-webkit-text-stroke:1.4px var(--o-stone);transition:color .4s}
.o-flist li:hover strong{color:var(--o-stone)}
.o-flist .o-card-text{margin-top:6px}
.o-collage{position:relative;height:400px;margin-top:24px}
.o-collage-1,.o-collage-2{position:absolute;display:block;overflow:hidden;box-shadow:0 30px 60px -30px rgba(36,31,27,.55)}
.o-collage-1{left:0;top:0;width:70%;height:72%}
.o-collage-2{right:0;bottom:0;width:52%;height:58%;border:6px solid var(--o-bg)}
.o-collage img{width:100%;height:100%;object-fit:cover;display:block}
.o-badge{position:absolute;left:8%;bottom:6%;width:116px;height:116px;border-radius:50%;background:var(--o-omx);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 20px 40px -16px rgba(180,25,15,.7);animation:o-float 6s ease-in-out infinite}
.o-badge-c-omx{background:#b4190f;color:#fff}.o-badge-c-omx-hell{background:#eb321e;color:#fff}
.o-badge-c-seokomm{background:#002d6e;color:#fff;box-shadow:0 20px 40px -16px rgba(0,45,110,.7)}.o-badge-c-seokomm-hell{background:#003cc3;color:#fff;box-shadow:0 20px 40px -16px rgba(0,60,195,.7)}
.o-badge-c-oxd{background:#6e645a;color:#fff;box-shadow:0 20px 40px -16px rgba(110,100,90,.7)}.o-badge-c-oxd-hell{background:#d2bea0;color:#241f1b;box-shadow:0 20px 40px -16px rgba(110,100,90,.5)}
.o-badge-c-weiss{background:#fff;color:#241f1b;box-shadow:0 20px 40px -16px rgba(0,0,0,.35)}.o-badge-c-schwarz{background:#000;color:#fff;box-shadow:0 20px 40px -16px rgba(0,0,0,.6)}
.o-badge b{font-size:30px;font-weight:500;line-height:1}.o-badge small{font-size:11px;line-height:1.25;margin-top:4px;max-width:80px}
@keyframes o-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* ---------------------------------------------------------------- Zahlen als Glaskacheln */
.o-stats-glass{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.o-stats-glass .o-stat{position:relative;align-items:center;text-align:center;padding:28px 20px 24px;border-radius:var(--o-r-card);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);transition:transform .5s var(--o-ease),background .4s}
.o-stats-glass .o-stat:hover{transform:translateY(-6px);background:rgba(255,255,255,.13)}
.o-stats-glass .o-stat::before{content:"";position:absolute;left:50%;top:0;width:44px;height:3px;margin-left:-22px;border-radius:0 0 3px 3px;background:var(--o-sand)}
.o-stats-glass .o-stat:nth-child(4n+2)::before{background:var(--o-omx-hot)}.o-stats-glass .o-stat:nth-child(4n+3)::before{background:var(--o-seokomm-light)}
.o-stat-ic{font-size:24px;color:var(--o-sand);margin-bottom:6px}
.o-stats-glass .o-stat-v{font-size:clamp(44px,5.2cqi,70px);color:#fff}
.o-stats-glass .o-stat-l{color:rgba(255,255,255,.72)}

/* ---------------------------------------------------------------- Team kompakt */
.o-team-row{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(28px,5cqi,70px);align-items:center}
.o-team-compact{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}
.o-team-compact .o-member{align-items:center;text-align:center}
.o-team-compact .o-member-img{width:100%;max-width:150px;border-radius:50%;border:3px solid rgba(210,190,160,.45)}
.o-team-compact figcaption{align-items:center}
.o-team-compact .o-member-links{justify-content:center;font-size:13px}

/* ---------------------------------------------------------------- Newsletter mit Foto */
.o-nl-foto > .o-box{padding:0;overflow:hidden}
.o-nl-foto > .o-box > .o-inner{padding:0;max-width:none}
.o-nl-foto .o-nl-img{display:block;position:relative;aspect-ratio:16/5;overflow:hidden}
.o-nl-foto .o-nl-img img,.o-nl-foto .o-nl-img .o-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.o-nl-foto .o-nl-row{padding:clamp(28px,4.5cqi,64px) clamp(24px,5cqi,72px);flex-wrap:nowrap;align-items:center}
.o-nl-foto .o-nl-txt{flex:1 1 52%}
.o-nl-foto .o-nl{flex:1 1 48%}
.o-nl-chips{display:flex;flex-wrap:wrap;gap:8px}
.o-nl-chips span{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.75);font-size:13.5px;font-weight:500;color:var(--o-fg)}
.o-nl-chips span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--o-omx)}
.o-nl-chips span:nth-child(2)::before{background:var(--o-seokomm)}.o-nl-chips span:nth-child(3)::before{background:var(--o-stone)}

/* ---------------------------------------------------------------- Podcast: neueste groß, weitere als Liste */
.o-pod-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(18px,3cqi,40px);align-items:stretch}
.o-pod-lead{display:grid;grid-template-columns:1fr;gap:24px;align-content:start;padding:clamp(20px,3cqi,34px);border-radius:var(--o-r-card);background:#fff;border:1px solid var(--o-line);text-decoration:none;color:inherit;box-shadow:0 30px 60px -44px rgba(36,31,27,.5)}
.o-pod-lead:hover{opacity:1}
.o-pod-lead-t{padding:0 6px 6px}
.o-pod-cover{position:relative;display:block;aspect-ratio:16/9;border-radius:18px;overflow:hidden;box-shadow:0 24px 40px -24px rgba(0,0,0,.6)}
.o-pod-cover img{width:100%;height:100%;object-fit:cover;display:block}
.o-pod-play{position:absolute;right:12px;bottom:12px;width:56px;height:56px;border-radius:50%;background:var(--o-omx);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 26px -10px rgba(180,25,15,.9)}
.o-wave{display:flex;gap:3px;align-items:center;height:30px}
.o-wave i{flex:1;background:var(--o-stone);opacity:.3;border-radius:2px;animation:o-eq 1.6s ease-in-out infinite alternate}
@keyframes o-eq{from{transform:scaleY(.55)}to{transform:scaleY(1)}}
/* Große Liste: Querbild links, Text rechts (Podcast, Videos, Webinare) */
.o-bigl{display:flex;flex-direction:column;gap:clamp(18px,2.4cqi,28px)}
.o-bigl-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(20px,3.4cqi,40px);align-items:start;padding:clamp(14px,1.8cqi,20px);border-radius:var(--o-r-card);background:#fff;border:1px solid var(--o-line);text-decoration:none;color:inherit;box-shadow:0 30px 60px -48px rgba(36,31,27,.5);transition:transform .4s,box-shadow .4s}
.o-bigl-item:hover{opacity:1;transform:translateY(-3px);box-shadow:0 36px 70px -44px rgba(36,31,27,.55)}
.o-bigl-img{position:relative;display:block;aspect-ratio:16/9;border-radius:18px;overflow:hidden}
.o-bigl-img img{width:100%;height:100%;object-fit:cover;display:block}
.o-bigl-t{display:flex;flex-direction:column;gap:12px;min-width:0;padding:6px clamp(4px,1.5cqi,18px) 6px 0}
.o-bigl-sub{font-size:16px;color:var(--o-text2)}
.o-bigl-t .o-pod-go{margin-top:6px}
.o-bigl-item:hover .o-pod-go{background:var(--o-fg);color:var(--o-bg);border-color:var(--o-fg)}
.o-pod-list{display:flex;flex-direction:column;gap:12px}
.o-pod-item{display:grid;grid-template-columns:168px 1fr auto;gap:22px;align-items:center;padding:18px 20px;border-radius:20px;background:rgba(255,255,255,.7);border:1px solid var(--o-line);text-decoration:none;color:inherit;transition:background .3s,transform .4s}
.o-pod-item:hover{background:#fff;transform:translateX(4px);opacity:1}
.o-pod-thumb{display:block;align-self:start;aspect-ratio:16/9;border-radius:12px;overflow:hidden}
.o-pod-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.o-pod-item-t{display:flex;flex-direction:column;gap:5px;min-width:0}
.o-pod-item .o-card-title{font-size:17px}
.o-pod-item .o-card-text{font-size:13px}
.o-pod-go{width:40px;height:40px;border-radius:50%;border:1px solid var(--o-line);display:flex;align-items:center;justify-content:center;margin-right:6px}
.o-pod-go svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}

/* ---------------------------------------------------------------- Webinare */
.o-web-free{margin-top:auto;padding-top:6px;font-size:14px;font-weight:500;color:var(--o-omx)}

/* ---------------------------------------------------------------- Partner: breite Karten mit Text, Logo mit i */
.o-pt-h{margin:8px 0 0;font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--o-text2);display:flex;align-items:center;gap:12px}
.o-pt-h::after{content:"";flex:1;height:1px;background:var(--o-line)}
.o-ptx{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:14px}
.o-ptx-card{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center;padding:22px 26px;border-radius:var(--o-r-card);background:#fff;border:1px solid var(--o-line);text-decoration:none;color:inherit;transition:box-shadow .4s,transform .4s}
.o-ptx-card:hover{opacity:1;transform:translateY(-3px);box-shadow:0 24px 44px -30px rgba(36,31,27,.6)}
.o-ptx-logo{height:90px;display:flex;align-items:center;justify-content:center}
.o-ptx-logo .o-logo-img{filter:none;opacity:1;max-height:90px}
.o-ptx-t{display:flex;flex-direction:column;gap:8px}
.o-ptx-t .o-card-text{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:14px}
.o-logo{position:relative}
.o-logo-i{position:absolute;right:8px;top:8px;width:22px;height:22px;border-radius:50%;background:var(--o-muted);font-size:12px;font-weight:500;line-height:22px;text-align:center;color:var(--o-stone)}
.o-logo-pop{position:absolute;left:50%;top:calc(100% + 10px);z-index:6;width:300px;transform:translateX(-50%);padding:16px 18px;border-radius:16px;background:#fff;box-shadow:0 30px 60px -24px rgba(36,31,27,.55);font-size:13.5px;line-height:1.55;color:var(--o-text);text-align:left;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.o-logo-pop b{display:block;margin-bottom:6px;font-size:15px;color:var(--o-fg)}
.o-logo-info:hover .o-logo-pop,.o-logo-info:focus .o-logo-pop{opacity:1;visibility:visible}.o-logo-info:hover,.o-logo-info:focus{z-index:10}

/* ---------------------------------------------------------------- Handy */
@container o (max-width:860px){
  .o-intro,.o-flist-row,.o-team-row,.o-pod-grid{grid-template-columns:1fr}
  .o-ftiles{grid-template-columns:1fr 1fr;grid-auto-rows:220px}
  .o-ftile-w{grid-column:span 2}
  .o-nl-foto .o-nl-img{aspect-ratio:16/8}
  .o-nl-foto .o-nl-row{flex-wrap:wrap}
  .o-pod-lead{grid-template-columns:1fr}
  .o-cta-card{flex:1 1 100%}
}
@container o (max-width:560px){
  .o-ftiles{grid-template-columns:1fr;grid-auto-rows:240px}
  .o-ftile-w{grid-column:auto}
  .o-tile-text,.o-ftile .o-tile-text{max-height:none;opacity:1;margin-top:6px}
  .o-pod-item{grid-template-columns:110px 1fr;gap:14px;padding:14px}
  .o-bigl-item{grid-template-columns:1fr;gap:18px}
  .o-bigl-t{padding:0 6px 8px}
  .o-pod-go{display:none}
  .o-ptx-card{grid-template-columns:1fr;gap:14px}
  .o-ptx-logo{height:70px;justify-content:flex-start}
  .o-collage{height:300px}
  .o-badge{width:92px;height:92px}.o-badge b{font-size:24px}
  .o-flist li{grid-template-columns:56px 1fr;gap:14px}
  .o-flist strong{font-size:36px}
  .o-hero-facts{grid-template-columns:1fr 1fr}
  .o-hero-conf-t{max-width:none}
  .o-video-cap{position:static;color:var(--o-fg);padding:18px 4px 0}
  .o-video-cap .o-p{color:var(--o-text)}
  .o-video-full .o-video-shade{display:none}
  .o-logo-pop{display:none}
  .o-cta-card-p{font-size:38px}
}
@media (prefers-reduced-motion:reduce){.o-cone,.o-badge,.o-wave i{animation:none}.o-tile-text{max-height:none;opacity:1}}

/* ---------------------------------------------------------------- Ein- und Ausblenden */
@media (max-width:700px){.o-hide-m{display:none!important}}
@media (min-width:701px){.o-hide-d{display:none!important}}

@container o (max-width:700px){.o-offset{margin-top:24px}.o-ag-track{flex-basis:auto}.o-ag-time{flex-basis:auto}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .o-slide,.o-rise,.o-dot,.o-run,.o-kb,.o-pin,.o-play,.o-pop-card,.o-lb,.o-hero-media:not([data-slideshow]) .o-slide{animation:none}
  .o-slide{transition:none;transform:none}
  .o-zoom img{transition:none}
  .o-run{width:auto;overflow-x:auto}
  .o-dup{display:none}
  .o-edges{-webkit-mask-image:none;mask-image:none}
}

/* ---------------------------------------------------------------- Menü-Untertitel (Admin „Menü“, 2026-10-29) */
/* Kopf mit Farbpunkt (nur wenn der Hauptpunkt eine Farbe hat) und Unterzeile je Unterpunkt (nur wenn gesetzt). */
.o-sub-head{display:flex;align-items:center;gap:8px;padding:6px 18px 10px;margin-bottom:4px;border-bottom:1px solid var(--o-dark-line);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--o-sand)}
.o-sub-dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--o-sand);box-shadow:0 0 0 2px rgba(255,255,255,.14)}
.o-sub-dot[data-color=omx]{background:var(--o-omx-hot)}
.o-sub-dot[data-color=seokomm]{background:var(--o-seokomm)}
.o-sub-dot[data-color=oxd]{background:var(--o-sand)}
.o-sub-desc{min-width:300px}
.o-sub-l{display:block}
.o-sub-d{display:block;margin-top:2px;font-size:13px;line-height:1.35;font-weight:400;color:var(--o-sand);opacity:.85}
.o-mnav .o-sub-d{font-size:13px;padding-top:2px}
/* ---------------------------------------------------------------- Agenda mit Herz (2026-10-29)
   Raster mit Tracks als Spalten (blocks/agenda.tsx), Herz-Hinweis, Vortrags-Overlay, Vortragsseite. Vorlage: Canvas
   „Agenda: Herz, Vortrag, Vortragsseite“. Nur Theme-Variablen; Herz immer im OMX-Rot. Am Handy und in der Darstellung
   „Liste“ stehen die Karten untereinander in Zeitfolge, der Track-Filter ersetzt die Spalten. */
.o-agx{display:flex;flex-direction:column;gap:22px}
.o-agx-head{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:flex-end;justify-content:space-between}
.o-agx-head > .o-stack{flex:1 1 420px;max-width:720px}
.o-agx-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--o-muted)}
.o-bg-muted .o-agx-tabs{background:var(--o-bg)}
.o-agx-tab{border:0;background:transparent;color:var(--o-text2);font-weight:500;font-size:15px;padding:11px 20px;min-height:44px;border-radius:999px;cursor:pointer;transition:background .3s,color .3s}
.o-agx-tab[aria-selected=true]{background:var(--o-accent);color:#fff}
a.o-agx-tab,span.o-agx-tab{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
a.o-agx-tab:hover{color:var(--o-fg);background:rgba(255,255,255,.6)}
.o-agx-tab[aria-current=page]{background:var(--o-accent);color:#fff;cursor:default}
.o-agx-panel{display:flex;flex-direction:column;gap:16px}
.o-agx-panel[hidden]{display:none}
.o-agx-date{margin:0;font-size:14px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--o-accent)}
.o-agx-chips-m{display:none}

.o-agr{display:grid;grid-template-columns:64px repeat(var(--o-agr-n,4),minmax(0,1fr));gap:10px;align-items:stretch}
.o-agr-th{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--o-stone);padding:0 6px 4px;align-self:end}
.o-agr-t{font-size:15px;font-weight:500;color:var(--o-stone);padding-top:16px;font-variant-numeric:tabular-nums}
.o-ses{position:relative;padding:16px 50px 16px 18px;border-radius:18px;background:var(--o-bg);border:1px solid var(--o-line);display:flex;flex-direction:column;gap:12px;min-width:0;transition:transform .4s var(--o-ease),box-shadow .4s var(--o-ease)}
.o-bg-muted .o-ses{border-color:transparent}
.o-ses::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:0 3px 3px 0;background:var(--o-accent)}
.o-ses:hover{transform:translateY(-3px);box-shadow:0 24px 44px -32px rgba(25,26,30,.6)}
.o-ses-meta{display:none;font-size:13px;font-weight:500;color:var(--o-stone);font-variant-numeric:tabular-nums}
.o-ses-t{margin:0;font-size:15.5px;font-weight:500;line-height:1.32;letter-spacing:-.005em}
.o-ses-a{text-decoration:none;color:inherit}
.o-ses-a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.o-ses-a:hover{opacity:1}
.o-ses-a:focus-visible{outline:none}
.o-ses:has(.o-ses-a:focus-visible){outline:3px solid var(--o-accent);outline-offset:3px}
.o-ses-wer{display:flex;flex-direction:column;gap:6px}
.o-ses-p{display:flex;align-items:center;gap:9px;font-size:12.5px;line-height:1.3;color:var(--o-text2)}
.o-ses-co{color:var(--o-stone)}
.o-av{flex:0 0 32px;width:32px;height:32px;border-radius:50%;overflow:hidden;background:linear-gradient(180deg,var(--o-muted),var(--o-sand));display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;color:var(--o-fg)}
.o-av picture{display:contents}
.o-av img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1);transition:filter .5s}
.o-ses:hover .o-av img{filter:none}
.o-herz{position:absolute;right:10px;top:10px;z-index:2;width:34px;height:34px;border-radius:50%;border:1px solid var(--o-line);background:var(--o-bg);display:flex;align-items:center;justify-content:center;transition:background .3s,border-color .3s,transform .3s}
.o-herz svg{width:17px;height:17px;stroke:var(--o-omx-hot);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.o-herz:hover{opacity:1;background:color-mix(in srgb,var(--o-omx-hot) 10%,var(--o-bg));border-color:color-mix(in srgb,var(--o-omx-hot) 35%,transparent);transform:scale(1.08)}
.o-herz:hover svg{fill:var(--o-omx-hot)}
.o-ses-key{background:var(--o-dark);color:#fff;border-color:transparent}
.o-ses-key::before{background:var(--o-accent-light)}
.o-ses-key .o-ses-t{font-size:clamp(17px,1.7cqi,21px)}
.o-ses-key .o-ses-p,.o-ses-key .o-ses-co,.o-ses-key .o-ses-meta{color:rgba(255,255,255,.75)}
.o-ses-key .o-herz{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25)}
.o-ses-key .o-herz svg{stroke:#fff}
.o-ses-key .o-herz:hover{background:var(--o-omx-hot);border-color:var(--o-omx-hot)}
.o-ses-key .o-herz:hover svg{fill:#fff}
.o-ses-leer{border-radius:18px;border:1px dashed color-mix(in srgb,var(--o-stone) 25%,transparent)}
.o-agr-br{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;justify-content:center;padding:12px;border-radius:14px;border:1px dashed color-mix(in srgb,var(--o-stone) 35%,transparent);text-align:center;font-size:13.5px;font-weight:500;color:var(--o-stone)}
.o-agr-br-z{font-weight:400;font-variant-numeric:tabular-nums;color:var(--o-text2)}
.o-agr-br-prog{border-style:solid;border-color:var(--o-line);background:var(--o-bg);color:var(--o-fg)}
[hidden].o-ses,[hidden].o-agr-br,[hidden].o-agr-t{display:none}

/* Handy und Liste: untereinander in Zeitfolge, Track steht an der Karte, Filter statt Spalten */
.o-agr-list{display:flex;flex-direction:column;gap:10px}
.o-agr-list .o-agr-th,.o-agr-list .o-ses-leer{display:none}
.o-agr-list .o-agr-t{padding:14px 0 0}
.o-agr-list .o-ses-meta{display:block}
.o-agr-list .o-agr-br{justify-content:flex-start;text-align:left}
@container o (max-width:760px){
  .o-agx-chips-m{display:flex}
  .o-agr{display:flex;flex-direction:column;gap:10px}
  .o-agr-th,.o-ses-leer{display:none}
  .o-agr-t{padding:14px 0 0}
  .o-ses-meta{display:block}
  .o-agr-br{justify-content:flex-start;text-align:left}
  .o-agx-tabs{width:100%}
  .o-agx-tab{flex:1 1 0;padding:11px 10px}
}

/* Leiste über der Agenda: Umschalter OMX/SEOkomm und Themenfilter (2026-10-30, Variante B). Klebt beim Scrollen oben,
   damit Umschalten und Filtern überall in der Agenda erreichbar sind; der Hintergrund reicht über die ganze Breite,
   Linie und Schatten erst, wenn sie oben anliegt (o-agx-stuck, site.js). */
.o-agx-bar{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:10px 0}
.o-agx-bar::before{content:"";position:absolute;inset:0 -100vmax;z-index:-1;background:color-mix(in srgb,var(--o-agx-bar-bg,var(--o-bg)) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
.o-agx-stuck::before{border-bottom-color:var(--o-line);box-shadow:0 18px 30px -28px rgba(36,31,27,.45)}
.o-bg-muted .o-agx-bar{--o-agx-bar-bg:var(--o-muted)}
.o-box:has(.o-agx-bar){overflow:clip}
.o-agx-tools{flex:1 1 0;min-width:0}
.o-agx-tools[hidden],.o-tf[hidden]{display:none}

/* Themenfilter: Knopf, Aufklappliste mit allen Themen und Anzahl, gewählte als Chips daneben */
.o-tf{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:8px 14px;min-width:0}
.o-tf-dd{order:3}
.o-tf-btn{list-style:none;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 18px;border-radius:999px;border:1px solid var(--o-line2);background:var(--o-bg);color:var(--o-fg);font-size:15px;font-weight:500;cursor:pointer;user-select:none;transition:border-color .25s}
.o-tf-btn:hover{border-color:var(--o-fg)}
.o-tf-btn::-webkit-details-marker{display:none}
.o-tf-btn::after{content:"";width:7px;height:7px;margin-left:2px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .3s}
.o-tf-dd[open] .o-tf-btn{border-color:var(--o-fg)}
.o-tf-dd[open] .o-tf-btn::after{transform:translateY(2px) rotate(-135deg)}
.o-tf-badge{min-width:22px;padding:3px 7px;border-radius:999px;background:var(--o-accent);color:#fff;font-size:12px;line-height:1.2;text-align:center;font-variant-numeric:tabular-nums}
.o-tf-badge[hidden]{display:none}
.o-tf-pop{position:absolute;right:0;top:calc(100% + 10px);width:min(640px,100%);padding:18px;border-radius:22px;background:var(--o-bg);border:1px solid var(--o-line);box-shadow:0 30px 60px -30px rgba(36,31,27,.5);z-index:3;display:flex;flex-direction:column;gap:16px;animation:o-rise .35s var(--o-ease) both}
.o-tf-list{display:flex;flex-wrap:wrap;gap:6px}
.o-tf-c{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 8px 7px 14px;border-radius:999px;border:1px solid var(--o-line2);background:var(--o-bg);color:var(--o-fg);font:inherit;font-size:14px;line-height:1;white-space:nowrap;cursor:pointer;transition:background .25s,border-color .25s,color .25s}
.o-tf-c:hover{border-color:var(--o-fg)}
.o-tf-c:focus-visible,.o-tf-btn:focus-visible{outline:3px solid var(--o-accent);outline-offset:2px}
.o-tf-n{min-width:22px;padding:4px 6px;border-radius:999px;background:var(--o-muted);color:var(--o-stone);font-size:11.5px;font-weight:500;text-align:center;font-variant-numeric:tabular-nums}
.o-tf-all{padding-right:14px}
.o-tf-c.o-tf-on{background:var(--o-accent);border-color:var(--o-accent);color:#fff}
.o-tf-c.o-tf-on .o-tf-n{background:rgba(255,255,255,.22);color:#fff}
.o-tf-all.o-tf-on{background:var(--o-fg);border-color:var(--o-fg)}
.o-tf-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--o-line)}
.o-tf-ok{min-height:44px;padding:10px 22px}
.o-tf-act{order:1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;min-width:0}
.o-tf-act:empty{display:none}
.o-tf-x{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:6px 10px 6px 13px;border-radius:999px;border:0;background:color-mix(in srgb,var(--o-accent) 11%,transparent);color:var(--o-accent);font:inherit;font-size:13.5px;line-height:1;cursor:pointer;transition:background .25s}
.o-tf-x::after{content:"×";font-size:17px;line-height:.8;opacity:.75}
.o-tf-x:hover{background:color-mix(in srgb,var(--o-accent) 18%,transparent)}
.o-tf-sum{order:2;flex:0 0 auto;font-size:13px;font-weight:500;color:var(--o-stone);font-variant-numeric:tabular-nums;white-space:nowrap}
.o-tf-sum:empty{display:none}

/* Themen an der Karte: ruhige Textzeile, gewählte Themen in der Akzentfarbe */
/* Trennpunkt vor jedem Thema; am Zeilenanfang schneidet ihn clip-path ab (Liste um seine Breite nach links versetzt) */
.o-ses-tags{list-style:none;margin:-5px 0 0 -13px;padding:0;display:flex;flex-wrap:wrap;row-gap:2px;clip-path:inset(0 0 0 13px)}
.o-ses-tag{position:relative;padding-left:13px;font-size:12.5px;line-height:1.35;color:var(--o-stone);transition:color .25s}
.o-ses-tag::before{content:"·";position:absolute;left:4px;color:var(--o-stone);opacity:.6}
.o-ses-tag.o-ses-tag-on{color:var(--o-accent);font-weight:500}
.o-ses-tags-gross{margin-top:0}.o-ses-tags-gross .o-ses-tag{font-size:14px;color:var(--o-text2)}
.o-ses-key .o-ses-tag{color:rgba(255,255,255,.7)}
.o-ses-key .o-ses-tag::before{color:rgba(255,255,255,.6)}
.o-ses-key .o-ses-tag.o-ses-tag-on{color:var(--o-accent-light)}

/* Gefiltert: im Raster gedimmt (die Spalten bleiben lesbar), in der Liste und am Handy ausgeblendet */
.o-ses{transition:transform .4s var(--o-ease),box-shadow .4s var(--o-ease),opacity .3s,filter .3s,background .3s}
.o-ses.o-aus{opacity:.32;filter:grayscale(1)}
.o-ses.o-aus:hover{opacity:.7}
.o-ses-key.o-aus{opacity:1;filter:none;background:var(--o-muted);color:color-mix(in srgb,var(--o-fg) 45%,transparent)}
.o-ses-key.o-aus::before{background:var(--o-line2)}
.o-ses-key.o-aus .o-ses-p,.o-ses-key.o-aus .o-ses-co,.o-ses-key.o-aus .o-ses-tag,.o-ses-key.o-aus .o-ses-tag::before{color:color-mix(in srgb,var(--o-stone) 70%,transparent)}
.o-ses-key.o-aus .o-av img{opacity:.45}
.o-ses-key.o-aus .o-herz{background:var(--o-bg);border-color:var(--o-line)}
.o-ses-key.o-aus .o-herz svg{stroke:var(--o-stone)}
.o-agr-t.o-aus{color:color-mix(in srgb,var(--o-stone) 45%,transparent)}
.o-agr-list .o-aus,.o-agr-list [aria-hidden].o-agr-br,.o-agx-panel[data-tf] .o-agr-list .o-agr-br{display:none}
.o-agx-none{margin:0;padding:18px 20px;border-radius:18px;background:var(--o-muted);color:var(--o-text2);font-size:15px}
.o-agx-none[hidden]{display:none}
.o-agx-reset{background:none;border:0;padding:6px 0;font:inherit;font-size:14.5px;color:var(--o-text2);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.o-agx-reset:hover{color:var(--o-fg)}

@container o (max-width:760px){
  .o-ses.o-aus,.o-agx-panel[data-tf] .o-agr-br,.o-agr-t.o-aus,[aria-hidden].o-agr-br{display:none}
  .o-agx-bar{padding:8px 0;gap:8px}
  .o-agx-tools{flex:1 1 100%}
  .o-tf{justify-content:stretch}
  .o-tf-dd{flex:1 1 auto}
  .o-tf-btn{width:100%;justify-content:flex-start}
  .o-tf-btn::after{margin-left:auto}
  .o-tf-act{display:none}
  .o-tf-sum{order:4}
  .o-tf{position:static}
  .o-tf-pop{left:0;right:0;width:auto;max-height:min(62vh,520px);overflow:auto;overscroll-behavior:contain;padding:16px}
  .o-tf-foot{position:sticky;bottom:-16px;margin:0 -16px -16px;padding:12px 16px 16px;background:var(--o-bg)}
  .o-tf-ok{flex:1 1 auto}
}
@media (prefers-reduced-motion:reduce){.o-ses,.o-tf-c,.o-ses-tag,.o-tf-btn::after{transition:none}.o-tf-pop{animation:none}}

/* Dialoge (Herz-Hinweis, Overlay): an body gehängt, Hintergrund inert (site.js) */
.o-dlg-open{overflow:hidden}
.o-dlg{position:fixed;inset:0;z-index:60;display:flex}
.o-dlg-back{position:absolute;inset:0;background:rgba(25,26,30,.55);animation:o-fade .3s ease both}
.o-dlg-x{position:absolute;right:16px;top:16px;z-index:2;width:42px;height:42px;border-radius:50%;border:0;background:color-mix(in srgb,var(--o-fg) 8%,transparent);color:var(--o-fg);font-size:24px;line-height:1;cursor:pointer}
.o-dlg-x:hover{background:color-mix(in srgb,var(--o-fg) 15%,transparent)}
.o-hint{z-index:70;align-items:center;justify-content:center;padding:16px}
.o-hint-card{position:relative;width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:34px 30px 28px;border-radius:28px;background:var(--o-bg);color:var(--o-fg);box-shadow:0 50px 100px -30px rgba(0,0,0,.6);text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;animation:o-rise .5s var(--o-ease) both}
.o-hint-ic{width:64px;height:64px;border-radius:50%;background:color-mix(in srgb,var(--o-omx-hot) 12%,var(--o-bg));display:flex;align-items:center;justify-content:center;margin-bottom:6px;animation:o-puls 1.6s ease-in-out infinite}
.o-hint-ic svg{width:30px;height:30px;stroke:var(--o-omx-hot);fill:var(--o-omx-hot)}
@keyframes o-puls{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.o-hint .o-eyebrow{color:var(--o-omx-hot)}
.o-hint-h{font-size:clamp(22px,3cqi,28px);text-wrap:balance}
.o-hint-list{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:9px;text-align:left;width:100%}
.o-hint-list li,.o-vbox-list li{display:flex;gap:10px;font-size:14.5px;line-height:1.45;color:var(--o-text2)}
.o-hint-list li::before,.o-vbox-list li::before{content:"";flex:0 0 18px;height:18px;margin-top:2px;border-radius:50%;background:var(--o-muted) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e645a' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/10px no-repeat}
.o-hint-btn{width:100%;margin-top:14px;background:var(--o-omx-hot)}
.o-hint-login{font-size:14px;color:var(--o-text2);padding:6px}

.o-agov{justify-content:flex-end}
.o-agov-panel{position:relative;width:min(560px,100%);height:100%;overflow:auto;overscroll-behavior:contain;background:var(--o-bg);color:var(--o-fg);box-shadow:-40px 0 80px -30px rgba(0,0,0,.5);padding:34px clamp(20px,4vw,36px) 40px;animation:o-rein .6s var(--o-ease) both}
.o-agov-panel:focus{outline:none}
@keyframes o-rein{from{transform:translateX(60px);opacity:0}to{transform:none;opacity:1}}
.o-agov-body{display:flex;flex-direction:column;gap:16px}
.o-agov-body > .o-eyebrow{padding-right:52px}
.o-agov-h{font-size:clamp(24px,3.4vw,30px);line-height:1.1;max-width:18ch}
.o-agov-text{font-size:15px;line-height:1.6;color:var(--o-text)}
.o-agov-url{font-size:13px;color:var(--o-stone)}
.o-sesm{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.o-sesm li{padding:7px 12px;border-radius:999px;background:var(--o-muted);font-size:12.5px;font-weight:500;color:var(--o-text2);line-height:1.2}
.o-sesm li.o-sesm-k{background:color-mix(in srgb,var(--o-accent) 12%,transparent);color:var(--o-accent)}
.o-sesm li:empty{display:none}
.o-sesp{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.o-sesp-i{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:18px;background:var(--o-bg);border:1px solid var(--o-line)}
.o-sesp-i .o-av{flex-basis:64px;width:64px;height:64px;font-size:18px}
.o-sesp-i .o-av img{filter:none}
.o-sesp-gross .o-sesp-i{gap:18px;padding:16px}
.o-sesp-gross .o-sesp-i .o-av{flex-basis:112px;width:112px;height:112px;font-size:28px}
.o-sesp-gross .o-sesp-n{font-size:18px}
@container o (max-width:560px){.o-sesp-gross .o-sesp-i .o-av{flex-basis:80px;width:80px;height:80px;font-size:22px}}
.o-sesp-t{display:flex;flex-direction:column;gap:4px;min-width:0}
.o-sesp-n{font-size:16px;font-weight:500;text-decoration:none}
.o-sesp-sub{font-size:13px;color:var(--o-stone)}
.o-sesp-bio{font-size:14px;line-height:1.5;color:var(--o-text2);margin-top:4px}
.o-ses-acts{margin-top:4px}
.o-ses-acts .o-btn{flex:1 1 180px}
.o-herz-btn{gap:10px;background:var(--o-omx-hot)}
.o-herz-btn svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.o-herz-btn:hover svg{fill:#fff}

/* Vortragsseite */
.o-vseite{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(30px,5cqi,70px);align-items:start}
.o-vseite-text{font-size:17px;line-height:1.6}
.o-vseite-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
/* Zur selben Zeit (2026-10-31): eigener Abschnitt mit Abstand nach oben, Karten mit Speaker-Fotos */
.o-vseite-par{margin-top:clamp(36px,5cqi,56px);padding-top:clamp(28px,4cqi,40px);border-top:1px solid var(--o-line);gap:18px}
.o-vseite-par-i{display:flex;align-items:center;gap:16px;padding:14px 16px;border:1px solid var(--o-line);border-radius:16px;background:#fff;text-decoration:none;color:inherit;transition:box-shadow .25s,transform .25s}
.o-vseite-par-i:hover{transform:translateY(-2px);box-shadow:0 18px 40px -28px rgba(36,31,27,.45)}
.o-vseite-par-av{display:flex;flex:none}
.o-vseite-par-av .o-av{width:48px;height:48px;font-size:15px;border:2px solid #fff}
.o-vseite-par-av .o-av + .o-av{margin-left:-14px}
.o-vseite-par-t{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.o-vseite-par-n{font-weight:500;font-size:17px;line-height:1.3}
.o-vseite-par-sub{font-size:14px;color:var(--o-text2)}
.o-vseite-par-go{flex:none;width:22px;height:22px;color:var(--o-accent,var(--o-omx))}
.o-vseite-par-go svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.o-vseite-par .o-btns{margin-top:6px}
.o-vseite{margin-bottom:clamp(24px,4cqi,48px)}
@container o (max-width:560px){.o-vseite-par-i{gap:12px;padding:12px}.o-vseite-par-av .o-av{width:40px;height:40px}.o-vseite-par-n{font-size:16px}}
.o-vbox{position:sticky;top:20px;padding:28px 26px;border-radius:24px;background:var(--o-dark);color:#fff;display:flex;flex-direction:column;gap:12px}
.o-vbox .o-h3{color:#fff}
.o-vbox-list{list-style:none;margin:4px 0 8px;padding:0;display:grid;gap:8px}
.o-vbox-list li{color:rgba(255,255,255,.8)}
.o-vbox-list li::before{background-color:rgba(255,255,255,.14);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d2bea0' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E")}
.o-vbox .o-btn{width:100%}
.o-vbox .o-btn-p{background:var(--o-omx-hot)}
.o-vbox-login{font-size:14px;color:rgba(255,255,255,.8);text-align:center;padding:2px 0 6px}
@container o (max-width:860px){.o-vseite{grid-template-columns:minmax(0,1fr)}.o-vbox{position:static}}

@media (prefers-reduced-motion:reduce){
  .o-ses,.o-herz,.o-av img{transition:none}
  .o-ses:hover{transform:none}
  .o-dlg-back,.o-hint-card,.o-hint-ic,.o-agov-panel{animation:none}
}

/* ---------------------------------------------------------------- Einbettungen mit festem Seitenverhältnis (2026-10-29)
   Quickfinder von Salzburg Congress kommt aus WordPress als <div class="responsiveWrapper"><iframe>; ohne diese Regel
   bliebe das iframe 300 x 150 px groß. */
.o-embed iframe{max-width:100%;border:0}
.o-embed .responsiveWrapper{position:relative;padding-top:139%;border-radius:var(--o-r-card);overflow:hidden;background:#fff}
.o-embed .responsiveWrapper iframe{position:absolute;inset:0;width:100%;height:100%}
@media (min-width:900px){.o-embed .responsiveWrapper{padding-top:0;height:1150px}}

/* ---------------------------------------------------------------- Cookie-Banner (consent.tsx) */
.o-consent{position:fixed;left:16px;bottom:16px;z-index:2147483600;width:min(460px,calc(100vw - 32px));animation:o-rise .5s var(--o-ease) both}
.o-consent-card{display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 32px);overflow:auto;padding:24px;border-radius:var(--o-r-card,20px);background:var(--o-bg);color:var(--o-fg);box-shadow:0 30px 70px -20px rgba(0,0,0,.45);border:1px solid var(--o-line)}
.o-consent-t{font-size:19px;font-weight:500;letter-spacing:-.01em}
.o-consent-text{font-size:14px;line-height:1.55;color:var(--o-text2)}
.o-consent-text p{margin:0}
.o-consent-text a{color:var(--o-fg)}
.o-consent-wahl{display:flex;flex-direction:column;gap:10px;padding:12px 0;border-top:1px solid var(--o-line);border-bottom:1px solid var(--o-line)}
.o-consent-wahl[hidden]{display:none}
.o-consent-k{display:flex;gap:12px;align-items:flex-start;cursor:pointer}
.o-consent-k input{flex:0 0 auto;width:20px;height:20px;margin-top:2px;accent-color:var(--o-fg)}
.o-consent-k b{display:block;font-weight:500;font-size:15px}
.o-consent-k small{display:block;font-size:13px;line-height:1.45;color:var(--o-text2)}
.o-consent-btns{display:flex;flex-wrap:wrap;gap:8px}
.o-consent-btns .o-btn{flex:1 1 auto;justify-content:center;min-height:44px;padding:11px 18px;font-size:15px}
.o-consent-btns .o-btn[hidden]{display:none}
.o-consent-btns .o-btn-link{flex:0 0 100%;background:none;border:0;box-shadow:none;color:var(--o-text2);text-decoration:underline;min-height:36px;padding:6px}
/* „Cookie-Einstellungen“ sieht aus und sitzt wie die anderen Rechtslinks (Oliver 2026-10-31) */
.o-foot-legal{align-items:baseline}
.o-foot-cookie{appearance:none;-webkit-appearance:none;background:none;border:0;border-radius:0;padding:0;margin:0;min-height:0;box-shadow:none;font:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;text-align:left;cursor:pointer;display:inline}
.o-foot-cookie:hover{text-decoration:underline}
.o-embed-warte{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:28px;border-radius:var(--o-r-card,20px);background:var(--o-muted)}
@media (max-width:700px){.o-consent{left:8px;bottom:8px;width:calc(100vw - 16px)}.o-consent-card{padding:20px}}
/* Detailseiten: Player über die ganze Breite, Social-Icons bei Speakern und Gästen */
.o-player-voll{width:100%;align-items:stretch;margin-top:clamp(20px,3cqi,32px)}
.o-player-voll .o-btn{align-self:flex-start}
.o-bio-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.o-bio-links .o-social-ic{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--o-muted);color:var(--o-fg);transition:background .3s,color .3s}
.o-bio-links .o-social-ic:hover{background:var(--o-fg);color:var(--o-bg)}
.o-bio-links .o-social-ic svg{width:17px;height:17px;fill:currentColor}
/* Spalten je Gerät (Speaker, Fachbeirat): Desktop ab 1001 px, Tablet 701 bis 1000 px, Handy bis 700 px Inhaltsbreite */
.o-spalten-d{grid-template-columns:repeat(var(--sp-d),minmax(0,1fr))!important}
@container o (max-width:1000px){.o-spalten-d{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important}.o-spalten-t{grid-template-columns:repeat(var(--sp-t),minmax(0,1fr))!important}}
@container o (max-width:700px){.o-spalten-d,.o-spalten-t{grid-template-columns:repeat(2,minmax(0,1fr))!important}.o-spalten-m{grid-template-columns:repeat(var(--sp-m),minmax(0,1fr))!important}}
/* ---------------------------------------------------------------- Lottie-Animation (ImageText, 2026-10-31)
   Fläche im Seitenverhältnis der Datei (aspect-ratio am Element), Vorschaubild ganz und nie beschnitten darin.
   site.js hängt den Player in .o-lottie-anim und setzt o-lottie-on, sobald das erste Bild steht; das Vorschaubild
   bleibt dann unsichtbar im Dokument (Alt-Text für Screenreader), die SVG-Fläche ist aria-hidden. */
.o-lottie{position:relative;display:block;width:100%}
.o-lottie>picture,.o-lottie>picture img,.o-lottie>.o-lottie-poster,.o-lottie-anim,.o-lottie-prev{position:absolute;inset:0;width:100%;height:100%;display:block}
.o-lottie img{object-fit:contain}
.o-lottie-anim svg,.o-lottie-prev svg{display:block}
.o-lottie.o-lottie-on>picture,.o-lottie.o-lottie-on>.o-lottie-poster{opacity:0}
.o-lottie-badge{position:absolute;left:8px;top:8px;z-index:2;padding:2px 8px;border-radius:999px;background:rgba(36,31,27,.75);color:#fff;font:12px/1.6 system-ui,sans-serif;pointer-events:none}
.o-it-anim{align-self:center}

/* ---------------------------------------------------------------- Katalog: Podcast, Webinare, Videos (2026-10-31)
   Band „Als Nächstes“ (Bühne), klebende Themenleiste, ein Kartenraster für alle drei Arten (blocks/katalog.tsx).
   Raster 3 Spalten, Tablet 2, Handy 1 (Container o). Webinar-Zustände über o-kat-is-soon/live/past am Kartenelement,
   site.js setzt sie im Browser neu. Ohne Skript: Themenleiste und Wächter bleiben verborgen, alles sichtbar. */
.o-kat-sec .o-inner{gap:clamp(24px,3cqi,36px)}
.o-kat{display:flex;flex-direction:column;gap:20px;min-width:0}
.o-kat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.2cqi,28px)}
.o-kat-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px 20px}
.o-kat-h2{margin:0;font-size:clamp(20px,2cqi,24px);font-weight:500;letter-spacing:-.01em;line-height:1.2}
.o-kat-card{display:flex;flex-direction:column;min-width:0;background:var(--o-bg);border:1px solid var(--o-line);border-radius:var(--o-r-card);overflow:hidden;text-decoration:none;color:inherit;transition:transform .35s var(--o-ease),box-shadow .35s var(--o-ease)}
.o-kat-card:hover{opacity:1;transform:translateY(-3px);box-shadow:0 30px 70px -50px rgba(36,31,27,.45)}
.o-kat-card[hidden]{display:none}
.o-kat-media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#1d1814}
.o-kat-media picture,.o-kat-spot-media picture{display:block;width:100%;height:100%}
.o-kat-media img,.o-kat-media .o-ph{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--o-ease)}
.o-kat-card:hover .o-kat-media img{transform:scale(1.04)}
.o-kat-sq{background:radial-gradient(80% 80% at 50% 50%,#4a3d33,#1d1814)}
.o-kat-sq picture{position:absolute;left:50%;top:8%;height:84%;width:auto;aspect-ratio:1;transform:translateX(-50%)}
.o-kat-sq img{object-fit:contain;border-radius:6px}
.o-kat-badge{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:6px;max-width:calc(100% - 24px);padding:6px 11px;border-radius:999px;background:rgba(255,253,249,.95);color:var(--o-fg);font-size:12px;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.o-kat-dot{display:none;flex:none;width:7px;height:7px;border-radius:50%;background:currentColor}
.o-kat-is-soon .o-kat-badge{background:var(--o-omx);color:#fff}
.o-kat-is-live .o-kat-badge{background:#0f8a4b;color:#fff}
.o-kat-is-soon .o-kat-dot,.o-kat-is-live .o-kat-dot{display:block}
.o-kat-is-live .o-kat-dot{animation:o-kat-puls 1.4s ease-in-out infinite}
@keyframes o-kat-puls{50%{opacity:.3}}
.o-kat-dur{position:absolute;right:12px;bottom:12px;padding:4px 9px;border-radius:8px;background:rgba(29,24,20,.8);color:#fff;font-size:12px;font-variant-numeric:tabular-nums}
.o-kat-body{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0;padding:18px 20px 20px}
.o-kat-meta{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--o-text2);line-height:1.4}
.o-kat-k-omx{color:var(--o-omx)}
.o-kat-k-seokomm{color:var(--o-seokomm)}
.o-kat-title{margin:0;font-size:clamp(18px,1.7cqi,19px);font-weight:500;line-height:1.28;letter-spacing:-.01em;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-wrap:pretty}
/* Vorschautext: ganz, ruhige Farbe (nicht beschneiden, Oliver 2026-10-31) */
.o-kat-intro{margin:-2px 0 2px;font-size:14.5px;line-height:1.55;color:var(--o-text2);overflow-wrap:break-word}
.o-kat-who{display:flex;align-items:center;gap:8px;min-width:0;font-size:14px;line-height:1.35;color:var(--o-text)}
.o-kat-names{min-width:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.o-kat-av{flex:none;width:28px;height:28px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--o-sand-soft,var(--o-muted));color:var(--o-stone);font-size:11px;font-weight:500;letter-spacing:.02em}
.o-kat-av picture,.o-kat-av img{display:block;width:100%;height:100%;object-fit:cover}
.o-kat-tags{display:flex;flex-wrap:wrap;gap:6px}
.o-kat-tags span{padding:4px 9px;border-radius:999px;background:var(--o-muted);color:var(--o-stone);font-size:12px;line-height:1.3}
.o-kat-foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--o-line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;font-size:14px;font-weight:500}
.o-kat-go{display:inline-flex;align-items:center;gap:6px;color:var(--o-omx)}
.o-kat-go svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--o-ease)}
.o-kat-card:hover .o-kat-go svg{transform:translateX(3px)}
.o-kat-is-live .o-kat-go{color:#0f8a4b}
.o-kat-foot small{font-size:12.5px;font-weight:400;color:var(--o-text2)}
.o-kat .o-kat-more{margin-top:-20px}
.o-kat-leer[hidden],.o-kat-bar[hidden]{display:none}
.o-kat-leer{margin:0;padding:24px;border-radius:var(--o-r-card);background:var(--o-muted);color:var(--o-text);text-align:center}

/* Band „Als Nächstes“ */
.o-kat-spot{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;background:var(--o-dark);color:#f4eee5;border-radius:var(--o-r-box);overflow:hidden;isolation:isolate;box-shadow:0 30px 70px -50px rgba(36,31,27,.45)}
.o-kat-spot::before{content:"";position:absolute;inset:-20% -10% auto;height:80%;background:radial-gradient(50% 60% at 28% 0%,rgba(210,190,160,.28),transparent 70%),radial-gradient(40% 50% at 82% 0%,rgba(235,50,30,.16),transparent 70%);z-index:-1;pointer-events:none}
.o-kat-spot-media{position:relative;display:block;align-self:center;aspect-ratio:16/9;background:#1d1814;overflow:hidden}
.o-kat-spot-media:hover{opacity:1}
.o-kat-spot-media img,.o-kat-spot-media .o-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.o-kat-spot-media.o-kat-sq{background:radial-gradient(70% 70% at 50% 50%,#4a3d33,#1d1814)}
.o-kat-spot-media.o-kat-sq picture{position:absolute;inset:9% auto 9% 50%;height:82%;width:auto;aspect-ratio:1;transform:translateX(-50%)}
.o-kat-spot-media.o-kat-sq img{position:static;object-fit:contain;border-radius:8px;box-shadow:0 24px 40px -24px rgba(0,0,0,.7)}
.o-kat-spot-body{display:flex;flex-direction:column;justify-content:center;gap:14px;min-width:0;padding:clamp(24px,3.5cqi,44px)}
.o-kat-spot .o-eyebrow{color:var(--o-sand)}
.o-kat-spot-h{margin:0;font-size:clamp(24px,3cqi,38px);font-weight:500;line-height:1.1;letter-spacing:-.015em;text-wrap:balance;overflow-wrap:break-word}
.o-kat-spot-h a{text-decoration:none}
.o-kat-spot-who{margin:0;color:#d8ccbb}
.o-kat-spot-intro{margin:0;color:#cbbfae;font-size:15px;line-height:1.55;overflow-wrap:break-word}
.o-kat-when{font-size:15px;color:#e9dfd1}
.o-kat-spot .o-cd{margin-top:0}
.o-kat-spot .o-btns{margin-top:4px}
.o-kat-spot .o-btn{min-height:50px;padding:13px 22px;font-size:15px}
.o-kat-spot .o-btn-s{background:#fff;border-color:#fff;color:var(--o-fg)}
.o-kat-spot .o-btn-p{background:var(--o-omx);border-color:var(--o-omx);color:#fff}
.o-kat-is-live.o-kat-spot .o-btn-p{background:#0f8a4b;border-color:#0f8a4b}
.o-kat-note{margin:0;font-size:13px;color:#b9ac9b}
.o-kat-wave{height:34px;max-width:420px}
.o-kat-wave i{background:var(--o-sand);opacity:.85}
.o-kat-is-past .o-kat-nopast{display:none!important}

/* Themenleiste: klebt beim Scrollen, auf dem Handy waagrecht wischbar */
.o-kat-bar{position:sticky;top:0;z-index:5;margin:0 calc(-1 * var(--o-g));padding:0 var(--o-g);background:color-mix(in srgb,var(--o-bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--o-line)}
.o-kat-bar-in{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:12px 0}
.o-kat-chip{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:7px 14px;border-radius:999px;border:1px solid var(--o-line2);background:transparent;color:var(--o-text);font:500 13.5px/1.2 var(--o-font);cursor:pointer;white-space:nowrap;transition:background .25s,border-color .25s,color .25s}
.o-kat-chip:hover{border-color:var(--o-fg)}
.o-kat-chip small{font-size:12px;font-weight:400;color:var(--o-text2)}
.o-kat-chip[aria-pressed=true]{background:var(--o-fg);border-color:var(--o-fg);color:#fff}
.o-kat-chip[aria-pressed=true] small{color:#cbbfae}
.o-kat-sep{flex:none;width:1px;height:24px;background:var(--o-line2)}
.o-kat-seg{flex:none;display:inline-flex;padding:3px;border-radius:999px;background:var(--o-muted)}
.o-kat-seg button{min-height:34px;border:0;background:transparent;padding:6px 14px;border-radius:999px;font:500 13.5px/1.2 var(--o-font);color:var(--o-text);cursor:pointer}
.o-kat-seg button[aria-pressed=true]{background:#fff;color:var(--o-fg);box-shadow:0 2px 8px -4px rgba(0,0,0,.3)}

@container o (max-width:900px){.o-kat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container o (max-width:900px){.o-kat-spot{grid-template-columns:minmax(0,1fr)}}
@container o (max-width:760px){
  .o-kat-bar-in{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;margin:0 calc(-1 * var(--o-g));padding:10px var(--o-g)}
  .o-kat-bar-in::-webkit-scrollbar{display:none}
}
@container o (max-width:600px){
  .o-kat-grid{grid-template-columns:minmax(0,1fr)}
  .o-kat-body{padding:16px 18px 18px}
  .o-kat-spot .o-btns{flex-direction:column;align-items:stretch}
}
@media (prefers-reduced-motion:reduce){.o-kat-is-live .o-kat-dot{animation:none}.o-kat-card,.o-kat-media img,.o-kat-go svg{transition:none}.o-kat-card:hover,.o-kat-card:hover .o-kat-media img{transform:none}}

/* ---------------------------------------------------------------- Mobile-Feinschliff (Mobile-Prüfung 2026-10-31) */
.o-eyebrow,.o-hero-eyebrow{text-wrap:balance}
.o-rich a{overflow-wrap:anywhere}
.o-st-band{align-items:flex-start}
.o-social-ic{width:44px;height:44px}
.o-herz::before{content:"";position:absolute;inset:-6px}
@container o (max-width:900px){
  .o-stats-glass{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container o (max-width:700px){
  /* Text ohne Box nicht 12 px am Rand: gleiche Kante wie in den Boxen */
  .o-sec > .o-inner{padding-inline:8px}
  /* Hero: kräftigerer Verlauf hinter dem Text, Eyebrow als Pille lesbar auf hellen Fotos */
  .o-site .o-hero .o-shade{background:linear-gradient(180deg,rgba(25,26,30,.55) 0%,rgba(25,26,30,.2) 30%,rgba(20,16,13,.6) 55%,rgba(20,16,13,.9) 100%)}
  .o-hero-eyebrow{background:rgba(20,16,13,.55);color:#fff;padding:6px 12px;border-radius:999px}
  .o-site .o-hero-small{min-height:300px}
  .o-site .o-hero-medium{min-height:380px}
  /* Play-Knopf verdeckt auf kleinen Bildern den eingebrannten Bildtext; die ganze Karte ist ohnehin der Link */
  .o-bigl-img .o-pod-play,.o-pod-thumb .o-pod-play,.o-vthumb .o-play-s{display:none}
  /* Footer: größere Tippflächen, Spalten zu zweit */
  .o-foot-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
  .o-foot-col{gap:0}
  .o-foot-col > a:not(.o-foot-logo){display:block;padding:9px 0}
  .o-foot-col:has(.o-foot-text){grid-column:1 / -1}
  .o-foot-legal a{display:inline-block;padding:8px 0}
  /* Agenda: kleine Texte */
  .o-ses-p{font-size:13.5px}
  .o-ses-meta{font-size:14px}
  /* Detailseiten: H1 nicht in vier Zeilen */
  .o-ptitle .o-h1{font-size:clamp(27px,7.5cqi,34px)}
  /* Porträt beim Zitat mittig */
  .o-it-klein .o-it-media{margin-inline:auto}
}
@container o (max-width:560px){
  /* Hero-Konferenzkarten: untereinander, gleich breit, Text bricht */
  .o-hero-confs{display:grid;grid-template-columns:minmax(0,1fr)}
  .o-hero-conf{display:flex;width:100%;min-width:0}
  .o-hero-conf-t{min-width:0;overflow-wrap:break-word;hyphens:auto}
  /* Listen „neueste groß“: rechte Einträge mit Bild oben statt 110 px daneben */
  .o-pod-item{grid-template-columns:minmax(0,1fr);gap:12px}
  .o-pod-item .o-card-text{font-size:14.5px}
  /* Speaker auf Vortragsseiten: Foto oben, Bio volle Breite */
  .o-sesp-gross .o-sesp-i{flex-direction:column}
  .o-sesp-bio{font-size:15px}
}

/* Mobile, zweite Runde (Olivers Entscheidungen 2026-10-31) */
.o-menu .o-ic-auf{display:none}
.o-menu[aria-expanded="true"] .o-ic-auf{display:inline}
.o-menu[aria-expanded="true"] .o-ic-zu{display:none}
.o-mnav .o-sub-d{display:none}
@container o (max-width:700px){
  /* Vorschautexte in Listen auf dem Handy 4 Zeilen */
  .o-row-intro{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  /* Galerie-Raster auf dem Handy zu zweit (Spalten im Baustein überschreiben das) */
  .o-gal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  /* Agenda-Umschalter: deckend mit Schatten, damit darunter nichts durchscheint */
  .o-agx-bar::before{background:var(--o-agx-bar-bg,var(--o-bg));box-shadow:0 14px 22px -16px rgba(36,31,27,.45)}
}

/* Podcast: vorige/nächste Folge */
.o-pn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2cqi,22px)}
.o-pn-k{display:grid;grid-template-columns:minmax(0,170px) minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px;border-radius:var(--o-r-card);background:#fff;border:1px solid var(--o-line);text-decoration:none;color:inherit;transition:transform .4s,box-shadow .4s}
.o-pn-k:hover{opacity:1;transform:translateY(-3px);box-shadow:0 30px 60px -44px rgba(36,31,27,.5)}
.o-pn-vor{grid-template-columns:auto minmax(0,170px) minmax(0,1fr)}
.o-pn-vor .o-pn-pfeil{order:-1}
.o-pn-img{display:block;aspect-ratio:16/9;border-radius:12px;overflow:hidden}
.o-pn-img img{width:100%;height:100%;object-fit:cover;display:block}
.o-pn-t{display:flex;flex-direction:column;gap:6px;min-width:0}
.o-pn-nach{text-align:left}
.o-pn-pfeil{width:40px;height:40px;border-radius:50%;border:1px solid var(--o-line);display:flex;align-items:center;justify-content:center;transition:background .3s,color .3s}
.o-pn-pfeil svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.o-pn-k:hover .o-pn-pfeil{background:var(--o-fg);color:var(--o-bg);border-color:var(--o-fg)}
@container o (max-width:860px){
  .o-pn{grid-template-columns:minmax(0,1fr)}
}
@container o (max-width:560px){
  .o-pn-k,.o-pn-vor{grid-template-columns:110px minmax(0,1fr);gap:12px;padding:12px}
  .o-pn-pfeil{display:none}
}

/* Cookie-Banner über die ganze Breite (Oliver 2026-10-31: eher geklickt, mobil optimiert), Farbe aus den Einstellungen */
.o-consent{left:0;right:0;bottom:0;width:auto;padding:0 16px 16px;--c-bg:#d2bea0;--c-fg:#241f1b;--c-fg2:rgba(36,31,27,.78);--c-line:rgba(36,31,27,.22);--c-p-bg:#b4190f;--c-p-fg:#fff}
.o-consent-f-blau-hell{--c-bg:#003cc3}.o-consent-f-blau-dunkel{--c-bg:#002d6e}.o-consent-f-braun-dunkel{--c-bg:#6e645a}.o-consent-f-schwarz{--c-bg:#1d1916}
.o-consent-f-rot-hell{--c-bg:#eb321e}.o-consent-f-rot-dunkel{--c-bg:#b4190f}
.o-consent-f-blau-hell,.o-consent-f-blau-dunkel,.o-consent-f-braun-dunkel,.o-consent-f-schwarz,.o-consent-f-rot-hell,.o-consent-f-rot-dunkel{--c-fg:#fff;--c-fg2:rgba(255,255,255,.82);--c-line:rgba(255,255,255,.4)}
.o-consent-f-rot-hell,.o-consent-f-rot-dunkel{--c-p-bg:#fff;--c-p-fg:#b4190f}
.o-consent-f-weiss{--c-bg:#fff}
.o-consent-card{width:90%;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t btns" "text btns" "wahl wahl";column-gap:40px;row-gap:6px;align-items:center;padding:22px 28px;border-radius:22px;background:var(--c-bg);color:var(--c-fg);border:1px solid var(--c-line);box-shadow:0 -10px 60px -10px rgba(0,0,0,.4)}
.o-consent-t{grid-area:t;font-size:18px;color:var(--c-fg)}
.o-consent-text{grid-area:text;font-size:14.5px;color:var(--c-fg2);max-width:760px}
.o-consent-text a{color:var(--c-fg)}
.o-consent-wahl{grid-area:wahl;margin-top:12px;border-color:var(--c-line)}
.o-consent-k small{color:var(--c-fg2)}
.o-consent-k input{accent-color:var(--c-fg)}
.o-consent-btns{grid-area:btns;display:flex;flex-wrap:nowrap;align-items:center;gap:10px}
.o-consent-btns .o-btn{flex:0 0 auto;min-height:50px;padding:12px 24px;font-size:16px;box-shadow:none}
.o-consent-btns .o-btn-p{min-width:200px;background:var(--c-p-bg);color:var(--c-p-fg);border-color:var(--c-p-bg)}
.o-consent-btns .o-btn-s{background:transparent;color:var(--c-fg);border-color:var(--c-fg)}
.o-consent-btns .o-btn-link{flex:0 0 auto;order:3;color:var(--c-fg2);min-height:44px}
@media (max-width:900px){
  .o-consent{padding:0}
  .o-consent-card{width:auto;max-width:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"t" "text" "wahl" "btns";row-gap:10px;border-radius:22px 22px 0 0;padding:20px 18px calc(18px + env(safe-area-inset-bottom));max-height:85vh}
  .o-consent-text{font-size:14px;line-height:1.5}
  /* Knöpfe: gleiche Höhe, gleicher Abstand rundum, kein Schatten oder Ring */
  .o-consent-btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:6px}
  .o-consent-btns .o-btn{width:100%;min-width:0;min-height:50px;margin:0;padding:12px 10px;font-size:15.5px;outline-offset:2px}
  .o-consent-btns .o-btn-p{grid-column:1 / -1;font-size:16.5px}
  .o-consent-btns .o-btn-link{order:0;border:1.5px solid var(--c-line);border-radius:999px;text-decoration:none;color:var(--c-fg)}
  .o-consent-btns .o-btn[hidden]{display:none}
}

/* Support-Knopf bleibt über dem offenen Cookie-Banner bedienbar (Oliver 2026-10-31) */
.o-consent-offen [data-oxd-support]{bottom:var(--o-consent-h,0px)!important;z-index:2147483646!important}

/* Partner als Liste untereinander mit ganzem Text (Oliver 2026-10-31) */
.o-ptl{display:flex;flex-direction:column;gap:14px}
.o-ptl-item{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(20px,3cqi,40px);align-items:start;padding:clamp(18px,2.4cqi,28px);border-radius:var(--o-r-card);background:#fff;border:1px solid var(--o-line)}
.o-bg-muted .o-ptl-item{border-color:transparent}
.o-ptl-logo{display:flex;align-items:center;justify-content:center;min-height:110px;padding:14px;border-radius:14px;background:var(--o-bg);border:1px solid var(--o-line)}
.o-ptl-logo .o-logo-img{max-height:80px;width:auto;max-width:100%;object-fit:contain}
.o-ptl-t{gap:10px;min-width:0}
.o-ptl-t .o-card-title{margin:0;font-size:20px}
.o-ptl-text{font-size:16px;line-height:1.65;color:var(--o-text)}
@container o (max-width:640px){
  .o-ptl-item{grid-template-columns:minmax(0,1fr);gap:14px}
  .o-ptl-logo{min-height:90px}
}
/* ---------------------------------------------------------------- Popup-Formate (alle Arten, Oliver 2026-10-31)
   site.js setzt o-pf-<format>, nicht blockierende Formate zusätzlich o-pf-nb. Desktop: dialog (wie bisher),
   dialog_wide, bar_top, bar_bottom, corner. Handy: sheet (Standard), bar_top, bar_bottom, dialog, fullscreen. */
.o-pop.o-pf-nb{pointer-events:none;padding:0}
.o-pf-nb .o-pop-backdrop{display:none}
.o-pf-nb .o-pop-card{pointer-events:auto;max-height:none}
/* nie gleichzeitig mit anderen Dialogen oder dem Cookie-Banner: nicht blockierende Formate treten so lange zurück */
.o-dlg-open .o-pf-nb,.o-consent-offen .o-pf-nb{display:none}
.o-pop-card:focus{outline:none}
.o-pop:not(.o-pf-nb) .o-pop-backdrop{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
/* Dialog breit: Bild links groß, Text rechts */
.o-pf-dialog_wide .o-pop-card{max-width:960px}
.o-pf-dialog_wide.o-pop-text .o-pop-card:has(> .o-pop-img){display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch}
.o-pf-dialog_wide.o-pop-text .o-pop-card > .o-pop-img{position:relative;min-height:440px;aspect-ratio:auto;overflow:hidden}
.o-pf-dialog_wide.o-pop-text .o-pop-card > .o-pop-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.o-pf-dialog_wide.o-pop-text .o-pop-body{padding:48px 44px;align-self:center}
/* Vollbild (nur Handy, auf ausdrücklichen Wunsch) */
.o-pop.o-pf-fullscreen{padding:0}
.o-pf-fullscreen .o-pop-card{max-width:none;width:100%;height:100%;max-height:none;border-radius:0}
/* Leisten über die ganze Breite: oben über dem Kopf der Seite (schiebt nichts), unten mit safe-area */
.o-pop.o-pf-bar_top{inset:0 0 auto 0;z-index:70}
.o-pop.o-pf-bar_bottom{inset:auto 0 0 0}
.o-pf-bar_top .o-pop-card,.o-pf-bar_bottom .o-pop-card{max-width:none;width:100%;border-radius:0;display:flex;align-items:center;justify-content:center;gap:12px 20px;padding:10px 64px 10px 20px;box-shadow:0 10px 30px -12px rgba(0,0,0,.35)}
.o-pf-bar_top .o-pop-card{animation:o-pf-down .45s var(--o-ease) both}
.o-pf-bar_bottom .o-pop-card{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 30px -12px rgba(0,0,0,.35);animation:o-pf-up .45s var(--o-ease) both}
.o-pf-bar_top .o-pop-img,.o-pf-bar_bottom .o-pop-img{flex:0 0 auto}
.o-pf-bar_top .o-pop-img img,.o-pf-bar_bottom .o-pop-img img{width:auto;height:56px;border-radius:10px}
.o-pf-bar_top:not(.o-pop-text) .o-pop-img img,.o-pf-bar_bottom:not(.o-pop-text) .o-pop-img img{height:auto;max-height:84px;max-width:100%}
.o-pf-bar_top .o-pop-banner,.o-pf-bar_bottom .o-pop-banner{display:none}
.o-pf-bar_top .o-pop-body,.o-pf-bar_bottom .o-pop-body{padding:0;display:flex;flex-flow:row wrap;align-items:center;gap:8px 20px;min-width:0}
.o-pf-bar_top .o-pop-body .o-rich,.o-pf-bar_bottom .o-pop-body .o-rich{max-width:680px;font-size:15.5px;line-height:1.45}
.o-pf-bar_top .o-pop-body .o-rich > *,.o-pf-bar_bottom .o-pop-body .o-rich > *{margin:0}
.o-pf-bar_top .o-pop-body .o-btn,.o-pf-bar_bottom .o-pop-body .o-btn{min-height:44px;padding:10px 22px;font-size:15.5px}
.o-pf-bar_top .o-pop-x,.o-pf-bar_bottom .o-pop-x{top:50%;right:12px;width:38px;height:38px;font-size:22px;transform:translateY(-50%)}
/* Ecke unten rechts: Karte, Seite bleibt bedienbar */
.o-pop.o-pf-corner{inset:auto 24px 24px auto;display:block}
.o-pf-corner .o-pop-card{width:360px;max-height:calc(100vh - 48px);overflow:auto;border-radius:20px;box-shadow:0 24px 60px -18px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.05);animation:o-pf-in-r .5s var(--o-ease) both}
.o-pf-corner .o-pop-body{padding:20px 20px 22px;gap:12px}
.o-pf-corner .o-pop-x{right:8px;top:8px;width:36px;height:36px;font-size:22px}
/* Bottom-Sheet (Handy): unten, runde Ecken oben, großer Knopf */
.o-pop.o-pf-sheet{inset:auto 0 0 0;display:block}
.o-pf-sheet .o-pop-card{max-width:none;width:100%;max-height:min(78vh,640px);overflow:auto;border-radius:24px 24px 0 0;padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -18px 50px -20px rgba(0,0,0,.45);animation:o-pf-up .45s var(--o-ease) both}
.o-pf-sheet .o-pop-card::before{content:"";display:block;width:44px;height:5px;margin:10px auto 0;border-radius:9px;background:rgba(0,0,0,.18)}
.o-pf-sheet .o-pop-img{margin-top:10px}
.o-pf-sheet .o-pop-img img{max-height:30vh;object-fit:cover}
.o-pf-sheet:not(.o-pop-text) .o-pop-img img{max-height:52vh;object-fit:contain}
.o-pf-sheet .o-pop-body{padding:18px 20px 22px}
.o-pf-sheet .o-pop-body .o-btn{width:100%;min-height:54px}
.o-pf-sheet .o-pop-x{top:16px;right:12px;width:40px;height:40px;font-size:22px}
@media (max-width:700px){
  .o-pf-bar_top .o-pop-card,.o-pf-bar_bottom .o-pop-card{flex-wrap:wrap;justify-content:flex-start;padding:12px 56px 12px 16px}
  .o-pf-bar_top.o-pop-text .o-pop-img,.o-pf-bar_bottom.o-pop-text .o-pop-img{display:none}
  .o-pf-bar_top:not(.o-pop-text) .o-pop-card,.o-pf-bar_bottom:not(.o-pop-text) .o-pop-card{justify-content:center}
  .o-pf-bar_top .o-pop-body,.o-pf-bar_bottom .o-pop-body{flex-direction:column;align-items:stretch;gap:8px;width:100%}
  .o-pf-bar_top .o-pop-body .o-rich,.o-pf-bar_bottom .o-pop-body .o-rich{font-size:14.5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
  .o-pf-bar_top .o-pop-x,.o-pf-bar_bottom .o-pop-x{top:10px;transform:none}
  .o-pf-bar_bottom .o-pop-card{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
}
@keyframes o-pf-down{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}
@keyframes o-pf-up{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}
@keyframes o-pf-in-r{from{opacity:0;transform:translate(40px,20px)}to{opacity:1;transform:none}}

/* ---------------------------------------------------------------- App-Popup (Popup-Variante „app“, Oliver 2026-10-31)
   Dialog: Bild oder Handy-Rahmen und QR-Code links, Text rechts (breit größer). Leisten, Ecke und Sheet ohne Bildseite.
   Farben: data-papp-acc (Knopf, Haken, Etikett), data-papp-tone (Bildseite), Schlüssel der Markenfarben. */
.o-pop-app{--papp-acc:var(--o-accent);--papp-tone:#191a1e;--papp-on:#fff}
.o-pop-app[data-papp-acc=omx]{--papp-acc:#b4190f}.o-pop-app[data-papp-acc=omx-hell]{--papp-acc:#eb321e}
.o-pop-app[data-papp-acc=seokomm]{--papp-acc:#002d6e}.o-pop-app[data-papp-acc=seokomm-hell]{--papp-acc:#003cc3}
.o-pop-app[data-papp-acc=oxd]{--papp-acc:#6e645a}.o-pop-app[data-papp-acc=oxd-hell]{--papp-acc:#8a7457}
.o-pop-app[data-papp-acc=weiss],.o-pop-app[data-papp-acc=schwarz]{--papp-acc:#191a1e}
.o-pop-app[data-papp-tone=omx]{--papp-tone:#b4190f}.o-pop-app[data-papp-tone=omx-hell]{--papp-tone:#eb321e}
.o-pop-app[data-papp-tone=seokomm]{--papp-tone:#002d6e}.o-pop-app[data-papp-tone=seokomm-hell]{--papp-tone:#003cc3}
.o-pop-app[data-papp-tone=oxd]{--papp-tone:#6e645a}.o-pop-app[data-papp-tone=schwarz]{--papp-tone:#000}
.o-pop-app[data-papp-tone=oxd-hell]{--papp-tone:#d2bea0;--papp-on:#241f1b}.o-pop-app[data-papp-tone=weiss]{--papp-tone:#f3efe8;--papp-on:#241f1b}
.o-pop-card.o-papp{max-width:720px;display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);border-radius:28px;overflow:hidden;box-shadow:0 40px 90px -30px rgba(0,0,0,.55)}
.o-pf-dialog_wide .o-pop-card.o-papp{max-width:920px;grid-template-columns:minmax(0,360px) minmax(0,1fr)}
.o-papp-nomedia .o-pop-card.o-papp{max-width:560px;grid-template-columns:minmax(0,1fr)}
.o-papp-media{position:relative;display:flex;align-items:center;justify-content:center;min-height:420px;padding:32px 24px;overflow:hidden;color:var(--papp-on);background:radial-gradient(120% 70% at 30% -10%,rgba(255,232,196,.32),transparent 60%),radial-gradient(90% 60% at 100% 110%,rgba(255,150,120,.22),transparent 60%),var(--papp-tone)}
.o-pf-dialog_wide .o-papp-media{min-height:470px;padding:36px 28px}
.o-papp-phone{position:relative;display:block;width:170px;aspect-ratio:9/19;padding:8px;border-radius:34px;background:#0d0d10;box-shadow:0 0 0 1.5px rgba(255,255,255,.14),0 30px 60px -18px rgba(0,0,0,.6);transform:rotate(-4deg)}
.o-pf-dialog_wide .o-papp-phone{width:206px;padding:9px;border-radius:38px}
.o-papp-phone::before{content:"";position:absolute;left:50%;top:14px;z-index:1;width:56px;height:16px;border-radius:999px;background:#0d0d10;transform:translateX(-50%)}
.o-papp-screen{display:block;width:100%;height:100%;border-radius:27px;overflow:hidden;background:#222}
.o-pf-dialog_wide .o-papp-screen{border-radius:30px}
.o-papp-screen img{display:block;width:100%;height:100%;object-fit:cover}
.o-papp-img{display:block;width:100%}
.o-papp-img img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 24px 50px -24px rgba(0,0,0,.6)}
.o-papp-qr{position:absolute;right:16px;bottom:16px;z-index:2;margin:0;width:108px;padding:8px 8px 6px;border-radius:14px;background:#fff;color:#241f1b;box-shadow:0 18px 40px -16px rgba(0,0,0,.55);text-align:center}
.o-pf-dialog_wide .o-papp-qr{right:20px;bottom:20px;width:128px;padding:10px 10px 8px;border-radius:16px}
.o-papp-qr-code{display:block}
.o-papp-qr-code svg{display:block;width:100%;height:auto}
.o-papp-qr figcaption{margin-top:5px;font-size:11.5px;line-height:1.3;color:#5c5650}
.o-papp-qr-solo,.o-pf-dialog_wide .o-papp-qr-solo{position:static;width:190px;padding:14px 14px 10px}
.o-papp-qr-solo figcaption{font-size:13.5px}
.o-papp-body{display:flex;flex-direction:column;gap:14px;padding:44px 40px 34px;min-width:0}
.o-pf-dialog_wide .o-papp-body{padding:52px 48px 40px}
.o-papp-badge{align-self:flex-start;display:inline-flex;align-items:center;padding:6px 13px;border-radius:999px;background:color-mix(in srgb,var(--papp-acc) 12%,transparent);color:var(--papp-acc);font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.o-papp-h{margin:0;font-size:clamp(25px,2.6vw,30px);line-height:1.12;font-weight:500;letter-spacing:-.01em;color:var(--o-fg);padding-right:28px}
.o-pf-dialog_wide .o-papp-h{font-size:clamp(28px,3vw,36px)}
.o-papp-text{color:var(--o-text);font-size:16.5px;line-height:1.55}
.o-papp-text > *{margin:0}.o-papp-text > * + *{margin-top:8px}
.o-papp-list{list-style:none;margin:2px 0 4px;padding:0;display:grid;gap:10px}
.o-papp-list li{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.4;color:var(--o-fg)}
.o-papp-ic{flex:0 0 auto;width:24px;height:24px;margin-top:-1px;padding:3px;border-radius:50%;background:color-mix(in srgb,var(--papp-acc) 13%,transparent);fill:none;stroke:var(--papp-acc);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.o-papp-btns{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:10px}
.o-papp .o-btn-c-weiss.o-btn-p{border-color:var(--o-line2)}
.o-papp-later{min-height:44px;padding:10px 6px;border:0;background:none;color:var(--o-text2);font-size:15.5px;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-underline-offset:4px;cursor:pointer}
.o-papp-later:hover{color:var(--o-fg)}
.o-pop-x.o-papp-x{right:14px;top:14px;width:42px;height:42px;font-size:24px;background:#fff;color:var(--o-fg);box-shadow:0 0 0 1px var(--o-line),0 6px 16px -8px rgba(0,0,0,.35)}
.o-pop-x.o-papp-x:hover{background:var(--o-muted)}
/* nicht blockierende Formate: ohne Bildseite und QR-Code */
.o-pf-nb .o-pop-card.o-papp{display:block;max-width:none;box-shadow:none}
.o-pf-nb .o-papp-media{display:none}
.o-pf-nb .o-papp-x{right:10px;top:10px;width:38px;height:38px;font-size:22px}
.o-pf-corner .o-pop-card.o-papp,.o-pf-sheet .o-pop-card.o-papp{box-shadow:0 24px 60px -18px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.05)}
.o-pf-corner .o-papp-body{padding:22px 22px 18px;gap:10px}
.o-pf-corner .o-papp-h{font-size:21px;line-height:1.2;padding-right:36px}
.o-pf-corner .o-papp-text{font-size:15px}
.o-pf-corner .o-papp-list li{font-size:15px}
.o-pf-corner .o-papp-btns{flex-direction:column;align-items:stretch;gap:2px;margin-top:4px}
.o-pf-sheet .o-papp-body{padding:16px 20px 18px;gap:10px}
.o-pf-sheet .o-papp-h{font-size:22px;line-height:1.2;padding-right:40px}
.o-pf-sheet .o-papp-text{font-size:15px;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
.o-pf-sheet .o-papp-list{gap:7px}
.o-pf-sheet .o-papp-list li{font-size:15px}
.o-pf-sheet .o-papp-btns{flex-direction:column;align-items:stretch;gap:2px;margin-top:4px}
.o-pf-sheet .o-papp-cta{width:100%;min-height:54px}
.o-pf-sheet .o-papp-x{top:14px}
.o-pf-bar_top .o-pop-card.o-papp,.o-pf-bar_bottom .o-pop-card.o-papp{display:block;padding:0;border-radius:0;box-shadow:0 10px 30px -12px rgba(0,0,0,.35)}
.o-pf-bar_bottom .o-pop-card.o-papp{box-shadow:0 -10px 30px -12px rgba(0,0,0,.35);padding-bottom:env(safe-area-inset-bottom,0px)}
.o-pf-bar_top .o-papp-body,.o-pf-bar_bottom .o-papp-body{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 18px;padding:12px 64px 12px 20px}
.o-pf-bar_top .o-papp-list,.o-pf-bar_bottom .o-papp-list{display:none}
.o-pf-bar_top .o-papp-badge,.o-pf-bar_bottom .o-papp-badge{align-self:center;padding:4px 10px;font-size:11.5px}
.o-pf-bar_top .o-papp-h,.o-pf-bar_bottom .o-papp-h{font-size:18px;line-height:1.25;padding:0}
.o-pf-bar_top .o-papp-text,.o-pf-bar_bottom .o-papp-text{font-size:15px;line-height:1.4;max-width:520px}
.o-pf-bar_top .o-papp-btns,.o-pf-bar_bottom .o-papp-btns{margin:0;gap:4px 12px;flex-wrap:nowrap}
.o-pf-bar_top .o-papp-cta,.o-pf-bar_bottom .o-papp-cta{min-height:44px;padding:10px 22px;font-size:15.5px}
.o-pf-bar_top .o-papp-later,.o-pf-bar_bottom .o-papp-later{min-height:40px;font-size:14.5px}
.o-pf-bar_top .o-papp-x,.o-pf-bar_bottom .o-papp-x{top:50%;right:12px;transform:translateY(-50%)}
@media (max-width:700px){
  .o-pop-card.o-papp,.o-pf-dialog_wide .o-pop-card.o-papp{grid-template-columns:minmax(0,1fr);border-radius:24px}
  .o-papp-media,.o-pf-dialog_wide .o-papp-media{min-height:0;height:190px;padding:24px 20px 0;align-items:flex-start}
  .o-papp-phone,.o-pf-dialog_wide .o-papp-phone{width:150px;padding:8px;border-radius:32px;transform:rotate(-4deg) translateY(4px)}
  .o-papp-qr{display:none}
  .o-papp-img{align-self:center}
  .o-papp-media:not(:has(.o-papp-phone,.o-papp-img)){display:none}
  .o-papp-body{padding:26px 22px 22px;gap:12px}
  .o-papp-h{font-size:25px}
  .o-papp-btns{flex-direction:column;align-items:stretch;gap:4px}
  .o-papp-cta{width:100%;min-height:54px}
  .o-pf-fullscreen .o-pop-card.o-papp{border-radius:0;align-content:start}
  .o-pf-fullscreen .o-papp-media{height:38vh}
  .o-pf-fullscreen .o-papp-phone{width:min(46vw,190px)}
  .o-pf-bar_top .o-papp-body,.o-pf-bar_bottom .o-papp-body{flex-direction:column;align-items:stretch;gap:6px;padding:12px 52px 12px 16px}
  .o-pf-bar_top .o-papp-badge,.o-pf-bar_bottom .o-papp-badge{align-self:flex-start}
  .o-pf-bar_top .o-papp-h,.o-pf-bar_bottom .o-papp-h{font-size:17px}
  .o-pf-bar_top .o-papp-text,.o-pf-bar_bottom .o-papp-text{font-size:14.5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
  .o-pf-bar_top .o-papp-btns,.o-pf-bar_bottom .o-papp-btns{flex-direction:row;align-items:center;flex-wrap:nowrap}
  .o-pf-bar_top .o-papp-cta,.o-pf-bar_bottom .o-papp-cta{flex:1 1 auto;width:100%;min-height:46px}
  .o-pf-bar_top .o-papp-later,.o-pf-bar_bottom .o-papp-later{display:none}
  .o-pf-bar_top .o-papp-x,.o-pf-bar_bottom .o-papp-x{top:8px;transform:none}
}
@media (prefers-reduced-motion:reduce){.o-pop .o-pop-card{animation:none}.o-papp-phone{transform:none}}

/* Hintergrund je Popup-Variante (Markenfarben, helle Töne, Hex; Oliver 2026-10-31) */
.o-pop-card.o-pop-bg{background:var(--c-bg);color:var(--c-fg)}
.o-pop-bg .o-rich,.o-pop-bg .o-rich p,.o-pop-bg .o-papp-text,.o-pop-bg .o-papp-li{color:var(--c-fg2)}
.o-pop-bg .o-papp-h,.o-pop-bg h2,.o-pop-bg h3,.o-pop-bg strong{color:var(--c-fg)}
.o-pop-bg .o-papp-later{color:var(--c-fg2)}
.o-pop-bg .o-papp-body{background:transparent}

/* Newsletter nach dem Absenden: Meldung füllt die Formularspalte, Rest des Blocks bleibt */
.o-nl.o-nl-sent{justify-content:center}
.o-nl-sent .o-nl-done{align-self:stretch}

/* Partner-Logos: in Farbe, beim Darüberfahren grau (umgekehrt zu den Besucherlogos, Oliver 2026-10-31) */
.o-partner-group .o-logo-img,.o-ptl-logo .o-logo-img{filter:none;opacity:1}
.o-partner-group .o-logo:hover .o-logo-img,.o-ptl-item:hover .o-ptl-logo .o-logo-img,.o-ptx-card:hover .o-logo-img{filter:grayscale(1);opacity:.85}

/* Listen von Podcast, Videos, Webinaren und Vorträgen: Bild ohne Zoom beim Darüberfahren, die Texte im Bild liefen sonst
   über den Rand (Oliver 2026-10-31); Zuschnitt wie .o-zoom */
.o-nozoom{overflow:hidden;display:block}
.o-nozoom img{width:100%;height:100%;object-fit:cover;display:block}
.o-kat-card:hover .o-kat-media img{transform:none}

/* Untermenü: Beschreibung und Gruppenkopf aus der Schriftfarbe abgeleitet statt Sand, gut lesbar auf hellem und
   dunklem Menü (Oliver 2026-11-01) */
.o-hdr .o-sub .o-sub-d{color:color-mix(in srgb,currentColor 64%,transparent);opacity:1}
.o-hdr .o-sub .o-sub-head{color:color-mix(in srgb,currentColor 72%,transparent)}

/* Handy-Menü kompakt auf einem Schirm (Oliver 2026-10-31): Hauptpunkte als kleine rote Gruppenköpfe, Unterpunkte im
   Zweierraster, Tickets und App nebeneinander; helle Karte mit Schatten, damit sie sich von Hero und Seite abhebt */
.o-mnav,.o-hdr-overlay .o-mnav{background:#fffcf7;color:#241f1b;border-radius:20px;box-shadow:0 18px 50px rgba(0,0,0,.35);
  margin:12px calc(-1 * clamp(16px,3cqi,40px)) 0;padding:12px clamp(16px,3cqi,40px) 16px}
.o-mnav > ul{display:flex;flex-direction:column;gap:2px}
.o-mnav > ul > li{border-top:1px solid rgba(36,31,27,.12);padding:6px 0 4px}
.o-mnav > ul > li:first-child{border-top:0}
.o-mnav > ul > li > a:not(.o-btn){padding:6px 4px 4px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:#b4190f}
.o-mnav > ul > li:not(:has(ul)) > a:not(.o-btn){font-size:17px;letter-spacing:0;text-transform:none;color:#241f1b;padding:10px 4px}
.o-mnav ul ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}
.o-mnav ul ul a:not(.o-btn){padding:8px 4px;font-size:16px;line-height:1.25;color:#241f1b;min-height:38px;display:flex;align-items:center}
.o-mnav .o-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:10px}
.o-mnav .o-btns .o-btn{width:100%;min-height:48px;justify-content:center}
.o-mnav .o-btns .o-btn:not(.o-btn-p){color:#241f1b;border-color:rgba(36,31,27,.35);background:transparent}

/* Handy-Hero, Variante A aus der Mobil-Prüfung (Oliver 2026-11-01): Foto oben frei als Querbild, Kopf darüber mit
   schmalem Verlauf, Eyebrow, Überschrift, Knöpfe, Konferenzen, Text und Fakten darunter auf der dunklen Fläche.
   Vorher blieb am Handy ein Mittelstreifen von 22 bis 30 % der Fotobreite, zu 91 % unter Text und Abdunklung.
   Nur Heros mit Foto; Desktop unverändert. Zoom am Handy klein (1,04), sonst schneidet er weitere 10 % weg. */
@container o (max-width:560px){
  .o-site .o-hero:not(.o-hero-noimg){min-height:0}
  .o-hero:not(.o-hero-noimg) .o-hero-media{position:relative;inset:auto;flex:0 0 auto;aspect-ratio:4/3.3;border-radius:var(--o-r-box) var(--o-r-box) 0 0}
  /* Höhe am Handy nach Inhalt, nicht nach der Desktop-Höhe (Oliver 2026-11-01): Hero ohne Fließtext (nur Titel, evtl.
     Knöpfe, z. B. Presse) mit flacherem Foto 16 : 9, sonst 4 : 3,3 */
  .o-hero:not(.o-hero-noimg):not(:has(.o-hero-text)) .o-hero-media{aspect-ratio:16/9}
  .o-hero:not(.o-hero-noimg) > .o-hdr{position:absolute;top:0;left:0;right:0}
  .o-site .o-hero:not(.o-hero-noimg) .o-shade{background:linear-gradient(180deg,rgba(25,26,30,.7) 0,rgba(25,26,30,0) 96px)}
  .o-hero:not(.o-hero-noimg) .o-cone{display:none}
  .o-hero .o-slide.o-on{transform:scale(1.04)}
  .o-hero .o-hero-media:not([data-slideshow]) .o-slide{animation-name:o-kb-m}
  .o-hero:not(.o-hero-noimg) .o-hero-body{padding-top:22px}
  /* Eyebrow (Datum o. ä.) als Pille unten im Foto (Oliver 2026-11-01); im Textteil nur für Vorleser */
  .o-site .o-hero:not(.o-hero-noimg) .o-hero-eyebrow-bild{display:inline-flex;position:absolute;left:16px;bottom:14px;z-index:3;max-width:calc(100% - 32px);font-size:11.5px;letter-spacing:.03em;gap:8px;background:rgba(20,16,13,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff}
  .o-hero:not(.o-hero-noimg) .o-hero-txt > .o-hero-eyebrow{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
  /* Höhe nach dem Text: die Grundregel flex 1 1 380px wäre in der Spalte eine Mindesthöhe von 380 px */
  .o-hero .o-hero-row > .o-hero-text{flex:0 0 auto}
  /* Reihenfolge am Handy: Knöpfe direkt unter der Überschrift, damit „Tickets sichern“ im ersten Bildschirm bleibt */
  .o-hero .o-hero-row{display:contents}
  .o-hero .o-hero-logos{order:0}
  .o-hero .o-hero-eyebrow{order:1}
  .o-hero .o-hero-h{order:2}
  .o-hero .o-hero-row > .o-btns{order:3}
  .o-hero .o-hero-confs{order:4}
  .o-hero .o-hero-row > .o-hero-text{order:5}
}
@keyframes o-kb-m{from{transform:scale(1.02)}to{transform:scale(1.06)}}
/* doppelte Klasse: das Theme im Seitenkopf setzt .o-hero-eyebrow wieder auf inline-flex (2026-11-01 am Desktop doppelt) */
.o-hero-eyebrow.o-hero-eyebrow-bild{display:none}

/* App-Popup als Bottom-Sheet am Handy (Mobil-Prüfung 2026-11-01): kürzer (Text zwei Zeilen, höchstens drei Vorteile)
   und unten Platz für den Support-Knopf (48 px, 16 px vom Rand), der sonst auf „Später“ lag. */
.o-pf-sheet .o-papp-text{-webkit-line-clamp:2;line-clamp:2}
.o-pf-sheet .o-papp-list li:nth-child(n+4){display:none}
.o-pf-sheet .o-papp-body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
.o-pf-sheet .o-pop-body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
@media (prefers-reduced-motion:reduce){.o-hero .o-slide.o-on{transform:none}}

/* ---------------------------------------------------------------- Bio-Seiten (plans/bio-seiten-v1.md, 2026-11-01)
   Profilkopf A Visitenkarte (o-bio-a) und B Bühne (o-bio-b), Linkknöpfe als Zeilen, Social-Leiste,
   Kontakt speichern, Nächster Termin. Nur Tokens des Themes, Circular nur Book und Medium. */
.o-bio-ic{width:22px;height:22px;flex:0 0 auto}
.o-bio-btn-ic{width:19px;height:19px;margin-right:9px;flex:0 0 auto}
.o-bio-kopfzeile{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
.o-bio-nur-m{display:none}
/* Social-Leiste */
.o-bio-soc{display:flex;flex-wrap:wrap;gap:10px}
.o-bio-soc a{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--o-line2);color:var(--o-fg);text-decoration:none;transition:background .2s,color .2s}
.o-bio-soc a:hover{background:var(--o-fg);color:#fff}
.o-bio-soc .o-bio-ic{width:20px;height:20px}
.o-bio-soc-hell a{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.35)}
.o-bio-soc-hell a:hover{background:#fff;color:var(--o-fg)}
/* Linkknöpfe als Zeilen */
.o-bio-zeilen{display:flex;flex-direction:column;gap:12px}
.o-bio-links-schmal{max-width:760px}
.o-bio-zeile{display:flex;align-items:center;gap:16px;padding:16px 20px 16px 16px;border-radius:20px;background:#fff;border:1.5px solid var(--o-line2);text-decoration:none;color:var(--o-fg);min-height:76px;transition:transform .2s var(--o-ease),border-color .2s,box-shadow .2s}
.o-bio-zeile:hover{transform:translateY(-2px);border-color:var(--o-fg);box-shadow:0 20px 40px -30px rgba(36,31,27,.5)}
.o-bio-zeile-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--o-muted);color:var(--o-stone);flex:0 0 46px}
.o-bio-zeile-txt{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.o-bio-zeile-txt strong{font-weight:500;font-size:18px;letter-spacing:-.01em;line-height:1.2}
.o-bio-zeile-txt small{font-size:14.5px;color:var(--o-text2);line-height:1.35;overflow-wrap:anywhere}
.o-bio-pf{width:22px;height:22px;color:var(--o-text2);flex:0 0 auto}
.o-bio-zeile.o-bio-hi{background:var(--o-accent);border-color:var(--o-accent);color:#fff}
.o-bio-hi .o-bio-zeile-ic{background:rgba(255,255,255,.16);color:#fff}
.o-bio-hi small,.o-bio-hi .o-bio-pf{color:rgba(255,255,255,.85)}
.o-bio-hi:hover{border-color:var(--o-accent)}
.o-bio-c-omx{--o-bio-f:#b4190f}
.o-bio-c-omx-hell{--o-bio-f:#eb321e}
.o-bio-c-seokomm{--o-bio-f:#002d6e}
.o-bio-c-seokomm-hell{--o-bio-f:#003cc3}
.o-bio-c-oxd{--o-bio-f:#6e645a}
.o-bio-c-schwarz{--o-bio-f:#000}
.o-bio-zeile:is(.o-bio-c-omx,.o-bio-c-omx-hell,.o-bio-c-seokomm,.o-bio-c-seokomm-hell,.o-bio-c-oxd,.o-bio-c-schwarz){background:var(--o-bio-f);border-color:var(--o-bio-f);color:#fff}
:is(.o-bio-c-omx,.o-bio-c-omx-hell,.o-bio-c-seokomm,.o-bio-c-seokomm-hell,.o-bio-c-oxd,.o-bio-c-schwarz) :is(small,.o-bio-pf){color:rgba(255,255,255,.85)}
:is(.o-bio-c-omx,.o-bio-c-omx-hell,.o-bio-c-seokomm,.o-bio-c-seokomm-hell,.o-bio-c-oxd,.o-bio-c-schwarz) .o-bio-zeile-ic{background:rgba(255,255,255,.16);color:#fff}
.o-bio-zeile.o-bio-c-oxd-hell{background:#d2bea0;border-color:#d2bea0;color:#241f1b}
.o-bio-zeile.o-bio-c-weiss{background:#fff;border-color:var(--o-line2);color:#241f1b}
.o-bio-btn-klein{min-height:40px;padding:8px 16px;font-size:15px;margin-top:8px}
.o-bio-btn-klein .o-bio-btn-ic{width:17px;height:17px;margin-right:7px}
/* A Visitenkarte */
.o-bio-a-hero{min-height:clamp(240px,24cqi,340px)}
/* Menü über der Karte (Oliver 2026-11-01): der Hero ist hier kein Stapelkontext, die Kopfzeile liegt über der Karte (z 31) */
.o-site .o-bio-a-hero:has(.o-hdr-overlay){z-index:auto}
.o-site .o-bio-a-hero > .o-hdr{z-index:40}
.o-bio-a-herobody{padding-bottom:clamp(90px,10cqi,130px)}
.o-bio-a-kartesec{padding-top:0;margin-top:clamp(-110px,-8cqi,-70px);position:relative;z-index:31}
.o-bio-a-karte{background:#fff;padding:clamp(28px,4cqi,56px)}
.o-bio-a-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5cqi,72px);align-items:start}
.o-bio-a-ohnefoto{grid-template-columns:minmax(0,1fr);max-width:760px;margin:0 auto}
.o-bio-a-links{display:flex;flex-direction:column;gap:20px;position:sticky;top:24px}
.o-bio-a-foto{display:block;aspect-ratio:4/5;border-radius:var(--o-r-card);overflow:hidden;background:var(--o-muted)}
.o-bio-a-foto picture{display:contents}
.o-bio-a-foto img,.o-bio-a-foto .o-ph{width:100%;height:100%;object-fit:cover;display:block}
.o-bio-a-foto .o-bio-foto-m{display:none}
.o-bio-a-rechts{display:flex;flex-direction:column;gap:28px;min-width:0}
.o-bio-a-kopf{display:flex;flex-direction:column;gap:14px}
.o-site .o-bio-a-name{font-size:clamp(40px,5.2cqi,72px);color:var(--o-fg)}
.o-bio-a-rolle{margin:0;font-size:clamp(18px,1.8cqi,22px);line-height:1.4;color:var(--o-text);max-width:560px}
.o-bio-a-rolle + .o-bio-a-text{margin-top:4px}
.o-bio-a-text{max-width:600px;font-size:17px;line-height:1.65;color:var(--o-text2)}
.o-bio-a-text p{margin:0 0 .8em}
.o-bio-a-text p:last-child{margin-bottom:0}
/* Bio hinterlegt: am Desktop unter dem Foto, am Handy unter dem Claim (Oliver 2026-11-01) */
.o-bio-a-text{padding:20px 22px;border-radius:var(--o-r-card);background:var(--o-muted)}
.o-bio-a-bio-links .o-bio-a-text{font-size:16px}
/* B Bühne */
.o-bio-b-hero{min-height:clamp(600px,52cqi,700px)}
.o-bio-b-txt{max-width:660px}
.o-site .o-bio-b-hero .o-h1{font-size:clamp(44px,6.4cqi,88px)}
.o-bio-b-row{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.o-bio-b-row .o-hero-text{flex:0 0 auto}
.o-bio-b-row .o-btn{white-space:nowrap}
.o-bio-b-logo img{display:block;height:72px;width:auto;max-width:240px;object-fit:contain}
.o-bio-noimg{background:radial-gradient(60% 80% at 20% 0%,rgba(210,190,160,.28),transparent 70%),radial-gradient(50% 70% at 90% 10%,rgba(235,50,30,.22),transparent 70%),var(--o-dark)}
/* Nächster Termin */
.o-bio-event{display:flex;flex-direction:column;gap:16px;padding:clamp(22px,3cqi,36px);border-radius:var(--o-r-box);background:var(--o-muted);border:1px solid var(--o-line)}
.o-bio-event-dunkel{background:var(--o-dark);color:#fff;border-color:transparent}
.o-bio-event-kopf{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.o-bio-event-titel{display:flex;flex-direction:column;gap:8px}
.o-bio-countdown{font-size:14px;font-weight:500;background:var(--o-accent);color:#fff;border-radius:999px;padding:6px 14px}
.o-bio-event-reihe{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.o-bio-termin{display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:18px;background:#fff;border:1px solid var(--o-line)}
.o-bio-termin-marke{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.o-bio-t-omx .o-bio-termin-marke{color:#b4190f}
.o-bio-t-seokomm .o-bio-termin-marke{color:#003cc3}
.o-bio-termin strong{font-weight:500;font-size:22px;letter-spacing:-.02em;color:var(--o-fg)}
.o-bio-termin span:last-child{font-size:14px;color:var(--o-text2)}
.o-bio-event-ort{margin:0;display:flex;gap:8px;align-items:center;font-size:15px;color:var(--o-text)}
.o-bio-event-ort .o-bio-ic{width:18px;height:18px;color:var(--o-stone)}
.o-bio-event-dunkel .o-bio-termin{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}
.o-bio-event-dunkel .o-bio-termin strong{color:#fff}
.o-bio-event-dunkel .o-bio-termin span:last-child,.o-bio-event-dunkel .o-bio-event-ort{color:rgba(255,255,255,.8)}
.o-bio-event-dunkel .o-bio-t-omx .o-bio-termin-marke{color:#ff8d7d}
.o-bio-event-dunkel .o-bio-t-seokomm .o-bio-termin-marke{color:#9fb5ff}
@container o (max-width:760px){
  .o-bio-nur-d{display:none}
  .o-bio-nur-m{display:block}
  /* A am Handy: Fotostreifen, rundes Foto ragt in die Karte, alles mittig untereinander */
  .o-bio-a-hero{min-height:0}
  .o-bio-a-herobody{display:none}
  .o-site .o-bio-a-hero .o-hero-media{position:relative;inset:auto;aspect-ratio:16/10;border-radius:var(--o-r-box) var(--o-r-box) 0 0}
  .o-bio-a-hero > .o-hdr{position:absolute;top:0;left:0;right:0}
  .o-bio-a-kartesec{margin-top:-34px}
  .o-bio-a-karte{padding:0 18px 22px;overflow:visible}
  .o-bio-a-grid{grid-template-columns:1fr;gap:18px}
  .o-bio-a-ohnefoto{padding-top:24px}
  .o-bio-a-links{position:static;align-items:center}
  .o-bio-a-foto{width:132px;aspect-ratio:1;border-radius:50%;margin-top:-50px;border:5px solid #fff;box-shadow:0 12px 30px -16px rgba(36,31,27,.5)}
  .o-bio-a-foto .o-bio-foto-d{display:none}
  .o-bio-a-foto .o-bio-foto-m{display:block}
  .o-bio-a-kopf{align-items:center;text-align:center;gap:10px}
  .o-bio-a-kopf .o-eyebrow::before{display:none}
  .o-site .o-bio-a-name{font-size:38px}
  .o-bio-a-rolle{font-size:17px}
  .o-bio-a-text{text-align:left;font-size:16px;margin:8px 0;padding:18px 18px}
  .o-bio-a-rechts{gap:22px}
  /* Zeilen */
  .o-bio-zeile{min-height:68px;padding:12px 14px 12px 12px;gap:13px;border-radius:18px}
  .o-bio-zeile-ic{width:42px;height:42px;flex-basis:42px}
  .o-bio-zeile-txt strong{font-size:17px}
  /* B am Handy: Knöpfe volle Breite, Social-Leiste nach den Knöpfen, kein QR (am eigenen Handy sinnlos) */
  .o-bio-b-hero{min-height:0}
  .o-bio-b-row .o-btns{flex-direction:column;align-items:stretch;width:100%}
  .o-bio-b-row .o-btn{white-space:normal}
  .o-site .o-bio-b-hero .o-h1{font-size:44px}
  .o-bio-b-soc{order:6}
  .o-bio-b-logo{order:0}
  .o-bio-termin{padding:14px}
  .o-bio-termin strong{font-size:18px}
  .o-bio-event .o-btns{flex-direction:column;align-items:stretch}
}