/* Cursor Styling für interaktive Elemente */
button, a, [role="button"] {
  cursor: pointer;
}

/* Scroll Indicator Animationen */
@keyframes scroll-bounce {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(10px);
  }
}

@keyframes scroll-dot {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  50% {
    transform: translateY(12px);
    opacity: 0.3;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.scroll-indicator {
  animation: scroll-bounce 2s ease-in-out infinite;
}

.scroll-dot {
  animation: scroll-dot 2s ease-in-out infinite;
}