html, body, main, section, div, header, footer {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.carousel-verspieren {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.carousel-track {
  display: flex;
  width: 300%;
  height: 100%;
  animation: carouselAnim 15s infinite;
}

.carousel-slide {
  width: 100%;
  flex-shrink: 0;
  height: 100%;
}

.carousel-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@keyframes carouselAnim {
  0% { transform: translateX(0%); }
  33% { transform: translateX(-100%); }
  66% { transform: translateX(-200%); }
  100% { transform: translateX(0%); }
}