.flimmer-overlay {
  position: fixed;
  inset: 0; /* statt top/left/width/height */
  background-color: #fff !important; /* Fallback, falls der Gradient mal nicht lädt */
  background-image: repeating-linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.06) 0,
    rgba(0, 0, 0, 0.06) 2px,
    transparent 2px,
    transparent 4px
  ) !important;
  animation: drift 4s ease-in-out infinite both !important;
  will-change: transform;           /* Browser hint für GPU-Acceleration */
  backface-visibility: hidden;      /* zusätzliches Rendering-Boost */
  pointer-events: none;
  z-index: 1;
}
@keyframes drift {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(8px); }
  100% { transform: translateY(0); }
}
.bernsteinlinie {
  position: fixed;
  inset-inline: 0;
  height: 1px;
  background: rgba(255, 140, 0, 0.5);
  transform-origin: top center;
  will-change: transform;
  pointer-events: none;
  z-index: 901;               /* falls noch nötig, über Overlay legen */

  /* sauber getrennte Animationseigenschaften: */
  animation-name: runter_zack_unten;
  animation-duration: 4s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-fill-mode: backwards;  /* ab jetzt valid */
}

@keyframes drift {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(8px); }
  100% { transform: translateY(0); }
}

@keyframes runter_zack_unten {
  /* Top-Animation durch reine Transform ersetzen für bessere Performance */
  0%  { transform: translateY(-2px) scaleY(1); }
  70% { transform: translateY(calc(-2px + 0)) scaleY(1); }
  75% { transform: translateY(calc(-2px + 0)) scaleY(3); }
  80% { transform: translateY(calc(-2px + 0)) scaleY(0.6); }
  85% { transform: translateY(calc(-2px + 0)) scaleY(1); }
  100%{ transform: translateY(100vh)    scaleY(1); }
}