/* ===================================================================
   Splash „Tropfen" — nur Startseite, einmal pro Tab und Sitzung
   ===================================================================
   Wird nur auf der Startseite geladen (laden.php), zusammen mit splash.js.
   Die Ausnahme von „Bewegung haengt am Scrollen" steht im Styleguide.

   Nur mit JavaScript (html.js): ohne Skript gaebe es niemanden, der den
   Splash abspielt oder entfernt. Laeuft splash.js trotz JavaScript nicht,
   blendet sich die Flaeche nach 6 s selbst aus. */
.splash { display: none; }
html.js body.ov-flut .splash {
  display: block;
  position: fixed;
  inset: 0;
  z-index: 2147483647; /* ueber allem, auch ueber dem Cookie-Hinweis */
  overflow: hidden;
  background: var(--apri);
  cursor: pointer;
  animation: splash-notaus 0.4s linear 6s forwards;
}
html.js body.ov-flut .splash > * { position: absolute; inset: 0; }
html.js body.ov-flut .splash canvas { display: block; width: 100%; height: 100%; }
html.js body.ov-flut .splash__logo {
  position: absolute;
  left: 0;
  top: 0;
  right: auto;
  bottom: auto;
  transform-origin: 50% 50%;
  opacity: 0;
}
html.js body.ov-flut .splash__logo svg.ov-logo { display: block; width: 100%; height: auto; }
/* Ueber dem Wasser Lila auf Apricot, darunter Apricot auf Lila */
html.js body.ov-flut .splash__oben svg.ov-logo { color: var(--lila); }
html.js body.ov-flut .splash__unten svg.ov-logo { color: var(--apri); }
html.ohne-splash body.ov-flut .splash { display: none; }
@keyframes splash-notaus { to { opacity: 0; visibility: hidden; } }
@media (prefers-reduced-motion: reduce) {
  html.js body.ov-flut .splash { display: none; }
}