/* Schwarz liegt im selben Stapelkontext wie die vorhandene Molekül-Leinwand. */
.marken-wechsel {
  position: fixed; inset: 0; z-index: 40; background: #000; color: #f0f1f2;
  opacity: 0; pointer-events: none; transition: opacity 240ms ease;
}
.marken-wechsel[hidden] { display: none !important; }
.logo-raum.marken--wechsel { z-index: 2000; }
.logo-raum.marken--wechsel > .logo-buehne { position: fixed; inset: 0; z-index: 41; margin: 0; }
.logo-raum.marken--wechsel > .marken-wechsel { opacity: 1; pointer-events: auto; }
.marken-wechsel-inhalt {
  position: absolute; left: 24px; right: 24px;
  bottom: max(6svh, calc(env(safe-area-inset-bottom, 0px) + 20px)); text-align: center;
}
.marken-wechsel-inhalt::before { content: ""; display: block; width: 34px; height: 1px; margin: 0 auto 18px; background: #d4af7a; }
.marken-wechsel-titel { margin: 0; font: 500 clamp(20px, 2vw, 28px)/1.2 var(--kopf, "Montserrat", sans-serif); letter-spacing: -.035em; }
.marken-wechsel-text { margin: 9px 0 0; font: 400 14px/1.5 var(--sans, "Instrument Sans", sans-serif); color: #aeb3b8; }
@media (prefers-reduced-motion: reduce) { .marken-wechsel { transition: none; } }