#stationContainer {
	width: 800px;
  margin: 0 auto;
  padding-top: 3%;
}

.carousel-indicators button.thumbnail {
    width: 200px;
    height: 100%;
	background-color: #eee !important;
  }
  .carousel-indicators button.thumbnail:not(.active) {
    opacity: 0.7;
  }
  .carousel-indicators {
    position: static;
  }
  /*@media screen and (min-width: 992px) {
    .carousel {
      max-width: 70%;
      margin: 0 auto;
    }
  }*/
  
  .carousel-control-prev {
    margin-left: -3%;    /* Neben das Banner positionieren */
  }
  
  .carousel-control-next {
    margin-right: -3%;    /* Neben das Banner positionieren */
  }

/* Die Farben von selbst erstellten Icons im Darkmode invertieren, da das nicht automatisch geschieht, wie bei Font Awesome Icons */
/* Wird momentan nicht benötigt
body[data-bs-theme="dark"] .icon {
  filter: invert(100%);
}*/

.carousel .carousel-item {
  transition-duration: 0.3s;
}