/**
* Block Name: hero_teaser
*/

section.hero_teaser .swiper-slide {
  overflow: hidden;
  height: initial;
}

section.hero_teaser .swiper-slide .inner_slide {
  height: 100%;
}
section.hero_teaser .swiper-slide .img_wrapper {
  width: 100%;
  min-height: 390px;
  overflow: hidden;
}

section.hero_teaser .swiper-slide .information {
  background: #b5c7e2;
  padding: 15px;
  z-index: 100;
}

section.hero_teaser .swiper-button-next,
section.hero_teaser .swiper-button-prev {
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background: none;
}

section.hero_teaser .swiper-button-next {
  right: 0px;
}
section.hero_teaser .swiper-button-prev {
  left: 0px;
}

section.hero_teaser .swiper-button-next svg,
section.hero_teaser .swiper-button-prev svg {
  width: 12.5px;
  height: 42px;
}

section.hero_teaser .swiper-button-next:hover svg {
  animation: bump-right 0.8s ease;
  -webkit-animation: bump-right 0.8s ease;
}
section.hero_teaser .swiper-button-prev:hover svg {
  animation: bump-left 0.8s ease;
  -webkit-animation: bump-left 0.8s ease;
}

@media (max-width: 575.98px) {
  section.hero_teaser .rimless_mobile {
    padding: 0;
  }
  section.hero_teaser .swiper-slide .information {
    min-height: 230px;
  }
}

@media (max-width: 767.98px) {
  section.hero_teaser .swiper-slide .inner_slide {
    height: 500px;
  }
  section.hero_teaser .swiper-slide .img_wrapper {
    height: 390px;
  }
  section.hero_teaser .swiper-slide .information {
    min-height: 230px;
    position: absolute;
    bottom: 0px;
    right: 15px;
    left: 15px;
  }
  section.hero_teaser .swiper-slide .information .erklaerung {
    display: none;
  }
  section.hero_teaser .swiper-button-next,
  section.hero_teaser .swiper-button-prev {
    top: 196px;
  }
}

@media (min-width: 768px) {
  section.hero_teaser .swiper-slide .img_wrapper,
  section.hero_teaser .swiper-slide .information {
    width: 50%;
  }
}

@media (min-width: 992px) {
  section.hero_teaser .swiper-slide .img_wrapper {
    min-height: 433px;
  }
}

@media (min-width: 1200px) {
  section.hero_teaser .swiper-slide .img_wrapper {
    min-height: 524px;
    width: 66.6666666667%;
  }
  section.hero_teaser .swiper-slide .information {
    padding: 24px;
    width: 33.333333333%;
  }
  section.hero_teaser .swiper-button-next,
  section.hero_teaser .swiper-button-prev {
    width: 64px;
    height: 64px;
    margin-top: -32px;
  }
}

@media (min-width: 1660px) {
  section.hero_teaser .swiper-slide .img_wrapper {
    min-height: 563px;
  }
}