/**
 * @version     CVS: 0.0.1
 * @package     com_suites
 * @subpackage  mod_suites
 * @copyright   2023 FACT Werbeagentur GmbH
 * @license     GNU General Public License Version 2 oder später; siehe LICENSE.txt
 * @author      Benedikt & friends <info@fact-werbeagentur.de>
 */
@media (max-width: 767px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
    
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(25%);
    }
    
    .carousel-inner .carousel-item-start.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-25%);
    }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
  transform: translateX(0);
}

.modSuites {
  --slider--nav-size: 2.5rem;
  --slider--nav-color: #707070;
  --slider--nav-baclground-color: #ece7e1;
}

.modSuites .swiper-button-next,
.modSuites .swiper-button-prev {
  width: var(--slider--nav-size);
  height: var(--slider--nav-size);
  display: grid;
  place-items: center;
  color: var(--slider--nav-color);
  background-color: var(--slider--nav-baclground-color);
  border-radius: 50%;
  box-shadow:
  0px 3.3px 5.3px rgba(0, 0, 0, 0.028),
  0px 11.2px 17.9px rgba(0, 0, 0, 0.042),
  0px 50px 80px rgba(0, 0, 0, 0.07);
}

.modSuites .swiper-button-next::after,
.modSuites .swiper-button-prev::after {
  font-size: 1rem;
}