@keyframes logoBackgroundFade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  
  @keyframes logoFadeIn {
    0% {
      opacity: 0;
      transform: translateY(-20px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  @keyframes contactFadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  
  @keyframes contactSlideIn {
    0% {
      opacity: 0;
      transform: translateX(20px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  
  @keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translateY(20px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  @keyframes buttonFadeIn {
    0% {
      opacity: 0;
      transform: translateY(20px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  @keyframes fadeInHero {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

  /* Allgemeine Stile fĆ¼r die beobachteten Elemente */
#aboutus,
#services,
#ad,
#howto,
#contact,
#foot {
    opacity: 0; /* Startet unsichtbar */
    transform: translateY(30px); /* Startet leicht nach unten verschoben */
    transition: opacity 1.5s ease, visibility 1.5s ease, transform 1.5s ease; /* Sanfte ƜbergƤnge */
}