/* Safari Hack GPU Performance */

/* Wichtiger Fix für alle animierten Elemente auf dem iPhone */

.scroll-text, .fade-element {
  transform: translate3d(0, 0, 0);
  will-change: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
  transition: transform 0.1s ease-out, opacity 0.15s ease-out;
}

/* Speziell für Bilder, falls diese in den Containern liegen */

.scroll-text img, .fade-element img {
  -webkit-user-drag: none;
  user-select: none;
}

/* Scroll-Text Effekte */

.scroll-text {
  position: relative;
  display: inline-block;
  transition: transform 0.2s ease-out, color 0.2s ease-out;
}

/* Fade-Elemente */

.fade-element {
  opacity: 0;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

/* Optional: spezifische Fade-Richtungen */

.fade-up {
  transform: translateY(50px);
}

.fade-down {
  transform: translateY(-5px);
}

.fade-both {
  transform: translateY(50px);
}

.scroll--zindex {
  position: relative;
  z-index: 33;
}