/* Layout: the /festival/ community look — black hero with search, white and mint content bands, Söhne Breit headlines, purple actions, cyan on dark */
@font-face{font-family:"EmbraceDisplay";src:local("SohneBreit-Fett"),local("Söhne Breit Fett"),local("Embrace_SohneBreitFett"),local("Embrace_SöhneBreit Fett");font-weight:700;font-display:swap}
@font-face{font-family:"EmbraceText";src:local("Sohne-Buch"),local("Söhne Buch"),local("Soehne-Buch");font-weight:400;font-display:swap}
@font-face{font-family:"EmbraceText";src:local("Sohne-Halbfett"),local("Söhne Halbfett"),local("Sohne-Kraftig");font-weight:600;font-display:swap}
:root{
  --ink:#171717; --gray:#595959; --line:#dcdcdc; --surface:#f5f7f6; --white:#ffffff;
  --dark:#111111; --black:#000000; --purple:#7620d1; --purple-h:#5d17ab; --cyan:#00f8dd; --mint:#e5fff9;
  --on-dark:#ffffff; --on-dark-muted:#b9b9c1;
  --display:"EmbraceDisplay","Helvetica Neue",Arial,sans-serif;
  --text:"EmbraceText","Helvetica Neue",Arial,sans-serif;
  --gut:clamp(16px,4vw,56px); --max:1240px;
  color-scheme:light;
}
html{background:var(--white)}
body{background:var(--white);color:var(--ink);font:16px/1.55 var(--text);-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--purple);outline-offset:2px}
.dark :focus-visible{outline-color:var(--cyan)}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.035em;line-height:1.08;margin:0;text-wrap:balance}
.kicker{display:flex;align-items:center;gap:14px;font:600 13px/1 var(--text);letter-spacing:.08em;text-transform:uppercase;margin:0 0 22px}
.kicker b{display:inline-grid;place-items:center;min-width:46px;height:32px;padding:0 8px;background:var(--purple);color:#fff;font:700 15px/1 var(--display);letter-spacing:0}
.dark .kicker b{background:var(--cyan);color:var(--black)}
.btn{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 20px;border:0;border-radius:2px;background:var(--purple);color:#fff;font-weight:600;font-size:15px;text-decoration:none;cursor:pointer}
.btn:hover{background:var(--purple-h)}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn.ghost:hover{background:var(--ink);color:#fff}
.dark .btn.ghost{color:#fff;box-shadow:inset 0 0 0 1.5px #fff}
.dark .btn.ghost:hover{background:#fff;color:var(--black)}
.lnk{background:none;border:0;padding:0;cursor:pointer;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.dark .lnk{color:var(--cyan)}
.muted{color:var(--gray)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Kopf ---------- */
.util{background:var(--black);color:var(--on-dark-muted);font-size:13px}
.util .wrap{display:flex;gap:18px;align-items:center;justify-content:space-between;min-height:36px;flex-wrap:wrap}
.util a{color:#fff;text-decoration:none}
.util a:hover{color:var(--cyan)}
.util nav{display:flex;gap:16px;flex-wrap:wrap}
.util .fam b{color:#fff;font-weight:600}
header.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:var(--white);border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;gap:24px;min-height:78px}
.brand{display:grid;gap:5px;width:170px;flex-shrink:0;text-decoration:none}
.brand img{display:block;width:100%;height:auto;filter:brightness(0)}
.brand img:last-child{filter:invert(1)}
.mainnav{display:flex;align-items:center;gap:4px;margin-left:auto}
.mainnav>.ni{position:relative}
.mainnav>.ni>a,.mainnav>.ni>button{display:flex;align-items:center;gap:6px;height:44px;padding:0 12px;border:0;background:none;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;color:var(--ink)}
.mainnav>.ni>[aria-current="page"]{box-shadow:inset 0 -3px 0 var(--purple)}
.mainnav .car{font-size:10px;opacity:.6}
.dd{position:absolute;top:100%;left:0;min-width:260px;background:var(--white);border:1px solid var(--line);box-shadow:0 18px 40px rgba(0,0,0,.12);padding:10px;display:none;z-index:5}
.ni:hover>.dd,.ni:focus-within>.dd,.ni.open>.dd{display:block}
.dd a,.dd button{display:flex;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;border:0;background:none;text-align:left;text-decoration:none;font-size:15px;cursor:pointer}
.dd a:hover,.dd button:hover{background:var(--surface)}
.dd small{color:var(--gray);font-size:12px;white-space:nowrap}
.dd hr{border:0;border-top:1px solid var(--line);margin:6px 4px}
.hdr-cta{display:flex;align-items:center;gap:14px}
.hdr-cta .login{font-weight:600;font-size:15px;background:none;border:0;cursor:pointer;padding:8px 4px}
.menu-btn{display:none;margin-left:auto;height:44px;padding:0 14px;border:1.5px solid var(--ink);background:none;border-radius:2px;font-weight:600;cursor:pointer}
.crumbs{font-size:13px;color:var(--gray);padding-block:14px 0}
.crumbs a{text-decoration:none}
.crumbs a:hover{text-decoration:underline}

/* ---------- Hero / Suche ---------- */
.hero{position:relative;background:var(--black);color:var(--on-dark);overflow:hidden;isolation:isolate}
.mosaic{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,1fr);gap:3px;opacity:.26;z-index:-2;transform:rotate(-4deg) scale(1.25);transform-origin:60% 40%}
.mosaic img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;filter:grayscale(.35)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.92) 45%,rgba(0,0,0,.55) 100%);z-index:-1}
.hero .wrap{padding-block:56px 44px}
.hero .eyebrow{color:var(--cyan);font-weight:600;font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 18px}
.hero h1{font-size:clamp(40px,7vw,84px);max-width:13ch}
.hero .lead{max-width:56ch;font-size:clamp(17px,1.6vw,20px);color:#e9e9ee;margin:20px 0 30px}
.sbox{max-width:860px;background:#fff;color:var(--ink);padding:8px;border-radius:2px;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.smodes{display:flex;gap:4px;padding:2px 2px 8px}
.smodes button{border:0;background:none;padding:8px 12px;font-size:14px;font-weight:600;cursor:pointer;color:var(--gray);border-radius:2px;display:flex;align-items:center;gap:8px}
.smodes button[aria-selected="true"]{background:var(--surface);color:var(--ink)}
.beta{font:600 10px/1 var(--text);letter-spacing:.06em;text-transform:uppercase;background:var(--cyan);color:var(--black);padding:4px 6px;border-radius:2px}
.sform{display:flex;gap:8px}
.sform input{flex:1;min-width:0;height:58px;border:1.5px solid var(--ink);border-radius:2px;padding:0 18px;font:inherit;font-size:18px;color:var(--ink);background:#fff}
.sform input::placeholder{color:#8a8a8a}
.sform .btn{height:58px;min-height:58px;padding:0 26px;font-size:16px}
.sopts{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 4px 2px;font-size:13px;color:var(--gray)}
.sopts label{display:flex;gap:6px;align-items:center;cursor:pointer}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;align-items:center}
.pills span{font-size:13px;color:var(--on-dark-muted);margin-right:2px}
.pills button{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.06);color:#fff;padding:7px 12px;border-radius:999px;font-size:14px;cursor:pointer}
.pills button:hover{border-color:var(--cyan);color:var(--cyan)}
.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;margin-top:44px;padding-top:24px;border-top:1px solid rgba(255,255,255,.18)}
.stats div{min-width:0}
.stats b{display:block;font:700 clamp(26px,3vw,38px)/1 var(--display);color:var(--cyan);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.stats span{display:block;margin-top:8px;font-size:14px;color:#d9d9df;line-height:1.35}

/* ---------- Ergebnisse ---------- */
#suche{background:var(--surface);border-bottom:1px solid var(--line)}
#suche .wrap{padding-block:40px 56px}
.res-head{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:8px}
.res-head h2{font-size:clamp(24px,3vw,34px)}
.exp{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:var(--gray);margin:10px 0 22px}
.exp .syn{background:#fff;border:1px solid var(--line);padding:3px 8px;border-radius:999px;color:var(--ink)}
.res-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:36px;align-items:start}
.facets h5{margin:18px 0 8px;font:600 12px/1 var(--text);letter-spacing:.08em;text-transform:uppercase;color:var(--gray)}
.facets h5:first-child{margin-top:0}
.facet{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:7px 10px;margin:0 0 4px;border:1px solid transparent;background:#fff;border-radius:2px;cursor:pointer;font-size:14px;text-align:left}
.facet em{font-style:normal;color:var(--gray);font-size:13px;font-variant-numeric:tabular-nums}
.facet[aria-pressed="true"]{border-color:var(--purple);box-shadow:inset 3px 0 0 var(--purple)}
.sitem{background:#fff;border:1px solid var(--line);padding:20px 22px;margin-bottom:12px;display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px}
.sitem .th{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--dark);display:block}
.sitem h4{margin:6px 0 4px;font:700 19px/1.25 var(--display);letter-spacing:-.02em}
.sitem h4 button{all:unset;cursor:pointer}
.sitem h4 button:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.sitem h4 button:focus-visible{outline:3px solid var(--purple);outline-offset:2px}
.meta{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:13px;color:var(--gray)}
.fmt{font:600 11px/1 var(--text);letter-spacing:.07em;text-transform:uppercase;padding:5px 7px;border-radius:2px;background:var(--dark);color:#fff}
.fmt.v{background:var(--purple)}
.fmt.p{background:var(--cyan);color:var(--black)}
.why{font-size:13px;color:var(--gray);margin:2px 0 0}
.hits{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.hits li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;font-size:15px;line-height:1.5}
.ts{border:0;background:var(--ink);color:#fff;font:600 12px/1 var(--text);padding:6px 8px;border-radius:2px;cursor:pointer;white-space:nowrap;font-variant-numeric:tabular-nums}
.ts:hover{background:var(--purple)}
mark{background:#c9fff6;color:inherit;padding:0 1px}
.dym button{background:none;border:0;color:var(--purple);font-weight:600;text-decoration:underline;cursor:pointer}
.answer{background:#fff;border:1px solid var(--line);border-left:4px solid var(--cyan);padding:24px 26px;margin-bottom:24px}
.answer h3{font-size:22px;margin:10px 0 14px}
.ans-head{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--gray)}
.ans{margin:0;padding-left:20px;display:grid;gap:12px}
.cite{border:1px solid var(--line);background:var(--surface);font-size:12px;font-weight:600;padding:3px 7px;border-radius:2px;cursor:pointer;margin-left:4px;white-space:nowrap}
.cite:hover{border-color:var(--purple);color:var(--purple)}

/* ---------- Stöbern ---------- */
section.band{padding-block:72px}
section,#suche{scroll-margin-top:84px}
section.band.alt{background:var(--surface)}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:34px}
.sec-head h2{font-size:clamp(32px,4.4vw,52px);max-width:16ch}
.sec-head p{margin:0;max-width:34ch;color:var(--ink)}
.series{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.scard{position:relative;display:flex;flex-direction:column;min-height:236px;border:0;padding:0;text-align:left;cursor:pointer;background:var(--dark);color:#fff;overflow:hidden}
.scard .bg{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);opacity:.42}
.scard .bg img{width:100%;height:100%;object-fit:cover;display:block}
.scard::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.88))}
.scard .in{position:relative;z-index:1;margin-top:auto;padding:22px}
.scard .lab{font:600 12px/1 var(--text);letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}
.scard h3{font-size:24px;margin:8px 0 6px}
.scard p{margin:0;font-size:14px;color:#dedee4}
.scard .years{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.scard .years span{font-size:12px;font-weight:600;border:1px solid rgba(255,255,255,.4);padding:3px 7px;border-radius:2px}
.scard:hover .lab{color:#fff}
.scard.ext::before{content:"↗";position:absolute;top:14px;right:16px;z-index:2;font-size:18px}
.topics{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.topics button{border:1.5px solid var(--ink);background:#fff;padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;display:flex;gap:8px;align-items:center}
.topics button em{font-style:normal;color:var(--gray);font-weight:400;font-variant-numeric:tabular-nums}
.topics button[aria-pressed="true"]{background:var(--ink);color:#fff}
.topics button[aria-pressed="true"] em{color:#cfcfcf}
.toolbar{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;justify-content:space-between;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.selects{display:flex;flex-wrap:wrap;gap:10px}
.selects label{display:grid;gap:4px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gray)}
.selects select{height:40px;border:1.5px solid var(--ink);border-radius:2px;background:#fff;font:inherit;font-size:14px;color:var(--ink);padding:0 8px;min-width:150px;text-transform:none;letter-spacing:0;font-weight:400}
.count{font-size:14px;color:var(--gray)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:26px 22px}
.card{display:flex;flex-direction:column;background:#fff;border:0;padding:0;text-align:left;cursor:pointer;min-width:0}
.card .img{position:relative;aspect-ratio:16/9;background:var(--dark);overflow:hidden}
.card .img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.card:hover .img img{transform:scale(1.03)}
.card .bar{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--dark);color:#fff;padding:11px 14px;font:600 12px/1.2 var(--text);letter-spacing:.07em;text-transform:uppercase}
.card .bar.v{background:var(--purple)}
.card .bar.p{background:var(--cyan);color:var(--black)}
.card .body{padding:14px 2px 0;display:grid;gap:6px}
.card .who{font-size:13px;color:var(--gray)}
.card h3{font:700 18px/1.25 var(--display);letter-spacing:-.02em}
.mat{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.mat span{font-size:12px;font-weight:600;border:1px solid var(--line);padding:3px 7px;border-radius:2px;display:inline-flex;gap:5px;align-items:center}
.mat span.tr{border-color:var(--cyan);background:#e6fffb}
.mat span.soon{color:var(--gray);border-style:dashed}
.lock{font-size:11px}
.ph{position:absolute;inset:0;display:grid;place-items:center;font:700 22px/1 var(--display);color:#fff;background:linear-gradient(135deg,var(--purple),#111)}
.more{display:flex;justify-content:center;margin-top:34px}
.empty{padding:40px 0;color:var(--gray)}

.recap-head{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin:44px 0 14px}
.recap-head h3{font-size:26px}
.recap-head p{margin:0;color:var(--gray)}
.recaps{display:flex;gap:14px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}
.recap{flex:0 0 230px;scroll-snap-align:start;text-decoration:none;color:var(--ink);display:grid;gap:8px}
.recap .img{position:relative;aspect-ratio:16/9;background:var(--dark);overflow:hidden}
.recap .img img{width:100%;height:100%;object-fit:cover;display:block}
.recap .img span{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.75);color:#fff;font-size:12px;font-weight:600;padding:3px 7px}
.recap b{font-size:14px;line-height:1.3}
.recap:hover b{text-decoration:underline}
/* ---------- 01 Lernen ---------- */
.learn-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px;align-items:end;margin-bottom:56px}
.learn-intro .ov-lead{margin:0;max-width:60ch}
.learn-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:2px solid var(--ink)}
.learn-stats div{padding:14px 12px 4px 0;min-width:0}
.learn-stats b{display:block;font:700 clamp(28px,3vw,40px)/1 var(--display);color:var(--purple);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.learn-stats span{display:block;font-size:13.5px;margin-top:6px;line-height:1.3}
.blk{margin:0 0 64px}
.blk-head{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--ink)}
.blk-head h3{font-size:clamp(24px,2.8vw,34px)}
.blk-head p{margin:0;color:var(--gray);max-width:52ch}
.lrn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.lrn{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:0;padding:22px 22px 18px;text-align:left;cursor:pointer;min-width:0;position:relative}
.lrn:hover{background:#ece6f6}
.lrn .co{font-size:11.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--gray)}
.lrn .num{font:700 clamp(26px,2.6vw,34px)/1.05 var(--display);color:var(--purple);letter-spacing:-.03em;text-wrap:balance}
.lrn .txt{font-size:16.5px;line-height:1.45;font-weight:600}
.lrn .q{font-size:13.5px;color:var(--gray);font-style:italic;line-height:1.4}
.lrn .src{margin-top:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;color:var(--ink)}
.lrn .src .ts{font-size:11.5px}
.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.case{display:flex;flex-direction:column;gap:10px;background:#fff;border:1.5px solid var(--ink);padding:0;text-align:left;cursor:pointer;min-width:0}
.case:hover{box-shadow:6px 6px 0 var(--purple)}
.case .top{display:flex;justify-content:space-between;gap:10px;align-items:center;background:var(--ink);color:#fff;padding:10px 16px}
.case .co{font:700 15px/1.2 var(--display);letter-spacing:-.01em}
.case .yr{font-size:12px;color:var(--cyan);font-weight:600;white-space:nowrap}
.case .bd{padding:4px 16px 16px;display:flex;flex-direction:column;gap:10px;flex:1}
.case h4{margin:0;font:700 19px/1.2 var(--display);letter-spacing:-.02em}
.case p{margin:0;font-size:14.5px;line-height:1.45}
.case .res{display:inline-block;align-self:flex-start;background:var(--cyan);color:var(--black);font-weight:600;font-size:13.5px;padding:4px 8px}
.case .lr{border-top:1px solid var(--line);padding-top:10px;font-size:14px}
.case .lr b{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--purple);margin-bottom:3px}
.case .src{margin-top:auto;font-size:12.5px;color:var(--gray)}
.gems{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gem{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;background:none;border:0;padding:0;text-align:left;cursor:pointer;align-items:start}
.gem .img{position:relative;aspect-ratio:16/9;background:var(--dark);overflow:hidden}
.gem .img img{width:100%;height:100%;object-fit:cover;display:block}
.gem small{display:block;font-size:12px;color:var(--gray);margin-bottom:3px}
.gem b{display:block;font:700 16px/1.25 var(--display);letter-spacing:-.02em}
.gem span{display:block;font-size:13.5px;line-height:1.4;margin-top:4px}
.gem:hover b{text-decoration:underline;text-underline-offset:3px}
/* Zeitleiste + Themenkarte (horizontal, gemeinsame Spalten) */
.tl-scroll{overflow-x:auto;padding-bottom:8px}
.tl{display:grid;grid-template-columns:150px repeat(7,minmax(118px,1fr));min-width:980px;column-gap:6px;row-gap:6px}
.tl .yh{position:relative;padding:0 6px 16px 0}
.tl .yh::before{content:"";position:absolute;left:0;right:-6px;top:41px;height:2px;background:var(--ink)}
.tl .yh .dot{position:relative;z-index:1;display:block;width:14px;height:14px;border-radius:50%;background:var(--purple);border:3px solid #fff;box-shadow:0 0 0 2px var(--purple);margin:34px 0 12px}
.tl .yh b{display:block;font:700 24px/1 var(--display);letter-spacing:-.03em;white-space:nowrap;margin-bottom:10px}
.tl .yh strong{display:block;font-size:13.5px;line-height:1.3;margin-top:8px}
.tl .yh span{display:block;font-size:12.5px;line-height:1.35;color:var(--gray);margin-top:4px}
.tl .yh em{display:block;font-style:normal;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-top:8px}
.tl .corner{padding:30px 10px 0 0;font-size:12px;color:var(--gray)}
.tl .rl{display:flex;align-items:center;font-size:13px;font-weight:600;padding-right:10px;line-height:1.2}
.tl .cell{position:relative;height:34px;border-radius:4px;border:0;padding:0;cursor:pointer;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.tl .cell span{position:absolute;inset:0;display:grid;place-items:center;opacity:0}
.tl .cell:hover span,.tl .cell:focus-visible span{opacity:1}
.tl .lg{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px;color:var(--gray);margin-top:10px}
.tl .lg i{display:inline-block;width:26px;height:12px;border-radius:3px}
.tl .lg .ramp{display:flex;gap:2px}
.tip{position:fixed;z-index:80;pointer-events:none;background:var(--ink);color:#fff;font-size:13px;line-height:1.35;padding:8px 10px;border-radius:4px;max-width:260px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
/* ---------- 01 Was drinsteckt ---------- */
.overview{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;align-items:start;margin-bottom:56px}
.ov-text p{margin:0 0 16px;max-width:62ch}
.ov-lead{font-size:clamp(19px,1.8vw,23px);line-height:1.45}
.years-box h3{font-size:20px;margin-bottom:12px}
.years{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.years li{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.years li>b{font:700 20px/1.1 var(--display);letter-spacing:-.03em;color:var(--purple);white-space:nowrap}
.years li div{min-width:0}
.years li strong{display:block;font-size:15px}
.years li span{display:block;font-size:14px;color:var(--gray);margin-top:2px}
.years li em{display:block;font-style:normal;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);margin-top:6px}
.must{background:var(--surface);padding:28px clamp(16px,3vw,36px) 32px;margin-bottom:24px}
.must-head{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.must-head h3{font-size:clamp(24px,2.6vw,32px)}
.must-head p{margin:0;color:var(--gray)}
.must-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.must-tabs button{border:1.5px solid var(--ink);background:#fff;padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer}
.must-tabs button[aria-selected="true"]{background:var(--purple);border-color:var(--purple);color:#fff}
.must-intro{margin:0 0 18px;max-width:70ch;font-size:16px}
.picks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.pick{display:flex;flex-direction:column;background:#fff;border:0;padding:0;text-align:left;cursor:pointer;min-width:0}
.pick .img{position:relative;aspect-ratio:16/9;background:var(--dark);overflow:hidden}
.pick .img img{width:100%;height:100%;object-fit:cover;display:block}
.pick .img .dur{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.8);color:#fff;font-size:12px;font-weight:600;padding:3px 6px}
.pick .bd{padding:12px 14px 16px;display:grid;gap:6px}
.pick .who{font-size:12.5px;color:var(--gray);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pick h4{margin:0;font:700 16px/1.25 var(--display);letter-spacing:-.02em}
.pick p{margin:0;font-size:14px;line-height:1.45}
.pick:hover h4{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
/* ---------- 02 Videos ---------- */
.vband{background:#111111;color:#fff}
.vband .sec-head p{color:#dcdce2}
.feat{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:start;margin-bottom:40px}
.fplayer{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden;display:block;border:0;padding:0;width:100%;cursor:pointer;text-decoration:none;color:#fff}
.fplayer img{width:100%;height:100%;object-fit:cover;display:block;opacity:.85}
.fplayer .pl{position:absolute;inset:0;display:grid;place-items:center}
.fplayer .pl span{display:flex;align-items:center;gap:10px;background:var(--purple);padding:14px 20px;font-weight:600;font-size:16px}
.fplayer:hover .pl span{background:var(--purple-h)}
.fplayer .dur{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.8);font-size:13px;font-weight:600;padding:4px 8px}
.finfo{display:grid;gap:12px;min-width:0}
.finfo .meta{color:#c9c9d1}
.finfo h3{font-size:clamp(22px,2.4vw,30px)}
.finfo .who{font-weight:600}
.finfo p{margin:0;color:#e3e3e8;font-size:15px}
.finfo .acts{display:flex;flex-wrap:wrap;gap:10px}
.next h5{margin:8px 0 8px;font:600 12px/1 var(--text);letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}
.next button{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:center;width:100%;background:none;border:0;padding:6px 0;text-align:left;cursor:pointer;color:#fff}
.next img{width:96px;aspect-ratio:16/9;object-fit:cover;display:block;background:#222}
.next b{font-size:13.5px;line-height:1.3;font-weight:600}
.next button:hover b{color:var(--cyan)}
.vfilters{display:flex;flex-wrap:wrap;gap:14px 24px;justify-content:space-between;align-items:end;padding-top:24px;border-top:1px solid #2c2c2c}
.vchips{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.vchips button{border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;padding:7px 12px;border-radius:999px;font-size:13.5px;cursor:pointer;display:flex;gap:6px}
.vchips button em{font-style:normal;color:#a9a9b3}
.vchips button[aria-pressed="true"]{background:var(--cyan);border-color:var(--cyan);color:var(--black)}
.vchips button[aria-pressed="true"] em{color:#1d4d47}
.vband .selects label{color:#b9b9c1}
.vband .count{color:#b9b9c1;margin:16px 0 18px}
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:26px 20px}
.vcard{display:flex;flex-direction:column;gap:10px;background:none;border:0;padding:0;text-align:left;cursor:pointer;color:#fff;min-width:0}
.vcard .img{position:relative;aspect-ratio:16/9;background:#222;overflow:hidden}
.vcard .img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.vcard:hover .img img{transform:scale(1.03)}
.vcard .dur{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.8);font-size:12px;font-weight:600;padding:3px 6px}
.vcard .tr{position:absolute;left:8px;bottom:8px;background:var(--cyan);color:var(--black);font-size:11px;font-weight:600;padding:3px 6px}
.vcard .lab{font:600 11.5px/1.2 var(--text);letter-spacing:.06em;text-transform:uppercase;color:var(--cyan)}
.vcard h4{margin:0;font:700 17px/1.25 var(--display);letter-spacing:-.02em}
.vcard .who{font-size:13px;color:#c4c4cc}
.vcard.on .img{outline:3px solid var(--cyan);outline-offset:2px}
/* ---------- 01 Bilder ---------- */
.learn-intro{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important;align-items:center!important}
.learn-intro .ov-lead{margin:0 0 24px}
.mosaic2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:6px;aspect-ratio:4/3}
.mosaic2 figure{margin:0;position:relative;overflow:hidden;background:var(--dark);min-height:0}
.mosaic2 figure:first-child{grid-column:span 2;grid-row:span 2}
.mosaic2 img{width:100%;height:100%;object-fit:cover;display:block}
.mosaic2 figcaption{position:absolute;left:0;right:0;bottom:0;padding:16px 8px 5px;font-size:11px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.75));line-height:1.25}
.lrn{padding:0!important;background:#fff!important;border:1.5px solid var(--line)!important;overflow:hidden}
.lrn:hover{border-color:var(--ink)!important}
.lrn .shot{position:relative;aspect-ratio:16/9;background:var(--dark);overflow:hidden}
.lrn .shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.lrn:hover .shot img{transform:scale(1.04)}
.lrn .shot .co{position:absolute;left:0;top:0;background:var(--ink);color:#fff!important;padding:6px 10px}
.lrn .shot .tsb{position:absolute;right:8px;bottom:8px;background:var(--purple);color:#fff;font-size:12px;font-weight:600;padding:4px 7px}
.lrn .lb{display:flex;flex-direction:column;gap:8px;padding:16px 18px 16px;flex:1}
.lrn .txt{font-weight:400!important;font-size:15px!important}
.who2{display:flex;align-items:center;gap:8px;margin-top:auto;font-size:12.5px;color:var(--gray)}
.who2 img,.who2 .ini{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none;background:var(--surface);display:grid;place-items:center;font-size:10px;font-weight:600}
.case{border-width:0!important;background:#fff;box-shadow:0 0 0 1.5px var(--ink)}
.case .shot{position:relative;aspect-ratio:16/9;background:var(--dark);overflow:hidden}
.case .shot img{width:100%;height:100%;object-fit:cover;display:block}
.case .shot .top{position:absolute;left:0;right:0;bottom:0}
.case p.wh{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.gems{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
.gem{display:flex!important;flex-direction:column;gap:10px!important}
.gem .img{aspect-ratio:16/9;width:100%}
.gem .img .tsb{position:absolute;left:8px;bottom:8px;background:var(--cyan);color:var(--black);font-size:11.5px;font-weight:600;padding:3px 7px}
.gem:first-child{grid-column:span 2;grid-row:span 2}
.gem:first-child b{font-size:24px}
.gem:first-child span{font-size:15px}
.tl .yh .yimg{display:block;aspect-ratio:16/9;width:100%;object-fit:cover;background:var(--surface);margin:0 0 10px;border-radius:2px}
.tl .yh .dot{margin:0 0 12px!important}
.tl .yh::before{top:9px!important}
/* ---------- Mitglieder-Nutzen ---------- */
.news{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 22px}
.news-lab{font:600 11px/1 var(--text);letter-spacing:.08em;text-transform:uppercase;background:var(--cyan);color:var(--black);padding:6px 8px}
.news button{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:13.5px;padding:6px 11px;border-radius:999px;cursor:pointer}
.news button:hover{border-color:var(--cyan);color:var(--cyan)}
.perks{background:var(--mint);border-bottom:1px solid #c6f2e8}
.perks .wrap{padding-block:34px 36px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.6fr);gap:12px 32px;align-items:center}
.perks-head h2{font-size:clamp(24px,2.6vw,32px)}
.perks-head p{margin:8px 0 0;font-size:15px}
.perk-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.perk-tiles div{background:#fff;padding:14px 14px 12px;border-top:3px solid var(--purple);min-width:0}
.perk-tiles b{display:block;font:700 clamp(22px,2.2vw,30px)/1 var(--display);color:var(--purple);letter-spacing:-.03em}
.perk-tiles span{display:block;font-size:13px;line-height:1.35;margin-top:6px}
.perk-cta{grid-column:1/-1;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.perk-cta .ok-m{font-weight:600;color:#155e54}
.uniq-h{font-size:24px;margin:28px 0 8px}
.cmp-wrap{overflow-x:auto;margin-top:14px}
.cmp{width:100%;border-collapse:collapse;background:#fff;font-size:14.5px}
.cmp th,.cmp td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left}
.cmp thead th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--gray);border-bottom:2px solid var(--ink)}
.cmp td{text-align:center;width:90px}
.cmp thead th:nth-child(n+2){text-align:center}
.cmp th[scope=row]{font-weight:400}
.cmp .y{color:var(--purple);font-weight:700;font-size:17px}
.cmp .n{color:#aaa}
.cmp .p{font-size:12px;font-weight:600;color:var(--gray)}
.gate-perks{margin:0;padding-left:18px;display:grid;gap:6px;font-size:14.5px}
.gate-perks b{color:var(--purple)}
.btn.small{min-height:40px;padding:0 14px;font-size:14px}
.partial-sep{margin:22px 0 12px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gray);border-top:1px solid var(--line);padding-top:14px}
#activeF b{color:var(--ink)}
.av{display:block;background-image:url(https://embrace.family/wp-content/uploads/2026/10/20261008-GPT_Wissen-Test-speakers.webp);background-repeat:no-repeat;border-radius:50%;flex:none}
.sp .av{width:56px;height:56px}
.who2 .av{width:28px;height:28px}
.arr{padding:14px 56px 14px 18px;font-size:14.5px;line-height:1.45;display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.arr.g{background:#fff4d6;border-bottom:2px solid #e8b100}
.arr.d{background:var(--mint);border-bottom:2px solid #34c7a8}
.trlist.pw{max-height:none;position:relative}
.trlist.pw p:nth-child(n+5){filter:blur(4px);user-select:none;pointer-events:none}
.trlist.pw p:nth-child(n+12){display:none}
.draft [data-seo]{border:1px solid rgba(255,255,255,.35)!important}
/* ---------- Speaker ---------- */
.az{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:18px}
.az button{width:36px;height:36px;border:1px solid var(--line);background:#fff;font-weight:600;cursor:pointer;border-radius:2px}
.az button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.az button:disabled{opacity:.3;cursor:default}
.spk-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:18px}
.spk-tools input{height:44px;border:1.5px solid var(--ink);border-radius:2px;padding:0 14px;font:inherit;min-width:0;flex:1;max-width:360px}
.spk{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.sp{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center;padding:10px;border:1px solid var(--line);background:#fff;text-align:left;cursor:pointer;border-radius:2px}
.sp:hover{border-color:var(--ink)}
.sp img,.sp .ini{width:56px;height:56px;object-fit:cover;border-radius:50%;background:var(--surface);display:grid;place-items:center;font-weight:600;color:var(--gray)}
.sp b{display:block;font-size:15px;line-height:1.25}
.sp small{display:block;color:var(--gray);font-size:12.5px;line-height:1.3;margin-top:2px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sp .yrs{display:flex;gap:4px;margin-top:5px}
.sp .yrs i{font-style:normal;font-size:11px;font-weight:600;background:var(--surface);padding:2px 5px;border-radius:2px}

/* ---------- Mitglied werden ---------- */
.join{background:var(--mint)}
.join .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center;padding-block:80px}
.join h2{font-size:clamp(34px,5vw,60px);line-height:1}
.join p{max-width:52ch}
.jform{background:#fff;border:1px solid var(--line);padding:26px}
.jform label{display:block;font-weight:600;font-size:14px;margin-bottom:8px}
.jform .row{display:flex;gap:8px}
.jform input{flex:1;min-width:0;height:50px;border:1.5px solid var(--ink);border-radius:2px;padding:0 14px;font:inherit}
.jform small{display:block;color:var(--gray);margin-top:12px;font-size:13px}

/* ---------- Fuß ---------- */
footer.site{background:var(--black);color:#fff}
footer.site .wrap{padding-block:56px 30px;display:grid;grid-template-columns:1.1fr repeat(4,minmax(0,1fr));gap:30px}
footer.site h6{margin:0 0 14px;font:600 12px/1 var(--text);letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}
footer.site a{display:block;color:#fff;text-decoration:none;font-size:15px;margin:0 0 9px}
footer.site a:hover{color:var(--cyan)}
footer.site .brand img{filter:none}
footer.site .brand img:last-child{filter:none}
footer.site .claim{color:#cfcfd6;font-size:15px;margin:18px 0}
.legal{border-top:1px solid #2a2a2a}
.legal .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:18px;font-size:13px;color:#9a9aa3}
.legal a{display:inline;color:#cfcfd6;margin-right:16px}

/* ---------- Dialoge ---------- */
dialog{border:0;padding:0;max-width:min(920px,calc(100vw - 24px));width:100%;max-height:calc(100dvh - 32px);background:#fff;color:var(--ink)}
dialog::backdrop{background:rgba(0,0,0,.72)}
.dlg-x{position:absolute;top:10px;right:10px;width:42px;height:42px;border:0;background:#fff;font-size:22px;cursor:pointer;z-index:3;border-radius:2px}
.d-media{position:relative;aspect-ratio:16/9;max-height:52vh;width:100%;background:var(--black);overflow:hidden}
.d-media img{width:100%;height:100%;object-fit:cover;display:block;opacity:.75}
.d-media .play{position:absolute;inset:0;display:grid;place-items:center;text-decoration:none;color:#fff}
.d-media .play span{display:flex;align-items:center;gap:12px;background:rgba(0,0,0,.72);padding:14px 20px;font-weight:600;border:1px solid rgba(255,255,255,.35)}
.d-media .play span:hover{background:var(--purple)}
.d-body{padding:26px 30px 30px;display:grid;gap:14px}
.d-body h2{font-size:clamp(24px,3vw,34px)}
.d-body .desc{margin:0;max-width:70ch}
.d-actions{display:flex;flex-wrap:wrap;gap:10px}
.trbox{border-top:1px solid var(--line);padding-top:16px}
.trbox .trh{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.trbox input{height:40px;border:1.5px solid var(--ink);border-radius:2px;padding:0 12px;font:inherit;min-width:0;width:260px;max-width:100%}
.trlist{max-height:340px;overflow:auto;border:1px solid var(--line);padding:6px 12px;background:var(--surface)}
.trlist p{margin:8px 0;display:grid;grid-template-columns:60px minmax(0,1fr);gap:10px;font-size:15px}
.trlist p .ts{justify-self:start;align-self:start}
.trlist.locked{position:relative;max-height:200px;overflow:hidden}
.trlist.locked::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,var(--surface))}
.gate{display:grid;gap:14px;padding:34px}
.gate h2{font-size:30px}
.gate .row{display:flex;gap:8px;flex-wrap:wrap}
.gate input[type=email],.gate input[type=text]{flex:1;min-width:200px;height:50px;border:1.5px solid var(--ink);border-radius:2px;padding:0 14px;font:inherit}
.gate .chk{display:flex;gap:10px;align-items:flex-start;font-size:14px}
.gate .chk input{margin-top:4px}
.gate .ok{background:var(--mint);padding:14px 16px;border-left:4px solid var(--purple)}
.gate small{color:var(--gray)}

/* ---------- Entwurfsschalter ---------- */
.draft{position:fixed;left:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;align-items:center;gap:6px;background:var(--black);color:#fff;padding:6px;border-radius:999px;font-size:13px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.draft span{padding:0 6px 0 10px;color:#bdbdc6}
.draft button{border:0;background:none;color:#fff;padding:7px 12px;border-radius:999px;cursor:pointer;font-weight:600}
.draft button[aria-pressed="true"]{background:var(--cyan);color:var(--black)}

/* ---------- Responsive ---------- */
@media (max-width:1080px){
  .mainnav,.hdr-cta .login{display:none}
  .menu-btn{display:inline-flex;align-items:center;gap:8px}
  .mainnav.open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:#fff;border-bottom:1px solid var(--line);padding:8px var(--gut) 18px;max-height:calc(100dvh - 120px);overflow:auto}
  .mainnav.open .dd{position:static;display:block;box-shadow:none;border:0;padding:0 0 6px 12px}
  .hdr-cta .btn{display:none}
  .stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .series{grid-template-columns:repeat(2,minmax(0,1fr))}
  footer.site .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .picks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lrn-grid,.case-grid,.gems{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .perks .wrap{grid-template-columns:1fr}
  .perk-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
  .learn-intro{grid-template-columns:1fr!important}
  .learn-intro{grid-template-columns:1fr}
  .feat{grid-template-columns:1fr}
  .overview{grid-template-columns:1fr}
}
@media (max-width:760px){
  .picks{grid-template-columns:1fr}
  .lrn-grid,.case-grid,.gems{grid-template-columns:1fr!important}
  .perk-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gem:first-child{grid-column:auto;grid-row:auto}
  .res-grid{grid-template-columns:1fr}
  .facets{display:flex;flex-wrap:wrap;gap:6px}
  .facets h5{width:100%;margin:10px 0 2px}
  .facet{width:auto}
  .sitem{grid-template-columns:1fr}
  .sitem .th{max-width:220px}
  .join .wrap{grid-template-columns:1fr}
  .series{grid-template-columns:1fr}
  .sform{flex-direction:column}
  .sform .btn{justify-content:center}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .util nav{display:none}
  .mosaic{grid-template-columns:repeat(4,1fr)}
  .d-body{padding:22px 18px 24px}
  footer.site .wrap{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

body{margin:0}
.testbar{background:#e5fff9;border-bottom:1px solid #a7dbc9;color:#171717;font-size:13px}
.testbar .wrap{display:flex;align-items:center;gap:8px 20px;flex-wrap:wrap;padding-block:10px}
.testbar a{font-weight:600;text-underline-offset:3px}
.testbar small{margin-left:auto;font-size:12px}
.skip{position:fixed;left:16px;top:-80px;z-index:100;background:#fff;padding:12px}
.skip:focus{top:8px}
[id]{scroll-margin-top:100px}
.mobile-account{display:none}
.ni:not(.open):hover>.dd,.ni:not(.open):focus-within>.dd{display:none}
.ni.open>.dd{display:block}
.archive-note{background:var(--mint);padding:18px 22px;border-left:4px solid var(--purple);margin:20px 0}
.archive-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.archive-links a{display:inline-flex;padding:9px 13px;background:#fff;border:1px solid #d1d1d1;text-decoration:none;font-weight:600}
.draft{max-width:calc(100vw - 24px);flex-wrap:wrap;justify-content:center}
@media(max-width:1080px){.mobile-account{display:block}.mainnav.open .dd{display:none}.mainnav.open .ni.open .dd{display:block}}
@media(max-width:600px){.testbar small{width:100%;margin:0}.testbar .wrap{gap:5px 12px}.testbar a{margin-left:auto}.mainnav.open{max-height:calc(100dvh - 180px);padding-bottom:75px}.draft button[data-seo]{display:none}}
/* Community header, matched to the published /festival/ page on 08.10.2026.
   Scoped to this reusable component; no changes to the WordPress theme. */
.community-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:96px;padding:24px 40px;background:#fff;border-bottom:1px solid #dce3df;line-height:1.6}
.community-header .brand{width:170px;display:grid;gap:5px;flex-shrink:0}
.community-header .menu-toggle{display:none;margin-left:auto;align-items:center;gap:16px;min-height:44px;padding:10px 16px;border:1px solid #777;border-radius:6px;background:#fff;color:#171717;font:inherit;cursor:pointer}
.community-header .community-nav{display:flex;position:static;align-items:center;gap:18px;margin:0;padding:0;background:#fff}
.community-header .community-nav>a{display:block;padding:0;color:#171717;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;text-transform:none;white-space:nowrap}
.community-header .community-nav>a:hover,.community-header .community-nav>a[aria-current="page"]{color:#7620d1;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.community-header .community-nav>a.utility-link{color:#625a69}
.community-header .community-nav>a.join-link{display:flex;align-items:center;gap:16px;padding:12px 18px;border:1px solid #7620d1;border-radius:6px;background:#7620d1;color:white;font-size:16px;text-decoration:none;white-space:nowrap}
.community-header .community-nav>a.join-link:hover{background:#6016b5}
.community-header :focus-visible{outline:3px solid #7620d1;outline-offset:4px}
@media(max-width:1350px){
 .community-header{padding-inline:32px;min-height:88px}
 .community-header .menu-toggle{display:flex}
 .community-header .community-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:8px;padding:24px 32px;background:#fff;border-bottom:1px solid #dce3df;box-shadow:0 12px 20px #00000010;max-height:calc(100dvh - 98px);overflow-y:auto;overscroll-behavior:contain}
 .community-header .community-nav.open{display:flex}
 .community-header .community-nav>a:not(.join-link){padding:10px 0;font-size:16px}
 .community-header .community-nav>a.join-link{align-self:flex-start}
}
@media(max-width:680px){
 .community-header{padding:18px 20px;min-height:80px;gap:20px}
 .community-header .brand{width:154px}
 .community-header .community-nav{padding:20px;max-height:calc(100dvh - 86px)}
}
@media(max-width:360px){
 .community-header .brand{width:144px}
 .community-header .menu-toggle{padding-inline:12px;gap:10px}
}

.draft{left:auto;right:12px;bottom:12px}
/* Community header, matched to the published /festival/ page on 08.10.2026.
   Scoped to this reusable component; no changes to the WordPress theme. */
.community-familybar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0 24px;background:#171717;color:#fff;padding:0 40px;font-size:13px;line-height:1.5}
.community-familybar>a{display:inline-flex;align-items:center;gap:4px;min-height:36px;color:#fff;text-decoration:none}
.community-familybar>a strong{font-weight:600}
.community-familybar>a>span{margin-left:8px}
.community-familybar .family-brands{display:flex;position:static;flex-direction:row;align-items:center;flex-wrap:wrap;gap:0 18px;margin:0;padding:0;border:0;box-shadow:none;background:transparent;max-height:none}
.community-familybar .family-brands>a{display:inline-flex;align-items:center;min-height:36px;margin:0;padding:0;color:#fff;font-size:13px;font-weight:400;line-height:1.5;text-decoration:none;text-transform:none;letter-spacing:normal;white-space:nowrap}
.community-familybar a:hover{color:#00f8dd;text-decoration:underline;text-underline-offset:4px}
.community-familybar a:focus-visible{outline:2px solid #00f8dd;outline-offset:2px}
@media(max-width:1350px){.community-familybar{padding-inline:32px}}
@media(max-width:1000px){.community-familybar .family-brands{flex-basis:100%;padding-bottom:4px}}
@media(max-width:680px){.community-familybar{padding-inline:20px}.community-familybar>a,.community-familybar .family-brands>a{min-height:44px}.community-familybar .family-brands{gap:0 16px}}
.community-header#community-navigation{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:96px;padding:24px 40px;background:#fff;border-bottom:1px solid #dce3df;line-height:1.6}
.community-header#community-navigation .brand{width:170px;display:grid;gap:5px;flex-shrink:0}
.community-header#community-navigation .menu-toggle{display:none;margin-left:auto;align-items:center;gap:16px;min-height:44px;padding:10px 16px;border:1px solid #777;border-radius:6px;background:#fff;color:#171717;font:inherit;cursor:pointer}
.community-header#community-navigation .community-nav{display:flex;position:static;align-items:center;gap:18px;margin:0;padding:0;background:#fff}
.community-header#community-navigation .community-nav>a{display:block;padding:0;color:#171717;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;text-transform:none;white-space:nowrap}
.community-header#community-navigation .community-nav>a:hover,.community-header#community-navigation .community-nav>a[aria-current="page"]{color:#7620d1;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.community-header#community-navigation .community-nav>a.utility-link{color:#625a69}
.community-header#community-navigation .community-nav>a.join-link{display:flex;align-items:center;gap:16px;padding:12px 18px;border:1px solid #7620d1;border-radius:6px;background:#7620d1;color:white;font-size:16px;text-decoration:none;white-space:nowrap}
.community-header#community-navigation .community-nav>a.join-link:hover{background:#6016b5}
.community-header#community-navigation :focus-visible{outline:3px solid #7620d1;outline-offset:4px}
@media(max-width:1350px){
 .community-header#community-navigation{padding-inline:32px;min-height:88px}
 .community-header#community-navigation .menu-toggle{display:flex}
 .community-header#community-navigation .community-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:8px;padding:24px 32px;background:#fff;border-bottom:1px solid #dce3df;box-shadow:0 12px 20px #00000010;max-height:calc(100dvh - 150px);overflow-y:auto;overscroll-behavior:contain}
 .community-header#community-navigation .community-nav.open{display:flex}
 .community-header#community-navigation .community-nav>a:not(.join-link){padding:10px 0;font-size:16px}
 .community-header#community-navigation .community-nav>a.join-link{align-self:flex-start}
}
@media(max-width:680px){
 .community-header#community-navigation{padding:18px 20px;min-height:80px;gap:20px}
 .community-header#community-navigation .brand{width:154px}
 .community-header#community-navigation .community-nav{padding:20px;max-height:calc(100dvh - 140px)}
}
@media(max-width:360px){
 .community-header#community-navigation .brand{width:144px}
 .community-header#community-navigation .menu-toggle{padding-inline:12px;gap:10px}
}

html{scroll-padding-top:0!important}

/* v2: eine Navigation für beide Testseiten */
.community-header#community-navigation{gap:24px}
.community-header#community-navigation .community-nav.cn{gap:6px}
.community-header#community-navigation .community-nav.cn>a.cn-home{display:none}
.community-familybar .family-brands,.community-v2.theme-light .community-familybar nav.family-brands{background:transparent!important;color:#fff}
.cn .cn-item{position:relative}
.cn .cn-top{display:flex;align-items:center;gap:7px;padding:10px 10px;border:0;background:none;color:#171717;font:600 14px/1.4 Soehne,Arial,sans-serif;cursor:pointer;border-radius:6px;white-space:nowrap}
.cn .cn-car{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s}
.cn .cn-item.open>.cn-top .cn-car{transform:translateY(1px) rotate(225deg)}
.cn .cn-item.open>.cn-top,.cn .cn-top:hover{color:#7620d1;background:#f3eaff}
.cn .cn-item.is-current>.cn-top{color:#7620d1;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.cn .cn-panel{display:none;position:absolute;top:calc(100% + 10px);left:-8px;z-index:60;min-width:310px;padding:10px;background:#fff;border:1px solid #dcdcdc;border-top:3px solid #7620d1;box-shadow:0 18px 40px rgba(0,0,0,.12)}
.cn .cn-item.open>.cn-panel{display:grid}
.cn .cn-panel::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.cn .cn-panel a{display:block;padding:10px 12px;border-radius:6px;color:#171717;text-decoration:none;line-height:1.35}
.cn .cn-panel a span{display:block;font:600 15px Soehne,Arial,sans-serif}
.cn .cn-panel a small{display:block;margin-top:2px;font:400 12.5px/1.4 Soehne,Arial,sans-serif;color:#595959}
.cn .cn-panel a:hover,.cn .cn-panel a:focus-visible{background:#f3eaff}
.cn .cn-panel a:hover span{color:#7620d1}
.community-header#community-navigation .community-nav.cn>a.cn-link{padding:10px 10px;color:#171717;font-size:14px;font-weight:600}
.community-header#community-navigation .community-nav.cn>a.cn-link:hover{color:#7620d1}
.community-header#community-navigation .community-nav.cn>a.login{margin-left:10px;padding:10px 6px}
.community-header#community-navigation .community-nav.cn>a.join-link{margin-left:8px}
@media(min-width:1101px){
 .community-header#community-navigation{padding-inline:40px;min-height:96px}
 .community-header#community-navigation .menu-toggle{display:none!important}
 .community-header#community-navigation .community-nav.cn{display:flex!important;position:static!important;flex-direction:row!important;align-items:center!important;padding:0!important;border:0!important;box-shadow:none!important;max-height:none!important;overflow:visible!important;background:transparent!important}
}
@media(min-width:1101px) and (max-width:1240px){.cn .cn-top{padding-inline:7px}.community-header#community-navigation .community-nav.cn>a.join-link{padding:11px 14px;font-size:15px}}
@media(max-width:1100px){
 .community-header#community-navigation{padding-inline:32px;min-height:88px}
 .community-header#community-navigation .menu-toggle{display:flex}
 .community-header#community-navigation .community-nav.cn{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:8px 32px 24px;background:#fff;border-bottom:1px solid #dce3df;box-shadow:0 12px 20px #00000014;overflow-y:auto;overscroll-behavior:contain}
 .community-header#community-navigation .community-nav.cn.open{display:flex}
 .community-header#community-navigation .community-nav.cn>a.cn-home{display:block;padding:14px 0;border-bottom:1px solid #ececec;color:#171717;font:600 17px Soehne,Arial,sans-serif;text-decoration:none}
 .cn .cn-top{width:100%;justify-content:space-between;padding:14px 0;font-size:17px;border-bottom:1px solid #ececec;border-radius:0;background:none!important}
 .cn .cn-item.is-current>.cn-top{text-decoration:none}
 .cn .cn-panel{position:static;min-width:0;padding:6px 0 10px;border:0;box-shadow:none;background:none}
 .cn .cn-panel::before{display:none}
 .cn .cn-panel a{padding:9px 12px}
 .community-header#community-navigation .community-nav.cn>a.cn-link{padding:14px 0;font-size:17px;border-bottom:1px solid #ececec}
 .community-header#community-navigation .community-nav.cn>a.login{margin:6px 0 0;padding:12px 0;font-size:16px}
 .community-header#community-navigation .community-nav.cn>a.join-link{margin:8px 0 0;align-self:flex-start}
}
@media(max-width:680px){
 .community-header#community-navigation{padding:18px 20px;min-height:80px}
 .community-header#community-navigation .community-nav.cn{padding:6px 20px 22px}
}

.cf{background:#f4f4f4;border-top:1px solid #dcdcdc;color:#171717;padding:56px 40px 24px;font:15px/1.55 Soehne,Arial,sans-serif;margin-top:0}
.cf a{color:#171717;text-decoration:none}
.cf a:hover{color:#7620d1;text-decoration:underline;text-underline-offset:4px}
.cf-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:32px}
.cf .brand{display:grid;gap:5px;width:170px;margin-bottom:16px}
.cf .brand img{width:170px;height:auto}
.cf-brand p{margin:0 0 14px;color:#595959}
.cf-family{font-size:14px}
.cf .cf-h{margin:0 0 6px;font-family:Soehne,Arial,sans-serif;font-weight:600;font-size:12.5px!important;line-height:1.3;letter-spacing:.08em!important;text-transform:uppercase;color:#595959}
.cf-grid>div:not(.cf-brand){display:flex;flex-direction:column;gap:9px}
.cf-legal{max-width:1280px;margin:40px auto 0;padding-top:18px;border-top:1px solid #dcdcdc;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:#595959}
.cf-legal a{color:#595959;margin-left:18px}.cf-legal span:first-child a{margin-left:0}
@media(max-width:1000px){.cf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cf-brand{grid-column:1/-1}}
@media(max-width:560px){.cf{padding:40px 20px 20px}.cf-grid{grid-template-columns:1fr}.cf-legal a{margin:0 14px 0 0}}

#themen-trend{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:40px;align-items:start;margin:0 0 48px;padding:30px 32px;background:#fff;border:1px solid #dcdcdc;color:#171717;text-align:left}
#themen>#themen-trend{margin:0}
#themen-trend .tr-kicker{font-weight:600;font-size:12px!important;line-height:1.3!important;letter-spacing:.08em;color:#7620d1;margin:0}
#themen-trend h3{font-size:28px!important;line-height:1.15!important;margin:6px 0 14px;color:#171717;max-width:none}
#themen-trend .tr-text p{font-size:16px!important;line-height:1.55!important;margin:0 0 12px;color:#333}
#themen-trend .tr-text p.tr-lead{font-size:19px!important;line-height:1.4!important;font-weight:600;color:#171717}
#themen-trend .tr-text p.tr-2026{padding:10px 12px;background:#f3eaff;border-left:3px solid #7620d1}
#themen-trend .tr-links a{color:#7620d1;font-weight:600;text-decoration:underline;text-underline-offset:3px;font-size:inherit!important}
#themen-trend .tr-fig{margin:0;position:relative}
#themen-trend .tr-legend{display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px;font-size:13px!important;color:#333;margin-bottom:10px}
#themen-trend .tr-legend .li{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
#themen-trend .tr-legend .lg{display:inline-block;width:10px;height:10px;border-radius:50%;box-sizing:border-box}
#themen-trend .tr-legend .lg.b{background:#b48be8}
#themen-trend .tr-legend .lg.f{width:12px;height:12px;background:#fff;border:3px solid #7620d1}
#themen-trend .tr-row{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:14px;min-height:44px;cursor:default;border-radius:6px}
#themen-trend .tr-row:hover,#themen-trend .tr-row:focus-visible{background:#f7f2fd;outline:none}
#themen-trend .tr-row .tr-lab{display:block;width:auto;min-width:0;font-size:14px!important;line-height:1.25!important;font-weight:600;color:#171717;padding-left:6px;hyphens:auto}
#themen-trend .tr-row.down .tr-lab{color:#595959}
#themen-trend .tr-track{position:relative;height:40px}
#themen-trend .tr-grid{position:absolute;top:0;bottom:0;width:1px;background:#ececec}
#themen-trend .tr-line{position:absolute;top:19px;height:0;border-top:2px dashed #7620d1}
#themen-trend .tr-line.down{border-top-color:#a3a3a3}
#themen-trend .tr-dot{position:absolute;top:15px;width:10px;height:10px;border-radius:50%;margin-left:-5px;box-sizing:border-box;box-shadow:0 0 0 2px #fff}
#themen-trend .tr-dot.b{background:#b48be8}
#themen-trend .tr-dot.f{top:14px;width:12px;height:12px;margin-left:-6px;background:#fff;border:3px solid #7620d1}
#themen-trend .tr-val{position:absolute;top:11px;font-size:12.5px!important;line-height:1.4!important;font-weight:600;color:#595959;white-space:nowrap}
#themen-trend .tr-val.f{font-weight:700;color:#171717}
#themen-trend .tr-axis{display:grid;grid-template-columns:170px 1fr;gap:14px;font-size:11.5px!important;color:#595959}
#themen-trend .tr-axis .ax{position:relative;height:18px}
#themen-trend .tr-axis .ax span{position:absolute;transform:translateX(-50%);white-space:nowrap;font-size:11.5px!important}
#themen-trend .tr-tip{position:absolute;z-index:5;pointer-events:none;background:#111;color:#fff;padding:8px 10px;line-height:1.4;box-shadow:0 8px 20px rgba(0,0,0,.2)}
#themen-trend .tr-tip,#themen-trend .tr-tip div{font-size:13px!important}
#themen-trend .tr-tip b{font-size:15px!important}
#themen-trend .tr-tip i{display:inline-block;width:12px;height:2px;margin-right:6px;vertical-align:middle;font-style:normal}
#themen-trend .tr-table{margin-top:12px}
#themen-trend .tr-table summary{cursor:pointer;color:#7620d1;font-weight:600;font-size:13px!important}
#themen-trend .tr-table table{border-collapse:collapse;margin-top:8px;font-variant-numeric:tabular-nums}
#themen-trend .tr-table th,#themen-trend .tr-table td{padding:5px 14px 5px 0;text-align:left;border-bottom:1px solid #ececec;font-size:13px!important}
#themen-trend .tr-fig figcaption{margin-top:10px;font-size:12.5px!important;line-height:1.45!important;color:#595959}
@media(max-width:1100px){#themen-trend{grid-template-columns:1fr;gap:24px}}
@media(max-width:600px){#themen-trend{padding:22px 18px}#themen-trend .tr-row,#themen-trend .tr-axis{grid-template-columns:118px 1fr;gap:8px}
 #themen-trend .tr-row .tr-lab{font-size:13px!important}#themen-trend h3{font-size:24px!important}}

#gate{max-height:92vh;overflow:auto}
.hs-join{margin-top:6px}
.hs-consent{border:1px solid var(--line);padding:16px;background:var(--surface)}
.hs-consent p{margin:0 0 12px;font-size:14px;line-height:1.5}
.gate-wait{color:var(--gray);font-size:14px;margin:0}
.hs-join .hs-form fieldset{max-width:none!important}
.hs-join .hs-form .hs-form-field{margin-bottom:12px}
.hs-join .hs-form label{font-weight:600;font-size:14px}
.hs-join .hs-form .hs-input:not([type=checkbox]):not([type=radio]){width:100%!important;height:48px;border:1.5px solid var(--ink);border-radius:2px;padding:0 12px;font:inherit;box-sizing:border-box}
.hs-join .hs-form .legal-consent-container,.hs-join .hs-form .legal-consent-container p,.hs-join .hs-form .legal-consent-container span{font-size:12px;line-height:1.45;color:var(--gray)}
.hs-join .hs-form .hs-button{background:var(--purple);color:#fff;border:0;border-radius:2px;height:48px;padding:0 22px;font:600 15px/1 var(--text);cursor:pointer}
.hs-join .hs-error-msgs{list-style:none;padding:0;margin:4px 0 0;color:#b00020;font-size:13px}

.ans-more{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px}
.ans-more span{font-size:13px;color:var(--gray)}
.ans-more button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;line-height:1.3;cursor:pointer;text-align:left}
.ans-more button:hover{border-color:var(--purple);color:var(--purple)}
#moreBtn[hidden],#vMore[hidden],.more [hidden]{display:none!important}
.d-media iframe,.fplayer iframe,.ytframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.d-media.on img,.d-media.on .ph{display:none}.d-media .play span{flex-direction:column;gap:4px}.d-media .play small,.fplayer .pl small{display:block;font-size:11px;font-weight:400;opacity:.85}.fplayer .pl span{flex-direction:column;gap:4px}#ytbox{max-width:min(1100px,calc(100vw - 24px));background:#000}#ytbox .ytframe{position:relative;aspect-ratio:16/9;width:100%;max-height:calc(100dvh - 32px)}#ytbox .dlg-x{top:-52px;right:0}#ytbox[open]{overflow:visible}

/* Entwurf 10.10.2026: Login oben, Beitritt darunter */
#gate .gate-in{background:#f4effc;border:2px solid var(--purple);padding:18px 18px 20px;display:grid;gap:10px}
#gate .gate-in h3,#gate .gate-new h3{margin:0;font-size:22px;line-height:1.15}
#gate .gate-in p,#gate .gate-new p{margin:0;font-size:15px;line-height:1.5}
#gate .gate-in-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:4px}
#gate .gate-in-form input{min-height:52px;font-size:17px;padding:0 14px;border:1px solid #b9a3dc;background:#fff;width:100%}
#gate .gate-in-form .btn{min-height:52px;font-size:17px;padding:0 22px}
#gate .gate-or{display:flex;align-items:center;gap:12px;margin:2px 0;color:var(--gray);font-size:13px;text-transform:uppercase;letter-spacing:.08em}
#gate .gate-or::before,#gate .gate-or::after{content:"";flex:1;height:1px;background:var(--line)}
#gate .gate-new{display:grid;gap:10px}
#gate .gate-new .gate-perks{margin:0}
@media (max-width:520px){#gate .gate-in-form{grid-template-columns:1fr}}

/* Einzelseiten Wissen & Praxis (wb-) */
.wb-draft{background:#ffe9a8;color:#171717;font:600 13px/1.4 var(--text);padding:8px var(--gut);text-align:center}
.wb-draft a{color:#171717}
.wb-hero{background:var(--black);color:#fff;padding:clamp(28px,5vw,64px) 0 clamp(36px,5vw,72px)}
.wb-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.wb-crumb{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--on-dark-muted);margin:0 0 18px}
.wb-crumb a{color:var(--on-dark-muted);text-decoration:none}.wb-crumb a:hover{color:var(--cyan);text-decoration:underline}
.wb-hero h1{font-size:clamp(30px,4.4vw,54px);margin:0 0 18px}
.wb-hero .kicker b{flex:none}
.wb-mcta{display:none;background:var(--black);color:#fff;padding:18px 16px;margin:20px 0 0;border-radius:4px}
.wb-mcta p{font-size:15px!important;line-height:1.45!important;margin:0 0 12px!important;color:#e9e9ee}
.wb-mcta .btn{width:100%;justify-content:center}
.wb-lead{font-size:clamp(17px,1.6vw,19px);line-height:1.55;color:#e9e9ee;margin:0 0 20px;max-width:62ch}
.wb-facts{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:6px;font-size:14px;color:#e9e9ee}
.wb-facts span{display:inline-block;min-width:64px;color:var(--on-dark-muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.wb-actions{display:flex;flex-wrap:wrap;gap:12px}
.wb-media{position:relative;display:block;border-radius:4px;overflow:hidden;aspect-ratio:16/9;background:#222}
.wb-media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9)}
.wb-play{position:absolute;inset:0;margin:auto;width:76px;height:76px;border-radius:50%;background:var(--purple);color:#fff;display:grid;place-items:center;font-size:28px;padding-left:5px;box-shadow:0 8px 30px rgba(0,0,0,.4)}
.wb-media:hover .wb-play{background:var(--purple-h)}
.wb-lock{position:absolute;left:12px;bottom:12px;background:rgba(0,0,0,.78);color:#fff;font:600 13px/1 var(--text);padding:8px 10px;border-radius:2px}
.wb-lock::before{content:"🔒 ";}
.wb-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(28px,4vw,64px);padding-block:clamp(36px,5vw,64px);align-items:start}
.wb-art{max-width:72ch}
.wb-art h2{font-size:clamp(22px,2.2vw,28px);margin:40px 0 14px}
.wb-art h3{font-size:19px;margin:0 0 8px}
.wb-art p{font-size:17px;line-height:1.65;margin:0 0 16px}
.wb-take{background:var(--mint);padding:22px 24px 10px;border-left:4px solid var(--purple)}
.wb-take h2{margin-top:0}
.wb-take ol{margin:0;padding-left:22px}
.wb-take li{font-size:17px;line-height:1.55;margin:0 0 12px}
.wb-twin{background:var(--surface);border-left:4px solid var(--cyan);padding:12px 16px;font-size:15px!important;margin:18px 0 0!important}
.wb-twin a{color:var(--purple);font-weight:600}
.wb-t{display:inline-block;margin-left:6px;font:600 12px/1 var(--text);color:var(--purple);text-decoration:none;border:1px solid var(--purple);padding:4px 7px;border-radius:2px;white-space:nowrap}
.wb-t:hover{background:var(--purple);color:#fff}
.wb-quote{margin:30px 0;padding:0 0 0 22px;border-left:4px solid var(--cyan)}
.wb-quote blockquote{margin:0}
.wb-quote p{font:700 clamp(20px,2vw,24px)/1.3 var(--display);letter-spacing:-.02em;margin:0 0 8px}
.wb-quote figcaption{font-size:14px;color:var(--gray)}
.wb-quote a{color:var(--purple)}
.wb-case{background:var(--surface);padding:20px 22px;margin:28px 0;border-top:3px solid var(--purple)}
.wb-case-k{font:600 12px/1 var(--text);letter-spacing:.08em;text-transform:uppercase;color:var(--purple);margin:0 0 10px!important}
.wb-case-num{font:700 22px/1.2 var(--display)!important;margin:0 0 8px!important}
.wb-faq details{border-top:1px solid var(--line);padding:14px 0}
.wb-faq details:last-child{border-bottom:1px solid var(--line)}
.wb-faq summary{cursor:pointer;font-weight:600;font-size:17px}
.wb-faq details p{margin:10px 0 0}
.wb-spk{margin-top:40px}
.wb-person{border-top:1px solid var(--line);padding:14px 0}
.wb-name{font:700 18px/1.2 var(--display)!important;margin:0 0 4px!important}
.wb-rolle{font-size:15px!important;color:var(--gray);margin:0 0 6px!important}
.wb-mehr{margin:6px 0 0;padding-left:18px;font-size:15px}
.wb-mehr a{color:var(--purple)}
.wb-box{position:sticky;top:96px;background:var(--black);color:#fff;padding:24px;border-radius:4px}
.wb-box-k{font:600 12px/1 var(--text);letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin:0 0 12px}
.wb-box h2{font-size:20px;line-height:1.25;margin:0 0 16px;letter-spacing:-.02em}
.wb-mat{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:8px;font-size:15px}
.wb-mat li::before{content:"✓";color:var(--cyan);font-weight:700;margin-right:8px}
.wb-box .btn{width:100%;justify-content:center}
.wb-login{font-size:14px;margin:12px 0 0;color:var(--on-dark-muted)}
.wb-login a{color:var(--cyan)}
.wb-fuer{font-size:14px;line-height:1.5;margin:18px 0 0;padding-top:16px;border-top:1px solid #333;color:#e9e9ee}
.wb-rel{background:var(--surface);padding:clamp(36px,5vw,64px) 0}
.wb-rel h2{font-size:clamp(24px,2.6vw,32px);margin:0 0 20px}
.wb-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.wb-card{display:flex;flex-direction:column;gap:6px;background:#fff;text-decoration:none;color:var(--ink);padding-bottom:14px;border-radius:4px;overflow:hidden}
.wb-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.wb-card-k{font:600 12px/1 var(--text);letter-spacing:.06em;text-transform:uppercase;color:var(--purple);padding:8px 14px 0}
.wb-card-t{font:700 17px/1.25 var(--display);letter-spacing:-.02em;padding:0 14px}
.wb-card-p{font-size:14px;color:var(--gray);padding:0 14px}
.wb-card:hover .wb-card-t{color:var(--purple)}
.wb-alle{margin:22px 0 0}.wb-alle a{color:var(--purple);font-weight:600}
.wb-end{background:var(--black);color:#fff;padding:clamp(40px,6vw,80px) 0}
.wb-end h2{font-size:clamp(28px,3.4vw,44px);margin:0 0 14px}
.wb-end p{max-width:62ch;color:#e9e9ee;margin:0 0 24px;font-size:17px}
.wb-hub{padding-block:clamp(28px,4vw,56px)}
.wb-hub-hero{padding-bottom:clamp(30px,4vw,56px)}
.wb-hub-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.wb-hub-nav a{border:1.5px solid var(--ink);padding:8px 12px;text-decoration:none;font-weight:600;font-size:14px;border-radius:2px}
.wb-hub-nav a:hover{background:var(--ink);color:#fff}
.wb-hub-nav small{color:var(--gray);font-weight:400}
.wb-hub-s{margin:0 0 36px;scroll-margin-top:90px}
.wb-hub-s h2{font-size:clamp(22px,2.4vw,30px);margin:0 0 12px}
.wb-hub-s ul{list-style:none;margin:0;padding:0;columns:2;column-gap:40px}
.wb-hub-s li{break-inside:avoid;padding:10px 0;border-top:1px solid var(--line)}
.wb-hub-s li a{font-weight:600;color:var(--ink);text-decoration:none}
.wb-hub-s li a:hover{color:var(--purple);text-decoration:underline}
.wb-hub-s li span{display:block;font-size:14px;color:var(--gray)}
.wb-hub-s li .wb-tag{display:inline;font-size:11px;font-weight:600;color:var(--purple);border:1px solid var(--purple);padding:1px 5px;margin-left:6px;border-radius:2px}
@media (max-width:1000px){.wb-hero-grid,.wb-grid{grid-template-columns:1fr}.wb-box{position:static}.wb-mcta{display:block}.wb-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-hub-s ul{columns:1}}
@media (max-width:560px){.wb-cards{grid-template-columns:1fr}.wb-take{padding:18px 16px 6px}.wb-actions .btn{width:100%;justify-content:center}}