/*breakpoints*/
.hero {
  position: relative;
}
.hero .swiper-container {
  width: 100%;
  height: 100vh;
}
@media screen and (max-width: 1199.98px) {
  .hero .swiper-container {
    height: 60vh;
  }
}
@media screen and (max-width: 767.98px) {
  .hero .swiper-container {
    height: 76vh;
  }
}
.hero .swiper-container .swiper-slide {
  position: relative;
}
.hero .swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero .swiper-container .swiper-slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero .swiper-container .swiper-slide .hero__content {
  position: absolute;
  bottom: 7rem;
  left: 50%;
  transform: translate(-50%, 0);
  text-align: center;
  z-index: 5;
}
.hero .swiper-container .swiper-slide .hero__content .hero__content--title {
  position: relative;
  color: var(--white);
}
.hero .swiper-container .swiper-pagination {
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
  z-index: 2;
}
.hero .swiper-container .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #fff;
  opacity: 0.7;
  margin: 0 8px;
}
.hero .swiper-container .swiper-pagination-bullet-active {
  opacity: 1;
}
.hero .hero__overlay {
  background: black;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 50%);
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}
/*
.hero {
  z-index: 0;
  position: relative;
  display: flex;
  align-items: end;

  .swiper-slide{
    overflow: hidden;
    height: auto;
  }

  &__slide {
    position: relative;
    height: 100%;
    display: flex;
    align-items: end;
    justify-content: space-between;

    @include mq(md){
      padding-top: 1rem;
      padding-bottom: 4rem;
    }

    &--image {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 100%;
      max-height: 100%;
      display: flex;
      align-items: start;
      @include mq(md){
        left: -20%;
      }

      @include mq(xs){
        left: -40%;
      }
    }

    &--content {
      text-align: right;
      padding: var(--paddingY) 0;
      width: 100%;
      z-index: 10;
      @include mq(md){
        padding: 0;
      }

      &--title {
        float: right;
        *{
          text-transform: uppercase;
        }
      }

      .swiper__controls{
        display: inherit;
      }
    }
  }

  .swiper-pagination{
    --swiper-pagination-bullet-horizontal-gap: 4px;
    position: absolute;
    width: 100%;
    bottom: 3rem;
    left: 50%;
    transform: translateX(-50%);
    text-align: right;
    padding-right: calc(1.5rem * .5);
    padding-left: calc(1.5rem * .5);
    margin: 0 auto;
    @include mq(minxs){
      max-width: 540px;
      //padding-right: 0;
    }
    @include mq(minmd){
      bottom: unset;
      left: 0;
      top: 50%;
      width: auto;
      transform: translateY(-50%) rotate(90deg);
      --swiper-pagination-bullet-horizontal-gap: .5rem;
    }
  }
}
 */
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fverbundstein%2Fscss%2Fcomponents%2F_hero.scss%22%2C%22%2Fthemes%2Fverbundstein%2Fscss%2Fcomponents%2F..%2Fsettings%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAEA%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAAA%3BACcE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAARA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADIA%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQE%3BAAAA%3BAAAA%3BAAAA%3BAAOJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAApEF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */