/* G13 wow-seiten-2026-09-17 — Innen-Seiten. Kein blur. Schrift >= 16px. */
html.wow-s-ready{
  --wow-s-gold:#c9a23f;
  --wow-s-gold-soft:#d8bd72;
  --wow-s-x:50%;
  --wow-s-y:18%;
  --wow-s-rx:0deg;
  --wow-s-ry:0deg;
  --wow-s-py:0px;
}

/* H1-Goldlinie, alle Typen, kein Layoutsprung */
html.wow-s-ready:not(.wow-s-off) [data-wow] main h1{position:relative}
html.wow-s-ready:not(.wow-s-off) [data-wow] main h1:after{
  content:"";position:absolute;left:0;bottom:-.2em;width:min(11rem,42%);height:1px;
  background:linear-gradient(90deg,var(--wow-s-gold),transparent);
  transform:scaleX(0);transform-origin:left center;pointer-events:none;
  animation:wow-s-sx .9s ease .15s forwards;
}
@keyframes wow-s-sx{to{transform:scaleX(1)}}

/* Begriff: Goldlicht + Zeilen-Reveal */
html.wow-s-ready [data-wow="begriff"] :is(.term-section,.definition,.c48-intro,.def-block),
.wow-s-spot{
  position:relative;isolation:isolate;
  box-shadow:inset 0 0 0 1px rgba(201,162,63,.28);
}
html.wow-s-ready [data-wow="begriff"] :is(.term-section,.definition,.c48-intro,.def-block):after,
.wow-s-spot:after{
  content:"";position:absolute;width:9rem;height:9rem;
  left:var(--wow-s-x,50%);top:var(--wow-s-y,18%);
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(216,189,114,.32) 0%,rgba(201,162,63,.12) 38%,transparent 70%);
  opacity:0;pointer-events:none;z-index:0;transition:opacity .35s ease;
}
html.wow-s-ready :is(.wow-s-lit,.wow-s-spot.wow-s-lit):after{opacity:1}
html.wow-s-ready [data-wow="begriff"] .wow-s-lit:after{opacity:1}
html.wow-s-ready [data-wow="begriff"] :is(.term-section,.definition,.c48-intro,.def-block)>*,
.wow-s-spot>*{position:relative;z-index:1}
@media (hover:none){
  html.wow-s-ready:not(.wow-s-off) [data-wow="begriff"] :is(.term-section,.definition,.c48-intro,.def-block):after,
  html.wow-s-ready:not(.wow-s-off) .wow-s-spot:after{
    left:12%;top:0;opacity:.5;width:14rem;height:6rem;
    background:radial-gradient(circle at 20% 0,rgba(216,189,114,.26),transparent 72%);
  }
}
html.wow-s-ready:not(.wow-s-off) [data-wow="begriff"] :is(.term-section,.definition).wow-s-in p,
html.wow-s-ready:not(.wow-s-off) .wow-s-lines.wow-s-in p{
  animation:wow-s-clip .85s cubic-bezier(.2,.7,.2,1) both;
}
@keyframes wow-s-clip{from{clip-path:inset(0 0 100% 0);opacity:.4}to{clip-path:inset(0 0 0 0);opacity:1}}
@supports (animation-timeline:view()){
  html.wow-s-ready:not(.wow-s-off) [data-wow="begriff"] :is(.term-section,.definition) p{
    animation:wow-s-clip linear both;
    animation-timeline:view();
    animation-range:entry 0% entry 75%;
  }
}
html.wow-s-ready:not(.wow-s-off) [data-wow="begriff"] :is(.c48-meta,.lex-wortzahl){
  box-shadow:inset 0 -1px 0 rgba(201,162,63,.45);
}

/* Lexikon: 3D-Kipp + Filmpeek + Goldsteg */
html.wow-s-ready [data-wow="lexikon"] :is(.lex-row,.lexicon-list>li),
html.wow-s-ready [data-wow="autor"] .work-card,
html.wow-s-ready [data-wow="kunst"] :is(.g-figure,.bw-kachel,.v-card,.field-card),
html.wow-s-ready [data-wow="vortrag"] .talk-item,
.wow-s-tilt{
  position:relative;
  transform:perspective(920px) rotateX(var(--wow-s-rx,0deg)) rotateY(var(--wow-s-ry,0deg));
  transform-origin:center center;
  transition:transform .16s ease-out,box-shadow .3s ease;
  box-shadow:inset 0 0 0 1px rgba(201,162,63,.18);
}
html.wow-s-ready:not(.wow-s-off) [data-wow="lexikon"] :is(.lex-row,.lexicon-list>li):after{
  content:"";position:absolute;inset:8px auto 8px 0;width:2px;
  background:linear-gradient(180deg,var(--wow-s-gold-soft),transparent);
  transform:scaleY(0);transform-origin:top;pointer-events:none;transition:transform .4s ease;
}
html.wow-s-ready:not(.wow-s-off) [data-wow="lexikon"] :is(.lex-row,.lexicon-list>li):is(.wow-s-in,:hover,:focus-within):after{
  transform:scaleY(1);
}
html.wow-s-peek .lex-hero-bg,
html.wow-s-peek #galerie-film-r63 video{opacity:.62;transition:opacity .45s ease}
html.wow-s-ready:not(.wow-s-off) [data-wow="lexikon"] .lex-az a:is(:hover,:focus-visible){
  box-shadow:inset 0 0 0 1px var(--wow-s-gold);
}

/* Autor: Parallaxe + Zeitleiste */
html.wow-s-ready [data-wow="autor"] :is(.portrait,.c38-portrait) :is(img,video,picture),
.wow-s-para :is(img,video,picture){transform:translate3d(0,var(--wow-s-py,0px),0)}
html.wow-s-ready [data-wow="autor"] :is(.portrait,.c38-portrait){
  box-shadow:inset 0 0 0 1px rgba(201,162,63,.28);
}
html.wow-s-ready [data-wow="autor"] :is(.vita-list,.publication-list),
.wow-s-line{position:relative}
html.wow-s-ready [data-wow="autor"] :is(.vita-list,.publication-list):before,
.wow-s-line:before{
  content:"";position:absolute;left:0;top:.4em;bottom:.4em;width:1px;
  background:linear-gradient(180deg,var(--wow-s-gold),rgba(201,162,63,.12));
  transform:scaleY(0);transform-origin:top;pointer-events:none;
}
html.wow-s-ready:not(.wow-s-off) [data-wow="autor"] :is(.vita-list,.publication-list).wow-s-in:before,
html.wow-s-ready:not(.wow-s-off) .wow-s-line.wow-s-in:before{
  transform:scaleY(1);transition:transform 1.05s ease;
}

/* Kunst: Rahmen */
html.wow-s-ready [data-wow="kunst"] :is(.g-figure,.bw-kachel,figure.clip),
.wow-s-frame{position:relative}
html.wow-s-ready [data-wow="kunst"] :is(.g-figure,.bw-kachel,figure.clip):after,
.wow-s-frame:after{
  content:"";position:absolute;inset:8px;border:1px solid rgba(201,162,63,0);
  pointer-events:none;transform:scale(.97);opacity:0;
  transition:transform .45s ease,opacity .45s ease,border-color .45s ease;
}
html.wow-s-ready:not(.wow-s-off) [data-wow="kunst"] :is(.g-figure,.bw-kachel,figure.clip):is(.wow-s-in,:hover,:focus-within):after,
html.wow-s-ready:not(.wow-s-off) .wow-s-frame:is(.wow-s-in,:hover,:focus-within):after{
  opacity:1;transform:scale(1);border-color:rgba(201,162,63,.58);
}

/* Notiz + Vortrag + allgemein: Lichtkante */
html.wow-s-ready [data-wow="notiz"] .karte,
html.wow-s-ready [data-wow="vortrag"] .talk-item,
html.wow-s-ready [data-wow="allgemein"] :is(main>section,main>article),
.wow-s-edge{
  position:relative;
  background-image:linear-gradient(180deg,rgba(201,162,63,.45),rgba(201,162,63,0));
  background-repeat:no-repeat;background-position:0 0;background-size:2px 0;
  box-shadow:inset 0 0 0 1px rgba(201,162,63,.22);
  transition:background-size .8s ease;
}
html.wow-s-ready:not(.wow-s-off) [data-wow="vortrag"] .talk-item{
  background-image:linear-gradient(180deg,var(--wow-s-gold-soft),rgba(201,162,63,0));
  background-size:3px 0;
}
html.wow-s-ready:not(.wow-s-off) :is([data-wow="notiz"] .karte,[data-wow="vortrag"] .talk-item,[data-wow="allgemein"] main>section,[data-wow="allgemein"] main>article,.wow-s-edge):is(.wow-s-in,:hover,:focus-within){
  background-size:2px 100%;
}
html.wow-s-ready:not(.wow-s-off) [data-wow="vortrag"] .talk-item:is(.wow-s-in,:hover,:focus-within){background-size:3px 100%}
html.wow-s-ready:not(.wow-s-off) [data-wow="notiz"] .karte h2,
html.wow-s-ready:not(.wow-s-off) [data-wow="vortrag"] .talk-kicker{
  box-shadow:inset 0 -1px 0 rgba(201,162,63,.4);
}
html.wow-s-ready [data-wow="notiz"] :is([data-wow-count],.karte strong){font-variant-numeric:tabular-nums}

@media (hover:none),(pointer:coarse){
  html.wow-s-ready :is(.lex-row,.work-card,.g-figure,.bw-kachel,.talk-item,.v-card,.field-card,.wow-s-tilt){transform:none}
}

html.wow-s-off :is(.term-section,.definition,.c48-intro,.def-block,.wow-s-spot):after,
html.wow-s-off :is(.vita-list,.publication-list,.wow-s-line):before,
html.wow-s-off :is(.g-figure,.bw-kachel,.wow-s-frame):after,
html.wow-s-off [data-wow] main h1:after{display:none}
html.wow-s-off :is(.term-section,.definition,.lex-row,.work-card,.g-figure,.talk-item,.karte,.wow-s-tilt,.wow-s-edge){
  animation:none!important;transition:none!important;transform:none!important;clip-path:none!important;
  background-size:2px 100%;
}
html.wow-s-off :is(.portrait,.c38-portrait,.wow-s-para) :is(img,video,picture){transform:none}
html.wow-s-off :is(.term-section,.definition) p{clip-path:none;opacity:1}

@media (prefers-reduced-motion:reduce){
  html.wow-s-ready :is(.term-section,.definition,.c48-intro,.def-block,.wow-s-spot):after,
  html.wow-s-ready :is(.vita-list,.publication-list,.wow-s-line):before,
  html.wow-s-ready :is(.g-figure,.bw-kachel,.wow-s-frame):after,
  html.wow-s-ready [data-wow] main h1:after{display:none}
  html.wow-s-ready :is(.term-section,.definition,.lex-row,.work-card,.g-figure,.talk-item,.karte,.wow-s-tilt,.wow-s-edge){
    animation:none!important;transition:none!important;transform:none!important;clip-path:none!important;
  }
  html.wow-s-ready :is(.portrait,.c38-portrait) :is(img,video,picture){transform:none}
  html.wow-s-ready :is(.term-section,.definition) p{clip-path:none;opacity:1}
  html.wow-s-ready :is(.karte,.talk-item,.wow-s-edge){background-size:2px 100%}
}