/* This is a workaround file to use the new module system in scss
Bootstrap 5.2.3 doesn't support the new @use feature but is's getting deprecated and will be removed
in October 2022 from the newest SCSS Release

*/
.carousel-control-prev-icon.dark,
.carousel-control-next-icon.dark {
  background-color: black;
  border-radius: 10px;
}

/* The image of the slider will fit the width and the heigth is set to auto */
/* The image of the slider will fit to the height and the width is set to auto, the image will be centered */
.slider-wrapper.fit-width {
  border-radius: 1rem;
  overflow: hidden;
}
.slider-wrapper.fit-width .carousel {
  position: relative;
}
.slider-wrapper.fit-width .carousel .carousel-inner {
  position: relative;
}
.slider-wrapper.fit-width .carousel .carousel-inner .carousel-item .carousel-item-wrapper .image {
  display: flex;
  justify-content: center;
}
.slider-wrapper.fit-width .carousel .carousel-inner .carousel-item .carousel-item-wrapper .image picture img {
  border-radius: 1rem;
  overflow: hidden;
  height: auto;
  width: 100%;
}
.slider-wrapper.fit-width .carousel .carousel-control-next-icon,
.slider-wrapper.fit-width .carousel .carousel-control-prev-icon {
  background-color: black;
  border-radius: 10px;
  padding: 10px;
}

.slider-wrapper.fix-height {
  border-radius: 1rem;
}
.slider-wrapper.fix-height .carousel {
  position: relative;
}
.slider-wrapper.fix-height .carousel .carousel-inner {
  position: relative;
  height: 100%;
  width: 100%;
}
.slider-wrapper.fix-height .carousel .carousel-inner .carousel-item {
  height: 100%;
  width: 100%;
}
.slider-wrapper.fix-height .carousel .carousel-inner .carousel-item .carousel-item-wrapper {
  height: 100%;
  width: 100%;
}
.slider-wrapper.fix-height .carousel .carousel-inner .carousel-item .carousel-item-wrapper .image {
  height: 100%;
  width: 100%;
}
.slider-wrapper.fix-height .carousel .carousel-inner .carousel-item .carousel-item-wrapper .image:not(.cover) {
  display: flex;
  justify-content: center;
}
.slider-wrapper.fix-height .carousel .carousel-inner .carousel-item .carousel-item-wrapper .image:not(.cover) picture {
  height: 100%;
  width: auto;
}
.slider-wrapper.fix-height .carousel .carousel-inner .carousel-item .carousel-item-wrapper .image:not(.cover) picture img {
  height: inherit;
  width: inherit;
  border-radius: 1rem;
}
.slider-wrapper.fix-height .carousel .carousel-inner .carousel-item .carousel-item-wrapper .image.cover {
  position: relative;
}
.slider-wrapper.fix-height .carousel .carousel-inner .carousel-item .carousel-item-wrapper .image.cover picture img {
  border-radius: 1rem;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 991.98px) {
  .slider-wrapper.responsive-slider-with-fixed-height-on-lg {
    border-radius: 1rem;
    overflow: hidden;
  }
  .slider-wrapper.responsive-slider-with-fixed-height-on-lg .carousel {
    position: relative;
  }
  .slider-wrapper.responsive-slider-with-fixed-height-on-lg .carousel .carousel-inner {
    position: relative;
  }
  .slider-wrapper.responsive-slider-with-fixed-height-on-lg .carousel .carousel-inner .carousel-item .carousel-item-wrapper .image {
    display: flex;
    justify-content: center;
  }
  .slider-wrapper.responsive-slider-with-fixed-height-on-lg .carousel .carousel-inner .carousel-item .carousel-item-wrapper .image picture img {
    border-radius: 1rem;
    overflow: hidden;
    height: auto;
    width: 100%;
  }
  .slider-wrapper.responsive-slider-with-fixed-height-on-lg .carousel .carousel-control-next-icon,
  .slider-wrapper.responsive-slider-with-fixed-height-on-lg .carousel .carousel-control-prev-icon {
    background-color: black;
    border-radius: 10px;
    padding: 10px;
  }
}
@media (min-width: 992px) {
  .slider-wrapper.responsive-slider-with-fixed-height-on-lg {
    border-radius: 1rem;
  }
  .slider-wrapper.responsive-slider-with-fixed-height-on-lg .carousel {
    position: relative;
  }
  .slider-wrapper.responsive-slider-with-fixed-height-on-lg .carousel .carousel-inner {
    position: relative;
    height: 100%;
    width: 100%;
  }
  .slider-wrapper.responsive-slider-with-fixed-height-on-lg .carousel .carousel-inner .carousel-item {
    height: 100%;
    width: 100%;
  }
  .slider-wrapper.responsive-slider-with-fixed-height-on-lg .carousel .carousel-inner .carousel-item .carousel-item-wrapper {
    height: 100%;
    width: 100%;
  }
  .slider-wrapper.responsive-slider-with-fixed-height-on-lg .carousel .carousel-inner .carousel-item .carousel-item-wrapper .image {
    height: 100%;
    width: 100%;
  }
  .slider-wrapper.responsive-slider-with-fixed-height-on-lg .carousel .carousel-inner .carousel-item .carousel-item-wrapper .image:not(.cover) {
    display: flex;
    justify-content: center;
  }
  .slider-wrapper.responsive-slider-with-fixed-height-on-lg .carousel .carousel-inner .carousel-item .carousel-item-wrapper .image:not(.cover) picture {
    height: 100%;
    width: auto;
  }
  .slider-wrapper.responsive-slider-with-fixed-height-on-lg .carousel .carousel-inner .carousel-item .carousel-item-wrapper .image:not(.cover) picture img {
    height: inherit;
    width: inherit;
    border-radius: 1rem;
  }
  .slider-wrapper.responsive-slider-with-fixed-height-on-lg .carousel .carousel-inner .carousel-item .carousel-item-wrapper .image.cover {
    position: relative;
  }
  .slider-wrapper.responsive-slider-with-fixed-height-on-lg .carousel .carousel-inner .carousel-item .carousel-item-wrapper .image.cover picture img {
    border-radius: 1rem;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

@media (min-width: 992px) {
  .slider-wrapper #eisenbahnfest-carousel {
    height: 60vh;
  }
}/*# sourceMappingURL=eisenbahnfest.css.map */