/*
@include max($tablet) {
	height: 60px;
}
*/
/*
Beispiel:
@include default_text_specs(
    $css-variable-prepend: "kc-teaser-title",
    $font-weight: 700,
    $line-height: 1,
    $text-align: "center"
);
*/
/*
Beispiel:
@include default_h1_specs(
    $css-variable-prepend: "",
    $font-weight: 700,
    $line-height: 1,
    $text-align: "center"
);
*/
/*
Beispiel:
@include default_h2_specs(
    $css-variable-prepend: "",
    $font-weight: 700,
    $line-height: 1,
    $text-align: "center"
);
*/
/*
Beispiel:
@include css_variable_prepend(
    $property: "font-size",
    $prepend-string: 'kc-teaser-title',
    $default-value: 20px
);
*/
/*
@extend %transition;
*/
/*
@extend %transition-timing;
*/
#main-slider-container-container {
  --group-padding-top: 0;
  --group-padding-bottom: var(--group-padding-top);
  --block-default-full-padding-right: 0;
  --block-default-full-padding-left: var(--block-default-full-padding-right);
  position: relative;
}
#main-slider-container-container:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7490196078);
}

body.home #main-slider {
  --animation-left: 5vw;
}
@media (max-width: 768px) {
  body.home #main-slider {
    --swiper-height-value: 16 / 9;
  }
}
@media (max-width: 580px) {
  body.home #main-slider {
    --swiper-height-value: 1 / 1;
  }
}
body.home #main-slider swiper-slide * {
  font-family: var(--secondary-font) !important;
}
body.home #main-slider swiper-slide .group-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  position: relative;
  left: -100vw;
  --block-default-width: 100%;
  --block-default-max-width: var(--content-width);
}
body.home #main-slider swiper-slide .group-container .list-container {
  --block-default-padding-left: 0;
}
body.home #main-slider swiper-slide .group-container .list-container ul {
  padding: 0;
  list-style: none;
}
body.home #main-slider swiper-slide .group-container .list-container ul li {
  font-size: var(--h2-font-size, 26px);
  font-weight: var(--h2-font-weight, 700);
  line-height: var(--h2-line-height, 1.2);
  font-family: var(--h2-font-family, var(--secondary-font));
  color: var(--h2-color, var(--text-color, #333));
  text-transform: var(--h2-text-transform, uppercase);
}
body.home #main-slider swiper-slide.swiper-slide-active .group-container {
  -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-animation-name: slide-right;
          animation-name: slide-right;
}
body.home #main-slider swiper-slide.swiper-slide-prev .group-container {
  -webkit-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
          animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -webkit-animation-name: slide-left;
          animation-name: slide-left;
}
@media (max-width: 768px) {
  body.home #main-slider {
    --animation-left: var(--global-padding);
  }
}
@-webkit-keyframes slide-right {
  0% {
    left: -100vw;
  }
  100% {
    left: var(--animation-left);
  }
}
@keyframes slide-right {
  0% {
    left: -100vw;
  }
  100% {
    left: var(--animation-left);
  }
}
@-webkit-keyframes slide-left {
  0% {
    left: var(--animation-left);
  }
  100% {
    left: -100vw;
  }
}
@keyframes slide-left {
  0% {
    left: var(--animation-left);
  }
  100% {
    left: -100vw;
  }
}

.has-background-color {
  --swiper-pagination-color: var(--primary-color-light);
  --swiper-pagination-bullet-inactive-color: var(--white);
  --swiper-pagination-bullet-inactive-opacity: 1;
}