/* Datei: css/custom-aos.css */
[data-aos] {
    opacity: 0 !important;
    transform: translateY(30px);
    transition: all 1s ease-in-out !important;
  }
  
  [data-aos].aos-animate {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
  
  /* Optional: Etwas langsamer je nach Effekt */
  [data-aos="fade-up"] {
    transform: translateY(30px);
  }
  
  [data-aos="fade-down"] {
    transform: translateY(-30px);
  }
  
  [data-aos="fade-left"] {
    transform: translateX(-30px);
  }
  
  [data-aos="fade-right"] {
    transform: translateX(30px);
  }