#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  z-index: 9999; 
  background-color: #000000; 

  object-fit: cover;
  opacity: 1;
  transition: opacity 2.5s ease;

}
#preloader img {
  width: 100vw;
  height: 100%;
  object-fit: cover;
  opacity: 1;
  transition: opacity 1.5s ease;

}

.preloader.hide {
  opacity: 0;
  pointer-events: none; /* Verhindert Klicks auf das ausgeblendete Element */
}