/* Begrenze die maximale Höhe des Carousels */

#startsilder {
  overflow: hidden;
}

/* Carousel-Inner mit Rahmen und abgerundeten Ecken */

#startsilder .carousel-inner {
  height: 100%;
  border: 10px solid white;
  border-radius: 0;
  overflow: hidden;
  box-sizing: border-box;
}

/* Jedes Carousel-Item füllt die volle Höhe aus */

#startsilder .carousel-item {
  height: 100%;
}

/* Bilder füllen das Carousel-Item vollständig aus */

#startsilder .carousel-item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 0;
}

/* Standardzustand des Carousels */

#startsilder {
  transition: transform 0.3s ease;
  transform-origin: center;
}

/* Rotations-Effekt beim Hovern */

#startsilder:hover {
  transform: rotate(-2deg);
}

/* Mindesthöhe für mobile Geräte */

@media (max-width: 768px) {
  #startsilder .carousel-inner {
    height: 400px;
  }
}

/* Bild passt sich auch auf Mobilgeräten an */

@media (max-width: 768px) {
  #startsilder .carousel-item img {
    height: 400px;
    object-fit: cover;
  }
}