/* =====================================================================
   Galerie Badstraße 9 — v3
   Kombination aus drei Vorlagen:
   Ridgeline  → Hero-Rail, zweifarbige Headlines, (01)-Eyebrows, Odometer,
                Statement-Pin, Akkordeon, Recent Work, CTA-Stage, Wordmark-Footer
   Dantora    → abgerundete Panels, Cursor-Trail, horizontale Karten,
                wachsender Galerie-Banner, Stat-Linien, Formular-Karte
   Baseline   → Positionen-Carousel mit Riesenwörtern, Programmliste, Presse-Karten
   Farben/Schrift bleiben: Weiß · #EDEDED · #1B1B1B · Hanken Grotesk + IBM Plex Mono
   ===================================================================== */
:root{
  --mist-2:#F5F5F5;
  --mute:#8C8C8C;
  --ghost:#D9D9D9;
  --r-page:28px;
  --r-card:20px;
  --r-thumb:14px;
  --inset:10px;
  --pad:clamp(20px,3vw,48px);
}
@media (max-width:640px){:root{--r-page:22px;--inset:8px}}
body{font-feature-settings:"ss01","cv11"}
.mut{color:var(--mute)}
.circ{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;flex:none;transition:transform .5s var(--ease),background .3s,color .3s}
.circ svg{width:16px;height:16px}
.circ.big{width:64px;height:64px}.circ.big svg{width:22px;height:22px}
.btn.wide{width:100%;justify-content:space-between}

/* Section head (Ridgeline) */
.sh{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 48px;flex-wrap:wrap;margin-bottom:clamp(32px,4.5vw,64px)}
.sh-eb{display:inline-block;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-bottom:18px}
.sh-eb.on-img{color:rgba(255,255,255,.85)}
.tt{margin:0;font-family:var(--f-body);font-weight:700;font-size:clamp(2.1rem,1.1rem + 3.2vw,4.6rem);line-height:.96;letter-spacing:-.055em;text-wrap:balance;max-width:14ch}
.tt span{display:inline}
.sh-aside{max-width:34ch;margin:0;color:var(--ink-2);font-size:var(--s-sm);line-height:1.55}
.panel{margin-inline:var(--inset);border-radius:var(--r-page);background:var(--mist)}

/* blur-in words (Dantora) */
.bw{display:inline-block;will-change:transform,filter,opacity}

/* ---------- Preloader (Baseline / Ridgeline) ---------- */
.curtain .c-count{font-family:var(--f-mono)!important;font-weight:400!important;font-size:clamp(3rem,2rem + 6vw,8rem)!important;letter-spacing:-.04em!important;line-height:1}
.curtain .c-bar{position:absolute;left:var(--gut);right:var(--gut-r);bottom:calc(14px + env(safe-area-inset-bottom,0px));height:2px;background:rgba(27,27,27,.12);overflow:hidden}
.curtain .c-bar i{position:absolute;inset:0;background:var(--ink);transform-origin:left;transform:scaleX(0)}
.curtain .c-line{bottom:calc(150px + env(safe-area-inset-bottom,0px))}
@media (max-width:640px){.curtain .c-line{bottom:calc(110px + env(safe-area-inset-bottom,0px))}}

/* ---------- Live dot ---------- */
.live{display:inline-flex;align-items:center;gap:.55em;white-space:nowrap}
.live i{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.45}
.live.open i{opacity:1;background:#3BD16F;box-shadow:0 0 0 0 rgba(59,209,111,.5);animation:pulse2 2s infinite}
.live em{font-style:normal}
@keyframes pulse2{0%{box-shadow:0 0 0 0 rgba(59,209,111,.55)}70%{box-shadow:0 0 0 9px rgba(59,209,111,0)}100%{box-shadow:0 0 0 0 rgba(59,209,111,0)}}

/* =====================================================================
   HERO (Ridgeline Rahmen + Rail · Baseline Glas-Karten)
   ===================================================================== */
.hx{position:relative;height:100svh;min-height:640px;max-height:1100px;padding:var(--inset)}
.hx-frame{position:relative;height:100%;border-radius:var(--r-page);overflow:hidden;isolation:isolate;background:#2a2622;color:var(--white);will-change:clip-path}
.hx-frame .vh-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hx-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(18,16,14,.55) 0%,rgba(18,16,14,.08) 34%,rgba(18,16,14,0) 52%,rgba(18,16,14,.62) 100%)}
.hx-top{position:absolute;left:var(--pad);right:var(--pad);top:calc(var(--hdr-top) + var(--hdr) + clamp(26px,5vh,64px))}
.hx-info{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin:0 0 clamp(16px,2.4vh,28px);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.hx-info .sl{opacity:.45}
.hx-title{margin:0;font-family:var(--f-body);font-weight:700;font-size:clamp(1.9rem,1rem + 2.4vw,3.6rem);line-height:.95;letter-spacing:-.05em;max-width:16ch}
.hx-title .lm{display:inline-block;overflow:hidden;vertical-align:top;padding:.12em 0 .26em;margin:-.12em 0 -.26em}
.hx-title .lm>span{display:inline-block}
.hx-title .mut{color:rgba(255,255,255,.55)}
.hx-bottom{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(20px,3vh,36px);display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.hx-left{display:grid;gap:18px}
.hx-chips{display:flex;flex-wrap:wrap;gap:8px}
.hx-chip{font-size:12.5px;font-weight:500;padding:.62em 1.05em;border-radius:999px;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.hx-sub{margin:0;font-weight:600;font-size:clamp(1.05rem,.9rem + .6vw,1.5rem);line-height:1.05;letter-spacing:-.03em;text-transform:uppercase}
/* rail */
.hr{width:min(640px,48vw);display:grid;gap:14px}
.hr-track{display:flex;align-items:center;gap:14px;font-size:11px;color:rgba(255,255,255,.7)}
.hr-track .mono:first-child{color:#fff}
.hr-groove{flex:1;height:2px;border-radius:2px;background:rgba(255,255,255,.3);position:relative;overflow:hidden}
.hr-groove i{position:absolute;inset:0;background:#fff;transform-origin:left;transform:scaleX(0)}
.hr-ctl{display:flex;gap:6px}
.vh-ctl{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:.75em 1.05em;border-radius:999px;color:#fff;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);transition:background .3s}
.vh-ctl:hover{background:rgba(255,255,255,.3)}
.hr-view{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 78%,transparent);mask-image:linear-gradient(90deg,#000 0,#000 78%,transparent);cursor:grab}
.hr-view:active{cursor:grabbing}
.hr-list{list-style:none;margin:0;padding:0;display:flex;gap:12px;will-change:transform}
.hr-item{flex:none;width:clamp(250px,22vw,310px)}
.hr-card{display:flex;align-items:center;gap:14px;height:92px;padding:10px 18px 10px 10px;border-radius:var(--r-card);background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.26);transition:background .35s,transform .5s var(--ease)}
.hr-card:hover{background:rgba(255,255,255,.24)}
.hr-item.on .hr-card{background:rgba(255,255,255,.26);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
.hr-thumb{width:72px;height:72px;border-radius:12px;overflow:hidden;flex:none;background:rgba(255,255,255,.2)}
.hr-thumb img{width:100%;height:100%;object-fit:cover}
.hr-text{display:grid;gap:3px;min-width:0}
.hr-text b{font-weight:600;font-size:14.5px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hr-text span{font-family:var(--f-mono);font-size:11px;color:rgba(255,255,255,.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hr-two{-webkit-mask-image:none;mask-image:none;cursor:default}
.hr-two .hr-list{display:grid;grid-template-columns:1fr 1fr}
.hr-two .hr-item{width:auto;min-width:0}
.hr-k{font-size:10px!important;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.78)!important;display:flex!important;align-items:center;gap:6px}
.hr-item.on .hr-k::before{content:"";width:6px;height:6px;border-radius:50%;background:#7CF2A5;box-shadow:0 0 0 3px rgba(124,242,165,.22);flex:none}
.hr-item.on .hr-card:hover{background:rgba(255,255,255,.34)}
@media (max-width:899px){
  .hx{max-height:none;min-height:680px}
  .hx-bottom{flex-direction:column;align-items:stretch}
  .hx-chips{display:none}
  .hr{width:100%}
  .hr-two .hr-list{grid-template-columns:1fr;gap:8px}
  .hr-two .hr-card{height:76px;padding:8px 14px 8px 8px}
  .hr-two .hr-thumb{width:60px;height:60px}
  .hx-title{font-size:clamp(1.8rem,7vw,2.6rem)}
}

/* =====================================================================
   WHY — Cursor-Trail (Dantora)
   ===================================================================== */
.why{position:relative;height:100svh;min-height:620px;max-height:1000px;overflow:hidden;background:var(--white)}
.why-in{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(100% - 40px,780px);text-align:center;display:grid;justify-items:center;gap:22px;z-index:2;pointer-events:none}
.why-in a,.why-in button{pointer-events:auto}
.h-light{margin:0;font-weight:300;font-size:clamp(2.3rem,1rem + 4vw,5.2rem);line-height:1;letter-spacing:-.055em;text-wrap:balance}
.why-p{margin:0;max-width:48ch;color:var(--ink-2);font-size:var(--s-md);line-height:1.6}
.why-act{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.abt-txt .why-act{justify-content:flex-start}
.why-hint{margin:6px 0 0;color:var(--mute);letter-spacing:.12em;text-transform:uppercase}
.trail{position:absolute;inset:0;z-index:1;pointer-events:none}
.trail-card{position:absolute;top:0;left:0;width:clamp(150px,13vw,224px);aspect-ratio:432/544;border-radius:var(--r-thumb);overflow:hidden;box-shadow:0 30px 60px -28px rgba(27,27,27,.55);will-change:transform,opacity}
.trail-card img{width:100%;height:100%;object-fit:cover}
@media (hover:none){.why-hint{display:none}}

/* =====================================================================
   PIN — Statement + Odometer (Ridgeline)
   ===================================================================== */
.pin{position:relative;padding:0 var(--pad)}
.pin-stick{padding-top:clamp(70px,10vh,120px);padding-bottom:40px;max-width:1480px;margin-inline:auto}
@media (min-width:768px){.pin-stick{position:sticky;top:0;min-height:100svh;display:flex;flex-direction:column;justify-content:center}}
.pin-text{margin:0;font-weight:600;font-size:clamp(1.9rem,1rem + 3.4vw,4.8rem);line-height:1.02;letter-spacing:-.055em;max-width:22ch;text-wrap:pretty}
.pin-text .lt{opacity:.18;transition:opacity .25s linear}
.pin-text .lt.on{opacity:1}
.pin-hold{height:0}
@media (min-width:768px){.pin-hold{height:70svh}}
.pin-after{position:relative;z-index:2;max-width:1480px;margin-inline:auto;padding-bottom:clamp(40px,6vw,80px)}
.odos{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-block:clamp(24px,3vw,40px);border-top:1px solid var(--line)}
@media (max-width:899px){.odos{grid-template-columns:repeat(2,minmax(0,1fr))}}
.odo-cell{display:flex;align-items:flex-start;gap:12px;min-width:0}
.odo-cell dt{order:2;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);max-width:12ch;line-height:1.35;padding-top:.7em}
.odo{margin:0;font-weight:700;font-size:clamp(3.2rem,2rem + 4.6vw,7.4rem);line-height:1;letter-spacing:-.06em;font-variant-numeric:tabular-nums}
.odo-num{display:flex}
.odo-d{position:relative;display:block;overflow:hidden;height:1.12em;line-height:1;margin-bottom:-.12em}
.odo-ghost{visibility:hidden;display:block}
.odo-col{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;align-items:center;will-change:transform}
.odo-col span{display:block;height:1.12em;line-height:1;padding-bottom:.12em;box-sizing:border-box}
.strip{display:flex;align-items:center;gap:16px 28px;flex-wrap:wrap;padding-top:22px;border-top:1px solid var(--line)}
.strip>.mono{letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.strip-chips{display:flex;gap:8px;flex-wrap:wrap}
.chipx{font-size:12.5px;font-weight:500;padding:.6em 1em;border-radius:999px;background:var(--white);transition:background .3s,color .3s}
.chipx:hover{background:var(--ink);color:var(--white)}

/* =====================================================================
   ABOUT — wachsender Galerie-Banner + Stat-Linien (Dantora)
   ===================================================================== */
.abt{padding-bottom:clamp(80px,10vw,150px)}
.abt-media{position:relative;margin-inline:var(--inset);height:min(86vh,860px);min-height:420px;border-radius:var(--r-page);overflow:hidden;background:var(--mist);will-change:clip-path}
.abt-media video{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover}
.abt-film{position:absolute;left:var(--pad);bottom:var(--pad);display:inline-flex;align-items:center;gap:12px;color:#fff;font-weight:500;font-size:14px;padding:6px 18px 6px 6px;border-radius:999px;background:rgba(27,27,27,.28);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.abt-film .circ{background:#fff;color:var(--ink);font-size:12px}
.abt-film:hover .circ{transform:scale(1.1)}
.abt-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(36px,6vw,110px);padding-top:clamp(50px,7vw,100px);align-items:start}
@media (max-width:899px){.abt-grid{grid-template-columns:1fr}}
.vstats{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}
.vstats div{border-left:1px solid var(--ink);padding-left:16px;display:grid;gap:8px;align-content:start}
.vstats dt{font-weight:600;font-size:clamp(2.6rem,1.8rem + 2.4vw,4.2rem);line-height:.95;letter-spacing:-.06em;font-variant-numeric:tabular-nums}
.vstats div:first-child dt::after{content:"+"}
.vstats dd{margin:0;font-size:13px;color:var(--ink-2);line-height:1.45;max-width:20ch}
.abt-lead{margin:0 0 22px;font-weight:400;font-size:clamp(1.5rem,1rem + 1.7vw,2.7rem);line-height:1.12;letter-spacing:-.045em;text-wrap:pretty}
.abt-p{margin:0 0 30px;color:var(--ink-2);max-width:56ch}

/* =====================================================================
   CAROUSEL — Positionen (Baseline Trust)
   ===================================================================== */
.crs{position:relative;isolation:isolate;overflow:hidden;padding:clamp(60px,8vw,110px) var(--pad) clamp(40px,5vw,70px);max-width:1600px;margin-inline:auto}
.crs-badges{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}
.crs-circle{width:clamp(110px,10vw,138px);aspect-ratio:1;border-radius:50%;background:var(--mist);display:grid;place-content:center;text-align:center;gap:4px;padding:14px}
.crs-circle b{font-weight:600;font-size:1.7rem;letter-spacing:-.04em;line-height:1}
.crs-circle span{font-size:10.5px;line-height:1.25;color:var(--ink-2)}
.crs-card{display:flex;gap:16px;max-width:420px;padding:18px;border-radius:var(--r-card);background:var(--mist)}
.crs-n{height:fit-content;padding:.45em .8em;border-radius:12px;background:var(--white);font-weight:600;font-size:1.2rem;letter-spacing:-.03em}
.crs-card b{display:block;font-weight:600;font-size:1.05rem;letter-spacing:-.02em}
.crs-card span span{display:block;margin-top:4px;font-size:12.5px;line-height:1.5;color:var(--ink-2)}
.crs-words{position:relative;z-index:0;margin:clamp(30px,5vw,60px) 0 0;font-weight:600;font-size:clamp(2.4rem,8.4vw,9.6rem);line-height:1.02;letter-spacing:-.05em;text-transform:uppercase;user-select:none;pointer-events:none}
.crs-row{display:flex;justify-content:space-between;align-items:baseline;gap:4vw}
.crs-px{display:block;will-change:transform}
.cw{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.cw>span{display:inline-block;will-change:transform}
.cw-ghost{color:var(--ghost)}
.cw-ink{color:var(--ink)}
.crs-fig{position:absolute;z-index:2;left:50%;top:52%;width:clamp(170px,17vw,270px);transform:translate(-50%,-50%)}
.crs-tilt{display:block;position:relative;rotate:6deg;border-radius:22px;overflow:hidden;aspect-ratio:4/5;background:var(--mist);box-shadow:0 50px 90px -40px rgba(27,27,27,.6);transition:rotate .7s var(--ease),scale .7s var(--ease)}
.crs-fig:hover .crs-tilt{rotate:0deg;scale:1.03}
.crs-tilt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.crs-cap{position:absolute;left:10px;right:10px;bottom:10px;padding:11px 13px;border-radius:14px;color:#fff;background:rgba(27,27,27,.3);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:grid;gap:2px}
.crs-cap b{font-weight:600;font-size:14px;letter-spacing:-.02em}
.crs-cap span{font-size:11.5px;opacity:.85}
.crs-nav{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;margin-top:clamp(30px,4vw,50px)}
.arrb{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--line-strong);transition:background .3s,color .3s,transform .4s var(--ease)}
.arrb svg{width:18px;height:18px}
.arrb:hover{background:var(--ink);color:#fff}
.arrb.solid{background:var(--ink);color:#fff;box-shadow:none}
.arrb.solid:hover{transform:scale(1.08)}
.crs-dots{display:flex;gap:6px;align-items:center}
.cr-dot{width:8px;height:4px;border-radius:4px;background:var(--ghost);transition:width .5s var(--ease),background .3s}
.cr-dot[aria-current="true"]{width:26px;background:var(--ink)}
@media (max-width:899px){
  .crs-words{font-size:12vw;margin-top:40px}
  .crs-fig{position:relative;left:auto;top:auto;transform:none;margin:28px auto 0;width:min(64vw,260px)}
}

/* =====================================================================
   PROGRAMMLISTE (Baseline Programs)
   ===================================================================== */
.prl{padding-block:clamp(70px,9vw,140px)}
.plist{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.plist a{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) auto 44px;align-items:center;gap:20px;padding:clamp(16px,1.8vw,24px) 0;border-bottom:1px solid var(--line);isolation:isolate;transition:padding .5s var(--ease)}
.plist a::before{content:"";position:absolute;inset:0 calc(-1 * var(--gut));background:var(--mist);z-index:-1;transform:scaleY(0);transform-origin:bottom;transition:transform .5s var(--ease)}
.plist a:hover::before{transform:scaleY(1);transform-origin:top}
.plist a:hover{padding-left:14px}
.plist .mono{color:var(--mute);font-size:12px}
.pl-main{display:grid;gap:4px;min-width:0}
.pl-main b{font-weight:500;font-size:clamp(1.45rem,1rem + 1.4vw,2.3rem);letter-spacing:-.04em;line-height:1.05}
.pl-main span{font-size:13px;color:var(--ink-2);max-width:60ch}
.pl-org{white-space:nowrap}
.plist .circ{box-shadow:inset 0 0 0 1px var(--line-strong)}
.plist a:hover .circ{background:var(--ink);color:#fff;box-shadow:none;transform:translateX(4px)}
@media (max-width:700px){.plist a{grid-template-columns:34px minmax(0,1fr) 40px}.pl-org{display:none}.pl-main span{display:none}}

/* =====================================================================
   AKKORDEON — Programm (Ridgeline How a Job Goes)
   ===================================================================== */
.acc{padding-block:clamp(70px,9vw,130px)}
.acc-list{display:grid;gap:8px}
.acc-i{border-radius:var(--r-card);background:transparent;transition:background .4s}
.acc-i.open{background:var(--white)}
.acc-h{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) auto 36px;align-items:center;gap:16px;padding:20px 20px;text-align:left;border-bottom:1px solid var(--line);transition:border-color .3s}
.acc-i.open .acc-h{border-color:transparent}
.acc-h .mono{color:var(--mute);font-size:12px}
.acc-h b{font-weight:600;font-size:clamp(1.2rem,1rem + .8vw,1.75rem);letter-spacing:-.04em;line-height:1.1}
.acc-m{font-size:11px;letter-spacing:.06em;color:var(--mute);white-space:nowrap}
.acc-ic{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;transition:transform .5s var(--ease),background .3s,color .3s}
.acc-ic svg{width:16px;height:16px}
.acc-i.open .acc-ic{transform:rotate(90deg);background:var(--ink);color:#fff}
.acc-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .7s var(--ease)}
.acc-i.open .acc-b{grid-template-rows:1fr}
.acc-in{overflow:hidden;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(18px,3vw,40px);padding:0 20px}
.acc-i.open .acc-in{padding-bottom:20px}
.acc-img{border-radius:var(--r-thumb);overflow:hidden;aspect-ratio:16/11;background:var(--mist)}
.acc-img img{width:100%;height:100%;object-fit:cover}
.acc-txt{display:flex;flex-direction:column;gap:20px;padding-block:6px}
.acc-txt p{margin:0;max-width:58ch;color:var(--ink-2)}
.acc-dl{margin:auto 0 0;display:flex;gap:28px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--line)}
.acc-dl dt{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.acc-dl dd{margin:4px 0 0;font-weight:500}
.acc-act{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:760px){.acc-in{grid-template-columns:1fr}.acc-h{grid-template-columns:30px minmax(0,1fr) 32px}.acc-m{display:none}}

/* =====================================================================
   RECENT WORK — Ausstellungen (Ridgeline)
   ===================================================================== */
.rw{padding-block:clamp(80px,10vw,150px)}
.rw-big{position:relative;display:block;height:clamp(380px,62vh,680px);border-radius:var(--r-card);overflow:hidden;color:#fff;isolation:isolate;background:#222}
.rw-img{display:block;overflow:hidden;position:relative}
.rw-big .rw-img{position:absolute;inset:0;z-index:-2}
.rw-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.rw-big::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,15,15,.35),rgba(15,15,15,0) 30%,rgba(15,15,15,0) 55%,rgba(15,15,15,.7))}
.rw-big:hover .rw-img img,.rw-sm:hover .rw-img img{transform:scale(1.05)}
.rw-tag{position:absolute;right:20px;top:20px;padding:.6em 1em;border-radius:999px;font-size:11px;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.rw-cap{position:absolute;left:var(--pad);right:var(--pad);bottom:var(--pad);display:grid;gap:10px}
.rw-cap b{font-weight:700;font-size:clamp(2rem,1rem + 3.4vw,4.4rem);line-height:.95;letter-spacing:-.06em}
.rw-cap .mono{opacity:.85}
.hs{position:absolute;display:flex;align-items:center;gap:12px;z-index:2}
.hs i{position:relative;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.95);flex:none;display:grid;place-items:center}
.hs i::before{content:"+";color:var(--ink);font-style:normal;font-weight:500;font-size:16px;line-height:1}
.hs i::after{content:"";position:absolute;inset:0;border-radius:50%;background:#fff;animation:ring 2.4s var(--ease) infinite;z-index:-1}
@keyframes ring{0%{transform:scale(1);opacity:.5}80%,100%{transform:scale(2.4);opacity:0}}
.hs-l{font-family:var(--f-mono);font-size:11px;padding:.6em .9em;border-radius:10px;background:rgba(27,27,27,.45);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);white-space:nowrap;opacity:0;transform:translateX(-6px);transition:opacity .4s,transform .5s var(--ease)}
.rw-big:hover .hs-l{opacity:1;transform:none}
@media (max-width:760px){.hs{display:none}}
.rw-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
@media (max-width:899px){.rw-row{grid-template-columns:1fr}}
.rw-sm{display:grid;gap:12px;align-content:start}
.rw-sm .rw-img{aspect-ratio:4/3;border-radius:var(--r-card)}
.rw-sm b{font-weight:600;font-size:1.15rem;letter-spacing:-.03em}
.rw-tags{display:flex;gap:6px;flex-wrap:wrap}
.rw-tags span{font-family:var(--f-mono);font-size:10.5px;padding:.5em .8em;border-radius:999px;background:var(--mist)}
.rw-quote{margin:0;border-radius:var(--r-card);background:var(--mist);padding:clamp(22px,2.4vw,34px);display:flex;flex-direction:column;justify-content:space-between;gap:30px;min-height:260px}
.rw-quote blockquote{margin:0;font-weight:600;font-size:clamp(1.3rem,1rem + .9vw,1.8rem);line-height:1.15;letter-spacing:-.035em}
.rw-quote figcaption{display:grid;gap:2px;font-size:13px}
.rw-quote figcaption span{color:var(--mute)}

/* =====================================================================
   CTA STAGE — Art Award (Ridgeline)
   ===================================================================== */
.cta{position:relative;margin:clamp(40px,6vw,96px) var(--inset);border-radius:var(--r-page);overflow:hidden;isolation:isolate;color:#fff;background:#2a2622}
.cta-bg{position:relative;z-index:0;aspect-ratio:2560/1256;background:#2a2622}
.cta-bg img{display:block;width:100%;height:100%;object-fit:cover}
.cta-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,16,14,.72) 0%,rgba(18,16,14,.4) 48%,rgba(18,16,14,.12) 100%)}
.cta-in{position:absolute;inset:0;z-index:1;width:100%;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:clamp(30px,4vw,70px);align-items:end;padding:var(--pad)}
@media (max-width:1199px){.cta-in{position:relative;inset:auto;margin-top:-10%;padding-top:0}.cta-bg::after{background:linear-gradient(180deg,rgba(18,16,14,0) 55%,#2a2622 100%)}}
@media (max-width:899px){.cta-in{grid-template-columns:1fr;margin-top:-14%}}
.cta-big{margin:0 0 20px;font-weight:700;font-size:clamp(2.6rem,1rem + 5.4vw,7rem);line-height:.92;letter-spacing:-.065em;max-width:12ch}
.cta-big .mut{color:rgba(255,255,255,.55)}
.cta-p{margin:0 0 26px;max-width:46ch;color:rgba(255,255,255,.82)}
.cta .countdown{max-width:460px;margin-top:0}
.cta .countdown div{border-top-color:rgba(255,255,255,.3)}
.cta .countdown span{color:rgba(255,255,255,.6)}
.cta-card{background:var(--white);color:var(--ink);border-radius:var(--r-card);padding:clamp(20px,2.2vw,30px);display:grid;gap:16px;box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
.cta-card .mono{font-size:11px;color:var(--mute);letter-spacing:.08em}
.cta-card h3{margin:0;font-weight:600;font-size:1.8rem;letter-spacing:-.045em}
.cta-dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cta-dl div{background:var(--mist-2);border-radius:12px;padding:10px 12px}
.cta-dl dt{font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.cta-dl dd{margin:4px 0 0;font-size:13.5px;font-weight:500}
.cta-card .link-u{justify-self:center;font-size:11px;letter-spacing:.08em;text-transform:uppercase}

/* =====================================================================
   NEWSLETTER „Einladung“ — Formular mit Live-Vorschau auf der Einladungs-
   karte, schwebende Werke, Poststempel bei erfolgreicher Anmeldung
   ===================================================================== */
.inv{padding-block:clamp(70px,9vw,130px);overflow:hidden}
.inv-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"l r" "f r";gap:0 clamp(40px,6vw,110px);align-items:center}
.inv-l{grid-area:l;align-self:end}
.inv-r{grid-area:r}
.inv-form{grid-area:f;align-self:start;margin-top:clamp(26px,3vw,40px);max-width:600px}
.inv-p{max-width:44ch;color:var(--ink-2);margin:22px 0 0}
.inv-perks{list-style:none;margin:clamp(20px,2.4vw,30px) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 8px}
.inv-perks li{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:9px 13px 9px 11px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);display:inline-flex;align-items:center;gap:8px}
.inv-perks li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ink)}
.inv-row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr) auto;gap:8px;align-items:stretch}
.inv-fld{position:relative;display:grid}
.inv-fld input{width:100%;height:60px;border:0;border-radius:999px;padding:0 22px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line);font:inherit;font-size:15px;color:var(--ink);outline:none;transition:box-shadow .35s var(--ease)}
.inv-fld input::placeholder{color:var(--mute)}
.inv-fld input:focus{box-shadow:inset 0 0 0 1.5px var(--ink)}
.inv-fld .err{position:absolute;left:22px;top:calc(100% + 5px);font-family:var(--f-mono);font-size:11px;color:#8a1c1c;white-space:nowrap}
.inv-go{position:relative;width:60px;height:60px;border-radius:50%;border:0;padding:0;background:var(--ink);color:var(--white);cursor:pointer;overflow:hidden;flex:none}
.inv-go-ic{display:flex;width:120px;transform:translateX(-50%);transition:transform .55s var(--ease)}
.inv-go-ic svg{flex:none;width:60px;height:60px;padding:20px;box-sizing:border-box}
.inv-go:hover .inv-go-ic{transform:translateX(0)}
.inv-go:active{transform:scale(.94)}
.inv .check{margin-top:18px;max-width:54ch}
.inv .check a{color:var(--ink)}
.inv .form-note{margin-top:10px}
.inv-r{position:relative;display:grid;place-items:center;perspective:1600px;padding:clamp(56px,7vw,100px) 0 clamp(10px,2vw,30px)}
.inv-deck{position:relative;width:min(100%,560px);aspect-ratio:148/105;transform-style:preserve-3d}
.inv-dc,.inv-card{position:absolute;inset:0;border-radius:18px;background:var(--white);box-shadow:0 50px 90px -40px rgba(27,27,27,.5),0 2px 6px rgba(27,27,27,.06);will-change:transform;overflow:hidden}
.inv-dc{margin:0;padding:8px;display:grid;transform-origin:50% 100%;backface-visibility:hidden}
.inv-dc img{width:100%;height:100%;object-fit:cover;border-radius:12px;filter:saturate(.85)}
.inv-dc figcaption{position:absolute;left:22px;top:16px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#fff;mix-blend-mode:difference}
.inv-dc[data-nl-dc="1"]{transform:translate(-11%,-10%) rotate(-7deg)}
.inv-dc[data-nl-dc="2"]{transform:translate(-6%,-6%) rotate(-3.5deg)}
.inv-dc[data-nl-dc="3"]{transform:translate(4%,-3%) rotate(2.5deg)}
.inv-card{display:grid;grid-template-columns:42% minmax(0,1fr);transform-style:preserve-3d}
.inv-img{position:relative;overflow:hidden}
.inv-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.inv-tag{position:absolute;left:14px;bottom:14px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink)!important;font-size:9.5px!important}
.inv-body{display:flex;flex-direction:column;gap:clamp(10px,1.4vw,16px);padding:clamp(16px,2.2vw,26px);min-width:0}
.inv-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.inv-mark{width:66px;color:var(--ink)}
.inv-mark svg{width:100%;height:auto;display:block}
.inv-mark svg path{fill:currentColor}
.inv-card .mono{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.inv-next{display:grid;gap:4px;padding-top:clamp(10px,1.4vw,16px);border-top:1px solid var(--line)}
.inv-next b{font-weight:600;font-size:clamp(13px,.7rem + .5vw,16px);letter-spacing:-.02em;line-height:1.25;text-wrap:balance}
.inv-when{text-transform:none!important;letter-spacing:.06em!important;color:var(--ink-2)!important}
.inv-for{margin:auto 0 0;display:grid;gap:4px}
.inv-for b{font-weight:600;font-size:clamp(1.3rem,.9rem + 1.3vw,2.1rem);letter-spacing:-.045em;line-height:1.02;display:block;min-height:1.02em;overflow-wrap:anywhere;will-change:transform}
.inv-stub{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:clamp(10px,1.4vw,14px);border-top:1.5px dashed var(--ghost);overflow:hidden}
.inv-stub span{white-space:nowrap}
.inv-code{display:inline-flex;gap:2px;align-items:flex-end;height:14px}
.inv-code i{display:block;width:2px;height:100%;background:var(--ink);opacity:.85}
.inv-code i:nth-child(2n){width:1px;opacity:.5}
.inv-code i:nth-child(3n){height:65%}
.inv-stamp{position:absolute;right:6%;top:14%;width:124px;height:124px;border-radius:50%;border:2.5px solid var(--ink);box-shadow:inset 0 0 0 3px var(--white),inset 0 0 0 4.5px var(--ink);display:grid;place-content:center;text-align:center;gap:2px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:rgba(255,255,255,.85);transform:rotate(-14deg);opacity:0;pointer-events:none;z-index:3}
.inv-stamp em{font-style:normal;font-family:var(--f-body);font-weight:700;font-size:16px;letter-spacing:-.01em;text-transform:none}
.inv-card.ok .inv-stamp{opacity:.9}
@media (max-width:899px){
  .inv-grid{grid-template-columns:1fr;grid-template-areas:"l" "r" "f";gap:0}
  .inv-r{margin-top:34px;padding:40px 0 10px}
  .inv-deck{width:min(100%,520px)}
  .inv-form{margin-top:34px}
}
@media (max-width:640px){
  .inv-row{grid-template-columns:1fr}
  .inv-go{width:100%;height:56px;border-radius:999px;font-family:var(--f-body);font-size:var(--s-sm);font-weight:500;letter-spacing:.01em}
  .inv-go-ic{display:none}
  .inv-go::after{content:"Abonnieren"}
  .inv-fld input{height:56px}
  .inv-fld .err{position:static;margin-top:4px;padding-left:22px}
  .inv-card{grid-template-columns:38% minmax(0,1fr)}
  .inv-body{gap:8px;padding:14px}
  .inv-mark{width:52px}
  .inv-card .mono{font-size:8.5px;letter-spacing:.08em}
  .inv-next b{font-size:12px}
  .inv-for b{font-size:1.15rem}
  .inv-stamp{width:92px;height:92px;font-size:8.5px;top:10%;right:4%}
  .inv-stamp em{font-size:13px}
  .inv-code{height:11px}
  .inv-dc figcaption{display:none}
  .inv-tag{white-space:nowrap;left:10px;bottom:10px;padding:5px 8px}
  .inv-stub .inv-code{display:none}
}

/* Partner-Strip */
.pst{padding-block:clamp(50px,6vw,80px)}
.pst-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:22px;color:var(--mute);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.pst-m{border:0;padding:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.pst-m+.pst-m{margin-top:clamp(6px,1vw,14px)}
.ps-logo{display:inline-block;margin-right:clamp(40px,5vw,90px);vertical-align:middle;line-height:0}
.ps-logo img{width:auto;height:clamp(56px,5.6vw,84px);max-width:clamp(200px,20vw,300px);object-fit:contain;filter:grayscale(1);opacity:.55;transition:filter .4s,opacity .4s}
.ps-logo img[src*='group-1000003014']{height:clamp(72px,7.2vw,108px)}
.ps-logo:hover img{filter:none;opacity:1}

/* =====================================================================
   FOOTER (Ridgeline Wordmark, hell)
   ===================================================================== */
.ftr.ft3{margin:0 var(--inset) var(--inset);border-radius:var(--r-page);background:var(--mist);color:var(--ink);padding:clamp(28px,3vw,44px) var(--pad) calc(18px + env(safe-area-inset-bottom,0px));overflow:hidden;position:relative}
.ftr.ft3::before{display:none}
.ft3 h6{margin:0 0 14px;font-family:var(--f-mono);font-weight:400;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.ft3 ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ft3 a:hover{opacity:1}
.ft3-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;padding-bottom:clamp(30px,4vw,60px)}
.ft3-st{margin:0;font-weight:700;font-size:clamp(2rem,1rem + 3vw,4.2rem);line-height:.95;letter-spacing:-.06em}
.ft3-cols{display:grid;grid-template-columns:repeat(3,auto);gap:24px clamp(28px,5vw,80px)}
@media (max-width:640px){.ft3-cols{grid-template-columns:repeat(2,auto)}}
.ft3-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-top:24px;border-top:1px solid var(--line)}
@media (max-width:899px){.ft3-info{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ft3-info p{margin:0;line-height:1.6;font-size:14px}
.ft3 .socials{margin-top:14px}
.ft3 .socials a{box-shadow:inset 0 0 0 1px var(--line-strong)}
.ft3 .socials a:hover{background:var(--ink);color:#fff}
.ft3-mark{display:flex;justify-content:space-between;align-items:flex-end;margin-top:clamp(30px,5vw,70px);font-weight:800;font-size:15.6vw;line-height:.74;letter-spacing:-.07em;color:var(--white);white-space:nowrap;user-select:none}
.ft3-mark span{display:inline-block;will-change:letter-spacing}
.ft3-bot{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px;font-family:var(--f-mono);font-size:11px;color:var(--mute)}
.ft3-bot nav{display:flex;gap:16px;flex-wrap:wrap}
.ft3-bot a:hover{color:var(--ink)}
.ft3-top-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:11px;color:var(--ink)}
.ft3-top-btn .circ{width:30px;height:30px;background:var(--ink);color:#fff;font-size:13px}
.ft3-top-btn:hover .circ{transform:translateY(-3px)}

/* ---------- Unterseiten: Panels & Feinschliff ---------- */
.bg-mist{margin-inline:var(--inset);border-radius:var(--r-page)}
.banner{margin-inline:var(--inset)!important;border-radius:var(--r-page)}
.eyebrow{color:var(--ink)}
.eyebrow::before{content:"("}
.eyebrow::after{content:")"}
.ph .display{font-weight:700;letter-spacing:-.065em}
.card .img-wrap,.ex .ex-img,.ad-portrait,.acc-img{border-radius:var(--r-card)}
.work .frame{border-radius:var(--r-thumb)}
.ev{border-radius:0}
.bg-soft{margin-inline:var(--inset);border-radius:var(--r-page)}
#newsletter.section{margin-top:clamp(28px,4vw,64px);margin-bottom:clamp(28px,4vw,64px)}
.bg-mist.section+.ftr,.panel+.ftr,.nc.panel+.ftr,.xc.panel+.ftr{margin-top:clamp(28px,4vw,64px)}
.pst{padding-block:clamp(60px,7vw,100px)}
.hdr .btn{background:var(--ink)}

@media (prefers-reduced-motion:reduce){
  .pin-text .lt{opacity:1}
  .hs i::after,.live.open i{animation:none}
}

/* fixes */
body{overflow-x:clip!important}
.hx-title{font-size:clamp(1.9rem,1rem + 2.4vw,3.6rem);max-width:none}
.pin-after{background:var(--mist);border-radius:0 0 var(--r-page) var(--r-page)}
.pin-after::before{content:"";position:absolute;left:calc(-1 * var(--pad));right:calc(-1 * var(--pad));top:-60px;height:60px;background:linear-gradient(180deg,rgba(237,237,237,0),var(--mist))}
.crs-words{font-size:clamp(2.4rem,7.6vw,9rem)}
@media (max-width:520px){.ft3-info{grid-template-columns:1fr}}
.ft3-info p{overflow-wrap:anywhere}
@media (max-width:899px){.crs-fig{width:min(52vw,230px)}}
.eyebrow{gap:.2em}

/* =====================================================================
   GX — Die Sammlung öffnet sich (Konstellation, gepinnt)
   ===================================================================== */
.gx{position:relative;background:var(--white)}
.gx-stage{position:relative;height:100svh;min-height:680px;overflow:hidden}
.gx-cloud{position:absolute;inset:0;z-index:1}
.gx-c{position:absolute;left:50%;top:50%;width:var(--w,12vw);display:block;will-change:transform;z-index:1}
.gx-c:hover{z-index:5}
.gx-pp{display:block;transition:opacity .5s var(--ease,cubic-bezier(.2,.7,.1,1)),filter .5s}
.gx-ci{display:block;position:relative;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:var(--mist);box-shadow:0 40px 70px -40px rgba(27,27,27,.55),0 0 0 1px rgba(27,27,27,.04);transition:transform .7s cubic-bezier(.2,.7,.1,1),box-shadow .7s}
.gx-c:nth-child(3n+2) .gx-ci{aspect-ratio:3/4}
.gx-c:nth-child(3n) .gx-ci{aspect-ratio:1/1}
.gx-ci img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.1,1)}
.gx-cap{position:absolute;left:0;top:calc(100% + 10px);white-space:nowrap;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);opacity:0;transform:translateY(-6px);transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.1,1)}
.gx-c:hover .gx-ci{transform:scale(1.05);box-shadow:0 60px 90px -40px rgba(27,27,27,.6)}
.gx-c:hover .gx-ci img{transform:scale(1.08)}
.gx-c:hover .gx-cap,.gx-c:focus-visible .gx-cap{opacity:1;transform:none}
@media (hover:hover){.gx-cloud:has(.gx-c:hover) .gx-c:not(:hover) .gx-pp{opacity:.28;filter:grayscale(1)}}
.gx-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(100% - 40px,820px);text-align:center;display:grid;justify-items:center;gap:24px;z-index:3;pointer-events:none}
.gx-core a{pointer-events:auto}
.gx-h{margin:0;font-size:clamp(2.4rem,1rem + 4.4vw,5.6rem);line-height:.98;letter-spacing:-.058em;text-wrap:balance}
.gx-h .gx-l1,.gx-h .gx-l2{display:block}
.gx-h .gx-l1{font-weight:500}
.gx-h .gx-l2{font-weight:300}
.gx-h .gw{display:inline-block;color:var(--ink)}
.gx-h .gx-l2 .gw{color:var(--mute)}
.gx-p{margin:0;max-width:46ch;color:var(--ink-2);font-size:var(--s-md);line-height:1.6}
.gx-act{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.gx-bar{position:absolute;left:var(--pad,24px);right:var(--pad,24px);bottom:26px;display:flex;align-items:center;gap:18px;z-index:2;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.gx-line{flex:1;height:1px;background:var(--ghost);position:relative;overflow:hidden}
.gx-line i{position:absolute;inset:0;background:var(--ink);transform-origin:0 50%;transform:scaleX(0)}
.gx-year{color:var(--ink);font-variant-numeric:tabular-nums;min-width:4ch;text-align:right}
@media (max-width:899px){
  .gx-stage{height:auto;min-height:max(100svh,860px)}
  .gx-c{width:var(--w,28vw)}
  .gx-dm{display:none}
  .gx-core{gap:18px}
  .gx-h{font-size:clamp(2.2rem,10vw,3.4rem)}
  .gx-bar{bottom:16px}
  .gx-cap{display:none}
}

/* =====================================================================
   HERO vollflächig + sticky, Inhalt schiebt sich drüber
   ===================================================================== */
.hx{position:sticky;top:0;z-index:0;padding:0;max-height:none}
.hx-frame{border-radius:0}
.hx-dim{position:absolute;inset:0;z-index:0;background:#141210;opacity:0;pointer-events:none}
.after-hx{position:relative;z-index:2}
.after-hx::before{content:'';position:absolute;left:0;right:0;top:36px;bottom:0;background:var(--white);z-index:-1}
.after-hx>.gx{border-radius:36px 36px 0 0;box-shadow:0 -40px 80px -30px rgba(0,0,0,.35)}
@media (max-width:899px){.after-hx>.gx{border-radius:24px 24px 0 0}.after-hx::before{top:24px}}

/* =====================================================================
   PIN v2 — Statement + Werk-Rahmen
   ===================================================================== */
.pin-grid{display:grid;gap:clamp(32px,4vw,72px);align-items:center}
.pin-l{display:grid;gap:clamp(28px,4vh,48px)}
.pin-text{font-weight:500;font-size:clamp(1.9rem,1rem + 2.7vw,4.1rem);line-height:1.04;letter-spacing:-.05em}
.pin-text .lt{opacity:.16}
.pin-years{position:relative;display:flex;justify-content:space-between;max-width:520px;padding-top:18px;font-size:.74rem;letter-spacing:.1em;color:var(--mute)}
.pin-years::before,.pin-years::after{content:"";position:absolute;left:0;top:0;height:1px;background:var(--ghost);right:0}
.pin-years::after{background:var(--ink);right:auto;width:calc(var(--p,0) * 100%)}
.pin-years span{transition:color .4s}
.pin-years span.on{color:var(--ink)}
.pin-media{position:relative;aspect-ratio:4/5;width:100%;max-height:min(74svh,700px);justify-self:end;border-radius:var(--r-card);overflow:hidden;background:var(--mist-2,#e4e4e4);box-shadow:0 50px 90px -50px rgba(27,27,27,.45)}
.pm-i{position:absolute;inset:0;margin:0;clip-path:inset(100% 0 0 0);will-change:clip-path}
.pm-i:first-child{clip-path:none}
.pm-i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:50% 60%}
.pm-i figcaption{position:absolute;left:14px;right:14px;bottom:14px;display:grid;gap:3px;padding:14px 16px;border-radius:14px;color:var(--ink);background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);opacity:0;transform:translateY(12px);transition:opacity .5s,transform .6s cubic-bezier(.2,.7,.1,1)}
.pm-i.on figcaption{opacity:1;transform:none}
.pm-i figcaption b{font-weight:600;font-size:1.05rem;letter-spacing:-.02em}
.pm-i figcaption span:last-child{font-size:.88rem;color:var(--ink-2)}
.pm-i figcaption .mono{font-size:.68rem;letter-spacing:.12em;color:var(--mute)}
.pm-count{position:absolute;top:14px;right:14px;z-index:3;padding:.5em .85em;border-radius:999px;font-size:.7rem;letter-spacing:.1em;color:var(--ink);background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.pm-count b{font-weight:500}
@media (min-width:900px){.pin-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}.pin-media{width:min(100%,520px)}}
@media (max-width:899px){.pin-media{max-height:none;width:100%}}

/* =====================================================================
   HEADER volle Breite + aufgeräumtes Megamenü
   ===================================================================== */
:root{--hdr:78px;--hdr-top:0px}
.hdr{top:env(safe-area-inset-top,0px)}
.hdr-in{max-width:none;border-radius:0;padding:0 var(--pad);background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid transparent;transition:background .45s,border-color .45s,color .3s}
.hdr.scrolled .hdr-in,.hdr.mm-open .hdr-in{background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-bottom-color:rgba(27,27,27,.07)}
.hdr.hide{transform:translateY(-100%)}
.hdr .status{display:none!important}
.nav sup{display:none}
.nav>a,.nav>button{font-size:14.5px;font-weight:500}
@media (min-width:1080px){.nav{position:absolute;left:50%;transform:translateX(-50%);gap:clamp(22px,2.6vw,44px)}}
.hdr.on-dark:not(.scrolled):not(.mm-open) .nav>a,.hdr.on-dark:not(.scrolled):not(.mm-open) .nav>button{color:#fff}

.mm{top:calc(env(safe-area-inset-top,0px) + var(--hdr))}
.mm-glass{max-width:none;padding:0}
.mm-panel{border-radius:0 0 28px 28px;background:rgba(255,255,255,.9);clip-path:inset(0 0 100% 0 round 0 0 28px 28px);box-shadow:0 50px 90px -40px rgba(27,27,27,.35)}
.mm.open .mm-panel{clip-path:inset(0 0 0 0 round 0 0 28px 28px)}
.mm-panel::before{display:none}
.mm-sec{grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr) minmax(0,1fr) minmax(240px,.8fr);gap:clamp(28px,3.4vw,64px);padding:clamp(34px,3.4vw,52px) var(--pad) clamp(36px,3.6vw,56px);max-width:1680px;margin-inline:auto;align-items:start}
.mm-intro{display:grid;gap:14px;align-content:start;padding-right:clamp(0px,1vw,20px);border-right:1px solid rgba(27,27,27,.08);min-height:100%}
.mm-intro h3{margin:0;font-weight:500;font-size:clamp(1.9rem,1rem + 1.6vw,2.8rem);line-height:1;letter-spacing:-.05em}
.mm-intro p{margin:0;max-width:26ch;color:var(--ink-2);font-size:.95rem;line-height:1.55}
.mm-all{display:inline-flex;align-items:center;gap:.5em;margin-top:6px;font-size:.92rem;font-weight:500;width:max-content;border-bottom:1px solid currentColor;padding-bottom:2px}
.mm-all .arr{width:14px;transition:transform .4s var(--ease)}
.mm-all:hover .arr{transform:translateX(4px)}
.mm-col h6{margin:0 0 6px;font-size:10.5px;letter-spacing:.14em}
.mm-col h6[style]{margin-top:30px!important}
.mm-col ul{gap:0}
.mm-link,.mm-col.small .mm-link{font-size:1.04rem;font-weight:500;letter-spacing:-.02em;line-height:1.25;padding:.72em 0;border-bottom:1px solid rgba(27,27,27,.08);align-items:center;transition:padding .45s var(--ease),color .3s}
.mm-link:hover{padding-left:10px;border-color:rgba(27,27,27,.08)}
.mm-link small{font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.mm-col ul:hover .mm-link:not(:hover){color:var(--mute)}
.mm-feature{margin:0;aspect-ratio:4/5;max-height:340px;border-radius:16px;justify-self:stretch}
.mm-feature figcaption{left:10px;right:10px;bottom:10px;padding:12px 14px}
.mm-feature figcaption b{font-size:1.02rem}
.mm-foot{max-width:1680px;margin-inline:auto;padding:14px var(--pad)}
.mm-sec[data-sec="kuenstler"] .mm-col:first-of-type ul{grid-template-columns:1fr}
@media (max-width:1279px){.mm-sec{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(220px,.8fr)}.mm-intro{display:none}}

/* Hero-Video: Reserve für Parallaxe */
.hx-frame .vh-video{inset:auto;left:0;top:-9%;height:118%}
@media (min-width:768px){.pin-hold{height:150svh}}
.hdr.on-dark:not(.scrolled):not(.mm-open) .btn{background:#fff;color:var(--ink)}

/* Glas-Menüleiste (volle Breite) */
.hdr-in{background:rgba(255,255,255,.42);-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 10px 40px -24px rgba(27,27,27,.25)}
.hdr.scrolled .hdr-in,.hdr.mm-open .hdr-in{background:rgba(255,255,255,.58);-webkit-backdrop-filter:blur(28px) saturate(190%);backdrop-filter:blur(28px) saturate(190%);border-bottom-color:rgba(255,255,255,.6)}
.hdr.on-dark:not(.scrolled):not(.mm-open) .hdr-in{background:rgba(255,255,255,.1);border-bottom-color:rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 40px -24px rgba(0,0,0,.4)}
.mm-panel{background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(34px) saturate(190%);backdrop-filter:blur(34px) saturate(190%);box-shadow:0 50px 90px -40px rgba(27,27,27,.35),inset 0 1px 0 rgba(255,255,255,.7)}

/* =====================================================================
   GALERIE v3
   ===================================================================== */
/* Portal-Hero */
.gp{position:relative;background:var(--white)}
.gp-stage{position:relative;height:100svh;min-height:620px;overflow:hidden}
.gp-media{position:absolute;inset:0;z-index:0;clip-path:inset(40% 40% 40% 40% round 18px);will-change:clip-path}
.gp-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.35);transform-origin:50% 50%}
.gp-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,16,14,.35),rgba(18,16,14,0) 35%,rgba(18,16,14,0) 55%,rgba(18,16,14,.55));opacity:0}
.gp-top{position:absolute;left:var(--pad);right:var(--pad);top:calc(var(--hdr) + clamp(20px,4vh,44px));display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;z-index:2}
.gp-top .crumbs{margin:0}
.gp-h{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);margin:0;display:flex;justify-content:center;align-items:center;gap:clamp(14px,1.6vw,28px);z-index:2;font-weight:600;font-size:clamp(3rem,1rem + 7.4vw,9.6rem);line-height:.9;letter-spacing:-.07em;white-space:nowrap;pointer-events:none}
.gp-a,.gp-b{display:inline-block;overflow:hidden;padding:.12em 0 .26em;margin:-.12em 0 -.26em}
.gp-a>span,.gp-b>span{display:inline-block}
.gp-b{color:var(--mute)}
.gp-win{display:inline-block;flex:none;width:clamp(140px,18vw,300px);height:.82em;border-radius:18px}
.gp-over{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(70px,10vh,110px);z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;color:#fff;opacity:0}
.gp-over p{margin:0;max-width:24ch;font-weight:500;font-size:clamp(1.4rem,1rem + 1.4vw,2.4rem);line-height:1.08;letter-spacing:-.04em}
.gp-chips{display:flex;gap:8px;flex-wrap:wrap}
.gp-chips span{font-size:12.5px;font-weight:500;padding:.6em 1.05em;border-radius:999px;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.gp-meta{position:absolute;left:var(--pad);right:var(--pad);bottom:24px;z-index:2;display:flex;justify-content:space-between;gap:16px;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.gp-hint{display:inline-flex;align-items:center;gap:8px}
.gp-hint::after{content:"";width:1px;height:16px;background:currentColor;animation:gpHint 1.8s ease-in-out infinite;transform-origin:top}
@keyframes gpHint{0%{transform:scaleY(0)}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.after-gp{position:relative;z-index:2;background:var(--white)}
@media (max-width:767px){
  .gp-h{flex-direction:column;gap:14px;font-size:clamp(3rem,15vw,4.6rem)}
  .gp-win{width:62vw;height:40vw}
  .gp-meta span:first-child{display:none}
  .gp-over{bottom:64px}
}

/* Intro */
.gi{padding:clamp(80px,12vw,180px) 0 clamp(60px,8vw,120px)}
.gi-grid{display:grid;gap:clamp(40px,6vw,110px)}
@media (min-width:1000px){.gi-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);align-items:end}}
.gi-l{display:grid;gap:28px}
.gi-lead{margin:0;font-weight:500;font-size:clamp(1.8rem,1rem + 2.6vw,3.9rem);line-height:1.05;letter-spacing:-.05em}
.gi-lead .gw2{opacity:.14;transition:opacity .3s}
.gi-lead .gw2.on{opacity:1}
.gi-prose p{margin:0 0 1em;color:var(--ink-2);font-size:var(--s-md);line-height:1.65;max-width:52ch}
.gi-facts{margin:28px 0 0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.gi-facts div{padding:18px 0;border-bottom:1px solid var(--line)}
.gi-facts div:nth-child(odd){padding-right:16px}
.gi-facts dt{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
.gi-facts dd{margin:0;font-weight:500;font-size:1.02rem;letter-spacing:-.02em}
.gi-facts .live{display:flex;margin-top:6px;font-size:.8rem;font-weight:400}

/* Film */
.gf{padding:0 var(--inset,10px)}
.gf-frame{position:relative;height:min(92svh,980px);min-height:480px;border-radius:var(--r-page,28px);overflow:hidden;background:#2a2622;clip-path:inset(0 14% 0 14% round 28px);will-change:clip-path}
.gf-v{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover}
.gf-yt{background-size:cover;background-position:center;overflow:hidden}
.gf-yt iframe,.gf-yt #gf-player{position:absolute;top:50%;left:50%;width:max(100%,calc(112svh * 16 / 9 * 1.02));height:max(100%,calc(100% * 9 / 16));aspect-ratio:16/9;transform:translate(-50%,-50%);border:0;pointer-events:none}
.gf-cap{position:absolute;left:18px;right:18px;bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 18px;border-radius:18px;color:#fff;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.gf-cap>div:first-child{display:grid;gap:4px}
.gf-cap .mono{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.gf-cap b{font-weight:600;font-size:1.15rem;letter-spacing:-.03em}
.gf-act{display:flex;gap:8px}
.gf-btn{font:inherit;font-size:13px;font-weight:500;padding:.75em 1.2em;border-radius:999px;border:0;cursor:pointer;color:#fff;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);transition:background .3s,color .3s}
.gf-btn:hover{background:rgba(255,255,255,.28)}
.gf-btn.solid{background:#fff;color:var(--ink)}
@media (max-width:767px){.gf-frame{height:76svh}}

/* Stacking Cards */
.gs{padding:clamp(90px,12vw,170px) 0 clamp(40px,6vw,80px)}
.gs-stack{display:grid;gap:clamp(20px,3vw,40px);margin-top:clamp(30px,4vw,60px)}
.gs-card{position:sticky;top:calc(var(--hdr) + 24px + var(--i) * 18px);transform-origin:50% 0}
.gs-in{display:grid;gap:clamp(20px,3vw,48px);padding:clamp(18px,2vw,28px);border-radius:var(--r-page,28px);background:var(--mist);min-height:min(66svh,620px);box-shadow:0 -20px 60px -40px rgba(27,27,27,.35)}
.gs-c2 .gs-in{background:#fff;box-shadow:0 -20px 60px -40px rgba(27,27,27,.35),inset 0 0 0 1px var(--line)}
.gs-c3 .gs-in{background:#E3E3E3}
@media (min-width:900px){.gs-in{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
.gs-txt{display:flex;flex-direction:column;justify-content:space-between;gap:22px;padding:clamp(8px,1.6vw,26px)}
.gs-n{font-size:.8rem;letter-spacing:.1em;color:var(--mute)}
.gs-txt h3{margin:auto 0 0;font-weight:600;font-size:clamp(2.2rem,1rem + 3.6vw,5rem);line-height:.95;letter-spacing:-.06em}
.gs-txt p{margin:0;max-width:42ch;color:var(--ink-2);font-size:var(--s-md);line-height:1.6}
.gs-txt .btn{align-self:flex-start}
.gs-img{position:relative;border-radius:calc(var(--r-page,28px) - 10px);overflow:hidden;min-height:280px}
.gs-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.12)}
.gs-shade{position:absolute;inset:0;border-radius:inherit;background:#1b1b1b;opacity:0;pointer-events:none}

/* Räume */
.gr{padding:clamp(90px,12vw,170px) 0 clamp(40px,8vw,120px);overflow:hidden}
.gr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.4vw,22px);padding:0 var(--pad);margin-top:clamp(30px,4vw,60px)}
.gr-col{display:grid;gap:clamp(10px,1.4vw,22px);align-content:start;will-change:transform}
.gr-col:nth-child(2){margin-top:clamp(40px,8vw,140px)}
.gr-fig{position:relative;display:block;border-radius:var(--r-card,20px);overflow:hidden;background:var(--mist)}
.gr-fig img{width:100%;height:auto;display:block;transition:transform 1.2s cubic-bezier(.2,.7,.1,1)}
.gr-fig:hover img{transform:scale(1.06)}
.gr-plus{position:absolute;right:12px;top:12px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:20px;line-height:1;color:var(--ink);background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:scale(.6);transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.1,1)}
.gr-fig:hover .gr-plus{opacity:1;transform:none}
@media (max-width:767px){.gr-grid{grid-template-columns:1fr 1fr}.gr-col:nth-child(3){display:none}}

/* Chronik */
.gc{padding:clamp(80px,10vw,150px) var(--pad)}
.gc-grid{display:grid;gap:40px}
@media (min-width:1000px){.gc-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,110px)}.gc-l{position:sticky;top:calc(var(--hdr) + 40px);align-self:start}}
.gc-l{display:grid;gap:20px;align-content:start}
.gc-l .tt{margin:0}
.gc-big{overflow:hidden;font-weight:600;font-size:clamp(4rem,2rem + 8vw,11rem);line-height:.9;letter-spacing:-.07em;margin-top:clamp(10px,4vh,50px);font-variant-numeric:tabular-nums}
.gc-big-in{display:inline-block}
.gc-year{font-size:.75rem;letter-spacing:.12em;color:var(--mute)}
@media (max-width:999px){.gc-big,.gc-year{display:none}}
.gc-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.gc-row a{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:clamp(14px,2vw,28px);padding:clamp(18px,2.4vw,30px) 0;border-bottom:1px solid var(--line);opacity:.35;transition:opacity .5s}
.gc-row.on a,.gc-row a:hover{opacity:1}
.gc-dt{font-size:.74rem;letter-spacing:.1em;color:var(--mute);min-width:9ch}
.gc-main{display:grid;gap:6px}
.gc-main b{font-weight:600;font-size:clamp(1.3rem,1rem + 1vw,2rem);letter-spacing:-.04em;line-height:1.05}
.gc-main span{color:var(--ink-2);font-size:.95rem;line-height:1.5;max-width:46ch}
.gc-th{width:clamp(70px,8vw,120px);aspect-ratio:4/3;border-radius:12px;overflow:hidden;clip-path:inset(0 0 0 100% round 12px);transition:clip-path .7s cubic-bezier(.2,.7,.1,1)}
.gc-th img{width:100%;height:100%;object-fit:cover}
.gc-row.on .gc-th,.gc-row a:hover .gc-th{clip-path:inset(0 0 0 0 round 12px)}
.gc-row .circ{border:1px solid var(--line)}
@media (max-width:640px){.gc-row a{grid-template-columns:minmax(0,1fr) auto}.gc-dt{grid-column:1/-1}.gc-row .circ{display:none}}

/* Presse */
.gpr{padding:clamp(90px,12vw,170px) 0 clamp(50px,7vw,100px)}
.gpr-grid{display:grid;gap:clamp(14px,2vw,24px);margin-top:clamp(30px,4vw,56px)}
@media (min-width:900px){.gpr-grid{grid-template-columns:repeat(3,1fr)}}
.gpr-card{position:relative;display:grid;gap:14px;padding:12px 12px 22px;border-radius:var(--r-card,20px);background:var(--mist);transition:background .4s,transform .6s cubic-bezier(.2,.7,.1,1)}
.gpr-card:hover{background:#e6e6e6;transform:translateY(-6px)}
.gpr-img{display:block;border-radius:14px;overflow:hidden;aspect-ratio:16/10}
.gpr-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.1,1)}
.gpr-card:hover .gpr-img img{transform:scale(1.06)}
.gpr-meta{display:flex;justify-content:space-between;gap:10px;padding:0 8px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.gpr-card b{padding:0 56px 0 8px;font-weight:600;font-size:1.2rem;line-height:1.2;letter-spacing:-.03em}
.gpr-card .circ{position:absolute;right:18px;bottom:18px;background:#fff}
.gpr-all{margin-top:28px}

/* Besuch */
.gv{padding:clamp(40px,6vw,90px) var(--inset,10px) clamp(28px,4vw,64px)}
.gv-frame{position:relative;min-height:min(86svh,860px);border-radius:var(--r-page,28px);overflow:hidden;background:#222;display:flex;align-items:flex-end;clip-path:inset(8% 6% 0 6% round 28px)}
.gv-img{position:absolute;inset:0}
.gv-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.15)}
.gv-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,18,16,.1),rgba(20,18,16,.55))}
.gv-in{position:relative;z-index:1;width:100%;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;padding:clamp(20px,3vw,44px)}
.gv-h{margin:0;color:#fff;font-weight:600;font-size:clamp(3rem,1rem + 7vw,9rem);line-height:.88;letter-spacing:-.07em}
.gv-h span{display:block}
.gv-h span:last-child{color:rgba(255,255,255,.55)}
.gv-card{display:grid;gap:18px;width:min(100%,450px);padding:22px;border-radius:22px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.gv-card dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.gv-card dt{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
.gv-card dd{margin:0;font-weight:500;line-height:1.35}
.gv-act{display:flex;gap:8px;flex-wrap:wrap}

/* Räume — kompaktes Karussell */
.gr{padding:clamp(80px,10vw,150px) 0 clamp(40px,6vw,90px);overflow:hidden}
.rc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.rc-head .tt{margin:14px 0 0}
.rc-ctl{display:flex;align-items:center;gap:10px}
.rc-count{font-size:.74rem;letter-spacing:.1em;color:var(--mute);margin-right:8px}
.rc-count b{color:var(--ink);font-weight:500}
.rc-btn{width:52px;height:52px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background .3s,color .3s,transform .4s cubic-bezier(.2,.7,.1,1)}
.rc-btn svg{width:18px}
.rc-btn:hover{background:var(--ink);color:#fff}
.rc-btn:active{transform:scale(.92)}
.rc-btn:disabled{opacity:.35;pointer-events:none}
.rc-track{list-style:none;margin:clamp(26px,3vw,44px) 0 0;padding:0 var(--pad);display:flex;gap:clamp(10px,1.2vw,18px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none}
.rc-track::-webkit-scrollbar{display:none}
.rc-track.drag{cursor:grabbing;scroll-snap-type:none}
.rc-track.drag .rc-fig{pointer-events:none}
.rc-s{flex:none;height:clamp(240px,30vw,430px);aspect-ratio:var(--ar);max-width:82vw;scroll-snap-align:start}
.rc-fig{position:relative;display:block;width:100%;height:100%;border-radius:var(--r-card,20px);overflow:hidden;background:var(--mist)}
.rc-fig img{position:absolute;inset:0 -8%;width:116%;height:100%;max-width:none;object-fit:cover;transition:scale 1.1s cubic-bezier(.2,.7,.1,1);will-change:transform}
.rc-fig:hover img{scale:1.05}
.rc-n{position:absolute;left:12px;bottom:12px;padding:.4em .75em;border-radius:999px;font-size:.66rem;letter-spacing:.1em;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.rc-plus{position:absolute;right:12px;top:12px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:20px;line-height:1;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:scale(.6);transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.1,1)}
.rc-fig:hover .rc-plus{opacity:1;transform:none}
.rc-foot{display:flex;align-items:center;gap:20px;margin-top:22px}
.rc-bar{flex:1;height:1px;background:var(--ghost);position:relative;overflow:hidden}
.rc-bar i{position:absolute;inset:0;background:var(--ink);transform-origin:0 50%;transform:scaleX(.1)}
.rc-hint{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
@media (max-width:640px){.rc-btn{width:44px;height:44px}.rc-hint{display:none}.rc-s{height:min(62vw,300px)}}

/* =====================================================================
   KONTAKT v3
   ===================================================================== */
.kh{padding:var(--inset,10px);padding-top:calc(var(--hdr) + var(--inset,10px))}
.kh-frame{position:relative;border-radius:var(--r-page,28px);background:var(--mist);overflow:hidden;isolation:isolate;padding:clamp(40px,6vw,100px) 0 clamp(36px,5vw,80px)}
.kh-frame::before{content:"";position:absolute;width:70vw;height:70vw;max-width:1000px;max-height:1000px;right:-20%;top:-40%;border-radius:50%;background:radial-gradient(circle,#fff 0%,rgba(255,255,255,0) 65%);z-index:-1;animation:blobA 16s ease-in-out infinite alternate}
.kh-grid{display:grid;gap:clamp(36px,5vw,80px);align-items:end}
@media (min-width:1000px){.kh-grid{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr)}}
.kh-l{display:grid;gap:20px;align-content:end}
.kh-l .crumbs{margin:0}
.kh-h{margin:clamp(10px,3vh,40px) 0 0;font-weight:600;font-size:clamp(3.2rem,1rem + 8vw,10rem);line-height:.88;letter-spacing:-.07em}
.kh-h .lm{display:inline-block;overflow:hidden;padding:.12em 0 .26em;margin:-.12em 0 -.26em}
.kh-h .lm>span{display:inline-block}
.kh-h .mut{color:var(--mute)}
.kh-p{margin:0;max-width:40ch;color:var(--ink-2);font-size:var(--s-md);line-height:1.6}
.kh-card{display:grid;gap:22px;padding:clamp(20px,2.4vw,30px);border-radius:24px;background:rgba(255,255,255,.66);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);box-shadow:0 40px 80px -50px rgba(27,27,27,.4),inset 0 1px 0 rgba(255,255,255,.9)}
.kh-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.kh-live{display:inline-flex;align-items:center;gap:10px;padding:.55em .95em;border-radius:999px;background:#fff;font-size:.9rem;box-shadow:inset 0 0 0 1px var(--line)}
.kh-live i{width:9px;height:9px;border-radius:50%;background:#B9B9B9;position:relative}
.kh-live.open i{background:#2BB673}
.kh-live.open i::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid #2BB673;animation:khPulse 1.8s ease-out infinite}
@keyframes khPulse{from{transform:scale(.5);opacity:1}to{transform:scale(1.6);opacity:0}}
.kh-live b{font-weight:500}
.kh-clock{font-size:.8rem;letter-spacing:.08em;color:var(--mute)}
.kh-next{display:grid;gap:6px}
.kh-next .mono{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.kh-cd{font-weight:600;font-size:clamp(2rem,1.2rem + 2vw,3.2rem);line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.kw{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.kw-d{display:grid;justify-items:center;gap:8px;padding:12px 0 10px;border-radius:14px;background:rgba(27,27,27,.04);font-size:.7rem;color:var(--mute);transition:background .4s,color .4s,transform .5s cubic-bezier(.2,.7,.1,1)}
.kw-d .mono{font-size:.72rem;letter-spacing:.06em}
.kw-d i{width:6px;height:6px;border-radius:50%;background:var(--ghost)}
.kw-d em{font-style:normal;font-size:.66rem}
.kw-d.open{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.kw-d.open i{background:var(--ink)}
.kw-d.today{background:var(--ink);color:#fff;transform:translateY(-4px)}
.kw-d.today i{background:#fff}
.kw-d.today.open i{background:#2BB673}
.kh-note{margin:0;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}

.kc{padding:clamp(60px,8vw,120px) 0 clamp(30px,5vw,60px)}
.kc-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.kc-row{position:relative;border-bottom:1px solid var(--line);overflow:hidden}
.kc-row>a{position:relative;display:grid;grid-template-columns:minmax(150px,.5fr) minmax(0,1.6fr) minmax(0,.9fr) auto;align-items:center;gap:clamp(14px,2vw,32px);padding:clamp(22px,3vw,40px) clamp(4px,1vw,14px);z-index:1;transition:color .5s}
.kc-row>a::before{content:"";position:absolute;inset:0;background:var(--ink);transform:scaleY(0);transform-origin:50% 100%;transition:transform .6s cubic-bezier(.2,.7,.1,1);z-index:-1;border-radius:0}
.kc-row:hover>a{color:#fff}
.kc-row:hover>a::before{transform:scaleY(1);transform-origin:50% 0}
.kc-n{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);transition:color .5s}
.kc-row:hover .kc-n,.kc-row:hover .kc-sub{color:rgba(255,255,255,.6)}
.kc-v{font-weight:600;font-size:clamp(1.6rem,1rem + 2.4vw,3.6rem);line-height:1;letter-spacing:-.055em;overflow-wrap:anywhere}
.kc-sub{color:var(--ink-2);font-size:.92rem;line-height:1.45;transition:color .5s}
.kc-ar{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);transition:transform .6s cubic-bezier(.2,.7,.1,1),background .4s,border-color .4s}
.kc-ar svg{width:20px}
.kc-row:hover .kc-ar{background:#fff;color:var(--ink);border-color:#fff;transform:rotate(45deg)}
.kc-copy{position:absolute;right:clamp(80px,7vw,110px);top:50%;transform:translateY(-50%);z-index:2;font:inherit;font-family:var(--f-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;padding:.6em .9em;border-radius:999px;border:0;cursor:pointer;background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);opacity:0;transition:opacity .4s}
.kc-row:hover .kc-copy{opacity:1}
@media (max-width:899px){.kc-row>a{grid-template-columns:minmax(0,1fr) auto;gap:8px 16px}.kc-n{grid-column:1/-1}.kc-sub{grid-column:1}.kc-ar{grid-row:2/4;grid-column:2;width:46px;height:46px}.kc-copy{display:none}}

.kv{padding:clamp(70px,9vw,140px) 0}
.kv-grid{display:grid;gap:clamp(36px,5vw,90px);align-items:center}
@media (min-width:1000px){.kv-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}
.kv-l{display:grid;gap:22px}
.kv-l .tt{margin:0}
.kv-dl{margin:10px 0 0;border-top:1px solid var(--line)}
.kv-dl div{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
.kv-dl dt{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);padding-top:4px}
.kv-dl dd{margin:0;font-weight:500;line-height:1.45}
.kv-act{display:flex;gap:10px;flex-wrap:wrap}
.kv-r{position:relative}
.kv-img{position:relative;border-radius:var(--r-page,28px);overflow:hidden;aspect-ratio:4/3;clip-path:inset(12% 12% 12% 12% round 28px)}
.kv-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.3)}
.kv-tag{position:absolute;left:18px;bottom:18px;display:grid;gap:4px;padding:14px 18px;border-radius:16px;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}
.kv-tag .mono{font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.kv-tag b{font-weight:600;font-size:1.15rem;letter-spacing:-.03em}

.kf{padding:clamp(70px,9vw,140px) 0;background:var(--mist);margin:0 var(--inset,10px);border-radius:var(--r-page,28px)}
.kf-grid{display:grid;gap:clamp(36px,5vw,90px)}
@media (min-width:1000px){.kf-grid{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.kf-l{position:sticky;top:calc(var(--hdr) + 30px);align-self:start}}
.kf-l{display:grid;gap:20px;align-content:start}
.kf-l .tt{margin:0}
.kf-p{margin:0;color:var(--ink-2);font-size:var(--s-md);line-height:1.6;max-width:36ch}
.kf-img{border-radius:20px;overflow:hidden;aspect-ratio:4/3;margin-top:10px}
.kf-img img{width:100%;height:100%;object-fit:cover}
@media (max-width:999px){.kf-img{display:none}}
.kf-form{position:relative;display:grid;gap:18px;padding:clamp(20px,3vw,40px);border-radius:24px;background:#fff;box-shadow:0 50px 90px -60px rgba(27,27,27,.4)}
.kt{border:0;margin:0 0 6px;padding:0}
.kt legend{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:14px}
.kt-chips{display:flex;flex-wrap:wrap;gap:8px}
.wz-hint{font-style:normal;text-transform:none;letter-spacing:.04em;color:var(--mute);margin-left:8px}
.kt-chip{position:relative;cursor:pointer}
.kt-chip input{position:absolute;opacity:0;pointer-events:none}
.kt-chip span{display:inline-block;padding:.75em 1.15em;border-radius:999px;font-size:.92rem;font-weight:500;background:var(--mist);transition:background .35s,color .35s,transform .4s cubic-bezier(.2,.7,.1,1)}
.kt-chip:hover span{transform:translateY(-2px)}
.kt-chip input:checked+span{background:var(--ink);color:#fff}
.kt-chip input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}
.kf-2{display:grid;gap:18px}
@media (min-width:640px){.kf-2{grid-template-columns:1fr 1fr}}
.ff{position:relative;display:grid}
.ff input,.ff textarea{font:inherit;font-size:1.02rem;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--ghost);border-radius:0;padding:26px 0 10px;outline:none;transition:border-color .4s;resize:vertical}
.ff label{position:absolute;left:0;top:26px;color:var(--mute);font-size:1rem;pointer-events:none;transform-origin:0 0;transition:transform .45s cubic-bezier(.2,.7,.1,1),color .3s}
.ff input:focus+label,.ff input:not(:placeholder-shown)+label,.ff textarea:focus+label,.ff textarea:not(:placeholder-shown)+label{transform:translateY(-22px) scale(.74);color:var(--ink)}
.ff::after{content:"";position:absolute;left:0;right:0;top:calc(100% - 1px);height:1px;background:var(--ink);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s cubic-bezier(.2,.7,.1,1)}
.ff:has(textarea)::after{top:auto;bottom:0}
.ff:focus-within::after{transform:scaleX(1)}
.ff .err{position:absolute;right:0;top:4px;font-size:.72rem;color:#B3261E}
.kf-check{margin:4px 0 0}
.kf-check a{color:inherit}
.kf-send{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:6px}
.kf-send .form-note{margin:0;color:var(--mute);font-size:.9rem}
.kf-ok{position:absolute;inset:0;border-radius:inherit;background:#fff;display:grid;place-content:center;justify-items:center;gap:12px;text-align:center;padding:30px;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}
.kf-form.sent .kf-ok{opacity:1;visibility:visible}
.kf-ok b{font-weight:600;font-size:clamp(1.6rem,1rem + 1.6vw,2.4rem);letter-spacing:-.05em}
.kf-ok>span:not(.kf-ok-ic){color:var(--ink-2)}
.kf-ok-ic svg{width:64px;height:64px;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.kf-ok-ic circle{stroke-dasharray:151;stroke-dashoffset:151}
.kf-ok-ic path{stroke-dasharray:40;stroke-dashoffset:40}
.kf-form.sent .kf-ok-ic circle{transition:stroke-dashoffset .9s cubic-bezier(.65,0,.35,1) .1s;stroke-dashoffset:0}
.kf-form.sent .kf-ok-ic path{transition:stroke-dashoffset .5s cubic-bezier(.65,0,.35,1) .8s;stroke-dashoffset:0}
.kf-ok .btn{margin-top:10px}

.km{padding:clamp(50px,7vw,100px) 0 clamp(20px,3vw,40px)}
.km-m{border:0}
.km-m .marquee-track>span{font-weight:600;font-size:clamp(3rem,1.4rem + 6vw,8rem);line-height:1;letter-spacing:-.065em;padding:0 .35em}
.km-m .marquee-track>span.mut{color:var(--ghost)}
.km-m .marquee-track>i{display:inline-block;align-self:center;width:.5em;height:.5em;border-radius:50%;background:var(--ink);font-size:clamp(1.2rem,1rem + 1.4vw,2.4rem)}

/* =====================================================================
   BEWERBUNG v3
   ===================================================================== */
.bh{padding:calc(var(--hdr) + clamp(30px,5vw,70px)) 0 clamp(60px,8vw,120px);overflow:hidden}
.bh-grid{display:grid;gap:clamp(40px,5vw,80px);align-items:center}
@media (min-width:1000px){.bh-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}
.bh-l{display:grid;gap:20px}
.bh-l .crumbs{margin:0}
.bh-h{margin:clamp(6px,2vh,24px) 0 0;font-weight:600;font-size:clamp(3rem,1rem + 6.6vw,8.6rem);line-height:.9;letter-spacing:-.07em}
.bh-h .lm{display:inline-block;overflow:hidden;padding:.12em 0 .26em;margin:-.12em 0 -.26em}
.bh-h .lm>span{display:inline-block}
.bh-h .mut{color:var(--mute)}
.bh-p{margin:0;max-width:44ch;color:var(--ink-2);font-size:var(--s-md);line-height:1.6}
.bh-act{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.bh-r{position:relative;height:clamp(380px,46vw,600px)}
.bh-fan{position:absolute;inset:0;perspective:1200px}
.bh-c{position:absolute;left:50%;top:50%;width:clamp(150px,16vw,230px);aspect-ratio:4/5;margin:0;border-radius:18px;overflow:hidden;background:var(--mist);box-shadow:0 40px 70px -40px rgba(27,27,27,.55);will-change:transform}
.bh-c img{width:100%;height:100%;object-fit:cover}
.bh-you{display:grid;place-content:center;justify-items:center;gap:6px;background:rgba(255,255,255,.75);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1.5px dashed rgba(27,27,27,.35);box-shadow:0 40px 70px -40px rgba(27,27,27,.35);text-align:center;z-index:5}
.bh-plus{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:28px;line-height:1;background:var(--ink);color:#fff;animation:bhPulse 2.4s ease-in-out infinite}
@keyframes bhPulse{0%,100%{box-shadow:0 0 0 0 rgba(27,27,27,.25)}50%{box-shadow:0 0 0 14px rgba(27,27,27,0)}}
.bh-you b{font-weight:600;font-size:1.3rem;letter-spacing:-.03em;margin-top:6px}
.bh-you .mono{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
@media (max-width:999px){.bh-r{height:340px}.bh-c{width:150px}}

.bf{padding:clamp(70px,9vw,130px) 0}
.bf-list{position:relative;list-style:none;margin:clamp(30px,4vw,60px) 0 0;padding:0;display:grid;gap:clamp(16px,2vw,28px)}
@media (min-width:900px){.bf-list{grid-template-columns:repeat(4,1fr)}}
.bf-line{position:absolute;left:0;right:0;top:27px;height:1px;background:var(--ghost);display:none}
.bf-line i{position:absolute;inset:0;background:var(--ink);transform-origin:0 50%;transform:scaleX(0)}
@media (min-width:900px){.bf-line{display:block}}
.bf-i{position:relative;display:grid;gap:12px;align-content:start}
.bf-n{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:.8rem;background:#fff;box-shadow:inset 0 0 0 1px var(--line);transition:background .5s,color .5s,box-shadow .5s;position:relative;z-index:1}
.bf-i.on .bf-n{background:var(--ink);color:#fff;box-shadow:none}
.bf-i b{font-weight:600;font-size:clamp(1.3rem,1rem + .9vw,1.9rem);letter-spacing:-.045em;line-height:1.05;margin-top:8px}
.bf-i p{margin:0;color:var(--ink-2);line-height:1.55;max-width:30ch}

.bn{padding:0 0 clamp(70px,9vw,130px)}
.bn-grid{display:grid;gap:clamp(12px,1.6vw,20px)}
@media (min-width:900px){.bn-grid{grid-template-columns:1.1fr .9fr}}
.bn-card{display:grid;gap:22px;align-content:space-between;padding:clamp(24px,3vw,44px);border-radius:var(--r-page,28px);background:var(--mist);min-height:300px}
.bn-card>.mono{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.bn-big{margin:0;font-weight:600;font-size:clamp(1.8rem,1rem + 2.4vw,3.6rem);line-height:1.02;letter-spacing:-.055em}
.bn-big .mut{color:var(--mute)}
.bn-b{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.bn-list{list-style:none;margin:0;padding:0;display:grid}
.bn-list li{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);font-weight:500}
.bn-list li:last-child{border-bottom:0}
.bn-ck{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--mist);transition:background .4s}
.bn-ck svg{width:14px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .6s cubic-bezier(.65,0,.35,1),stroke .3s}
.bn-list li.on .bn-ck{background:var(--ink)}
.bn-list li.on .bn-ck svg{stroke:#fff;stroke-dashoffset:0}

/* Wizard */
.wz-sec{padding:clamp(70px,9vw,130px) 0;background:var(--mist);margin:0 var(--inset,10px);border-radius:var(--r-page,28px)}
.wz{position:relative;display:grid;gap:clamp(14px,2vw,24px);margin-top:clamp(30px,4vw,56px)}
@media (min-width:1000px){.wz{grid-template-columns:280px minmax(0,1fr)}}
.wz-nav{display:grid;gap:22px;align-content:start;padding:clamp(18px,2vw,26px);border-radius:24px;background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
@media (min-width:1000px){.wz-nav{position:sticky;top:calc(var(--hdr) + 24px);align-self:start}}
.wz-ring{position:relative;width:120px;height:120px;display:grid;place-content:center;justify-items:center;margin:0 auto}
.wz-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}
.wz-ring circle{fill:none;stroke:var(--ghost);stroke-width:4}
.wz-ring .wz-ring-p{stroke:var(--ink);stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:326.7;transition:stroke-dashoffset .8s cubic-bezier(.2,.7,.1,1)}
.wz-ring b{font-weight:600;font-size:1.7rem;letter-spacing:-.04em;line-height:1}
.wz-ring .mono{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.wz-steps{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.wz-s{display:flex;align-items:center;gap:12px;padding:10px 10px;border-radius:14px;cursor:pointer;color:var(--mute);transition:background .3s,color .3s}
.wz-s:hover{background:rgba(27,27,27,.04)}
.wz-s.on{background:#fff;color:var(--ink);box-shadow:0 10px 30px -20px rgba(27,27,27,.35)}
.wz-s.done{color:var(--ink)}
.wz-dot{position:relative;flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--ghost);font-size:.66rem;transition:background .4s,box-shadow .4s}
.wz-dot i{font-style:normal}
.wz-dot svg{position:absolute;width:14px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.wz-s.on .wz-dot{box-shadow:inset 0 0 0 1.5px var(--ink)}
.wz-s.done .wz-dot{background:var(--ink);box-shadow:none}
.wz-s.done .wz-dot i{opacity:0}
.wz-s.done .wz-dot svg{opacity:1}
.wz-s b{font-weight:500;font-size:.98rem}
.wz-save{margin:0;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);text-align:center;transition:color .3s}
.wz-save.flash{color:var(--ink)}
@media (max-width:999px){.wz-nav{grid-template-columns:auto 1fr;align-items:center}.wz-ring{width:84px;height:84px;margin:0}.wz-ring b{font-size:1.2rem}.wz-steps{grid-auto-flow:column;gap:6px}.wz-s{justify-content:center;padding:6px}.wz-s b{display:none}.wz-save{grid-column:1/-1}}
.wz-main{position:relative;display:grid;grid-template-rows:auto 1fr auto;border-radius:24px;background:#fff;box-shadow:0 50px 90px -60px rgba(27,27,27,.4);overflow:hidden;min-height:560px}
.wz-bar{height:3px;background:var(--mist)}
.wz-bar i{display:block;height:100%;background:var(--ink);width:20%;transition:width .8s cubic-bezier(.2,.7,.1,1)}
.wz-panes{position:relative;padding:clamp(22px,3.4vw,48px)}
.wz-p{display:none;border:0;margin:0;padding:0;min-width:0;gap:22px}
.wz-p.on{display:grid}
.wz-h{display:grid;gap:8px;padding:0;margin-bottom:10px;font-weight:600;font-size:clamp(1.9rem,1rem + 2vw,3rem);letter-spacing:-.055em;line-height:1}
.wz-h .mono{font-size:.68rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.wz-g{display:grid;gap:12px}
.wz-l{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.wz-g .err,.wz-p>.err{font-size:.76rem;color:#B3261E;min-height:1em}
.wz-count{position:absolute;right:0;bottom:-20px;font-size:.62rem;letter-spacing:.08em;color:var(--mute)}
.wz-drop{position:relative;display:grid;justify-items:center;gap:10px;padding:clamp(30px,4vw,54px) 20px;border-radius:20px;border:1.5px dashed rgba(27,27,27,.25);background:var(--mist);text-align:center;cursor:pointer;transition:background .3s,border-color .3s,transform .4s cubic-bezier(.2,.7,.1,1)}
.wz-drop:hover{border-color:var(--ink)}
.wz-drop.drag{background:#fff;border-color:var(--ink);transform:scale(1.01)}
.wz-drop-ic{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 14px 30px -18px rgba(27,27,27,.4);transition:transform .5s cubic-bezier(.2,.7,.1,1)}
.wz-drop:hover .wz-drop-ic,.wz-drop.drag .wz-drop-ic{transform:translateY(-6px)}
.wz-drop-ic svg{width:26px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wz-drop b{font-weight:600;font-size:1.2rem;letter-spacing:-.03em}
.wz-drop .mono{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.wz-works{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.wz-w{display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px;border-radius:16px;background:var(--mist)}
.wz-w figure{margin:0;width:86px;height:86px;border-radius:12px;overflow:hidden;background:#ddd}
.wz-w figure img{width:100%;height:100%;object-fit:cover}
.wz-w-f{display:grid;grid-template-columns:1.4fr .6fr 1fr 1.2fr;gap:8px}
.wz-w-f input{font:inherit;font-size:.88rem;min-width:0;padding:10px 12px;border-radius:10px;border:1px solid transparent;background:#fff;outline:none;transition:border-color .3s}
.wz-w-f input:focus{border-color:var(--ink)}
.wz-w-x{width:36px;height:36px;border-radius:50%;border:0;background:#fff;cursor:pointer;font-size:18px;line-height:1;transition:background .3s,color .3s}
.wz-w-x:hover{background:var(--ink);color:#fff}
.wz-w .mono{font-size:.62rem;letter-spacing:.1em;color:var(--mute)}
@media (max-width:760px){.wz-w{grid-template-columns:64px minmax(0,1fr) auto}.wz-w figure{width:64px;height:64px}.wz-w-f{grid-template-columns:1fr 1fr}}
.wz-pdf-btn{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:background .3s}
.wz-pdf-btn:hover{background:var(--mist)}
.wz-pdf-btn .mono{flex:none;width:44px;height:44px;border-radius:10px;display:grid;place-items:center;font-size:.7rem;background:var(--ink);color:#fff}
.wz-pdf-btn b{font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wz-pdf-x{font-size:.8rem;color:var(--mute);text-decoration:underline}
.wz-foot{display:flex;align-items:center;gap:12px;justify-content:flex-end;padding:18px clamp(22px,3.4vw,48px);border-top:1px solid var(--line)}
.wz-foot [data-wz-prev]{margin-right:auto}
.wz-foot [data-wz-prev] svg{width:16px}
.wz-hint{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
@media (max-width:640px){.wz-hint{display:none}}
.wz-sum{display:grid;gap:14px}
.wz-sum-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}
.wz-sum-g img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}
.wz-sum dl{margin:0;display:grid;border-top:1px solid var(--line)}
.wz-sum dl>div{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:14px;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--line)}
.wz-sum dt{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);font-family:var(--f-mono)}
.wz-sum dd{margin:0;font-weight:500;overflow-wrap:anywhere}
.wz-sum button{font:inherit;font-size:.8rem;border:0;background:none;color:var(--mute);text-decoration:underline;cursor:pointer}
@media (max-width:640px){.wz-sum dl>div{grid-template-columns:1fr auto}.wz-sum dt{grid-column:1/-1}}
.wz-done{position:absolute;inset:0;border-radius:24px;background:#fff;display:none;place-content:center;justify-items:center;gap:16px;text-align:center;padding:30px;z-index:5}
.wz.sent .wz-done{display:grid}
.wz-done .wz-done-g{display:flex;justify-content:center;margin-bottom:8px}
.wz-done .wz-done-g img{width:74px;height:92px;object-fit:cover;border-radius:10px;margin:0 -10px;box-shadow:0 20px 40px -20px rgba(27,27,27,.5);border:3px solid #fff}
.wz-done h3{margin:0;font-weight:600;font-size:clamp(2rem,1rem + 2.6vw,3.6rem);letter-spacing:-.06em;line-height:1}
.wz-done p{margin:0;max-width:44ch;color:var(--ink-2);line-height:1.6}
.wz-done .mono{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}

.bq{padding:clamp(70px,9vw,130px) 0}
.bq-grid{display:grid;gap:clamp(24px,4vw,60px)}
@media (min-width:1000px){.bq-grid{grid-template-columns:.8fr 1.2fr}}
.bq-acc .acc-in.bq-in{display:block}
.bq-in p{margin:0;max-width:60ch;color:var(--ink-2);line-height:1.65}
.bq-acc .acc-h{grid-template-columns:44px minmax(0,1fr) 36px}

.ba{padding:0 var(--inset,10px) clamp(28px,4vw,64px)}
.ba-frame{position:relative;min-height:min(70svh,640px);border-radius:var(--r-page,28px);overflow:hidden;display:flex;align-items:flex-end}
.ba-img{position:absolute;inset:0}
.ba-img img{width:100%;height:100%;object-fit:cover}
.ba-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,18,16,0) 30%,rgba(20,18,16,.7))}
.ba-in{position:relative;display:grid;gap:16px;justify-items:start;padding:clamp(22px,3.4vw,48px);color:#fff}
.ba-in .mono{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.ba-in h2{margin:0;font-weight:600;font-size:clamp(2.2rem,1rem + 3.4vw,4.8rem);line-height:.95;letter-spacing:-.06em;max-width:15ch}
.ba-in h2 .nw{display:inline-block;white-space:nowrap}
.ba-in p{margin:0;max-width:46ch;color:rgba(255,255,255,.82);font-size:var(--s-md);line-height:1.5}
.ba-img img{object-position:50% 38%}
.ba-in .btn{background:#fff;color:var(--ink)}
@media (max-width:999px){.wz-nav{gap:14px;padding:14px}.wz-steps{gap:2px;justify-content:start}.wz-s{padding:4px}.wz-dot{width:28px;height:28px}.wz-ring{width:72px;height:72px}.wz-ring .mono{display:none}}

/* =====================================================================
   KONTAKT v3.1 — Split-Screen
   ===================================================================== */
.kx{position:relative;display:grid}
@media (min-width:1000px){.kx{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}
.kx-media{position:relative;height:min(78svh,720px);margin:10px;border-radius:var(--r-page,28px);overflow:hidden;background:#2a2622;color:#fff;isolation:isolate}
@media (min-width:1000px){.kx-media{position:sticky;top:10px;height:calc(100svh - 20px)}}
.kx-vid{position:absolute;inset:0;z-index:-2}
.kx-vid video{width:100%;height:100%;object-fit:cover;transform-origin:50% 50%}
.kx-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(18,16,14,.55) 0%,rgba(18,16,14,.05) 32%,rgba(18,16,14,.05) 55%,rgba(18,16,14,.7) 100%)}
.kx-mtop{position:absolute;left:24px;right:24px;top:calc(var(--hdr) + 6px);display:flex;justify-content:space-between;gap:12px;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;opacity:.85}
.kx-live{position:absolute;left:20px;top:calc(var(--hdr) + 40px);display:grid;gap:14px;padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);min-width:230px}
.kx-live .kh-live{background:rgba(255,255,255,.92);color:var(--ink);justify-self:start}
.kx-cd{display:grid;gap:4px}
.kx-cd .mono{font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.kx-cd b{font-weight:600;font-size:clamp(2rem,1.2rem + 1.8vw,3rem);letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.kx-mbig{position:absolute;left:22px;right:22px;bottom:18px;display:grid;font-weight:600;font-size:clamp(3.4rem,1rem + 6.4vw,8.4rem);line-height:.86;letter-spacing:-.07em}
.kx-mbig span:last-child{color:rgba(255,255,255,.5)}
.kx-body{display:grid;gap:clamp(48px,6vw,80px);padding:clamp(28px,4vw,60px) var(--pad) clamp(60px,8vw,110px);max-width:760px;width:100%;margin-inline:auto}
@media (min-width:1000px){.kx-body{padding-top:calc(var(--hdr) + clamp(30px,5vh,70px))}}
.kx-head{display:grid;gap:18px}
.kx-head .crumbs{margin:0}
.kx-h{margin:0;font-weight:600;font-size:clamp(3rem,1rem + 5vw,6.6rem);line-height:.9;letter-spacing:-.07em}
.kx-h .lm{display:inline-block;overflow:hidden;padding:.12em 0 .26em;margin:-.12em 0 -.26em}
.kx-h .lm>span{display:inline-block}
.kx-h .mut{color:var(--mute)}
.kx-p{margin:0;max-width:42ch;color:var(--ink-2);font-size:var(--s-md);line-height:1.6}
.kx-quick{display:grid;gap:8px;margin-top:calc(-1 * clamp(16px,2vw,30px))}
.kq-w{position:relative}
.kq{position:relative;display:flex;align-items:center;gap:16px;padding:14px 18px 14px 14px;border-radius:20px;background:var(--mist);overflow:hidden;isolation:isolate;transition:color .45s}
.kq::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);clip-path:circle(0% at 0% 50%);transition:clip-path .7s cubic-bezier(.2,.7,.1,1)}
.kq:hover{color:#fff}
.kq:hover::before{clip-path:circle(150% at 0% 50%)}
.kq-ic{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--ink);transition:transform .6s cubic-bezier(.2,.7,.1,1)}
.kq:hover .kq-ic{transform:rotate(-12deg) scale(1.06)}
.kq-ic svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.kq-t{display:grid;gap:3px;min-width:0}
.kq-t .mono{font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);transition:color .45s}
.kq:hover .kq-t .mono{color:rgba(255,255,255,.6)}
.kq-t b{font-weight:600;font-size:clamp(1.1rem,.9rem + .8vw,1.5rem);letter-spacing:-.035em;overflow-wrap:anywhere;line-height:1.15}
.kq-copy{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:2;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;padding:.7em 1em;border-radius:999px;border:0;cursor:pointer;background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);transition:background .3s,color .3s}
.kq-copy:hover{background:var(--ink);color:#fff}
@media (max-width:560px){.kq-copy{display:none}}
.kx-block{display:grid;gap:22px;scroll-margin-top:calc(var(--hdr) + 20px)}
.kx-bh{display:flex;align-items:baseline;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.kx-bh .mono{font-size:.72rem;letter-spacing:.1em;color:var(--mute)}
.kx-bh h2{margin:0;font-weight:600;font-size:clamp(1.6rem,1rem + 1.4vw,2.4rem);letter-spacing:-.05em}
.kx-form{background:var(--mist);box-shadow:none}
.kx-seg{position:relative;display:flex;flex-wrap:wrap;gap:6px}
.kx-seg .kt-chip span{background:#fff;position:relative;z-index:1;transition:color .35s,background .35s}
.kx-seg.js .kt-chip input:checked+span{background:transparent;color:#fff}
.kx-pill{position:absolute;left:0;top:0;width:0;height:0;border-radius:999px;background:var(--ink);z-index:0;transition:transform .55s cubic-bezier(.2,.7,.1,1),width .55s cubic-bezier(.2,.7,.1,1),height .3s;pointer-events:none}
.kx-form .ff input,.kx-form .ff textarea{border-bottom-color:rgba(27,27,27,.16)}
.kx-dl{margin:0;display:grid;border-top:1px solid var(--line)}
.kx-dl div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding:15px 0;border-bottom:1px solid var(--line)}
.kx-dl dt{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);padding-top:3px}
.kx-dl dd{margin:0;font-weight:500;line-height:1.45}
.kx-route{position:relative;display:block;aspect-ratio:16/9;border-radius:22px;overflow:hidden;color:#fff}
.kx-route-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.1,1)}
.kx-route:hover .kx-route-img img{transform:scale(1.06)}
.kx-route::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.55))}
.kx-route-cap{position:absolute;left:18px;bottom:16px;z-index:1;display:grid;gap:4px}
.kx-route-cap .mono{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.kx-route-cap b{font-weight:600;font-size:1.3rem;letter-spacing:-.03em}
.kx-route .circ{position:absolute;right:16px;bottom:16px;z-index:1;background:#fff;color:var(--ink);transition:transform .6s cubic-bezier(.2,.7,.1,1)}
.kx-route:hover .circ{transform:rotate(45deg)}
.kx .kw-d{background:var(--mist)}
.kx .kw-d.open{background:#fff}
.kx .kw-d.today{background:var(--ink);color:#fff}

/* =====================================================================
   KONTAKT v3.2 — Header: „Hallo.“ als Schrift-Maske öffnet sich zum Schild
   ===================================================================== */
.kp{position:sticky;top:0;z-index:0;height:100svh;min-height:600px;background:var(--white)}
.kp-stage{position:relative;height:100%;overflow:hidden;isolation:isolate;background:var(--white)}
.kp-media{position:absolute;inset:-4%;z-index:0;will-change:transform}
.kp-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;will-change:transform}
.kp-shade{position:absolute;inset:0;opacity:0;background:linear-gradient(180deg,rgba(18,16,14,.5) 0%,rgba(18,16,14,.08) 32%,rgba(18,16,14,.08) 52%,rgba(18,16,14,.72) 100%)}
.kp-mask{position:absolute;inset:0;z-index:1;background:#fff;mix-blend-mode:screen;display:grid;place-items:center;pointer-events:none}
.kp-word{display:inline-block;color:#000;font-weight:600;font-size:clamp(5.2rem,27vw,25rem);line-height:.9;letter-spacing:-.07em;white-space:nowrap;will-change:transform;transform-origin:50% 50%}
.kp-l{display:inline-block}
.kp-top{position:absolute;left:var(--pad);right:var(--pad);top:calc(var(--hdr) + clamp(20px,4vh,44px));display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;z-index:2}
.kp-top .crumbs{margin:0}
.kp-over{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(64px,9vh,100px);z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;color:#fff;opacity:0}
.kp-ot{display:grid;gap:14px;max-width:min(100%,640px)}
.kp-h{margin:0;font-weight:600;font-size:clamp(2.4rem,1rem + 4.4vw,6rem);line-height:.92;letter-spacing:-.065em}
.kp-h span{display:block}
.kp-h .mut{color:rgba(255,255,255,.55)}
.kp-p{margin:0;max-width:40ch;color:rgba(255,255,255,.85);font-size:var(--s-md);line-height:1.55}
.kp-card{display:grid;gap:12px;padding:18px 20px;border-radius:20px;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);min-width:min(100%,260px)}
.kp-card .kh-live{background:rgba(255,255,255,.92);color:var(--ink);justify-self:start}
.kp-cd{display:grid;gap:4px}
.kp-cd .mono{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.kp-cd b{font-weight:600;font-size:clamp(1.9rem,1.2rem + 1.6vw,2.8rem);letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.kp-clock{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;opacity:.65}
.kp-meta{position:absolute;left:var(--pad);right:var(--pad);bottom:24px;z-index:2;display:flex;justify-content:space-between;gap:16px;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.kp-space{height:120svh}
.kp.static .kp-mask{display:none}
.kp.static .kp-over,.kp.static .kp-shade{opacity:1}
.kp.static .kp-meta,.kp.static .kp-top{color:rgba(255,255,255,.8)}
.after-kp{position:relative;z-index:2}
.after-kp::before{content:'';position:absolute;left:0;right:0;top:36px;bottom:0;background:var(--white);z-index:-1}
.after-kp>.kc2{border-radius:36px 36px 0 0;box-shadow:0 -40px 80px -30px rgba(0,0,0,.35);background:var(--white)}
.kc2{padding:clamp(70px,9vw,130px) 0 clamp(30px,5vw,60px)}
.kc2 .kc-list{margin-top:clamp(30px,4vw,56px)}
@media (max-width:767px){
  .kp{min-height:560px}
  .kp-media img{object-position:66% 50%}
  .kp-meta span:first-child{display:none}
  .kp-over{bottom:60px}
  .kp-card{width:100%}
  .after-kp>.kc2{border-radius:24px 24px 0 0}
  .after-kp::before{top:24px}
}

/* Besuch */
.kb{padding:clamp(80px,10vw,150px) 0 clamp(40px,6vw,90px)}
.kb-grid{display:grid;gap:clamp(20px,3vw,40px);margin-top:clamp(30px,4vw,56px)}
@media (min-width:900px){.kb-grid{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);align-items:start}}
.kb-card{display:grid;gap:18px;padding:clamp(20px,2.4vw,30px);border-radius:24px;background:var(--mist)}
.kb-ct{display:flex;justify-content:space-between;align-items:center;gap:12px}
.kb-ct>.mono{font-size:.72rem;letter-spacing:.1em;color:var(--mute);font-variant-numeric:tabular-nums}
.kb-note{margin:0;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.kb .kw-d{background:#fff;color:var(--mute)}
.kb .kw-d.open{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.kb .kw-d.today{background:var(--ink);color:#fff;box-shadow:none}
.kb-dl{margin:0;border-top:1px solid var(--line)}
.kb-dl div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
.kb-dl dt{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);padding-top:4px}
.kb-dl dd{margin:0;font-weight:500;line-height:1.45}
@media (max-width:560px){.kb-dl div{grid-template-columns:1fr;gap:6px}}
.kb-strip{position:relative;display:block;margin-top:clamp(20px,3vw,40px);aspect-ratio:21/9;min-height:260px;border-radius:var(--r-page,28px);overflow:hidden;color:#fff;clip-path:inset(0 8% 0 8% round 28px);will-change:clip-path}
.kb-strip-img{position:absolute;inset:0}
.kb-strip-img img{position:absolute;left:0;top:-12%;width:100%;height:124%;object-fit:cover;will-change:transform}
.kb-strip::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.6))}
.kb-strip-cap{position:absolute;left:22px;bottom:22px;z-index:1;display:grid;gap:5px}
.kb-strip-cap .mono{font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.kb-strip-cap b{font-weight:600;font-size:clamp(1.2rem,1rem + 1vw,1.9rem);letter-spacing:-.04em}
.kb-strip .circ{position:absolute;right:20px;bottom:20px;z-index:1;background:#fff;color:var(--ink);transition:transform .6s cubic-bezier(.2,.7,.1,1)}
.kb-strip:hover .circ{transform:rotate(45deg)}
.kf-form .kx-seg .kt-chip span{background:var(--mist)}
@media (max-width:767px){.kp-word{font-size:36vw}}

/* Kontakt-Header v3.3 — fünf Bildstreifen statt Schrift-Maske */
.kp-strips{position:absolute;inset:0;z-index:0;will-change:transform}
.kp-s{position:absolute;inset:0;will-change:transform,clip-path}
.kp-s img{position:absolute;left:0;top:-6%;width:100%;height:112%;object-fit:cover;object-position:58% 48%;will-change:transform}
.kp-shade{z-index:1}
.kp.static .kp-s{clip-path:none!important;transform:none!important}
.kp.static .kp-strips{transform:none!important}
@media (max-width:767px){.kp-s img{object-position:57% 50%}}
.kf-card{margin-top:10px;background:#fff}
.kf-card .kw-d{background:var(--mist);color:var(--mute)}
.kf-card .kw-d.open{color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.kf-card .kw-d.today{background:var(--ink);color:#fff;box-shadow:none}
.kf-card .kb-note{line-height:1.6}
@media (max-width:999px){.kf-card{margin-bottom:6px}}
.kf{margin-bottom:clamp(40px,6vw,90px)}

/* =====================================================================
   ART AWARD 2027
   ===================================================================== */
:root{--award:#FD4314;--award-soft:#FFE9E2}
.aw-or{color:var(--award)}
.aw-btn{background:var(--award);color:#fff}
.aw-btn:hover{background:#E33A0F}
.aw{position:sticky;top:0;z-index:0;min-height:100svh;background:var(--white)}
.aw-stage{position:relative;min-height:100svh;display:grid;grid-template-rows:1fr auto;overflow:hidden;background:var(--white)}
.aw-grid{display:grid;gap:clamp(30px,4vw,60px);align-items:center;padding-top:calc(var(--hdr) + clamp(24px,4vh,48px));padding-bottom:clamp(24px,4vh,48px)}
@media (min-width:1000px){.aw-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}}
.aw-l{display:grid;gap:18px;align-content:center}
.aw-l .crumbs{margin:0}
.aw-h{margin:clamp(6px,1.5vh,18px) 0 0;font-weight:600;font-size:clamp(2.8rem,1rem + 5.2vw,7rem);line-height:.9;letter-spacing:-.065em}
.aw-h .lm{display:inline-block;overflow:hidden;padding:.12em 0 .26em;margin:-.12em 0 -.26em}
.aw-h .lm>span{display:inline-block}
.aw-p{margin:4px 0 0;max-width:46ch;color:var(--ink-2);font-size:var(--s-md);line-height:1.6}
.aw-p b{font-weight:600;color:var(--ink)}
.aw-p b.aw-or{color:var(--award)}
.aw-act{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.aw-cd{display:grid;gap:10px;margin-top:clamp(10px,2vh,24px);padding-top:18px;border-top:1px solid var(--line)}
.aw-cd>.mono{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.aw-cdn{display:flex;gap:clamp(14px,2vw,28px)}
.aw-cdn div{display:grid;gap:2px}
.aw-cdn b{font-weight:600;font-size:clamp(1.8rem,1rem + 1.8vw,3rem);line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.aw-cdn span{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);font-family:var(--f-mono)}
.aw-r{display:grid;place-items:center;perspective:1400px}
.aw-card{position:relative;width:min(100%,460px);transform-style:preserve-3d;will-change:transform}
.aw-fig{position:relative;margin:0;border-radius:22px;overflow:hidden;background:var(--mist);box-shadow:0 60px 100px -50px rgba(27,27,27,.6),0 0 0 1px rgba(27,27,27,.05);aspect-ratio:929/1107}
.aw-fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.aw-fig figcaption{position:absolute;left:12px;right:12px;bottom:12px;display:grid;gap:3px;padding:12px 14px;border-radius:14px;color:var(--ink);background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);font-size:.8rem;line-height:1.35}
.aw-fig figcaption .mono{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.aw-fig figcaption b{font-weight:600;font-size:.98rem;letter-spacing:-.02em}
.aw-badge{position:absolute;top:-22px;right:-22px;width:clamp(104px,10vw,136px);aspect-ratio:1;border-radius:50%;background:var(--award);color:#fff;display:grid;place-items:center;box-shadow:0 20px 40px -20px rgba(253,67,20,.7);transform:translateZ(60px)}
.aw-badge svg{position:absolute;inset:0;width:100%;height:100%;animation:awSpin 16s linear infinite}
.aw-badge text{font-family:var(--f-mono);font-size:9.6px;letter-spacing:.14em;fill:#fff}
.aw-badge b{font-weight:600;font-size:clamp(1.3rem,1rem + .9vw,1.9rem);letter-spacing:-.05em}
@keyframes awSpin{to{transform:rotate(360deg)}}
.aw-band{background:var(--award);color:#fff}
.aw-m{border:0;padding-block:14px}
.aw-m .marquee-track{align-items:center}
.aw-mi{font-weight:600;font-size:clamp(1rem,.9rem + .5vw,1.35rem);letter-spacing:-.02em;padding:0 20px;white-space:nowrap}
.aw-m .marquee-track>i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#fff;opacity:.9;vertical-align:middle}
.aw.static .aw-card{transform:none!important}
.after-aw{position:relative;z-index:2}
.after-aw::before{content:'';position:absolute;left:0;right:0;top:36px;bottom:0;background:var(--white);z-index:-1}
.after-aw>.ap{border-radius:36px 36px 0 0;box-shadow:0 -40px 80px -30px rgba(0,0,0,.35);background:var(--white)}
@media (max-width:999px){
  .aw{min-height:auto}.aw-stage{min-height:auto}
  .aw-r{padding:10px 24px 0}
  .aw-card{width:min(100%,380px)}
  .aw-badge{top:-14px;right:-8px}
  .after-aw>.ap{border-radius:24px 24px 0 0}.after-aw::before{top:24px}
}

/* (01) Der Preis */
.ap{padding:clamp(70px,9vw,130px) 0 0}
.ap-odos{margin-top:clamp(30px,4vw,60px)}
.odo-pre{display:inline-block;margin-right:.12em;padding-left:.06em}
.odo-num{padding-left:.03em}
.odo-d{padding-inline:.015em}
.odo-sep{display:inline-block}
.aq{margin:clamp(60px,8vw,120px) var(--inset,10px) 0;border-radius:var(--r-page,28px);background:var(--award);color:#fff;overflow:hidden;position:relative;isolation:isolate}
.aq::before{content:"";position:absolute;width:60vw;height:60vw;max-width:800px;max-height:800px;right:-20%;top:-50%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),rgba(255,255,255,0) 65%);z-index:-1}
.aq-in{padding:clamp(60px,9vw,130px) var(--pad);display:grid;gap:22px;max-width:1480px;margin-inline:auto}
.aq-q{margin:0;font-weight:600;font-size:clamp(2.2rem,1rem + 4.6vw,6.4rem);line-height:.95;letter-spacing:-.06em;text-wrap:balance}
.aq-q span{display:inline-block}
.aq-by{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;opacity:.85}

/* (02) Ausschreibung */
.ac{padding:clamp(80px,10vw,150px) 0 clamp(30px,5vw,60px)}
.ac-grid{display:grid;gap:clamp(12px,1.6vw,20px);margin-top:clamp(30px,4vw,56px)}
@media (min-width:760px){.ac-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.ac-grid{grid-template-columns:repeat(3,1fr)}}
.ac-c{position:relative;display:grid;gap:14px;align-content:start;padding:clamp(22px,2.6vw,34px);border-radius:var(--r-page,28px);background:var(--mist);min-height:260px;transition:transform .6s cubic-bezier(.2,.7,.1,1),background .4s}
.ac-c:hover{transform:translateY(-6px);background:#E9E9E9}
.ac-n{font-size:.74rem;letter-spacing:.12em;color:var(--mute);transition:color .4s}
.ac-c:hover .ac-n{color:var(--award)}
.ac-c h3{margin:6px 0 0;font-weight:600;font-size:clamp(1.5rem,1rem + 1.2vw,2.2rem);letter-spacing:-.045em;line-height:1.02}
.ac-c p{margin:0;color:var(--ink-2);line-height:1.6;max-width:40ch}
.ac-c p b{font-weight:600;color:var(--ink)}
.ac-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.ac-chips span{padding:.6em 1.05em;border-radius:999px;background:#fff;font-size:.85rem;font-weight:500}
.ac-btn{margin-top:auto;justify-self:start}

/* (03) Ablauf */
.at{padding:clamp(50px,7vw,100px) 0 clamp(40px,6vw,90px)}
.at .bf-i.on .bf-n{background:var(--award)}
.at .bf-line i{background:var(--award)}

/* (04) Jury */
.aj{padding:clamp(60px,8vw,120px) 0}
.aj-grid{display:grid;gap:clamp(12px,1.6vw,20px);margin-top:clamp(30px,4vw,56px)}
@media (min-width:760px){.aj-grid{grid-template-columns:repeat(3,1fr)}}
.aj-c{border-radius:var(--r-page,28px);overflow:hidden;background:var(--mist);display:grid;grid-template-rows:auto 1fr}
.aj-img{position:relative;aspect-ratio:4/4.4;background:var(--mist-2,#e4e4e4);display:grid;place-items:center;overflow:hidden}
.aj-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;transition:transform 1.2s cubic-bezier(.2,.7,.1,1)}
.aj-c:hover .aj-img img{transform:scale(1.05)}
.aj-ini{width:38%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--award);color:#fff;font-weight:600;font-size:clamp(2rem,1rem + 2.4vw,3.6rem);letter-spacing:-.05em}
.aj-t{display:grid;gap:6px;padding:20px 22px 24px;align-content:start}
.aj-t .mono{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.aj-t h3{margin:4px 0 0;font-weight:600;font-size:clamp(1.3rem,1rem + .9vw,1.8rem);letter-spacing:-.04em;line-height:1.05}
.aj-t p{margin:0;color:var(--ink-2)}
.aj-loc{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-top:6px}

/* (05) Einreichung — award-spezifisch */
.aw-sec{margin-bottom:clamp(40px,6vw,90px)}
.aw-wz .wz-s.on .wz-dot{box-shadow:inset 0 0 0 1.5px var(--award)}
.aw-wz .wz-s.done .wz-dot{background:var(--award)}
.aw-wz .wz-ring .wz-ring-p{stroke:var(--award)}
.aw-wz .wz-bar i{background:var(--award)}
.aw-note{margin:0 0 6px;color:var(--ink-2);line-height:1.6;max-width:70ch}
.aw-note b{font-weight:600;color:var(--ink)}
.aw-check{margin-top:4px}
.aw-drop.drag,.aw-drop:hover{border-color:var(--award)}
.aw-drop.busy{opacity:.6;pointer-events:none}
.aw-file{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:12px;border-radius:18px;background:var(--mist)}
.aw-file figure{margin:0;width:120px;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#ddd}
.aw-file figure img{width:100%;height:100%;object-fit:cover}
.aw-file-t{display:grid;gap:8px;align-content:start;min-width:0}
.aw-file-t b{font-weight:600;overflow-wrap:anywhere}
.aw-file-t .mono{font-size:.66rem;letter-spacing:.08em;color:var(--mute)}
.crit{display:flex;gap:6px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.crit li{display:inline-flex;align-items:center;gap:6px;padding:.45em .8em;border-radius:999px;font-size:.74rem;font-weight:500;background:#fff;color:var(--ink)}
.crit li::before{content:"✓";font-weight:700;color:#2BB673}
.crit li.bad{background:#FDE7E2;color:#9A2A0C}
.crit li.bad::before{content:"✕";color:#D33A14}
.aw-file-x{font:inherit;font-size:.8rem;border:0;background:none;color:var(--mute);text-decoration:underline;cursor:pointer;justify-self:start}
.aw-works{display:grid;gap:14px}
.aw-w{position:relative;display:grid;gap:16px;padding:clamp(16px,2vw,24px);border-radius:20px;background:var(--mist)}
.aw-w-h{display:flex;justify-content:space-between;align-items:center;gap:12px}
.aw-w-h b{font-weight:600;font-size:1.05rem}
.aw-w-h .mono{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.aw-w .ff input,.aw-w .ff textarea{background:transparent;border-bottom-color:rgba(27,27,27,.16)}
.aw-w .aw-file{background:#fff}
.aw-w .wz-drop{background:#fff;padding:22px 16px}
.aw-w-3{display:grid;gap:14px}
@media (min-width:640px){.aw-w-3{grid-template-columns:1.4fr .8fr .8fr .8fr}}
.aw-w-x{font:inherit;font-size:.78rem;border:0;background:#fff;padding:.5em .9em;border-radius:999px;cursor:pointer;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);transition:background .3s,color .3s}
.aw-w-x:hover{background:var(--ink);color:#fff}
.aw-add{justify-self:start}
.aw-add svg{width:16px}
.wz-sum .wz-sum-g img{aspect-ratio:1}
.wz-sum h4{margin:12px 0 0;font-weight:600;font-size:1rem;letter-spacing:-.02em}
.aw-wz .wz-done .mono{color:var(--award)}
.aw-wz .wz-done .aw-files{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-family:var(--f-mono);font-size:.74rem;color:var(--ink-2)}

/* (06) Downloads & Koordination */
.ad{padding:0 0 clamp(60px,8vw,110px)}
.awd-grid{display:grid;gap:clamp(12px,1.6vw,20px)}
@media (min-width:900px){.awd-grid{grid-template-columns:1.1fr .9fr}}
.ad-c{display:grid;gap:18px;align-content:start;padding:clamp(22px,2.6vw,34px);border-radius:var(--r-page,28px);background:var(--mist)}
.ad-list{list-style:none;margin:0;padding:0;display:grid}
.ad-list a{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid rgba(27,27,27,.08)}
.ad-list li:last-child a{border-bottom:0}
.ad-ic{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;background:var(--award);color:#fff;font-size:.66rem;letter-spacing:.1em}
.ad-list b{display:block;font-weight:600;letter-spacing:-.02em}
.ad-list span span{color:var(--mute);font-size:.88rem}
.ad-list .circ{background:#fff;transition:transform .5s cubic-bezier(.2,.7,.1,1)}
.ad-list a:hover .circ{transform:rotate(45deg);background:var(--ink);color:#fff}
.ad-k h3{margin:4px 0 0;font-weight:600;font-size:clamp(1.5rem,1rem + 1.2vw,2.2rem);letter-spacing:-.045em}
.ad-k p{margin:0;color:var(--ink-2)}
.ad-act{display:flex;gap:8px;flex-wrap:wrap}
.ad-logos{display:flex;align-items:center;gap:28px;margin-top:auto;padding-top:22px;border-top:1px solid rgba(27,27,27,.08)}
.ad-logos img{width:150px;height:auto;display:block}
.ad-b9 svg{width:110px;height:auto;display:block;color:var(--ink)}
.aw-stage{grid-template-columns:minmax(0,1fr)}
.aw-band{min-width:0;overflow:hidden}
.ap-odos{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:1000px){.ap-odos{grid-template-columns:minmax(0,1.9fr) repeat(3,minmax(0,1fr))}}
.ap-odos .odo{font-size:clamp(2.6rem,1.6rem + 3.6vw,5.8rem)}
.ap-odos .odo-pre{font-size:.72em;align-self:center;margin-right:.1em}

/* =====================================================================
   AUSSTELLUNG v3 — Türen-Hero, Zeitstrahl, Dialog, Positionen, Termine, Besuch
   ===================================================================== */
.xh{position:sticky;top:0;z-index:0;height:100svh;min-height:600px;background:#141414;color:#fff}
.xh-stage{position:relative;height:100%;overflow:hidden;isolation:isolate;background:#141414;perspective:1400px}
.xh-room{position:absolute;inset:0;z-index:0;display:grid;place-items:center;background:radial-gradient(120% 90% at 50% 38%,#2a2724 0%,#171615 55%,#0f0f0f 100%)}
.xh-glow{position:absolute;inset:0;background:radial-gradient(42% 46% at 50% 44%,rgba(255,238,214,.22),rgba(255,238,214,0) 70%);mix-blend-mode:screen;will-change:opacity}
.xh-work{position:relative;margin:0;width:min(86vw,calc(74svh * var(--ar,.7)));aspect-ratio:var(--ar,.7);will-change:transform,filter;filter:brightness(.78)}
.xh-canvas{position:absolute;inset:0;border-radius:3px;overflow:hidden;box-shadow:0 60px 120px -40px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.06)}
.xh-canvas img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.xh-cap{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(64px,9vh,100px);z-index:1;display:grid;gap:4px;opacity:0;transform:translateY(20px);pointer-events:none}
.xh-cap .mono{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.xh-cap b{font-weight:600;font-size:clamp(1.3rem,1rem + 1.2vw,2.2rem);letter-spacing:-.03em}
.xh-cap>span:last-of-type{color:rgba(255,255,255,.72);font-size:var(--s-sm)}
.xh-more{display:inline-flex;align-items:center;gap:.5em;margin-top:10px;font-size:var(--s-sm);font-weight:500;color:#fff;pointer-events:auto;text-decoration:none}
.xh-more svg{width:14px;height:14px}
.xh-door{position:absolute;top:0;bottom:0;width:50%;z-index:2;overflow:hidden;background:var(--ink);will-change:transform}
.xh-dl{left:0}.xh-dr{right:0}
.xh-dl::after{content:'';position:absolute;top:0;bottom:0;right:0;width:1px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.22) 50%,rgba(255,255,255,0))}
.xh-dr::after{content:'';position:absolute;top:0;bottom:0;left:0;width:1px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.22) 50%,rgba(255,255,255,0))}
.xh-title{position:absolute;top:50%;width:200%;transform:translateY(-50%);display:grid;justify-items:center;text-align:center;color:#fff;font-weight:600;line-height:.9;letter-spacing:-.065em;white-space:nowrap;pointer-events:none}
.xh-dl .xh-title{left:0}.xh-dr .xh-title{right:0}
.xh-t1{display:block;font-size:clamp(2.7rem,11.4vw,13rem)}
.xh-t2{display:block;font-size:clamp(2.7rem,11.4vw,13rem);color:rgba(255,255,255,.38)}
.xh-top{position:absolute;left:var(--pad);right:var(--pad);top:calc(var(--hdr) + clamp(20px,4vh,44px));display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;z-index:3;color:rgba(255,255,255,.75)}
.xh-top .crumbs{margin:0;color:rgba(255,255,255,.75)}
.xh-top .crumbs a{color:inherit}
.xh-top .sh-eb{margin:0}
.xh-meta{position:absolute;left:var(--pad);right:var(--pad);bottom:24px;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.xh .status-pill{background:#fff;color:var(--ink)}
.xh .status-pill.past{background:rgba(255,255,255,.14);color:#fff}
.xh .status-pill.soon{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.xh-space{height:130svh}
.after-xh{position:relative;z-index:2}
.after-xh::before{content:'';position:absolute;left:0;right:0;top:36px;bottom:0;background:var(--white);z-index:-1}
.after-xh>.xi{border-radius:36px 36px 0 0;box-shadow:0 -40px 80px -30px rgba(0,0,0,.5);background:var(--white)}
.xh.static .xh-door{display:none}
.xh.static .xh-work{filter:none}
.xh.static .xh-cap{opacity:1;transform:none}
@media (max-width:767px){
  .xh-work{width:min(84vw,calc(58svh * var(--ar,.7)))}
  .xh-meta>span:last-child{display:none}
  .xh-top{flex-direction:column;gap:8px}
  .xh-cap{bottom:76px}
  .xh-space{height:110svh}
}

/* Intro */
.xi{padding:clamp(80px,12vw,170px) 0 clamp(40px,6vw,90px)}
.xi-grid{display:grid;gap:clamp(36px,6vw,100px)}
@media (min-width:1000px){.xi-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}}
.xi-l{display:grid;gap:28px;position:sticky;top:calc(var(--hdr) + 40px)}
.xi-lead{margin:0;font-weight:500;font-size:clamp(1.8rem,1rem + 2.6vw,3.9rem);line-height:1.05;letter-spacing:-.05em;text-wrap:balance}
.xi-facts{margin:8px 0 0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.xi-facts div{padding:18px 0;border-bottom:1px solid var(--line)}
.xi-facts div:nth-child(odd){padding-right:16px}
.xi-facts dt{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
.xi-facts dd{margin:0;font-weight:500;font-size:1.02rem;letter-spacing:-.02em}
.xi-facts .live{display:flex;margin-top:6px;font-size:.8rem;font-weight:400}
.xi-prose p{margin:0 0 1em;color:var(--ink-2);font-size:var(--s-md);line-height:1.65;max-width:56ch}
.xi-prose h3{margin:2em 0 .6em;font-size:var(--s-lg);font-weight:600;letter-spacing:-.03em}
.xi-prose p:first-child{font-size:var(--s-lg);color:var(--ink);line-height:1.45;letter-spacing:-.02em}
.xi-odos{margin-top:clamp(50px,7vw,110px)}
.xi-odos .odo{font-size:clamp(2.6rem,1.6rem + 3.6vw,5.8rem)}
@media (max-width:999px){.xi-l{position:static}}

/* Zeitstrahl */
.xt{padding:clamp(60px,8vw,120px) 0 0;background:var(--white)}
.xt-pin{position:relative;height:100svh;min-height:600px;overflow:hidden;background:var(--white);display:flex;align-items:center;padding-top:8svh}
.xt-big{position:absolute;left:var(--pad);right:var(--pad);top:4svh;z-index:0;pointer-events:none;overflow:hidden;line-height:1}
.xt-big span{display:inline-block;font-weight:700;font-size:clamp(6rem,17vw,19rem);line-height:1;letter-spacing:-.07em;color:var(--mist);will-change:transform,opacity}
[data-xt-mode="text"] .xt-big span{font-size:clamp(4rem,16vw,22rem);letter-spacing:-.06em}
.xt-track{position:relative;flex:none;width:max-content;display:flex;align-items:center;gap:clamp(28px,4vw,72px);padding:0 var(--pad);z-index:1;will-change:transform}
.xt-ch{flex:none;display:grid;gap:6px;align-content:center;width:clamp(150px,16vw,260px);padding-right:clamp(16px,2vw,32px);border-right:1px solid var(--line)}
.xt-ch .mono{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.xt-ch b{font-weight:700;font-size:clamp(1.6rem,1rem + 1.6vw,2.6rem);letter-spacing:-.045em;line-height:1}
.xt-ch>span:last-child{color:var(--ink-2);font-size:var(--s-sm)}
.xt-w{flex:none;margin:0;width:calc(56svh * var(--ar,.75));max-width:min(80vw,860px);cursor:zoom-in;display:grid;gap:14px}
.xt-img{position:relative;aspect-ratio:var(--ar,.75);border-radius:3px;overflow:hidden;background:var(--mist);box-shadow:0 40px 60px -40px rgba(0,0,0,.35)}
.xt-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.xt-w.round .xt-img{background:none;box-shadow:none;border-radius:50%}
.xt-w.round .xt-img img{object-fit:contain}
.xt-cap{display:flex;gap:12px;align-items:flex-start;opacity:.55;transition:opacity .4s}
.xt-w.on .xt-cap{opacity:1}
.xt-n{font-size:.68rem;letter-spacing:.12em;color:var(--mute);padding-top:.35em}
.xt-ct{display:grid;gap:2px;min-width:0}
.xt-ct b{font-weight:600;font-size:var(--s-md);letter-spacing:-.02em}
.xt-ct span{font-size:var(--s-xs);color:var(--mute);font-family:var(--f-mono);letter-spacing:.02em}
.xt-end{flex:none;display:grid;gap:10px;align-content:center;justify-items:start;width:clamp(240px,26vw,380px);aspect-ratio:1;padding:clamp(22px,2.6vw,36px);border-radius:var(--r-page);background:var(--ink);color:#fff;text-decoration:none}
.xt-end .mono{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.xt-end b{font-weight:600;font-size:clamp(1.4rem,1rem + 1.4vw,2.4rem);letter-spacing:-.04em;line-height:1.05}
.xt-end .circ{background:#fff;color:var(--ink);margin-top:14px}
.xt-end:hover .circ{transform:translateX(6px)}
.xt-foot{position:absolute;left:var(--pad);right:var(--pad);bottom:22px;z-index:2;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}
.xt-count{font-size:.7rem;letter-spacing:.12em;color:var(--mute)}.xt-count b{color:var(--ink);font-weight:500}
.xt-bar{position:relative;height:1px;background:var(--line)}
.xt-bar i{position:absolute;left:0;top:-1px;height:3px;width:100%;background:var(--ink);transform-origin:left;transform:scaleX(0)}
.xt-ticks{grid-column:2;display:flex;justify-content:space-between;font-size:.62rem;letter-spacing:.1em;color:var(--mute);margin-top:-8px}
.xt-ticks:empty{display:none}
.xt-hint{grid-column:3;grid-row:1;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.xt-hint-m{display:none}
@media (max-width:899px){
  .xt-pin{height:auto;min-height:0;padding:20px 0 70px;display:block}
  .xt-big{top:0}
  .xt-track{width:100%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 var(--pad) 10px}
  .xt-track::-webkit-scrollbar{display:none}
  .xt-w{scroll-snap-align:center;width:min(78vw,calc(50svh * var(--ar,.75)))}
  .xt-ch{width:140px;scroll-snap-align:start}
  .xt-end{scroll-snap-align:center;width:72vw}
  .xt-foot{bottom:14px}
  .xt-hint-d{display:none}.xt-hint-m{display:inline}
  .xt-hint{display:none}
}

/* Dialog-Slider */
.xd{padding:clamp(60px,9vw,140px) 0}
.xd-grid{display:grid;gap:clamp(30px,5vw,80px)}
@media (min-width:1000px){.xd-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center}}
.xd-l .sh{display:grid;margin-bottom:24px}
.xd-p{margin:0;color:var(--ink-2);font-size:var(--s-md);line-height:1.65;max-width:50ch}
.xd-links{margin-top:28px;display:grid;gap:10px}
.xd-link{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:16px;align-items:center;padding:14px 18px;border-radius:var(--r-card);background:var(--mist);text-decoration:none;color:var(--ink);transition:background .3s}
.xd-link .mono{grid-row:1/3;font-size:.72rem;letter-spacing:.1em;color:var(--mute)}
.xd-link b{font-weight:600;letter-spacing:-.02em}
.xd-link>span:not(.mono){grid-column:2;color:var(--mute);font-size:var(--s-xs)}
.xd-link svg{grid-column:3;grid-row:1/3;width:16px;height:16px;transition:transform .4s var(--ease)}
.xd-link:hover{background:var(--ghost)}
.xd-link:hover svg{transform:translate(3px,-3px)}
.xd-cmp{position:relative;width:100%;max-width:640px;margin-inline:auto;aspect-ratio:.82;border-radius:var(--r-page);overflow:hidden;background:var(--ink);cursor:ew-resize;user-select:none;-webkit-user-select:none;touch-action:pan-y;box-shadow:0 60px 100px -50px rgba(0,0,0,.45)}
.xd-a,.xd-b{position:absolute;inset:0}
.xd-a img,.xd-b img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.xd-b{clip-path:inset(0 0 0 50%);will-change:clip-path}
.xd-lab{position:absolute;bottom:16px;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:#fff;padding:.6em 1em;border-radius:999px;background:rgba(27,27,27,.45);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);pointer-events:none}
.xd-lab-a{left:16px}.xd-lab-b{right:16px}
.xd-hand{position:absolute;top:0;bottom:0;left:50%;width:0;z-index:2;pointer-events:none;will-change:left}
.xd-hand::before{content:'';position:absolute;top:0;bottom:0;left:-1px;width:2px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.1)}
.xd-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;gap:0;box-shadow:0 10px 30px -10px rgba(0,0,0,.6)}
.xd-knob svg{width:14px;height:14px}
.xd-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:3;-webkit-appearance:none;appearance:none}
.xd-range:focus-visible{opacity:1;outline:2px solid #fff;outline-offset:-8px}
.xd-range::-webkit-slider-thumb{-webkit-appearance:none;width:60px;height:100%;cursor:ew-resize}
.xd-range::-moz-range-thumb{width:60px;height:100%;border:0;background:transparent;cursor:ew-resize}

/* Positionen */
.xa{padding:clamp(60px,8vw,120px) 0;margin-top:clamp(20px,3vw,40px)}
.xa-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.xa-row a{display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:clamp(14px,2vw,32px);padding:clamp(14px,1.6vw,22px) 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);transition:padding .4s var(--ease)}
.xa-row a:hover{padding-left:12px}
.xa-n{font-size:.7rem;letter-spacing:.12em;color:var(--mute);width:2.4em}
.xa-th{width:clamp(44px,4vw,64px);aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--white)}
.xa-th img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.xa-row a:hover .xa-th img{transform:scale(1.08)}
.xa-nm{font-weight:600;font-size:clamp(1.3rem,1rem + 1.4vw,2.4rem);letter-spacing:-.04em;line-height:1.05}
.xa-meta{display:grid;gap:4px;text-align:right;color:var(--mute);font-size:var(--s-xs)}
.xa-meta .mono{letter-spacing:.1em;text-transform:uppercase;font-size:.66rem}
.xa-row .circ{background:var(--white)}
.xa-row a:hover .circ{background:var(--ink);color:#fff;transform:rotate(45deg)}
@media (max-width:640px){
  .xa-row a{grid-template-columns:auto 1fr auto}
  .xa-n,.xa-meta{display:none}
}

/* Impressionen */
.xp{padding:clamp(60px,8vw,120px) 0 0}

/* Termine */
.xe{padding:clamp(60px,8vw,120px) 0 0}
.xe-grid{display:grid;gap:clamp(14px,2vw,24px)}
@media (min-width:860px){.xe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.xe-card{display:grid;grid-template-rows:auto 1fr;border-radius:var(--r-page);overflow:hidden;background:var(--mist)}
.xe-img{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--mist-2)}
.xe-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;transition:transform 1.2s var(--ease)}
.xe-card:hover .xe-img img{transform:scale(1.04)}
.xe-card.past .xe-img img{filter:grayscale(.2)}
.xe-body{padding:clamp(20px,2.6vw,36px);display:grid;gap:10px;align-content:start}
.xe-tags{display:flex;gap:6px;flex-wrap:wrap}
.xe-body time{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.xe-body h3{margin:4px 0 0;font-weight:600;font-size:clamp(1.3rem,1rem + 1.2vw,2rem);letter-spacing:-.035em;line-height:1.08}
.xe-body p{margin:0;color:var(--ink-2);font-size:var(--s-sm);line-height:1.6;max-width:52ch}
.xe-cd{display:flex;gap:clamp(12px,2vw,28px);margin-top:10px;padding-top:16px;border-top:1px solid var(--line)}
.xe-cd span{display:grid;gap:2px}
.xe-cd b{font-weight:700;font-size:clamp(1.6rem,1rem + 1.8vw,2.8rem);letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.xe-cd i{font-style:normal;font-family:var(--f-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.xe-act{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}

/* Besuch (dunkles Panel) */
.xc{margin-top:clamp(60px,8vw,120px);margin-bottom:var(--inset);padding:clamp(50px,7vw,110px) 0;background:var(--ink);color:#fff}
.xc-grid{display:grid;gap:clamp(30px,5vw,80px)}
@media (min-width:1000px){.xc-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:end}}
.xc .sh-eb{color:rgba(255,255,255,.7)}
.xc .tt{color:#fff}.xc .tt .mut{color:rgba(255,255,255,.4)}
.xc-p{margin:22px 0 0;max-width:52ch;color:rgba(255,255,255,.72);font-size:var(--s-md);line-height:1.65}
.xc-facts{display:flex;gap:14px 26px;flex-wrap:wrap;align-items:center;margin-top:22px;color:rgba(255,255,255,.7)}
.xc-facts .mono{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}
.xc-facts .live{font-size:.85rem;color:#fff}
.xc-act{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.xc-next{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;align-items:center;gap:6px 18px;padding:clamp(22px,2.6vw,34px);border-radius:var(--r-page);background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);color:#fff;text-decoration:none;transition:background .3s}
.xc-next .mono{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.xc-next b{font-weight:600;font-size:clamp(1.5rem,1rem + 1.6vw,2.6rem);letter-spacing:-.04em;line-height:1.05}
.xc-next>span:nth-child(3){color:rgba(255,255,255,.7);font-size:var(--s-sm)}
.xc-next .circ{grid-column:2;grid-row:1/4;background:#fff;color:var(--ink)}
.xc-next:hover{background:rgba(255,255,255,.12)}
.xc-next:hover .circ{transform:rotate(45deg)}

/* =====================================================================
   KÜNSTLERSEITEN — Werke mit Scroll-Versatz, Positionen-Switcher
   ===================================================================== */
.works-grid[data-wg] .work .frame img{will-change:transform;scale:1}
.nx{position:relative;padding:var(--inset);background:var(--white)}
.nx-stage{position:relative;height:min(92svh,900px);min-height:560px;border-radius:var(--r-page);overflow:hidden;background:var(--ink);color:#fff;isolation:isolate;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.nx-bg{position:absolute;inset:0;z-index:0}
.nx-img{position:absolute;inset:0;opacity:0;will-change:transform,opacity}
.nx-img img{width:100%;height:100%;object-fit:cover;filter:brightness(.62) saturate(.9)}
.nx-img.on{opacity:1}
.nx-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,16,14,.35) 0%,rgba(18,16,14,0) 30%,rgba(18,16,14,0) 55%,rgba(18,16,14,.65) 100%)}
.nx-top{position:absolute;left:var(--pad);right:var(--pad);top:clamp(20px,3vw,34px);z-index:2;display:flex;justify-content:space-between;gap:16px;align-items:center}
.nx-top .sh-eb{margin:0}
.nx-count{font-size:.7rem;letter-spacing:.12em;color:rgba(255,255,255,.7)}.nx-count b{color:#fff;font-weight:500}
.nx-in{position:absolute;left:var(--pad);right:var(--pad);top:50%;transform:translateY(-52%);z-index:2;display:grid;gap:12px;justify-items:center;text-align:center}
.nx-lab{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.nx-names{position:relative;width:100%;height:1.32em;margin:-.12em 0 -.15em;font-size:clamp(2.6rem,1.4rem + 7.4vw,9.4rem);font-weight:600;letter-spacing:-.06em;line-height:1;overflow:hidden}
.nx-name{position:absolute;left:0;right:0;top:.12em;display:block;color:#fff;text-decoration:none;white-space:nowrap;opacity:0;pointer-events:none;will-change:transform,opacity}
.nx-name.on{opacity:1;pointer-events:auto}
.nx-name:hover{color:rgba(255,255,255,.85)}
.nx-sub{margin:0;font-family:var(--f-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.nx-lead{margin:4px 0 0;max-width:40ch;color:rgba(255,255,255,.85);font-size:var(--s-md);line-height:1.5;text-wrap:balance}
.nx-foot{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(18px,3vw,30px);z-index:2;display:flex;justify-content:space-between;align-items:center;gap:16px}
.nx-ths{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.nx-th{width:46px;height:46px;padding:0;border:0;border-radius:12px;overflow:hidden;cursor:pointer;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);opacity:.6;transition:opacity .3s,transform .4s var(--ease),box-shadow .3s}
.nx-th img{width:100%;height:100%;object-fit:cover;display:block}
.nx-th:hover{opacity:1}
.nx-th.on{opacity:1;transform:translateY(-4px);box-shadow:0 0 0 2px #fff}
.nx-ctl{display:flex;gap:8px}
.rc-btn.light{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.rc-btn.light:hover{background:#fff;color:var(--ink)}
@media (max-width:767px){
  .nx-stage{height:min(84svh,720px);min-height:520px}
  .nx-names{font-size:clamp(2.2rem,9.5vw,3.6rem);letter-spacing:-.05em;white-space:normal}
  .nx-name{white-space:normal}
  .nx-lead{display:none}
  .nx-top .sh-eb{display:none}
  .nx-foot{flex-direction:column;align-items:stretch}
  .nx-th{width:40px;height:40px;border-radius:10px}
  .nx-ctl{justify-content:flex-end}
}

/* =====================================================================
   NEWSROOM v3 — Hero, Beitragsliste + Sidebar, Detail
   ===================================================================== */
.nh{padding:var(--inset) var(--inset) 0}
.nh-frame{position:relative;min-height:min(78svh,760px);border-radius:var(--r-page);overflow:hidden;background:var(--ink);color:#fff;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end}
.nh-tall .nh-frame{min-height:min(70svh,700px)}
.nh-bg{position:absolute;inset:-6% 0;z-index:0;will-change:transform}
.nh-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.nh-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(14,14,14,.86) 0%,rgba(14,14,14,.6) 45%,rgba(14,14,14,.15) 100%),linear-gradient(180deg,rgba(14,14,14,.35),rgba(14,14,14,0) 40%)}
.nh-top{position:absolute;left:var(--pad);right:var(--pad);top:calc(var(--hdr) + clamp(14px,3vh,34px));z-index:2;color:rgba(255,255,255,.75)}
.nh-top .crumbs{margin:0;color:inherit}.nh-top .crumbs a{color:inherit}
.nh-in{position:relative;z-index:2;padding:calc(var(--hdr) + clamp(70px,10vh,120px)) var(--pad) clamp(34px,5vw,64px);max-width:860px;display:grid;gap:18px;justify-items:start}
.nh-pill{display:inline-flex;align-items:center;gap:.55em;font-family:var(--f-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;padding:.6em 1em;border-radius:999px;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.nh-pill i{width:6px;height:6px;border-radius:50%;background:#fff}
.nh-h{margin:0;font-weight:600;font-size:clamp(2rem,1.2rem + 3.4vw,4.6rem);line-height:1;letter-spacing:-.05em;text-wrap:balance}
.nh-tall .nh-h{font-size:clamp(1.8rem,1rem + 2.8vw,3.8rem);line-height:1.04}
.nh-p{margin:0;max-width:56ch;color:rgba(255,255,255,.82);font-size:var(--s-md);line-height:1.55}
.nh-act{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
@media (max-width:767px){.nh-frame{min-height:min(84svh,680px)}.nh-top{display:none}}

.nr{padding:clamp(40px,6vw,90px) 0 0}
.nr-grid{display:grid;gap:clamp(40px,5vw,72px);align-items:start}
@media (min-width:1000px){.nr-grid{grid-template-columns:minmax(0,1fr) 340px}}
.nr-state{min-height:1.2em;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:10px}
.nr-state:empty{display:none}
.nr-list{display:grid}
.np{display:grid;gap:14px;padding:clamp(26px,3vw,44px) 0;border-bottom:1px solid var(--line)}
.np:first-child{padding-top:0}
.np[hidden]{display:none}
.np-img{position:relative;display:block;aspect-ratio:16/9;border-radius:var(--r-page);overflow:hidden;background:var(--mist)}
.np-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.np:hover .np-img img{transform:scale(1.04)}
.np-date{position:absolute;left:16px;top:16px;z-index:1;display:grid;justify-items:center;gap:0;padding:8px 12px;border-radius:14px;background:rgba(27,27,27,.55);color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.np-date b{font-weight:600;font-size:1.3rem;letter-spacing:-.03em;line-height:1}
.np-date span{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;opacity:.8}
.np-meta{display:flex;gap:8px 14px;align-items:center;flex-wrap:wrap;white-space:nowrap;font-family:var(--f-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.np-meta>span+span::before,.np-meta>span:first-of-type::before{content:'·';margin-right:14px;opacity:.5}
.np-cat{font:inherit;font-family:var(--f-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;padding:.5em .9em;border-radius:999px;border:0;background:var(--mist);color:var(--ink);cursor:pointer;text-decoration:none;transition:background .3s,color .3s}
.np-cat:hover{background:var(--ink);color:#fff}
.np-t{margin:0;font-weight:600;font-size:clamp(1.5rem,1rem + 1.8vw,2.6rem);line-height:1.08;letter-spacing:-.04em;max-width:26ch}
.np-t a{color:inherit;text-decoration:none;background:linear-gradient(currentColor,currentColor) no-repeat 0 100%/0 2px;transition:background-size .6s var(--ease)}
.np-t a:hover{background-size:100% 2px}
.np-x{margin:0;color:var(--ink-2);font-size:var(--s-md);line-height:1.6;max-width:60ch}
.np-more{display:inline-flex;align-items:center;gap:12px;font-weight:600;font-size:var(--s-sm);color:var(--ink);text-decoration:none;margin-top:4px}
.np-more .circ{background:var(--ink);color:#fff;width:36px;height:36px}
.np-more:hover .circ{transform:rotate(45deg)}
.nr-empty{margin:40px 0;color:var(--mute)}
.nr-empty .link-u{font:inherit;color:var(--ink);background:none;border:0;padding:0;cursor:pointer}

.ns{display:grid;gap:clamp(22px,2.4vw,32px)}
@media (min-width:1000px){.ns{position:sticky;top:calc(var(--hdr) + 32px)}}
.ns-search{display:flex;align-items:center;gap:6px;padding:6px 6px 6px 18px;border-radius:999px;background:var(--mist)}
.ns-search input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:var(--s-sm);color:var(--ink);outline:none}
.ns-search input::placeholder{color:var(--mute)}
.ns-search button{width:40px;height:40px;border:0;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none;transition:transform .4s var(--ease)}
.ns-search button svg{width:16px}
.ns-search button:hover{transform:translateX(3px)}
.ns-box{display:grid;gap:14px}
.ns-h{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.ns-chips{display:flex;flex-wrap:wrap;gap:6px}
.ns-chip{display:inline-flex;align-items:center;gap:.5em;font:inherit;font-size:12.5px;font-weight:500;padding:.55em .9em;border-radius:999px;border:0;background:var(--mist);color:var(--ink);cursor:pointer;text-decoration:none;transition:background .3s,color .3s}
.ns-chip i{font-style:normal;font-family:var(--f-mono);font-size:.62rem;color:var(--mute)}
.ns-chip:hover{background:var(--ghost)}
.ns-chip.on{background:var(--ink);color:#fff}.ns-chip.on i{color:rgba(255,255,255,.6)}
.ns-list{list-style:none;margin:0;padding:0;display:grid}
.ns-list li{border-top:1px solid var(--line)}
.ns-list li:first-child{border-top:0}
.ns-list a{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:center;padding:12px 0;color:var(--ink);text-decoration:none}
.ns-th{width:56px;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--mist)}
.ns-th img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.ns-list a:hover .ns-th img{transform:scale(1.08)}
.ns-tt{display:grid;gap:3px;min-width:0}
.ns-tt b{font-weight:600;font-size:.92rem;letter-spacing:-.02em;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ns-tt .mono{font-size:.62rem;letter-spacing:.1em;color:var(--mute)}
.ns-nl,.ns-cta{display:grid;gap:10px;padding:clamp(20px,2.2vw,28px);border-radius:var(--r-page);background:var(--ink);color:#fff}
.ns-nl>.mono,.ns-cta>.mono{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.ns-nl p,.ns-cta p{margin:0;color:rgba(255,255,255,.82);font-size:var(--s-sm);line-height:1.5}
.ns-nl form{display:grid;gap:10px;margin-top:6px}
.ns-nl-row{display:grid;gap:8px}
.ns-nl input:not([type=checkbox]){width:100%;font:inherit;font-size:var(--s-sm);padding:.9em 1.1em;border-radius:999px;border:0;background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.ns-nl input::placeholder{color:rgba(255,255,255,.55)}
.ns-nl .btn{justify-content:center}
.ns-nl .check{font-size:.72rem;color:rgba(255,255,255,.7);align-items:flex-start}
.ns-nl .check input[type=checkbox]{width:16px;height:16px;flex:none;margin:2px 0 0;accent-color:#fff}
.ns-nl .check a{color:#fff}
.ns-nl .form-note{margin:0;font-size:.75rem;color:rgba(255,255,255,.8)}
.ns-cta .btn{justify-self:start;margin-top:6px}

.nc{margin:clamp(60px,8vw,120px) var(--inset) var(--inset);padding:clamp(50px,7vw,100px) 0;background:var(--ink);color:#fff}
.nc-grid{display:grid;gap:clamp(30px,5vw,80px);align-items:center}
@media (min-width:1000px){.nc-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.nc .tt{color:#fff}.nc .tt .mut{color:rgba(255,255,255,.4)}
.nc-p{margin:20px 0 0;max-width:46ch;color:rgba(255,255,255,.72);font-size:var(--s-md);line-height:1.6}
.nc-cards{display:grid;gap:10px}
.nc-card{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;gap:4px 16px;padding:18px 22px;border-radius:var(--r-card);background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);color:#fff;text-decoration:none;transition:background .3s}
.nc-card .mono{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.nc-card b{font-weight:600;font-size:clamp(1.1rem,1rem + .6vw,1.5rem);letter-spacing:-.03em}
.nc-card .circ{grid-column:2;grid-row:1/3;background:#fff;color:var(--ink)}
.nc-card:hover{background:rgba(255,255,255,.14)}
.nc-card:hover .circ{transform:rotate(45deg)}
.nc-card.solid{background:#fff;color:var(--ink)}
.nc-card.solid .mono{color:var(--mute)}
.nc-card.solid .circ{background:var(--ink);color:#fff}
.nc-card.solid:hover{background:var(--mist)}
.nc-contact{margin:8px 0 0;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.65);display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.nc-contact a{color:#fff}

/* Detail */
.nd-main{min-width:0}
.nd-fig{margin:0;aspect-ratio:16/9;border-radius:var(--r-page);overflow:hidden;background:var(--mist)}
.nd-fig img{width:100%;height:100%;object-fit:cover}
.nd-meta{display:flex;gap:8px 16px;align-items:center;flex-wrap:wrap;margin-top:22px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.nd-meta>span+span::before,.nd-meta>span:first-of-type::before{content:'·';margin-right:16px;opacity:.5}
.nd-toc{margin:28px 0 0;padding:20px 24px;border-radius:var(--r-card);background:var(--mist);display:grid;gap:10px}
.nd-toc>.mono{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.nd-toc ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.nd-toc li{display:flex;gap:10px;align-items:baseline}
.nd-toc li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--ink);flex:none;transform:translateY(-2px)}
.nd-toc a{color:var(--ink);font-weight:500;font-size:var(--s-sm);text-decoration:none}
.nd-toc a:hover{text-decoration:underline}
.nd-prose{margin-top:clamp(28px,3vw,44px);max-width:none}
.nd-prose h3{position:relative;margin:2.2em 0 .7em;padding-top:18px;font-weight:600;font-size:var(--s-lg);letter-spacing:-.03em}
.nd-prose h3::before{content:'';position:absolute;left:0;top:0;width:28px;height:2px;background:var(--ink)}
.nd-prose p{color:var(--ink-2);line-height:1.7}
.nd-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:clamp(36px,4vw,60px);padding-top:22px;border-top:1px solid var(--line)}
.nd-foot .mono{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.nd-back{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:var(--s-sm);color:var(--ink);text-decoration:none}
.nd-back svg{width:16px;transition:transform .4s var(--ease)}
.nd-back:hover svg{transform:translateX(-4px)}
.nd .nr-grid{padding-bottom:clamp(60px,8vw,120px)}

/* =====================================================================
   AUSSTELLUNGEN — Varianten: Sommer (Streifen), Traum und Sein (Split), Auftakt (Fokus), kommende (geschlossene Türen)
   ===================================================================== */
/* Geschlossene Türen: Countdown-Pille */
.xh-cd{display:inline-flex;align-items:baseline;gap:.35em .5em;padding:.5em .9em;border-radius:999px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);letter-spacing:0;text-transform:none}
.xh-cd .mono{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;margin-right:.3em;color:rgba(255,255,255,.7)}
.xh-cd b{font-weight:600;font-size:1rem;color:#fff;font-variant-numeric:tabular-nums}
.xh-cd i{font-style:normal;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-right:.4em}
.xs{padding:clamp(40px,6vw,90px) 0 0}
.xs-grid{display:grid;gap:clamp(24px,4vw,60px);align-items:center}
@media (min-width:900px){.xs-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}}
.xs-card{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;gap:6px 18px;padding:clamp(22px,2.6vw,34px);border-radius:var(--r-page);background:var(--ink);color:#fff;text-decoration:none;transition:transform .5s var(--ease)}
.xs-card .mono{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.xs-card b{font-weight:600;font-size:clamp(1.3rem,1rem + 1.2vw,2rem);letter-spacing:-.035em;line-height:1.1}
.xs-card .circ{grid-column:2;grid-row:1/3;background:#fff;color:var(--ink)}
.xs-card:hover{transform:translateY(-4px)}
.xs-card:hover .circ{transform:rotate(45deg)}

/* ---------- Sommer: Sonnen-Hero (Kreisblende öffnet sich zum Werk) ---------- */
.su{position:sticky;top:0;z-index:0;height:100svh;min-height:600px;background:var(--mist)}
.su-stage{position:relative;height:100%;overflow:hidden;isolation:isolate;background:radial-gradient(120% 90% at 50% 110%,#fff 0%,var(--mist) 60%)}
.su-top{position:absolute;left:var(--pad);right:var(--pad);top:calc(var(--hdr) + clamp(16px,3vh,36px));z-index:4;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.su-top .crumbs{margin:0}.su-top .sh-eb{margin:0}
.su-h{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);margin:0;z-index:1;display:grid;justify-items:center;gap:14px;text-align:center;font-weight:600;font-size:clamp(5rem,2rem + 18vw,22rem);line-height:.86;letter-spacing:-.075em;color:var(--ink);pointer-events:none}
.su-y{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-weight:400}
.su-glow{position:absolute;left:50%;top:54%;width:46vmin;height:46vmin;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,196,120,.55),rgba(255,196,120,0) 68%);filter:blur(12px);z-index:2;pointer-events:none;will-change:transform,opacity}
.su-sun{position:absolute;inset:0;z-index:3;clip-path:circle(17vmin at 50% 54%);will-change:clip-path}
.su-img{position:absolute;inset:-6%;will-change:transform}
.su-img img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.su-shade{position:absolute;inset:0;opacity:0;background:linear-gradient(180deg,rgba(14,14,14,.25),rgba(14,14,14,0) 35%,rgba(14,14,14,0) 55%,rgba(14,14,14,.6))}
.su-cap{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(64px,9vh,100px);z-index:4;display:grid;gap:4px;color:#fff;opacity:0;transform:translateY(20px);pointer-events:none}
.su-cap .mono{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.65)}
.su-cap b{font-weight:600;font-size:clamp(1.3rem,1rem + 1.2vw,2.2rem);letter-spacing:-.03em}
.su-cap>span:last-of-type{color:rgba(255,255,255,.75);font-size:var(--s-sm)}
.su-p{position:absolute;left:var(--pad);bottom:clamp(70px,10vh,110px);z-index:4;margin:0;max-width:34ch;color:var(--ink-2);font-size:var(--s-md);line-height:1.5}
.su-meta{position:absolute;left:var(--pad);right:var(--pad);bottom:24px;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.su.static .su-sun{clip-path:none}
.su.static .su-shade,.su.static .su-cap{opacity:1}
.su.static .su-h{opacity:0}
@media (max-width:767px){
  .su-h{font-size:clamp(4rem,24vw,6.5rem)}
  .su-sun{clip-path:circle(22vmin at 50% 52%)}
  .su-glow{width:60vmin;height:60vmin;top:52%}
  .su-p{bottom:76px;max-width:28ch;font-size:var(--s-sm)}
  .su-meta>span:last-child{display:none}
  .su-top{flex-direction:column;gap:6px}
  .su-cap{bottom:76px}
}

/* Werke als Stapel */
.st{padding:clamp(60px,8vw,120px) 0 0}
.st-stack{display:grid;gap:clamp(16px,2.4vw,32px);margin-top:clamp(10px,2vw,20px);padding-bottom:clamp(60px,8vw,120px)}
.st-card{position:sticky;top:calc(var(--hdr) + 18px);transform-origin:50% 50%}
.st-in{position:relative;height:min(74svh,780px);min-height:420px;border-radius:var(--r-page);overflow:hidden;background:var(--ink);box-shadow:0 -24px 60px -40px rgba(27,27,27,.5)}
.st-img{position:absolute;inset:0;margin:0;cursor:zoom-in}
.st-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.1);will-change:transform}
.st-bar{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:14px 16px;border-radius:18px;color:#fff;background:rgba(27,27,27,.42);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.st-n{font-size:.68rem;letter-spacing:.12em;color:rgba(255,255,255,.7)}
.st-t{display:grid;gap:3px;min-width:0}
.st-t b{font-weight:600;font-size:clamp(1.1rem,1rem + .9vw,1.7rem);letter-spacing:-.03em;line-height:1.1}
.st-t .mono{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-bar .circ{background:#fff;color:var(--ink)}
.st-bar .circ:hover{transform:rotate(45deg)}
.st-shade{position:absolute;inset:0;background:#1b1b1b;opacity:0;pointer-events:none}
@media (max-width:767px){.st-in{height:clamp(260px,70vw,420px);min-height:0}.st-bar{grid-template-columns:auto 1fr;padding:12px 14px}.st-bar .circ{display:none}.st-t .mono{white-space:normal}}

/* Namen-Laufbänder */
.nm{padding:clamp(60px,8vw,120px) 0 0;overflow:hidden}
.nm-head{margin-bottom:clamp(20px,3vw,40px)}
.nm-rows{display:grid;gap:0;border-top:1px solid var(--line)}
.nm-row{overflow:hidden;border-bottom:1px solid var(--line)}
.nm-track{display:flex;align-items:center;gap:0;width:max-content;will-change:transform}
.nm-i{display:inline-flex;align-items:baseline;gap:18px;padding:clamp(14px,1.6vw,22px) clamp(24px,3vw,48px);color:var(--ink);text-decoration:none;white-space:nowrap;border-right:1px solid var(--line);transition:color .3s}
.nm-i .mono{font-size:.68rem;letter-spacing:.12em;color:var(--mute)}
.nm-i b{font-weight:600;font-size:clamp(2rem,1.2rem + 3.6vw,5.2rem);letter-spacing:-.055em;line-height:1}
.nm-o{font-size:var(--s-xs);color:var(--mute);max-width:22ch;white-space:normal;line-height:1.3}
.nm-i:hover{color:var(--mute)}
.nm-i:hover b{color:var(--ink)}

/* Presse-Karten */
.prs{padding:clamp(60px,8vw,120px) 0 0}
.prs-grid{display:grid;gap:clamp(14px,2vw,24px)}
@media (min-width:860px){.prs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prs-grid.one{grid-template-columns:minmax(0,1fr)}.prs-grid.one .prs-card{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}}
.prs-card{display:grid;border-radius:var(--r-page);overflow:hidden;background:var(--mist);color:var(--ink);text-decoration:none}
.prs-img{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--mist-2)}
.prs-grid.one .prs-img{aspect-ratio:auto;min-height:320px}
.prs-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;transition:transform 1.2s var(--ease)}
.prs-card:hover .prs-img img{transform:scale(1.04)}
.prs-body{display:grid;gap:10px;align-content:start;padding:clamp(20px,2.6vw,36px)}
.prs-body .mono{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.prs-body b{font-weight:600;font-size:clamp(1.3rem,1rem + 1.2vw,2rem);letter-spacing:-.035em;line-height:1.1}
.prs-more{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-weight:600;font-size:var(--s-sm)}
.prs-more svg{width:14px;transition:transform .4s var(--ease)}
.prs-card:hover .prs-more svg{transform:translate(3px,-3px)}

/* ---------- Traum und Sein: Split-Hero ---------- */
.ts{position:sticky;top:0;z-index:0;height:100svh;min-height:600px;background:#141414;color:#fff}
.ts-stage{position:relative;height:100%;overflow:hidden;isolation:isolate;background:#141414;cursor:crosshair}
.ts-a,.ts-b{position:absolute;inset:0;will-change:clip-path}
.ts-a img,.ts-b img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.ts-b{clip-path:polygon(56% 0,100% 0,100% 100%,44% 100%)}
.ts-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,14,14,.4),rgba(14,14,14,0) 35%,rgba(14,14,14,0) 60%,rgba(14,14,14,.55))}
.ts-line{position:absolute;inset:0;background:#fff;clip-path:polygon(56% 0,56.14% 0,44.14% 100%,44% 100%);pointer-events:none;opacity:.9}
.ts-h{position:absolute;left:var(--pad);right:var(--pad);top:50%;transform:translateY(-50%);margin:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px;font-weight:600;font-size:clamp(3rem,1rem + 8.5vw,10.5rem);line-height:.9;letter-spacing:-.07em;pointer-events:none}
.ts-w1,.ts-w2{display:inline-block;text-shadow:0 2px 40px rgba(0,0,0,.35)}
.ts-w2{color:rgba(255,255,255,.72)}
.ts-top{position:absolute;left:var(--pad);right:var(--pad);top:calc(var(--hdr) + clamp(16px,3vh,36px));z-index:3;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:rgba(255,255,255,.8)}
.ts-top .crumbs{margin:0;color:inherit}.ts-top .crumbs a{color:inherit}.ts-top .sh-eb{margin:0}
.ts-meta{position:absolute;left:var(--pad);right:var(--pad);bottom:24px;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.ts .status-pill{background:#fff;color:var(--ink)}.ts .status-pill.past{background:rgba(255,255,255,.16);color:#fff}
@media (max-width:767px){
  .ts-h{flex-direction:column;align-items:flex-start;gap:0;font-size:clamp(3.4rem,17vw,5.4rem)}
  .ts-w2{align-self:flex-end}
  .ts-meta>span:last-child{display:none}
  .ts-top{flex-direction:column;gap:6px}
}

/* Spotlight „Der Abend“ */
.sp{padding:clamp(60px,8vw,120px) 0 0}
.sp-pin{position:relative;display:grid;gap:clamp(20px,3vw,40px);height:100svh;min-height:600px;padding:0 var(--pad) 20px;align-items:center}
@media (min-width:900px){.sp-pin{grid-template-columns:minmax(0,1.5fr) minmax(280px,.6fr)}}
.sp-stage{position:relative;height:min(78svh,820px);border-radius:var(--r-page);overflow:hidden;background:var(--ink)}
.sp-img{position:absolute;inset:0;opacity:0;will-change:transform,opacity}
.sp-img img{width:100%;height:100%;object-fit:cover}
.sp-img.on{opacity:1}
.sp-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,14,14,0) 60%,rgba(14,14,14,.45));pointer-events:none}
.sp-side{display:grid;gap:18px;align-content:center}
.sp-count{font-size:.7rem;letter-spacing:.12em;color:var(--mute)}.sp-count b{color:var(--ink);font-weight:500}
.sp-caps{position:relative;min-height:9em}
.sp-cap{position:absolute;inset:0;opacity:0;display:grid;gap:10px;align-content:start;will-change:transform,opacity}
.sp-cap.on{opacity:1}
.sp-cap b{font-weight:600;font-size:clamp(1.6rem,1rem + 2vw,3rem);letter-spacing:-.045em;line-height:1}
.sp-cap p{margin:0;color:var(--ink-2);font-size:var(--s-md);line-height:1.55;max-width:34ch}
.sp-bar{position:relative;height:1px;background:var(--line)}
.sp-bar i{position:absolute;left:0;top:-1px;height:3px;width:100%;background:var(--ink);transform-origin:left;transform:scaleX(0)}
@media (max-width:899px){
  .sp-pin{height:auto;min-height:0;display:grid;gap:14px}
  .sp-stage{height:auto;display:grid;gap:10px;background:none;border-radius:0;overflow:visible}
  .sp-img{position:relative;opacity:1;border-radius:var(--r-card);overflow:hidden;aspect-ratio:4/3}
  .sp-shade{display:none}
  .sp-side{display:none}
}

/* Filmstreifen */
.fs{padding:clamp(60px,8vw,120px) 0 0;overflow:hidden}
.fs-head{margin-bottom:clamp(24px,3vw,40px)}
.fs-row{overflow:hidden;padding:6px 0}
.fs-track{display:flex;gap:clamp(10px,1.4vw,18px);width:max-content;will-change:transform}
.fs-i{flex:none;margin:0;height:clamp(220px,26vw,360px);width:auto;aspect-ratio:3/2;border-radius:var(--r-card);overflow:hidden;background:var(--mist);cursor:zoom-in}
.fs-i img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.fs-i:hover img{transform:scale(1.05)}
.fs-row[data-fs-row="-1"] .fs-track{transform:translate3d(-20%,0,0)}

/* Werke-Kontaktbogen */
.ws{padding:clamp(60px,8vw,120px) 0;margin-top:clamp(60px,8vw,120px)}
.ws-row{display:flex;gap:clamp(12px,1.6vw,22px);align-items:flex-end;flex-wrap:wrap;margin-bottom:clamp(28px,3vw,40px)}
.ws-f{position:relative;margin:0;flex:1 1 180px;max-width:260px;border-radius:var(--r-thumb);overflow:hidden;background:var(--white);cursor:zoom-in;transition:transform .6s var(--ease)}
.ws-f img{width:100%;height:auto;display:block}
.ws-f:hover{transform:translateY(-8px)}
.ws-f figcaption{position:absolute;left:10px;top:10px;font-size:.62rem;letter-spacing:.12em;color:#fff;padding:.4em .7em;border-radius:999px;background:rgba(27,27,27,.5)}

/* ---------- Auftakt: Fokus-Hero ---------- */
.au{position:sticky;top:0;z-index:0;height:100svh;min-height:600px;background:#141414;color:#fff}
.au-stage{position:relative;height:100%;overflow:hidden;isolation:isolate;background:#141414}
.au-img{position:absolute;inset:0;will-change:transform,filter;filter:grayscale(1) blur(10px);transform:scale(1.18)}
.au-img img{width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.au-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,14,14,.45),rgba(14,14,14,.05) 35%,rgba(14,14,14,0) 55%,rgba(14,14,14,.7))}
.au-top{position:absolute;left:var(--pad);right:var(--pad);top:calc(var(--hdr) + clamp(16px,3vh,36px));z-index:3;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;color:rgba(255,255,255,.8)}
.au-top .crumbs{margin:0;color:inherit}.au-top .crumbs a{color:inherit}
.au-stamp{display:grid;justify-items:end;text-align:right;color:#fff;letter-spacing:.12em;text-transform:uppercase;font-size:.62rem}
.au-stamp b{font-family:var(--f-body);font-weight:600;font-size:clamp(2rem,1rem + 3vw,4.2rem);letter-spacing:-.05em;line-height:1;text-transform:none}
.au-in{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(90px,14vh,150px);z-index:2;display:grid;gap:14px}
.au-h{margin:0;font-weight:600;font-size:clamp(3.4rem,1.4rem + 10vw,12rem);line-height:.9;letter-spacing:-.07em}
.au-h .mut{color:rgba(255,255,255,.45)}
.au-p{margin:0;max-width:40ch;color:rgba(255,255,255,.85);font-size:var(--s-md);line-height:1.5}
.au-band{position:absolute;left:0;right:0;bottom:0;z-index:3;border-block:1px solid rgba(255,255,255,.2);padding-block:14px;background:rgba(20,20,20,.35);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.au-name{display:inline-block;font-weight:500;font-size:clamp(1rem,.9rem + .6vw,1.4rem);letter-spacing:-.02em;color:#fff;padding-right:.6em;white-space:nowrap}
.au-name i{font-style:normal;color:rgba(255,255,255,.45);margin-left:.6em}
.au.static .au-img{filter:none;transform:none}
@media (max-width:767px){.au-top{flex-direction:column}.au-stamp{justify-items:start;text-align:left}.au-in{bottom:84px}}

/* Manifest (Auftakt) */
.xi-manifest .gw2{opacity:.14;transition:opacity .3s}
.xi-manifest .gw2.on{opacity:1}

/* Polaroids */
.po{padding:clamp(60px,8vw,120px) 0 0}
.po-stage{position:relative;height:min(82svh,760px);min-height:520px;margin-top:clamp(10px,2vw,20px)}
.po-c{position:absolute;left:var(--x);top:var(--y);margin:0;width:clamp(200px,26vw,380px);padding:10px 10px 14px;border-radius:14px;background:#fff;box-shadow:0 30px 60px -30px rgba(27,27,27,.45),0 0 0 1px rgba(27,27,27,.06);transform:rotate(var(--r));cursor:zoom-in;will-change:transform}
.po-img{display:block;aspect-ratio:4/3;border-radius:6px;overflow:hidden;background:var(--mist)}
.po-img img{width:100%;height:100%;object-fit:cover}
.po-c figcaption{margin-top:10px;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
@media (max-width:767px){
  .po-stage{height:auto;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .po-c{position:relative;left:auto;top:auto;width:auto;transform:rotate(var(--r))}
}

/* Namen mit Bildwechsel */
.px{padding:clamp(60px,8vw,120px) 0 0}
.px-grid{display:grid;gap:clamp(28px,5vw,80px);align-items:start}
@media (min-width:900px){.px-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}
.px-l .sh{display:grid;margin-bottom:clamp(20px,2.6vw,34px)}
.px-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.px-name{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:18px;align-items:center;padding:clamp(14px,1.6vw,22px) 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;transition:padding .4s var(--ease),opacity .3s}
.px-name .mono{grid-row:1/3;font-size:.7rem;letter-spacing:.12em;color:var(--mute)}
.px-name b{font-weight:600;font-size:clamp(1.3rem,1rem + 1.4vw,2.4rem);letter-spacing:-.04em;line-height:1.05}
.px-sub{grid-column:2;font-size:var(--s-xs);color:var(--mute)}
.px-name svg{grid-column:3;grid-row:1/3;width:18px;height:18px;opacity:0;transform:translate(-6px,6px);transition:opacity .3s,transform .5s var(--ease)}
.px-name.on svg,.px-name:hover svg{opacity:1;transform:none}
.px-name.on{padding-left:12px}
.px-name.plain{opacity:.55;cursor:default}
.px-frame{position:sticky;top:calc(var(--hdr) + 32px);aspect-ratio:4/5;border-radius:var(--r-page);overflow:hidden;background:var(--mist)}
.px-pic{position:absolute;inset:0;opacity:0;will-change:transform,opacity}
.px-pic img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.px-pic.on{opacity:1}
@media (max-width:899px){.px-frame{position:relative;top:auto;aspect-ratio:4/3}}

/* =====================================================================
   WINDSCHRIFT v2 (08.11.2026) — Federzeichnung im Wind (WebGL), ruhig und hell
   ===================================================================== */
.wf{position:sticky;top:0;z-index:0;height:100svh;min-height:600px;background:var(--paper,#e8e6e0);color:var(--ink)}
.wf-stage{position:relative;height:100%;overflow:hidden;isolation:isolate;background:var(--paper,#e8e6e0)}
.wf-gl{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:0;transition:opacity .9s var(--ease);pointer-events:none}
.wf.gl .wf-gl{opacity:1}
.wf-top{position:absolute;left:var(--pad);right:var(--pad);top:calc(var(--hdr) + clamp(16px,3vh,36px));z-index:4;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.wf-top .crumbs{margin:0}.wf-top .sh-eb{margin:0}
.wf-grid{position:absolute;left:var(--pad);right:var(--pad);top:calc(var(--hdr) + clamp(70px,11vh,120px));bottom:clamp(70px,10vh,100px);display:grid;gap:clamp(24px,3vw,56px);align-items:center;z-index:3}
@media (min-width:900px){.wf-grid{grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr)}}
.wf-l{display:grid;gap:clamp(16px,2vw,26px);align-content:end;align-self:end;padding-bottom:clamp(6px,2vh,24px)}
.wf-h{margin:0;display:grid;font-weight:600;font-size:clamp(3.4rem,1rem + 8.4vw,11.5rem);line-height:.86;letter-spacing:-.075em}
.wf-h span:last-child{color:rgba(27,27,27,.34);margin-left:.04em}
.wf-p{margin:0;max-width:30ch;color:var(--ink-2);font-size:var(--s-md);line-height:1.5}
.wf-link{display:inline-flex;align-items:center;gap:.6em;justify-self:start;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}
.wf-link svg{width:13px;height:13px;transition:transform .4s var(--ease)}.wf-link:hover svg{transform:translate(2px,-2px)}
.wf-slot{position:relative;margin:0;width:100%;max-height:100%;aspect-ratio:var(--ar,1.6);justify-self:end;align-self:center}
.wf-slot img{width:100%;height:100%;object-fit:contain;transition:opacity .6s}
.wf.gl .wf-slot img{opacity:0}
.wf-veil{position:absolute;left:0;right:0;bottom:0;height:42%;z-index:2;opacity:0;pointer-events:none;background:linear-gradient(180deg,rgba(236,236,234,0),rgba(236,236,234,.86) 55%,rgba(236,236,234,.96))}
.wf-cap{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(64px,9vh,100px);z-index:4;display:grid;gap:4px;justify-items:start;opacity:0;transform:translateY(20px);pointer-events:none}
.wf-cap .mono{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.wf-cap b{font-weight:600;font-size:clamp(1.3rem,1rem + 1.2vw,2.2rem);letter-spacing:-.03em}
.wf-cap>span:last-of-type{color:var(--ink-2);font-size:var(--s-sm)}
.wf-cap .xh-more{color:var(--ink)}
.wf-meta{position:absolute;left:var(--pad);right:var(--pad);bottom:24px;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.wf .xh-cd{background:rgba(255,255,255,.55);box-shadow:inset 0 0 0 1px rgba(27,27,27,.12)}
.wf .xh-cd .mono,.wf .xh-cd i{color:var(--mute)}.wf .xh-cd b{color:var(--ink)}
.wf.static .wf-cap{display:none}
@media (max-width:899px){
  .wf-grid{top:calc(var(--hdr) + 64px);bottom:70px;grid-template-rows:auto minmax(0,1fr);align-items:start;gap:20px}
  .wf-l{align-self:start;padding:0}
  .wf-h{font-size:clamp(3.2rem,17vw,6.4rem)}
  .wf-p{font-size:var(--s-sm);max-width:34ch}
  .wf-slot{align-self:center;justify-self:center}
  .wf-meta>span:last-child{display:none}
  .wf-meta .gp-hint{display:none}
  .wf-top{flex-direction:column;gap:6px}
}

/* „Was der Wind schreibt“ – Werke ganz auf Wandfarbe */
.wfs .sp-stage{background:var(--mist)}
.wfs .sp-img{--ip:clamp(28px,4vw,72px)}
.wfs .sp-img img{position:absolute;top:var(--ip);left:var(--ip);width:calc(100% - var(--ip) * 2);height:calc(100% - var(--ip) * 2);object-fit:contain;filter:drop-shadow(0 28px 36px rgba(27,27,27,.16))}
.wfs .sp-cap .mono{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.wfs .sp-caps{min-height:13em}
.wfs-mcap{display:none}
@media (max-width:899px){
  .wfs .sp-stage{background:none;border-radius:0}
  .wfs .sp-img{aspect-ratio:auto;display:grid;gap:14px;padding:0;background:none;border-radius:0;overflow:visible;margin-bottom:34px}
  .wfs .sp-img img{position:static;width:100%;height:auto;max-height:62svh;padding:22px;background:var(--mist);border-radius:var(--r-card);filter:none}
  .wfs-mcap{display:grid;gap:4px;margin:0;color:var(--ink-2);font-size:var(--s-sm);line-height:1.5}
  .wfs-mcap .mono{font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
  .wfs-mcap b{font-weight:600;font-size:1.3rem;letter-spacing:-.03em;color:var(--ink)}
}

/* Positionen mit Werkwechsel */
.wfp .px-frame{aspect-ratio:4/5;background:var(--mist)}
.wfp .px-pic{display:grid;place-items:center}
.wfp .px-pic{--ip:clamp(24px,3.4vw,52px)}
.wfp .px-pic>img{position:absolute;top:var(--ip);left:var(--ip);width:calc(100% - var(--ip) * 2);height:calc(100% - var(--ip) * 2);object-fit:contain;object-position:50% 50%;filter:drop-shadow(0 24px 32px rgba(27,27,27,.16))}
.wfp-thumb{display:grid;gap:12px;justify-items:center}
.wfp-thumb img{width:auto!important;height:auto!important;max-width:220px;padding:10px;background:#fff;box-shadow:0 20px 40px -24px rgba(27,27,27,.4)}
.wfp-thumb .mono,.wfp-soon .mono{font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.wfp-soon{display:grid;gap:8px;justify-items:center;text-align:center;padding:24px}
.wfp-soon b{font-weight:600;font-size:clamp(1.4rem,1rem + 1.2vw,2.2rem);letter-spacing:-.04em}
.wfp-soon>span:last-child{color:var(--ink-2);font-size:var(--s-sm)}

/* Hängung: Name als Hintergrundwort */
@media (max-width:899px){.wfh .xt-ticks{display:none}}
.wfh .xt-big span{color:var(--mist);white-space:nowrap;font-size:clamp(4rem,12.5vw,16rem)}

/* Winter-Zeitleiste */
.wt{padding:clamp(70px,9vw,130px) 0 0;--f:0}
.wt-band{position:relative;padding:clamp(20px,3vw,40px) 0 0}
.wt-rail{position:relative;height:3px;border-radius:2px;background:var(--line);overflow:visible}
.wt-gap{position:absolute;top:-6px;bottom:-6px;left:var(--a);width:calc(var(--b) - var(--a));border-radius:4px;background:repeating-linear-gradient(135deg,rgba(27,27,27,.14) 0 3px,transparent 3px 8px)}
.wt-fill{position:absolute;inset:0;border-radius:2px;background:var(--ink);transform-origin:0 50%;transform:scaleX(var(--f))}
.wt-fill::after{content:'';position:absolute;right:-5px;top:50%;width:11px;height:11px;border-radius:50%;background:var(--ink);transform:translateY(-50%) scaleX(calc(1 / max(var(--f),.02)));box-shadow:0 0 0 6px rgba(27,27,27,.1)}
.wt-marks{list-style:none;margin:0;padding:0;position:relative;height:clamp(150px,16vw,190px)}
.wt-m{position:absolute;left:var(--p);top:22px;display:grid;gap:4px;width:clamp(130px,13vw,190px);transform:translateX(-10px) translateY(8px);opacity:.38;transition:opacity .6s var(--ease),transform .6s var(--ease)}
.wt-m:last-child{left:auto;right:0;text-align:right;justify-items:end;transform:translateY(8px)}
.wt-m:last-child .wt-dot{left:auto;right:-5px}
.wt-m.on{opacity:1;transform:translateX(-10px) translateY(0)}
.wt-m:last-child.on{transform:none}
.wt-dot{position:absolute;left:5px;top:-27px;width:11px;height:11px;border-radius:50%;background:var(--white);box-shadow:inset 0 0 0 2px var(--ink);transition:background .4s,box-shadow .4s}
.wt-m.on .wt-dot{background:var(--ink);box-shadow:inset 0 0 0 2px var(--ink),0 0 0 6px rgba(27,27,27,.08)}
.wt-d{font-weight:700;font-size:clamp(1.5rem,1rem + 1.6vw,2.6rem);letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums}
.wt-t{font-weight:600;font-size:var(--s-sm)}
.wt-s{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.wt-s2{font-size:var(--s-xs);color:var(--ink-2);line-height:1.4}
.wt-months{display:grid;grid-template-columns:var(--cols);margin-top:8px;padding-top:12px;border-top:1px solid var(--line);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);text-align:center}
.wt-foot{display:flex;justify-content:space-between;align-items:center;gap:14px 24px;flex-wrap:wrap;margin-top:clamp(20px,3vw,36px);padding-top:18px;border-top:1px solid var(--line)}
.wt-foot .mono{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
@media (max-width:767px){
  .wt-band{display:grid;grid-template-columns:3px 1fr;column-gap:22px;padding-top:10px}
  .wt-rail{grid-column:1;height:auto;width:3px;align-self:stretch}
  .wt-gap{left:-6px;right:-6px;width:auto;top:var(--a);height:calc(var(--b) - var(--a));bottom:auto}
  .wt-fill{transform-origin:50% 0;transform:scaleY(var(--f))}
  .wt-fill::after{right:auto;left:50%;top:auto;bottom:-5px;transform:translateX(-50%) scaleY(calc(1 / max(var(--f),.02)))}
  .wt-marks{grid-column:2;height:auto;display:grid;gap:26px}
  .wt-m,.wt-m:last-child{position:relative;left:auto;right:auto;top:auto;width:auto;text-align:left;justify-items:start;transform:translateX(8px);transition-delay:.05s}
  .wt-m.on{transform:none}
  .wt-dot,.wt-m:last-child .wt-dot{left:-29px;right:auto;top:10px}
  .wt-months,.wt-gap{display:none}
}

/* Künstlerseite ohne Werkfotos */
.wk-soon{display:grid;gap:14px;justify-items:start;padding:clamp(28px,4vw,48px);border-radius:var(--r-page);background:var(--white);box-shadow:0 0 0 1px var(--line)}
.wk-soon .mono{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.wk-soon p{margin:0;max-width:52ch;color:var(--ink-2);font-size:var(--s-md);line-height:1.6}

/* Werkkarten mit kleinen Vorschaubildern (Mail-Thumbnails): nicht hochskalieren */
.work.sm-src .frame{aspect-ratio:4/3;height:auto;display:grid;place-items:center;background:var(--white)}
.works-grid .work.sm-src .frame img{width:min(72%,calc(var(--nw) * 1.5));height:auto;max-width:none;border-radius:3px;box-shadow:0 30px 60px -30px rgba(27,27,27,.4)}
.work.sm-src .sm-tag{position:absolute;left:12px;bottom:12px;padding:5px 9px;border-radius:999px;background:var(--white);color:var(--mute);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}
.work.sm-src:hover .frame img{transform:none}

/* Bewerbungs-Assistent: Felder als weiche Boxen, kleinere Beschriftung, Navigation gleich hoch */
.wz{align-items:stretch}
.wz-nav{align-self:stretch}
@media (min-width:1000px){.wz-nav{grid-template-rows:auto 1fr auto;align-content:stretch}.wz-nav .wz-steps{align-self:start}.wz-save{align-self:end}}
.wz-p{gap:14px}
.wz .kf-2{gap:12px}
.wz .ff input,.wz .ff textarea{font-size:.96rem;padding:25px 16px 11px;background:var(--mist);border:0;border-radius:14px;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .3s,background .3s}
.wz .ff textarea{min-height:140px;line-height:1.5}
.wz .ff input:hover,.wz .ff textarea:hover{box-shadow:inset 0 0 0 1px rgba(27,27,27,.14)}
.wz .ff input:focus,.wz .ff textarea:focus{background:#fff;box-shadow:inset 0 0 0 1.5px var(--ink)}
.wz .ff label{left:16px;top:21px;font-size:.66rem;letter-spacing:.11em;color:var(--mute)}
.wz .ff input:focus+label,.wz .ff input:not(:placeholder-shown)+label,.wz .ff textarea:focus+label,.wz .ff textarea:not(:placeholder-shown)+label{transform:translateY(-11px) scale(.9);color:var(--mute)}
.wz .ff::after{display:none}
.wz .ff .err{right:14px;top:8px;font-size:.66rem}
.wz .ff.bad input,.wz .ff.bad textarea{box-shadow:inset 0 0 0 1.5px #B3261E}
.wz-count{right:14px;bottom:-18px}
.wz-h{margin-bottom:16px}
.wz .kt-chips .chip,.wz .kt-chips label{font-size:.86rem}
.wz-l{font-size:.64rem}
.wz-foot{padding-block:16px}

/* =====================================================================
   HEADER v4 — schwebende Glas-Kapsel in Badstraße-Farben (zwei Zeilen: Info + Navigation)
   ===================================================================== */
:root{--hdr:124px;--hdr-top:0px;--cap-top:14px}
.hdr{top:calc(env(safe-area-inset-top,0px) + var(--cap-top));left:var(--inset);right:var(--inset);height:calc(var(--hdr) - var(--cap-top) - 8px);color:#fff;transition:transform .6s var(--ease)}
.hdr::before{display:none}
.hdr-in,.hdr.scrolled .hdr-in,.hdr.mm-open .hdr-in,.hdr.on-dark:not(.scrolled):not(.mm-open) .hdr-in{max-width:none;margin:0;height:100%;display:grid;gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:38px minmax(0,1fr);align-items:stretch;justify-content:stretch;padding:0 clamp(16px,2vw,28px);border-radius:26px;border:0;background:rgba(27,27,27,.8);-webkit-backdrop-filter:blur(26px) saturate(160%);backdrop-filter:blur(26px) saturate(160%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 0 1px 0 rgba(255,255,255,.16),0 24px 60px -28px rgba(0,0,0,.6);color:#fff;transition:background .45s}
.hdr.scrolled .hdr-in,.hdr.mm-open .hdr-in{background:rgba(27,27,27,.88)}
.hdr.hide{transform:translateY(calc(-100% - 24px))}
.hdr-top{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;border-bottom:1px solid rgba(255,255,255,.12);font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7);white-space:nowrap}
.hdr-tag{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.hdr-info{display:flex;align-items:center;gap:18px;flex:none}
@media (max-width:1299px){.hdr-info a[href^="mailto"]{display:none}}
@media (max-width:1119px){.hdr-info a[href^="tel"]{display:none}}
.hdr-info a{color:rgba(255,255,255,.78);text-decoration:none;transition:color .3s}
.hdr-info a:hover{color:#fff}
.hdr-sep{width:1px;height:12px;background:rgba(255,255,255,.2)}
.hdr .status{display:inline-flex!important;color:rgba(255,255,255,.78)}
.hdr .status i{background:rgba(255,255,255,.4);box-shadow:none}
.hdr .status.open i{background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.5)}
.hdr-main{display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:0}
.hdr .logo,.hdr.on-dark:not(.scrolled):not(.mm-open) .logo,.hdr.scrolled .logo{color:#fff;width:clamp(88px,7.6vw,108px)}
.hdr .nav>a,.hdr .nav>button,.hdr.on-dark:not(.scrolled):not(.mm-open) .nav>a,.hdr.on-dark:not(.scrolled):not(.mm-open) .nav>button{color:rgba(255,255,255,.86);font-weight:500;padding:.7em 0}
.hdr .nav>a:hover,.hdr .nav>button:hover,.hdr .nav>button[aria-expanded="true"],.hdr .nav>a[aria-current="page"],.hdr .nav>button.is-cur{color:#fff}
.hdr .nav>a::after,.hdr .nav>button::after{height:1.5px;bottom:.3em;background:#fff}
.hdr .nav>button.is-cur::after{transform:scaleX(1);transform-origin:left}
.hdr .nav sup{display:none}
.hdr-right{gap:10px}
.hdr-ic,.hdr .hdr-ic,.hdr .hdr-ic.hide-sm{display:inline-grid;place-items:center;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border-radius:50%;color:#fff;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);transition:background .3s,color .3s,transform .4s var(--ease)}
.hdr-ic svg{width:18px;height:18px;display:block}
.hdr-ic:hover{background:#fff;color:var(--ink);transform:translateY(-1px)}
.hdr .btn.hdr-cta,.hdr.on-dark:not(.scrolled):not(.mm-open) .btn.hdr-cta{--bg:#fff;--fg:var(--ink);background:#fff;color:var(--ink);padding:.8em 1.25em;font-size:13px;gap:.6em}
.hdr .btn.hdr-cta svg{width:14px;height:14px}
.hdr .btn.hdr-cta{isolation:isolate;overflow:hidden}
.hdr .btn.hdr-cta::before{z-index:0}
.hdr .btn.hdr-cta>*{position:relative;z-index:1}
.hdr .btn.hdr-cta:hover,.hdr.on-dark:not(.scrolled):not(.mm-open) .btn.hdr-cta:hover{color:#fff}
.hdr .burger{background:#fff;color:var(--ink)}
.mm{top:calc(env(safe-area-inset-top,0px) + var(--hdr))}
.mm-glass{max-width:none;padding:0 var(--inset)}
.mm-panel{border-radius:26px;clip-path:inset(0 0 100% 0 round 26px)}
.mm.open .mm-panel{clip-path:inset(0 0 0 0 round 26px)}
.mob{padding-top:calc(var(--hdr) + env(safe-area-inset-top,0px))}
@media (max-width:1079px){
  :root{--hdr:82px;--cap-top:10px}
  .hdr{height:calc(var(--hdr) - var(--cap-top) - 10px)}
  .hdr-in,.hdr.scrolled .hdr-in,.hdr.mm-open .hdr-in,.hdr.on-dark:not(.scrolled):not(.mm-open) .hdr-in{grid-template-rows:minmax(0,1fr);border-radius:22px;padding:0 8px 0 16px}
  .hdr-top{display:none}
  .hdr .logo{width:90px}
  .hdr-right{gap:6px}
  .hdr-ic,.hdr .hdr-ic{width:42px;height:42px}
  .hdr .burger{width:42px;height:42px}
  .mm-panel{border-radius:22px}
}
@media (max-width:640px){
  :root{--hdr:76px;--cap-top:8px}
  .hdr-in,.hdr.scrolled .hdr-in,.hdr.mm-open .hdr-in,.hdr.on-dark:not(.scrolled):not(.mm-open) .hdr-in{border-radius:20px}
}

/* Veranstaltungen: Vernissage-Fotos als Karussell, dunkles Anlass-Panel, Abstand zwischen den Panels */
.gr.vc{padding:clamp(60px,8vw,120px) 0 clamp(40px,6vw,90px);background:var(--mist);margin:var(--inset) var(--inset) 0;border-radius:var(--r-page)}
.ev-anlass{margin:var(--inset);border-radius:var(--r-page);background:var(--ink);color:#fff}
.ev-anlass .eyebrow{color:rgba(255,255,255,.7)}
.ev-anlass h2,.ev-anlass h2 em{color:#fff}
.ev-anlass h2 em{color:rgba(255,255,255,.5)}
.ev-anlass p{color:rgba(255,255,255,.78)}
.ev-anlass .btn.light{--bg:#fff;--fg:var(--ink);background:#fff;color:var(--ink)}
.gr.vc .rc-btn{background:#fff}
.vc-link{margin-right:10px}
@media (max-width:640px){.vc-link{display:none}}

/* =====================================================================
   PARTNER — Logo-Wolke im Hero, Partner-Kacheln, „Partner werden“
   ===================================================================== */
.pn-hero{position:relative;background:var(--mist);margin:0 var(--inset);border-radius:var(--r-page);overflow:hidden}
.pn-stage{position:relative;min-height:min(86svh,820px);padding:calc(var(--hdr) + clamp(16px,3vh,36px)) var(--pad) clamp(70px,9vh,110px);display:grid;align-content:center}
.pn-cloud{position:absolute;inset:0;z-index:0;pointer-events:none}
.pn-chip{position:absolute;left:var(--x);top:var(--y);width:clamp(120px,15vw,220px);aspect-ratio:584/308;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 30px 60px -30px rgba(27,27,27,.35),0 0 0 1px rgba(27,27,27,.05);will-change:transform;opacity:.9}
.pn-chip img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.75;mix-blend-mode:multiply}
.pn-top{position:absolute;left:var(--pad);right:var(--pad);top:calc(var(--hdr) + clamp(10px,2vh,24px));z-index:3;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.pn-top .crumbs{margin:0}.pn-top .sh-eb{margin:0}
.pn-in{position:relative;z-index:2;display:grid;justify-items:center;gap:22px;text-align:center}
.pn-h{margin:0;font-weight:600;font-size:clamp(4rem,2rem + 16vw,19rem);line-height:.86;letter-spacing:-.075em;color:var(--ink)}
.pn-p{margin:0;max-width:44ch;color:var(--ink-2);font-size:var(--s-md);line-height:1.5}
.pn-act{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.pn-meta{position:absolute;left:var(--pad);right:var(--pad);bottom:22px;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.pn{padding:clamp(70px,9vw,130px) 0 clamp(60px,8vw,110px)}
.pn-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}
.pn-tile{position:relative;display:grid;gap:14px;padding:clamp(14px,1.6vw,20px);border-radius:var(--r-page);background:var(--mist);transition:background .4s,transform .5s var(--ease)}
.pn-tile:hover{background:#fff;box-shadow:0 30px 60px -36px rgba(27,27,27,.35);transform:translateY(-4px)}
.pn-logo{display:block;aspect-ratio:584/308;border-radius:14px;overflow:hidden;background:#fff}
.pn-logo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.78;mix-blend-mode:multiply;transition:filter .5s,opacity .5s,transform .8s var(--ease)}
.pn-tile:hover .pn-logo img{filter:none;opacity:1;transform:scale(1.03)}
.pn-n{position:absolute;right:clamp(14px,1.6vw,20px);top:clamp(14px,1.6vw,20px);font-size:.62rem;letter-spacing:.12em;color:var(--mute)}
.pn-t{display:grid;gap:3px}
.pn-t b{font-weight:600;font-size:1.02rem;letter-spacing:-.02em}
.pn-t span{font-size:var(--s-xs);color:var(--mute);line-height:1.4}
.pn-cta{margin:0 var(--inset) var(--inset);padding:clamp(60px,8vw,120px) 0;border-radius:var(--r-page);background:var(--ink);color:#fff}
.pn-cta .sh-eb{color:rgba(255,255,255,.7)}.pn-cta .tt{color:#fff}.pn-cta .tt .mut{color:rgba(255,255,255,.4)}
.pn-cta-grid{display:grid;gap:clamp(30px,5vw,80px);align-items:center}
@media (min-width:900px){.pn-cta-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}}
.pn-cta-p{margin:-10px 0 0;max-width:54ch;color:rgba(255,255,255,.75);font-size:var(--s-md);line-height:1.6}
.pn-cta-act{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:26px}
.pn-cta-card{position:relative;display:grid;gap:8px;padding:clamp(24px,3vw,40px);padding-right:clamp(70px,6vw,96px);border-radius:var(--r-page);background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);min-height:260px;align-content:end}
.pn-cta-card .mono{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.pn-cta-card b{font-weight:600;font-size:clamp(1.5rem,1rem + 1.6vw,2.4rem);letter-spacing:-.04em;line-height:1.05}
.pn-cta-card>span:last-of-type{color:rgba(255,255,255,.7);font-size:var(--s-sm);line-height:1.5}
.pn-cta-card .circ{position:absolute;right:20px;top:20px;background:#fff;color:var(--ink)}
.pn-cta-card .circ:hover{transform:rotate(45deg)}
.pn-cta-card::before{content:"";display:block;width:44%;max-width:220px;aspect-ratio:584/308;border-radius:12px;border:1.5px dashed rgba(255,255,255,.3);margin-bottom:14px}
@media (max-width:1079px){.pn-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767px){
  .pn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pn-chip{width:clamp(96px,30vw,140px);opacity:.6}
  .pn-chip:nth-child(n+6){display:none}
  .pn-h{font-size:clamp(4rem,2rem + 16vw,19rem)}
  .pn-meta>span:last-child,.pn-meta .gp-hint{display:none}
  .pn-top{flex-direction:column;gap:6px}
  .pn-stage{min-height:min(80svh,700px)}
}

/* Türen-Hero: Schlüsselwerk füllt die ganze Bühne */
.xh-full .xh-work{position:absolute;inset:-6%;width:auto;height:auto;aspect-ratio:auto;margin:0}
.xh-full .xh-canvas{border-radius:0;box-shadow:none}
.xh-full .xh-canvas img{object-position:50% 40%}
.xh-full .xh-room{background:#141414}
.xh-full .xh-glow{opacity:.35}
.xh-full .xh-cap{text-shadow:0 2px 24px rgba(0,0,0,.5)}
.xh-full .xh-room::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,14,14,.35),rgba(14,14,14,0) 35%,rgba(14,14,14,0) 60%,rgba(14,14,14,.65));pointer-events:none}
/* Zählwerke: Ziffern oben nicht beschneiden */
.odo-d{padding-top:.14em;margin-top:-.14em;height:1.14em}
.odo-col{top:.14em}

/* Termine als Karussell (Ausstellungsseiten) */
.xe-rc .rc-head .sh{margin-bottom:0;flex:1}
.xe-rc .rc-head{align-items:flex-end}
.xe-track.rc-track{margin-top:clamp(26px,3vw,44px);align-items:stretch;--gl:max(var(--gut),calc((100% - var(--wrap) - var(--gut) - var(--gut-r)) / 2 + var(--gut)));--gr:max(var(--gut-r),calc((100% - var(--wrap) - var(--gut) - var(--gut-r)) / 2 + var(--gut-r)));padding-left:var(--gl);padding-right:var(--gr);scroll-padding-inline:var(--gl) var(--gr)}
.xe-s.rc-s{height:auto;aspect-ratio:auto;width:min(560px,82vw);max-width:none}
@media (min-width:900px){.xe-s.rc-s{width:calc((100% - clamp(10px,1.2vw,18px)) / 2)}}
@media (min-width:1180px){.xe-s.rc-s{width:calc((100% - 2 * clamp(10px,1.2vw,18px)) / 3)}}
.xe-s .xe-card{height:100%}
.xe-s .xe-img{aspect-ratio:16/10}
.xe-s .xe-img img{transition:none;transform:none!important}
.xe-rc .rc-foot{margin-top:22px}
@media (max-width:640px){.xe-s.rc-s{width:86vw}}

/* Newsroom: Video-Beiträge */
.np-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:8px;padding:10px 16px 10px 12px;border-radius:999px;background:rgba(255,255,255,.82);color:var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-family:var(--f-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;transition:transform .5s var(--ease)}
.np-play svg{width:18px;height:18px}
.np-play i{font-style:normal}
.np-img:hover .np-play{transform:translate(-50%,-50%) scale(1.06)}
.nd-video{position:relative;background:var(--ink)}
.nd-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.nd-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:50%;border:0;display:grid;place-items:center;background:rgba(255,255,255,.9);color:var(--ink);cursor:pointer;box-shadow:0 30px 60px -30px rgba(0,0,0,.6);transition:transform .5s var(--ease),opacity .4s}
.nd-play svg{width:34px;height:34px;margin-left:4px}
.nd-play:hover{transform:translate(-50%,-50%) scale(1.06)}
.nd-video.playing .nd-play{opacity:0;pointer-events:none}
@media (max-width:640px){.nd-play{width:64px;height:64px}.nd-play svg{width:26px;height:26px}}

/* =====================================================================
   DASHBOARD-LOGIN — gerundeter Rahmen im Website-Raster (Abstand zum
   Footer), Schild-Mockup unscharf, links Begrüßung, rechts Glas-Karte
   ===================================================================== */
.lg{position:relative;min-height:calc(100svh - var(--hdr) - var(--inset) - clamp(24px,3vw,40px));margin:calc(var(--hdr) - 8px + var(--inset)) var(--inset) clamp(24px,3vw,40px);border-radius:var(--r-page);display:grid;place-items:center;padding:clamp(40px,5vw,64px) clamp(20px,4vw,72px);overflow:hidden;background:#2a2a2a;isolation:isolate}
.lg-bg{position:absolute;inset:-4%;z-index:0}
.lg-bg img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;filter:blur(16px) saturate(0) brightness(.92);transform:scale(1.04)}
.lg::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(27,27,27,.5) 0%,rgba(27,27,27,.18) 45%,rgba(27,27,27,.55) 100%)}
.lg-wrap{position:relative;z-index:2;width:min(1180px,100%)}
.lg-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:clamp(32px,6vw,110px);align-items:center}
.lg-text{color:var(--white);display:grid;gap:18px;justify-items:start}
.lg-text .eyebrow{color:rgba(255,255,255,.72)}
.lg-h{margin:0;font-weight:600;font-size:clamp(2.6rem,1.5rem + 3.6vw,5.2rem);line-height:.94;letter-spacing:-.055em;text-wrap:balance}
.lg-h em{font-style:normal;font-weight:300;letter-spacing:-.045em;color:rgba(255,255,255,.62)}
.lg-p{margin:0;color:rgba(255,255,255,.78);font-size:clamp(1rem,.95rem + .3vw,1.15rem);line-height:1.55;max-width:40ch}
.lg-card{display:grid;gap:14px;padding:clamp(26px,3.4vw,40px) clamp(22px,3vw,36px);border-radius:28px;color:var(--ink);background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(30px) saturate(160%);backdrop-filter:blur(30px) saturate(160%);box-shadow:0 60px 110px -40px rgba(0,0,0,.65),inset 0 0 0 1px rgba(255,255,255,.65),inset 0 1px 0 rgba(255,255,255,.9)}
.lg-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px}
.lg-top .mono{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.lg-logo svg{width:112px;height:auto;display:block}
.lg-logo svg path{fill:var(--ink)}
.lg .ff input{font-size:.96rem;padding:25px 48px 11px 16px;background:rgba(27,27,27,.055);border:0;border-radius:14px;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .3s,background .3s}
.lg .ff input:hover{box-shadow:inset 0 0 0 1px rgba(27,27,27,.14)}
.lg .ff input:focus{background:#fff;box-shadow:inset 0 0 0 1.5px var(--ink)}
.lg .ff label{left:16px;top:21px;font-family:var(--f-mono);font-size:.66rem;letter-spacing:.11em;text-transform:uppercase;color:var(--mute)}
.lg .ff input:focus+label,.lg .ff input:not(:placeholder-shown)+label{transform:translateY(-11px) scale(.9);color:var(--mute)}
.lg .ff::after{display:none}
.lg-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:var(--mute);background:transparent;transition:background .3s,color .3s}
.lg-eye svg{width:18px;height:18px}
.lg-eye:hover,.lg-eye.on{color:var(--ink);background:rgba(27,27,27,.06)}
.lg-err{margin:-4px 0 0;min-height:1.2em;font-size:.68rem;letter-spacing:.06em;color:#B3261E}
.lg-actions{display:grid;gap:8px}
.lg-btn{justify-content:center;padding:1.05em 1.4em;font-size:.95rem}
.lg-btn svg{width:1.1em;height:1.1em}
.lg-btn.ghost{box-shadow:inset 0 0 0 1px rgba(27,27,27,.28)}
.lg-note{margin:4px 0 0;font-size:.64rem;letter-spacing:.06em;line-height:1.65;color:var(--mute)}
.lg-card.shake{animation:lg-shake .45s cubic-bezier(.36,.07,.19,.97)}
.lg-card.ok{transition:transform .35s var(--ease),opacity .35s;transform:translateY(-6px) scale(.985);opacity:.6}
@keyframes lg-shake{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(4px)}30%,50%,70%{transform:translateX(-6px)}40%,60%{transform:translateX(6px)}}
@media (max-width:899px){.lg-grid{grid-template-columns:1fr;gap:28px;align-content:start}.lg{place-items:start center}}
@media (max-width:640px){.lg{padding-left:16px;padding-right:16px;padding-bottom:32px}.lg-card{border-radius:22px}.lg-h{font-size:clamp(2.2rem,8.5vw,3rem)}}

/* =====================================================================
   NEWSROOM HERO — Impasto (Ölfarbe), Ken-Burns, Licht folgt der Maus, Ticker
   ===================================================================== */
.nrh{padding:0 0 clamp(40px,6vw,90px)}
.nr-frame{position:relative;min-height:min(100svh,980px);border-radius:0 0 var(--r-page) var(--r-page);overflow:hidden;background:#1a1512;color:#fff;isolation:isolate;display:grid;grid-template-rows:auto 1fr auto;clip-path:inset(0 0 0 0 round 0 0 var(--r-page) var(--r-page));will-change:clip-path}
.nr-bg{position:absolute;inset:-8%;z-index:0;display:block;will-change:transform}
.nr-bg img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;transform-origin:50% 50%;will-change:transform;filter:saturate(1.05) contrast(1.04)}
.nr-light{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle 32vw at var(--mx,70%) var(--my,45%),rgba(255,224,190,.26) 0%,rgba(255,200,150,.08) 38%,rgba(0,0,0,0) 70%);mix-blend-mode:soft-light;opacity:0;transition:opacity 1.2s}
.nr-frame.live .nr-light{opacity:1}
.nr-grain{position:absolute;inset:-50%;z-index:2;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:nrGrain 1.2s steps(6) infinite}
@keyframes nrGrain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}
.nr-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(14,10,8,.78) 0%,rgba(14,10,8,.5) 40%,rgba(14,10,8,.08) 100%),linear-gradient(180deg,rgba(14,10,8,.35) 0%,rgba(14,10,8,0) 30%,rgba(14,10,8,0) 60%,rgba(14,10,8,.72) 100%)}
.nr-top{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:calc(var(--hdr) + clamp(14px,3vh,34px)) var(--pad) 0;color:rgba(255,255,255,.72)}
.nr-top .crumbs{margin:0;color:inherit}.nr-top .crumbs a{color:inherit}
.nr-meta{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.nr-in{position:relative;z-index:3;align-self:end;padding:clamp(50px,8vh,100px) var(--pad) clamp(22px,3vw,40px);max-width:980px;display:grid;grid-template-columns:minmax(0,1fr);gap:18px;justify-items:start;min-width:0}
.nr-p{min-width:0;max-width:min(52ch,100%)}
.nr-pill{display:inline-flex;align-items:center;gap:.55em;font-family:var(--f-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;padding:.6em 1em;border-radius:999px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.nr-pill i{width:6px;height:6px;border-radius:50%;background:#ff9b4d;box-shadow:0 0 0 3px rgba(255,155,77,.25)}
.nr-h{margin:0;font-weight:700;font-size:clamp(2.4rem,1.2rem + 5.2vw,6.6rem);line-height:.94;letter-spacing:-.06em;text-wrap:balance}
.nr-h .nr-l{display:inline-block;overflow:hidden;vertical-align:top;padding:.14em .1em .22em .06em;margin:-.14em -.1em -.22em -.06em}
.nr-h .nr-w{display:inline-block;will-change:transform,opacity}
.nr-h .mut{color:rgba(255,255,255,.55)}
.nr-p{margin:0;max-width:52ch;color:rgba(255,255,255,.84);font-size:var(--s-md);line-height:1.55}
.nr-act{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.nr-ticker{position:relative;z-index:3;overflow:hidden;border-top:1px solid rgba(255,255,255,.14);padding:14px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);background:rgba(10,8,6,.35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.nr-track{display:flex;align-items:center;gap:28px;width:max-content;will-change:transform;padding-inline:var(--pad)}
.nr-ti{display:inline-flex;align-items:baseline;gap:12px;color:#fff;text-decoration:none;white-space:nowrap}
.nr-ti .mono{font-size:.64rem;letter-spacing:.12em;color:rgba(255,255,255,.55)}
.nr-ti b{font-weight:500;font-size:.92rem;letter-spacing:-.01em;transition:color .3s}
.nr-ti:hover b{color:#ffb579}
.nr-dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.4);flex:none}
.nr-scroll{position:absolute;right:var(--pad);bottom:calc(14px + 48px + 18px);z-index:3;display:inline-flex;align-items:center;gap:10px;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.nr-scroll i{width:1px;height:38px;background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,0));animation:nrLine 2.2s ease-in-out infinite;transform-origin:top}
@keyframes nrLine{0%{transform:scaleY(0);opacity:0}30%{opacity:1}100%{transform:scaleY(1);opacity:0}}
@media (max-width:767px){
  .nr-frame{min-height:min(92svh,800px)}
  .nr-bg img{object-position:50% 60%}
  .nr-shade{background:linear-gradient(180deg,rgba(14,10,8,.5) 0%,rgba(14,10,8,.1) 30%,rgba(14,10,8,.1) 45%,rgba(14,10,8,.85) 100%)}
  .nr-meta,.nr-scroll{display:none}
  .nr-in{padding-bottom:18px}
  .nr-h{font-size:clamp(2.3rem,10.5vw,3.6rem)}
}
@media (prefers-reduced-motion:reduce){.nr-grain{animation:none}.nr-scroll i{animation:none}}

/* Megamenü Künstler: drei Namenslisten statt Vorschaubild (Windschrift ergänzt, 08.11.) */
.mm-sec.mm-sec-k{grid-template-columns:minmax(200px,.7fr) repeat(3,minmax(0,1fr))}
.mm-sec-k .mm-col.small .mm-link{font-size:clamp(.98rem,.85rem + .35vw,1.2rem)}

/* =====================================================================
   CHAT-ASSISTENT (rechts unten, alle Seiten)
   ===================================================================== */
.cb{position:fixed;right:max(16px,env(safe-area-inset-right,0px) + 12px);bottom:max(16px,env(safe-area-inset-bottom,0px) + 12px);z-index:96;display:grid;justify-items:end;gap:12px;font-family:var(--f-body);opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .8s var(--ease);pointer-events:none}
.cb.in{opacity:1;transform:none}
.cb>*{pointer-events:auto}
.cb[hidden]{display:none}
.cb-fab{display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 20px 0 8px;border:0;border-radius:999px;background:var(--ink);color:#fff;font:500 .95rem/1 var(--f-body);cursor:pointer;box-shadow:0 18px 40px -18px rgba(27,27,27,.6),0 0 0 1px rgba(255,255,255,.08) inset;transition:transform .4s var(--ease),padding .4s var(--ease)}
.cb-fab:hover{transform:translateY(-2px)}
.cb-fab:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.cb-fab-ic{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.12)}
.cb-fab-ic svg{width:19px;height:19px;transition:opacity .3s,transform .4s var(--ease)}
.cb-fab-ic .cb-x{position:absolute;opacity:0;transform:rotate(-45deg)}
.cb.open .cb-fab-ic svg:first-child{opacity:0;transform:rotate(45deg)}
.cb.open .cb-fab-ic .cb-x{opacity:1;transform:none}
.cb.open .cb-fab{padding-right:8px}
.cb.open .cb-fab-t{display:none}
.cb-panel{width:min(390px,calc(100vw - 32px));height:min(600px,calc(100svh - 120px));display:grid;grid-template-rows:auto 1fr auto auto auto;border-radius:24px;overflow:hidden;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);box-shadow:0 40px 90px -30px rgba(27,27,27,.45),0 0 0 1px rgba(27,27,27,.06);transform-origin:100% 100%;animation:cbIn .45s var(--ease)}
.cb-panel[hidden]{display:none}
@keyframes cbIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
.cb-h{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:16px 16px 14px 18px;border-bottom:1px solid var(--line)}
.cb-av{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;font:600 .78rem/1 var(--f-body);letter-spacing:.02em}
.cb-h b{display:block;font-weight:600;font-size:1rem;letter-spacing:-.02em}
.cb-h .mono{display:flex;align-items:center;gap:6px;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.cb-h .mono i{width:6px;height:6px;border-radius:50%;background:#2fae64}
.cb-close{width:36px;height:36px;border:0;border-radius:50%;background:var(--mist);color:var(--ink);cursor:pointer;font-size:.9rem}
.cb-log{overflow-y:auto;overscroll-behavior:contain;padding:16px 16px 6px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
.cb-m{max-width:86%;padding:10px 14px;border-radius:18px;font-size:.93rem;line-height:1.5;word-wrap:break-word}
.cb-m p{margin:0}.cb-m p+p,.cb-m ul{margin-top:.55em}
.cb-m ul{margin-bottom:0;padding-left:1.1em}
.cb-m a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.cb-m.bot{align-self:flex-start;background:var(--mist);color:var(--ink);border-bottom-left-radius:6px}
.cb-m.me{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:6px}
.cb-dots{display:inline-flex;gap:4px;padding:4px 0}
.cb-dots i{width:6px;height:6px;border-radius:50%;background:var(--mute);animation:cbDot 1s infinite ease-in-out}
.cb-dots i:nth-child(2){animation-delay:.15s}.cb-dots i:nth-child(3){animation-delay:.3s}
@keyframes cbDot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.cb-sug{display:flex;flex-wrap:wrap;gap:6px;padding:4px 16px 10px}
.cb-sug:empty{display:none}
.cb-sug button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 12px;font:inherit;font-size:.82rem;color:var(--ink);cursor:pointer;transition:background .3s,border-color .3s}
.cb-sug button:hover{background:var(--mist);border-color:transparent}
.cb-f{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;margin:0 12px;padding:6px 6px 6px 14px;border-radius:20px;background:var(--mist)}
.cb-f textarea{border:0;background:none;resize:none;font:inherit;font-size:16px;line-height:1.4;padding:8px 0;max-height:120px;color:var(--ink);outline:none}
.cb-f button{width:40px;height:40px;border:0;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;cursor:pointer}
.cb-f button svg{width:18px;height:18px}
.cb-foot{margin:8px 16px 12px;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);text-align:center}
.cb-foot a{color:inherit}
@media (max-width:560px){
  .cb-fab-t{display:none}.cb-fab{padding:0 8px;height:52px}
  .cb.open{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom,0px))}
  .cb-panel{width:100%;height:min(78svh,640px)}
}
@media (prefers-reduced-motion:reduce){.cb,.cb-panel{animation:none;transition:none}}
@media print{.cb{display:none}}

/* Touch-Ziele mobil mind. 44 px (Review 08.11.) */
@media (max-width:767px){
  .xh-more,.nd-back,.wf-link,.ga-more,.ab-more{min-height:44px;display:inline-flex;align-items:center}
  .xe-card .btn,.rc-btn{min-height:44px}
}
@media (max-width:767px){.pst-head a,.link-u.mono{display:inline-flex;align-items:center;min-height:44px}}
.cb-panel{order:-1}
@media (max-width:560px){.cb.open .cb-fab{display:none}.cb-panel{height:min(82svh,680px)}}
@media (max-width:767px){.ev-body h3 a{display:inline-block;padding:10px 0;margin:-10px 0}}
/* Startseite: Titel wie auf der bisherigen Website (Barlow Condensed, zweite Zeile als Kontur) */
.hx-title.hx-cond{font-family:"Barlow Condensed","Hanken Grotesk",sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.012em;line-height:.9;font-size:clamp(2.2rem,.9rem + 4.2vw,5.4rem);max-width:none}
.hx-title.hx-cond .lm{display:block;padding:.06em 0 .1em;margin:-.06em 0 -.1em}
.hx-title.hx-cond .lm-o>span{color:transparent;-webkit-text-stroke:max(1.5px,.016em) #fff;paint-order:stroke fill}
@supports not (-webkit-text-stroke:1px #fff){.hx-title.hx-cond .lm-o>span{color:#fff}}
@media (max-width:767px){.hx-title.hx-cond{font-size:clamp(2.4rem,12vw,4.2rem)}}
/* Titel: zweite Zeile so breit wie die erste (wie bisherige Website), Konturzeile nicht anschneiden */
.hx-title.hx-cond{line-height:.92}
.hx-title.hx-cond .lm{padding:.08em 0 .16em;margin:-.08em 0 -.16em}
.hx-title.hx-cond .lm-o{font-size:1.79em;line-height:.86;letter-spacing:0}
/* Sammlung mobil: Karussell im Seitenraster (Kapitel und Werke rasten am linken Rand des Rasters ein) */
@media (max-width:899px){
  .xt-track{scroll-padding-inline:var(--pad);gap:18px}
  .xt-ch{width:112px;padding-right:14px;scroll-snap-align:start}
  .xt-ch b{font-size:1.45rem}
  .xt-w{scroll-snap-align:start;width:min(74vw,calc(46svh * var(--ar,.75)));max-width:74vw}
  .xt-end{scroll-snap-align:start}
}
/* Werk-Beschriftung: ohne Nummer einspaltig (Künstler, Titel, Angaben untereinander) */
.work .cat:not(:has(.n)){grid-template-columns:minmax(0,1fr)}
.work .cat:has(.n)>:not(.n){grid-column:2}
/* Künstlerseite mobil: ohne Eyebrow, Eckdaten als ruhige Liste */
@media (max-width:767px){
  .ph-eb{display:none}
  .ph .ph-name{margin-top:8px!important}
  .ph-meta{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:22px;border-top:1px solid var(--line)}
  .ph-meta>div{gap:3px;padding:12px 0;border-bottom:1px solid var(--line)}
  .ph-meta .k{font-size:10px}
  .ph-meta>div>span:not(.k),.ph-meta>div>a{font-size:.98rem;line-height:1.4}
}

/* Startseite mobil: Ausstellungszeitraum direkt unter dem Titel, Laufzeit-Leiste mit Ton/Pause ausgeblendet */
.hx-sub-m{display:none}
@media (max-width:767px){
  .hx-sub-m{display:block;margin-top:clamp(18px,3.4vh,30px)}
  .hx-left .hx-sub{display:none}
  .hr-ex .hr-track{display:none}
  .hx-left:empty,.hx-left:not(:has(:not(.hx-chips):not(.hx-sub))){display:none}
}
/* Touch-Geräte: Unterstreichung nicht „hängen“ lassen */
@media (hover:none){.link-u:hover::after{transform:scaleX(0)}}
/* Windschrift mobil: ohne Eyebrow über dem Titel (wie Startseite/Künstler) */
@media (max-width:767px){.wf-top .sh-eb{display:none}}
/* Türen-Hero mobil: geschlossen ohne Spalt und ohne Mittellinie – Titel bleibt lesbar */
@media (max-width:767px){.xh-dl::after,.xh-dr::after{display:none}.xh-top .sh-eb{display:none}}
/* Ausstellungs-Heros mobil: keine Eyebrow über dem Titel (Zeitraum steht in den Eckdaten) */
@media (max-width:1023px){.su-top .sh-eb,.ts-top .sh-eb,.au-top .sh-eb,.xh-top .sh-eb,.wf-top .sh-eb{display:none}}
/* Newsletter-Zeile mobil: Feld und Button untereinander, nichts ragt über die Karte */
@media (max-width:560px){
  .field-line{display:grid!important;grid-template-columns:minmax(0,1fr);gap:10px;border-bottom:0!important;padding:0!important}
  .field-line input{width:100%;min-width:0;border:1px solid var(--line)!important;border-radius:999px;padding:14px 18px!important;background:var(--white)}
  .field-line .btn{width:100%;justify-content:center}
}
/* Seiten-Heros mobil: ohne Eyebrow (Wunsch: ruhiger, nur Titel) */
@media (max-width:767px){.ph .eyebrow{display:none}.ph .eyebrow+.display,.ph .eyebrow+h1{margin-top:6px!important}}
/* Künstlerliste mobil: Name volle Breite, Ausstellung klein darunter, Pfeil rechts */
@media (max-width:700px){
  .ai a{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"nm ar" "mt ar";row-gap:6px;padding:16px 0}
  .ai .nm{grid-area:nm;font-size:clamp(1.7rem,8.4vw,2.4rem);overflow-wrap:anywhere}
  .ai .meta{display:contents}
  .ai .meta>span:nth-child(2){grid-area:mt;font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);text-align:left}
  .ai .meta .arrow,.ai .meta>svg{grid-area:ar;width:22px;height:22px}
  .ai a:hover .nm{transform:none}
}
/* Newsroom-Hero: Text nie breiter als der Bildschirm */
.nr-frame{grid-template-columns:minmax(0,1fr)}
.nr-in{width:100%;max-width:min(980px,100%)}
.nr-in .nr-p{max-width:min(52ch,100%)}
/* Beitrags-Meta mobil: Trennpunkte nicht am Zeilenanfang */
@media (max-width:767px){.np-meta>span+span::before,.np-meta>span:first-of-type::before{content:none}.np-meta>span{opacity:.85}.np-meta{gap:6px 12px}}
@media (max-width:1023px){.gp-top .sh-eb,.kp-top .sh-eb,.pn-top .sh-eb{display:none}}
@media (max-width:767px){.kp-shade{background:linear-gradient(180deg,rgba(18,16,14,.55) 0%,rgba(18,16,14,.42) 40%,rgba(18,16,14,.5) 62%,rgba(18,16,14,.8) 100%)}}
/* Art-Award-Hero Tablet/Mobil: nicht kleben (sonst leere Fläche beim Scrollen) */
@media (max-width:999px){.aw{position:relative}.after-aw::before{top:0}}
/* Kennzahlen: Beschriftung umbrechen statt abschneiden */
.odo-l,.od-l,[class*="odo"] span{overflow-wrap:anywhere}
/* Kennzahlen mobil: Zahl oben, Beschriftung darunter (lange Wörter passen) */
@media (max-width:599px){
  .odos{gap:22px 18px}
  .odo-cell{flex-direction:column;gap:6px}
  .odo-cell dt{padding-top:0;max-width:none;hyphens:auto;-webkit-hyphens:auto}
  .ap-odos .odo,.xi-odos .odo{font-size:clamp(2.4rem,11vw,3.2rem)}
}
@media (max-width:1023px){.au-in>.sh-eb{display:none}}
@media (max-width:767px){.nd-meta>span::before,.nd-meta>a::before{content:none!important}.nd-meta{gap:6px 12px!important;flex-wrap:wrap}}
/* Werke-Raster: Browser-Standardrand von <figure> entfernen (Bilder nutzen volle Spaltenbreite) */
.works-grid .work{margin-left:0;margin-right:0;margin-bottom:0}
.works-grid .work:nth-child(odd){margin-top:0}
/* Künstlerseite: Eyebrow auch auf Tablets aus */
@media (max-width:1023px){.ph-eb{display:none}.ph .ph-name{margin-top:8px!important}}
/* Startseite: Textblock „Kunstgalerie für zeitgenössische Kunst in Österreich“ */
.seo-intro{padding:clamp(56px,8vw,120px) 0 clamp(28px,4vw,56px)}
.seo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,5vw,90px);align-items:start}
.seo-h{margin:0;font-weight:700;font-size:clamp(1.9rem,1.1rem + 2.6vw,3.6rem);line-height:1;letter-spacing:-.05em;text-wrap:balance}
.seo-h .mut{color:var(--mute)}
.seo-txt{display:grid;gap:16px;color:var(--ink-2);font-size:var(--s-md);line-height:1.6;max-width:62ch}
.seo-txt p{margin:0}
.seo-links{display:flex;flex-wrap:wrap;gap:10px 22px;font-weight:500;color:var(--ink)}
@media (max-width:899px){.seo-grid{grid-template-columns:minmax(0,1fr)}}
.nr-in .nr-p{white-space:normal}
/* Login per E-Mail-Code */
.lg-p2{margin:0 0 14px;font-size:.95rem;line-height:1.5;color:var(--ink-2)}
.lg-link{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#l-code{letter-spacing:.4em;font-variant-numeric:tabular-nums}

/* Startseite: Titel mittig im Header (wie bisherige Website) */
.hx-top:has(.hx-cond){top:calc(var(--hdr-top) + var(--hdr));bottom:clamp(150px,24vh,260px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;pointer-events:none}
.hx-top:has(.hx-cond) a,.hx-top:has(.hx-cond) button{pointer-events:auto}
.hx-cond .lm{text-align:center}
@media (max-width:767px){
  .hx-title.hx-cond{font-size:clamp(2rem,10.5vw,3.4rem)}
  .hx-top:has(.hx-cond){bottom:clamp(170px,30vh,260px)}
}
.lg-links{display:flex;flex-wrap:wrap;gap:6px 18px}
.lg-links .lg-link[hidden]{display:none}
.lg-card [data-f][hidden]{display:none}

/* ===== Werke-Raster als Mauerwerk (keine Lücken neben hohen Bildern) ===== */
.works-grid{display:block;columns:2;column-gap:clamp(18px,3vw,48px)}
.works-grid .work,.works-grid .work:nth-child(odd),.works-grid .work:nth-child(even){display:block;break-inside:avoid;margin:0 0 clamp(36px,5vw,80px)}
.works-grid .work:last-child{margin-bottom:0}
@media (max-width:640px){.works-grid{columns:1}}
/* Künstlerseite: zwei echte Spalten (Versatz per GSAP auf der Spalte), mobil eine Spalte in Originalreihenfolge */
.works-grid[data-wg]{columns:auto;display:flex;align-items:flex-start;gap:clamp(18px,3vw,48px)}
.works-grid[data-wg] .wg-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:clamp(36px,5vw,80px);will-change:transform}
.works-grid[data-wg] .work,.works-grid[data-wg] .work:nth-child(odd),.works-grid[data-wg] .work:nth-child(even){margin:0}
/* kein CSS-Übergang auf transform – GSAP skaliert das Bild pro Frame, eine Transition zieht jeden Schritt nach (Ruckeln) */
.works-grid[data-wg] .work .frame img{transition:filter .6s}
@media (max-width:640px){
  .works-grid[data-wg]{flex-direction:column;gap:clamp(36px,9vw,56px)}
  .works-grid[data-wg] .wg-col{display:contents}
}

/* ===== Platzhalter „Werkfoto folgt" ===== */
.wph{position:relative;aspect-ratio:var(--ar,.8);width:100%;border-radius:inherit;background:var(--white);box-shadow:inset 0 0 0 1px var(--line);display:grid;place-items:center;overflow:hidden;color:var(--ink)}
.wph-g{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:32px 32px;opacity:.55;-webkit-mask-image:radial-gradient(closest-side,transparent 30%,#000 100%);mask-image:radial-gradient(closest-side,transparent 30%,#000 100%)}
.wph-t{position:relative;display:grid;gap:8px;justify-items:center;text-align:center;padding:24px;max-width:90%}
.wph-t .mono{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.wph-t b{font-weight:600;font-size:clamp(1.05rem,.9rem + .6vw,1.6rem);letter-spacing:-.03em;line-height:1.15}
.work.wk-ph{cursor:default}
.work.wk-ph .frame{height:auto;background:none}
.xt-w.xt-ph{cursor:default}
.xt-w.xt-ph .xt-img{box-shadow:none;background:none}
.xt-w.xt-ph .wph{height:100%}

/* ===== Künstlerseite: Porträt neben dem Text (10.11.2026) ===== */
.ad-pt{position:sticky;top:calc(var(--hdr) + 30px)}
.ad-pt .ad-portrait{position:relative;top:auto}
.ad-pt .ad-portrait img{width:100%;height:100%;object-fit:cover}
.ad-pt figcaption{margin-top:12px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
@media (max-width:899px){.ad-pt{position:relative;top:auto;max-width:520px}}