:root{
  --night:#0A0F1E;
  --night-raised:#101830;
  --ivory:#F3EEE2;
  --ivory-dim:#C7CBD8;
  --champagne:#C9A35C;
  --champagne-hi:#E8D5A3;
  --line:rgba(201,163,92,.22);
  --serif:"Iowan Old Style","Palatino Nova",Palatino,Georgia,serif;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{
  background:var(--night);
  color:var(--ivory);
  font-family:var(--serif);
  font-size:1.125rem;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
html{overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:var(--champagne-hi);text-decoration:none}
a:focus-visible,button:focus-visible,label:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--champagne-hi);
  outline-offset:4px;
  border-radius:2px;
}
::selection{background:var(--champagne);color:var(--night)}

/* ---------- Typo-Utilities ---------- */
.versal{
  text-transform:uppercase;
  letter-spacing:.34em;
  font-weight:400;
}
.eyebrow{
  font-size:.78rem;
  letter-spacing:.42em;
  text-transform:uppercase;
  color:var(--champagne);
}
.einzeiler{font-style:italic;color:var(--ivory-dim)}

/* ---------- Layout ---------- */
.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(1.25rem,5vw,4rem)}
section{position:relative}
.kapitel{padding:clamp(5rem,12vh,9rem) 0}

/* Haarlinie */
.hairline{height:1px;background:var(--line);border:0;margin:0}

/* ============================================================
   1 · STICKY HEADER
   ============================================================ */
.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(10,15,30,.88);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.site-header .wrap{
  display:flex;align-items:center;justify-content:space-between;
  gap:1rem;min-height:68px;padding-top:.4rem;padding-bottom:.4rem;
}
.wordmark{
  font-size:1.02rem;letter-spacing:.4em;text-transform:uppercase;
  color:var(--ivory);white-space:nowrap;
}
.wordmark:hover{color:var(--champagne-hi)}
.nav{display:flex;gap:clamp(.9rem,2.4vw,2rem);flex-wrap:wrap;justify-content:flex-end}
/* Spezifitäts-Falle entschärft: Button-Farben werden später mit
   höherer Spezifität explizit gesetzt. */
.nav a{
  font-size:.74rem;letter-spacing:.26em;text-transform:uppercase;
  color:var(--ivory-dim);
  padding:.35rem 0;
  border-bottom:1px solid transparent;
  transition:color .3s var(--ease),border-color .3s var(--ease);
}
.nav a:hover{color:var(--champagne-hi);border-bottom-color:var(--champagne)}
@media (max-width:760px){
  .site-header .wrap{flex-direction:column;align-items:flex-start;gap:.2rem}
  .nav{justify-content:flex-start;gap:.7rem 1.1rem}
  html{scroll-padding-top:130px}
}

/* ============================================================
   2 · HERO
   ============================================================ */
.hero{
  min-height:100svh;
  display:flex;align-items:center;justify-content:center;
  text-align:center;
  overflow:hidden;
  isolation:isolate;
}
.hero-media{position:absolute;inset:0;z-index:-2}
.hero-media img{width:100%;height:100%;object-fit:cover}
/* Scrim-Verlauf: Text darüber bleibt voll deckend lesbar */
.hero-scrim{
  position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,
    rgba(10,15,30,.82) 0%,
    rgba(10,15,30,.55) 38%,
    rgba(10,15,30,.62) 66%,
    rgba(10,15,30,.95) 100%);
}
.hero-inner{padding:6rem 1.5rem;animation:heroRise 2.4s var(--ease) both}
.hero h1{
  font-size:clamp(2.6rem,9vw,6.4rem);
  letter-spacing:clamp(.18em,3vw,.42em);
  text-transform:uppercase;font-weight:400;
  color:var(--ivory);
  text-shadow:0 2px 40px rgba(10,15,30,.9);
  margin-left:.3em; /* optischer Ausgleich für Tracking */
}
.hero .claim{
  margin-top:2rem;
  font-size:clamp(.95rem,2.4vw,1.35rem);
  letter-spacing:.34em;text-transform:uppercase;
  color:var(--champagne-hi);
  text-shadow:0 1px 24px rgba(10,15,30,.9);
}
.hero .welten{
  margin-top:3.2rem;
  font-size:clamp(.68rem,1.7vw,.85rem);
  letter-spacing:.3em;text-transform:uppercase;
  color:var(--ivory-dim);
}
.hero .welten span{color:var(--ivory-dim)}
.hero-rule{
  width:1px;height:64px;margin:3.4rem auto 0;
  background:linear-gradient(var(--champagne),transparent);
  animation:ruleGrow 2.8s var(--ease) both .6s;
}
@keyframes heroRise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes ruleGrow{from{transform:scaleY(0);transform-origin:top}to{transform:scaleY(1)}}

/* ============================================================
   3 · MANIFEST
   ============================================================ */
.manifest{padding:clamp(6rem,16vh,11rem) 0;text-align:center;background:var(--night)}
.manifest h2{
  max-width:20ch;margin:0 auto;
  font-size:clamp(1.7rem,4.6vw,3.2rem);
  line-height:1.35;
  letter-spacing:.14em;text-transform:uppercase;font-weight:400;
  color:var(--ivory);
}
.manifest p{
  max-width:52ch;margin:2.6rem auto 0;
  font-size:1.05rem;color:var(--ivory-dim);font-style:italic;
}
.manifest .eyebrow{display:block;margin-bottom:2.2rem}

/* ============================================================
   4–7 · DIE VIER WELTEN
   ============================================================ */
.welt{border-top:1px solid var(--line)}
.welt-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(2.5rem,6vw,6rem);align-items:center;
}
.welt:nth-of-type(even) .welt-grid .welt-figur{order:2}
.welt-nr{
  display:flex;align-items:baseline;gap:1.4rem;margin-bottom:1.6rem;
}
.welt-nr .nr{
  font-size:.8rem;letter-spacing:.3em;color:var(--champagne);
}
.welt-nr .strich{flex:1;height:1px;background:var(--line);align-self:center}
.welt h3{
  font-size:clamp(1.9rem,4vw,3rem);
  letter-spacing:.24em;text-transform:uppercase;font-weight:400;
  color:var(--ivory);margin-bottom:1.1rem;
}
.welt .einzeiler{font-size:1.25rem;display:block;margin-bottom:2rem}
.welt .body p{color:var(--ivory-dim);margin-bottom:1.4rem;max-width:56ch}
.welt .body p strong{font-weight:400;color:var(--ivory)}
.welt .zitat{
  border-left:1px solid var(--champagne);
  padding-left:1.6rem;margin:2rem 0;
  font-style:italic;font-size:1.28rem;color:var(--champagne-hi);
}

/* Museale Bild-Rahmung: feine Linie + Passepartout + Gold-Schein */
.museal{
  position:relative;
  padding:clamp(.9rem,2.4vw,1.6rem);
  background:var(--night-raised);
  border:1px solid var(--line);
  box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 90px rgba(201,163,92,.07);
}
.museal::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  box-shadow:inset 0 0 60px rgba(201,163,92,.06);
}
.museal img{width:100%;object-fit:cover}
.museal.quer img{aspect-ratio:16/10}
.museal.hoch img{aspect-ratio:4/5}
.museal figcaption{
  padding-top:1rem;text-align:center;
  font-size:.72rem;letter-spacing:.34em;text-transform:uppercase;
  color:var(--champagne);
}
.museal .figsub{
  display:block;margin-top:.3rem;
  font-size:.85rem;letter-spacing:.04em;text-transform:none;font-style:italic;
  color:var(--ivory-dim);
}

/* Formate-Liste (Experiences) */
.formate{list-style:none;margin-top:2.4rem;border-top:1px solid var(--line)}
.formate li{
  display:grid;grid-template-columns:auto 1fr;gap:.4rem 1.6rem;
  padding:1.3rem 0;border-bottom:1px solid var(--line);
  align-items:baseline;
}
.formate .f-name{
  font-size:.92rem;letter-spacing:.3em;text-transform:uppercase;
  color:var(--champagne-hi);white-space:nowrap;
}
.formate .f-desc{color:var(--ivory-dim);font-size:1rem}
@media (max-width:860px){
  .welt-grid{grid-template-columns:1fr}
  .welt:nth-of-type(even) .welt-grid .welt-figur{order:0}
  .formate li{grid-template-columns:1fr;gap:.2rem}
}

/* ============================================================
   8 · NACHTGALERIE
   ============================================================ */
.galerie{background:var(--night-raised);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.galerie .kopf{text-align:center;margin-bottom:clamp(3rem,7vh,5rem)}
.galerie h3{
  font-size:clamp(1.6rem,3.8vw,2.6rem);letter-spacing:.3em;text-transform:uppercase;
  font-weight:400;color:var(--ivory);margin-top:1.4rem;
}
.galerie .kopf p{margin-top:1.4rem;color:var(--ivory-dim);font-style:italic;max-width:56ch;margin-left:auto;margin-right:auto}
.karten-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(1.5rem,3.5vw,3rem);
}
.karte-fig{
  padding:clamp(.7rem,1.6vw,1.1rem);
  background:var(--night);
  border:1px solid var(--line);
  box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 70px rgba(201,163,92,.06);
}
/* Karten nie beschneiden: contain, Seitenverhältnis 848:1264 */
.karte-fig img{
  width:100%;aspect-ratio:848/1264;object-fit:contain;
  background:var(--night);
}
.karte-fig figcaption{
  padding-top:.9rem;text-align:center;
  font-size:.78rem;letter-spacing:.34em;text-transform:uppercase;
  color:var(--champagne);
}
@media (max-width:920px){.karten-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.karten-grid{grid-template-columns:1fr}}

/* ============================================================
   9 · EINE KARTE. EINE FRAGE.  (CSS-only Flip)
   ============================================================ */
.flip-sektion{text-align:center}
.flip-sektion h3{
  font-size:clamp(1.7rem,4vw,2.6rem);letter-spacing:.26em;text-transform:uppercase;
  font-weight:400;color:var(--ivory);margin:1.4rem 0 1rem;
}
.flip-sektion .intro{color:var(--ivory-dim);font-style:italic;max-width:50ch;margin:0 auto 3rem}
.flip-hinweis{margin-top:2.4rem;font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:var(--champagne)}
.flip-input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.flip-buehne{
  perspective:1400px;
  width:min(320px,78vw);
  margin:0 auto;
}
.flip-label{display:block;cursor:pointer}
.flip-label:focus-visible{outline:2px solid var(--champagne-hi);outline-offset:6px}
.flip-inner{
  position:relative;
  aspect-ratio:848/1264;
  transform-style:preserve-3d;
  transition:transform 1.1s var(--ease);
}
.flip-input:checked ~ .flip-buehne .flip-inner,
.flip-buehne:focus-within .flip-label:active .flip-inner{transform:rotateY(180deg)}
.flip-face{
  position:absolute;inset:0;
  backface-visibility:hidden;-webkit-backface-visibility:hidden;
  padding:.8rem;background:var(--night-raised);
  border:1px solid var(--line);
  box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 80px rgba(201,163,92,.08);
  display:flex;align-items:center;justify-content:center;
}
.flip-face img{width:100%;height:100%;object-fit:contain}
.flip-back{transform:rotateY(180deg);flex-direction:column;gap:0}
.flip-front .tipp{
  position:absolute;left:50%;bottom:-2.6rem;transform:translateX(-50%);
  font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ivory-dim);
  white-space:nowrap;
}
.flip-frage{
  position:absolute;inset:0;
  display:flex;align-items:flex-end;justify-content:center;
  padding:1.4rem 1rem;
  background:linear-gradient(180deg,transparent 55%,rgba(10,15,30,.92) 88%);
  text-align:center;
}
.flip-frage p{
  font-style:italic;font-size:1rem;line-height:1.6;color:var(--ivory);
  max-width:26ch;
}

/* ============================================================
   10 · JOURNAL — DIE NACHTBIBLIOTHEK
   ============================================================ */
.journal{border-top:1px solid var(--line)}
.journal .kopf{text-align:center;margin-bottom:3.4rem}
.journal h3{
  font-size:clamp(1.7rem,4vw,2.7rem);letter-spacing:.3em;text-transform:uppercase;
  font-weight:400;color:var(--ivory);margin-top:1.4rem;
}
.journal .kopf .sub{margin-top:1.2rem;color:var(--ivory-dim);font-style:italic}
.journal .museal{max-width:960px;margin:0 auto 3.6rem}
.rubriken{
  display:grid;grid-template-columns:repeat(5,1fr);
  gap:1px;background:var(--line);border:1px solid var(--line);
}
.rubrik{background:var(--night);padding:2rem 1.4rem;text-align:center}
.rubrik h4{
  font-size:.82rem;letter-spacing:.3em;text-transform:uppercase;font-weight:400;
  color:var(--champagne-hi);margin-bottom:.8rem;
}
.rubrik p{font-size:.95rem;color:var(--ivory-dim)}
.biblio-note{
  max-width:62ch;margin:3.4rem auto 0;text-align:center;
  color:var(--ivory-dim);font-style:italic;line-height:1.9;
}
@media (max-width:1000px){.rubriken{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.rubriken{grid-template-columns:1fr}}

/* ============================================================
   11 · EXPERIMENTE DES BEWUSSTSEINS
   ============================================================ */
.experimente .kopf{text-align:center;margin-bottom:3.6rem}
.experimente h3,.litanei h3,.cta h3{
  font-size:clamp(1.5rem,3.6vw,2.4rem);letter-spacing:.26em;text-transform:uppercase;
  font-weight:400;color:var(--ivory);margin-top:1.4rem;
}
.experimente .sub{margin-top:1.2rem;color:var(--ivory-dim);font-style:italic;max-width:56ch;margin-left:auto;margin-right:auto}
.zettel-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.4rem,3vw,2.6rem);
}
.zettel{
  background:var(--night-raised);
  border:1px solid var(--line);
  border-top:2px solid var(--champagne);
  padding:2.2rem 1.8rem 1.8rem;
  box-shadow:0 24px 60px rgba(0,0,0,.45);
  display:flex;flex-direction:column;gap:1.1rem;
}
.z-nr{font-size:.74rem;letter-spacing:.32em;text-transform:uppercase;color:var(--champagne)}
.zettel p{color:var(--ivory);font-size:1.06rem;line-height:1.8}
.z-fuss{margin-top:auto;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ivory-dim)}
@media (max-width:900px){.zettel-grid{grid-template-columns:1fr}}

/* ============================================================
   12 · LITANEI
   ============================================================ */
.litanei{
  text-align:center;
  background:linear-gradient(180deg,var(--night) 0%,var(--night-raised) 50%,var(--night) 100%);
}
.litanei h3{max-width:24ch;margin-left:auto;margin-right:auto;line-height:1.5}
.litanei-text{
  margin-top:3rem;
  font-size:clamp(1.15rem,2.6vw,1.5rem);
  line-height:2.4;font-style:italic;color:var(--champagne-hi);
}
.litanei-schluss{
  margin-top:3rem;
  font-size:.92rem;letter-spacing:.34em;text-transform:uppercase;color:var(--ivory-dim);
}

/* ============================================================
   13 · ABSCHLUSS-CTA
   ============================================================ */
.cta-plakette{
  max-width:680px;margin:0 auto;text-align:center;
  padding:clamp(2.6rem,6vw,4.5rem) clamp(1.6rem,5vw,3.5rem);
  background:var(--night-raised);
  border:1px solid var(--line);
  box-shadow:0 30px 90px rgba(0,0,0,.55),0 0 100px rgba(201,163,92,.07);
}
.cta-plakette p{margin:1.6rem 0 2.6rem;color:var(--ivory-dim)}
/* Button-Farbe explizit und mit hoher Spezifität gegen die
   Spezifitäts-Falle allgemeiner Link-Selektoren abgesichert. */
.cta .cta-plakette a.cta-button{
  display:inline-block;
  background:var(--champagne);
  color:var(--night); /* 10,2:1 auf Champagner */
  font-size:.82rem;letter-spacing:.3em;text-transform:uppercase;
  padding:1.1rem 2.4rem 1rem;
  border:1px solid var(--champagne);
  transition:background .3s var(--ease),color .3s var(--ease);
}
.cta .cta-plakette a.cta-button:hover{
  background:var(--champagne-hi);
  color:var(--night);
  border-color:var(--champagne-hi);
}

/* ============================================================
   14 · FOOTER
   ============================================================ */
.site-footer{
  border-top:1px solid var(--line);
  padding:3.4rem 0 3rem;text-align:center;
}
.footer-claim{
  font-size:.92rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ivory);
}
.footer-note{
  margin-top:1.2rem;font-size:.82rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--ivory-dim);
}

/* ============================================================
   REDUCED MOTION
   ============================================================ */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
  html{scroll-behavior:auto}
}

/* Mobile-Overflow-Fix: Tracking + Größen unter 480px bändigen */
@media (max-width: 480px) {
  .hero-inner { padding-inline: 1.1rem; }
  .hero-inner h1 { font-size: clamp(2rem, 8.4vw, 2.4rem); letter-spacing: .12em; margin-left: .12em; }
  .claim { letter-spacing: .2em; font-size: .9rem; }
  .welten { letter-spacing: .16em; font-size: .66rem; }
}

/* ============================================================
   MASTER-SITE-ERWEITERUNGEN (Mehrseiter)
   ============================================================ */
.nav a[aria-current="page"]{color:var(--champagne-hi);border-bottom-color:var(--champagne)}

/* Unterseiten-Hero: Plate + Scrim, nicht ganz volle Höhe */
.seite-hero{
  position:relative;min-height:62svh;
  display:flex;align-items:flex-end;
  overflow:hidden;isolation:isolate;
}
.seite-hero .hero-media{position:absolute;inset:0;z-index:-2}
.seite-hero .hero-media img{width:100%;height:100%;object-fit:cover}
.seite-hero .hero-scrim{
  position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(10,15,30,.72) 0%,rgba(10,15,30,.45) 45%,rgba(10,15,30,.97) 100%);
}
.seite-hero .wrap{padding-bottom:clamp(2.6rem,7vh,4.5rem);animation:heroRise 1.8s var(--ease) both}
.seite-hero h1{
  font-size:clamp(2rem,6vw,4.2rem);
  letter-spacing:.2em;text-transform:uppercase;font-weight:400;
  color:var(--ivory);text-shadow:0 2px 36px rgba(10,15,30,.95);
}
.seite-hero .einzeiler{
  display:block;margin-top:1.2rem;font-size:1.15rem;
  color:var(--champagne-hi);font-style:italic;
  text-shadow:0 1px 22px rgba(10,15,30,.95);
}
.seite-hero .eyebrow{text-shadow:0 1px 18px rgba(10,15,30,.95)}

/* Drei nebeneinander (Instrumente, Nano-Ergänzungen) */
.drei-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.4rem,3.2vw,2.6rem)}
@media (max-width:760px){.drei-grid{grid-template-columns:1fr}}

/* Journal-Rubriken mit Bildern */
.rubrik img{width:100%;aspect-ratio:16/10;object-fit:cover;margin-bottom:1.2rem;border:1px solid var(--line)}
.rubriken.mit-bildern{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.rubriken.mit-bildern{grid-template-columns:1fr}}
.rubriken.mit-bildern .rubrik{text-align:left;padding:1.6rem}

/* JS-Ziehung: Button + Live-Bereich */
.zieh-button{
  display:inline-block;cursor:pointer;
  background:var(--champagne);color:var(--night);
  font-size:.82rem;letter-spacing:.3em;text-transform:uppercase;
  font-family:var(--serif);
  padding:1.05rem 2.2rem .95rem;border:1px solid var(--champagne);
  transition:background .3s var(--ease);
  margin-top:2.4rem;
}
.zieh-button:hover{background:var(--champagne-hi)}
.flip-sektion .zieh-button{margin-top:2.8rem}

/* Fußnavigation zwischen den Welten */
.welt-nav{
  display:flex;flex-wrap:wrap;gap:1rem 2.2rem;
  margin-top:clamp(2.6rem,6vh,4rem);padding-top:2rem;
  border-top:1px solid var(--line);
}
.welt-nav a{
  font-size:.74rem;letter-spacing:.26em;text-transform:uppercase;
  color:var(--champagne);
}
.welt-nav a:hover{color:var(--champagne-hi)}

/* Experiment-Zettel-Ziehung (Journal) */
.exp{margin-top:clamp(2.2rem,5vw,3.2rem);display:flex;flex-direction:column;align-items:center;gap:clamp(1.6rem,4vw,2.2rem)}
.exp-sheet{
  width:100%;max-width:640px;
  border:1px solid var(--line);border-top:2px solid var(--champagne);
  background:var(--night-raised);
  padding:clamp(1.8rem,5vw,3rem);text-align:center;
  box-shadow:0 24px 60px rgba(0,0,0,.45);
  transition:opacity .24s var(--ease);
}
.exp-sheet[data-state="dealing"]{opacity:0}
.exp-sheet__num{font-size:.78rem;letter-spacing:.32em;text-transform:uppercase;color:var(--champagne)}
.exp-sheet__text{font-size:1.15rem;line-height:1.8;color:var(--ivory);max-width:34rem;margin:1.2rem auto 0;font-style:italic}
@media (prefers-reduced-motion:reduce){.exp-sheet{transition:none}.exp-sheet[data-state="dealing"]{opacity:1}}

/* ============================================================
   PREMIUM-FEINSCHLIFF (impeccable-Pass)
   ============================================================ */

/* Ken-Burns: kaum wahrnehmbarer Atem auf den Hero-Plates */
@keyframes kenburns{from{transform:scale(1)}to{transform:scale(1.055)}}
.hero .hero-media img,
.seite-hero .hero-media img{
  animation:kenburns 38s var(--ease) alternate infinite;
  will-change:transform;
}

/* Nachtgalerie: Karten heben sich dem Betrachter entgegen */
.karte-fig{
  transition:transform .6s var(--ease),box-shadow .6s var(--ease);
}
.karte-fig:hover{
  transform:translateY(-6px);
  box-shadow:0 34px 80px rgba(0,0,0,.6),0 0 110px rgba(201,163,92,.14);
}

/* Museale Rahmen: Glow antwortet auf Annäherung */
.museal{transition:box-shadow .6s var(--ease)}
.museal:hover{box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 120px rgba(201,163,92,.13)}

/* Flip: der Hinweis atmet, die Karte reagiert auf Hover */
@keyframes atmen{0%,100%{opacity:.55}50%{opacity:1}}
.flip-front .tipp{animation:atmen 3.6s ease-in-out infinite}
.flip-label:hover .flip-inner{transform:rotateY(8deg)}
.flip-input:checked ~ .flip-buehne .flip-label:hover .flip-inner{transform:rotateY(180deg)}

/* Welt-Nav: Linie wächst dem Link entgegen */
.welt-nav a{position:relative;padding-bottom:.3rem}
.welt-nav a::after{
  content:"";position:absolute;left:0;bottom:0;height:1px;width:0;
  background:var(--champagne-hi);transition:width .45s var(--ease);
}
.welt-nav a:hover::after{width:100%}

/* Ruhe für alle, die Ruhe brauchen */
@media (prefers-reduced-motion:reduce){
  .hero .hero-media img,.seite-hero .hero-media img{animation:none}
  .flip-front .tipp{animation:none;opacity:1}
  .karte-fig,.museal{transition:none}
}