/*breakpoints*/
.heroelement {
  position: relative;
  /*
  .ticker__area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    overflow: hidden;
    background-color: var(--clr-primary);
    padding: 12px;
    white-space: nowrap;
    @include mq(md) {
      padding: 11px;
    }
    @include mq(minxl) {
      padding-left: calc(80px + 0.5rem);
    }
  }

  .ticker__wrapper {
    display: flex;
    flex-wrap: nowrap;
  }

  .ticker__track {
    display: flex;
    flex-shrink: 0;
    min-width: 200%; // WICHTIG: doppelte Breite wegen doppeltem Inhalt
    animation: ticker-scroll 30s linear infinite;

    &:hover {
      animation-play-state: paused;
    }
  }

  .ticker__container {
    display: flex;
    white-space: nowrap;
    animation: ticker-scroll 20s linear infinite;
    opacity: 0.6;

    &:hover {
      animation-play-state: paused;
    }
  }
  .ticker__item {
    flex: 0 0 auto;
    padding: 0 2rem;
    white-space: nowrap;
    color: var(--white);
    font-size: 1rem;
    line-height: 1;

    @include mq(xl) {
      font-size: 0.938rem;
    }
    @include mq(md) {
      font-size: 0.875rem;
    }

    * {
      font-size: inherit;
      color: inherit;
      line-height: inherit;
    }
  }

  @keyframes ticker-scroll {
    0% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(-50%);
    }
  }
  */
}
@keyframes ticker {
  0% {
    transform: translate3d(25%, 0, 0);
  }
  100% {
    transform: translate3d(-25%, 0, 0);
  }
}
.heroelement .ticker__area {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  background-color: var(--clr-primary);
}
.heroelement .ticker__area .ticker__wrapper {
  width: 100vw;
  display: -webkit- flex;
  /* Safari */
  display: flex;
  -webkit-flex-direction: column;
  /* Safari */
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
  overflow: hidden;
}
.heroelement .ticker__area .ticker__wrapper .ticker__track {
  width: fit-content;
  min-width: 150vw;
  display: -webkit- flex;
  /* Safari */
  display: flex;
  -webkit-flex-direction: row;
  /* Safari */
  flex-direction: row;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  transform: translate3d(25%, 0, 0);
  white-space: nowrap;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: ticker;
  animation-duration: 20s;
}
.heroelement .ticker__area .ticker__wrapper .ticker__track:hover {
  animation-play-state: paused;
}
.heroelement .ticker__area .ticker__wrapper .ticker__track .ticker__item {
  color: var(--white);
  font-size: 1rem;
  line-height: 1;
  padding-block: 0.75rem;
  padding-inline: 2.5rem;
  opacity: 0.75;
}
.heroelement .ticker__area .ticker__wrapper .ticker__track .ticker__item * {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
.heroelement .img__gradient {
  z-index: 1;
}
.heroelement.element {
  padding: 0;
}
.heroelement .hero__top--graphic {
  position: absolute;
  bottom: -1px;
  z-index: 2;
}
.heroelement .hero__top--graphic .hero__graphic--fill {
  fill: var(--white);
}
@media screen and (min-width: 1200px) {
  .heroelement .hero__top--graphic .hero__graphic--fill {
    fill: var(--clr-primary);
  }
}
.heroelement .hero__video--holder {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.heroelement .hero__slide {
  --headline-clr: var(--white);
  position: relative;
  height: min(100vh, 1440px);
}
@media screen and (max-width: 1199.98px) {
  .heroelement .hero__slide {
    height: 70vh;
  }
}
@media screen and (max-width: 991.98px) {
  .heroelement .hero__slide {
    height: 70vh;
  }
}
@media screen and (max-width: 767.98px) {
  .heroelement .hero__slide {
    height: 80vh;
  }
}
.heroelement .hero__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.heroelement .hero__media img, .heroelement .hero__media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.heroelement .hero__content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: start;
  color: var(--white);
  z-index: 2;
  bottom: 120px;
  pointer-events: none;
}
@media screen and (min-width: 1200px) {
  .heroelement .hero__content {
    padding-inline: 20px;
  }
}
@media screen and (max-width: 1199.98px) {
  .heroelement .hero__content {
    bottom: 160px;
    align-items: center;
  }
}
@media screen and (max-width: 991.98px) {
  .heroelement .hero__content {
    bottom: 120px;
  }
}
@media screen and (max-width: 767.98px) {
  .heroelement .hero__content {
    bottom: 110px;
  }
}
.heroelement .hero__content > div {
  pointer-events: all;
}
.heroelement .hero__content .hero__content {
  z-index: 2;
}
.heroelement .hero__content .hero__content .hero__title, .heroelement .hero__content .hero__content .hero__title span, .heroelement .hero__content .hero__content .hero__title strong {
  color: var(--white);
  font-size: 5rem;
  line-height: 1.05;
  margin-bottom: 2.5rem;
  transition: var(--transition-default-duration);
}
.heroelement .hero__content .hero__content .hero__title:focus-visible, .heroelement .hero__content .hero__content .hero__title span:focus-visible, .heroelement .hero__content .hero__content .hero__title strong:focus-visible {
  outline: none;
  border: 2px solid white;
}
@media screen and (max-width: 1399.98px) {
  .heroelement .hero__content .hero__content .hero__title, .heroelement .hero__content .hero__content .hero__title span, .heroelement .hero__content .hero__content .hero__title strong {
    font-size: 4.25rem;
    margin-bottom: 2.375rem;
  }
}
@media screen and (max-width: 1199.98px) {
  .heroelement .hero__content .hero__content .hero__title, .heroelement .hero__content .hero__content .hero__title span, .heroelement .hero__content .hero__content .hero__title strong {
    font-size: 3.5rem;
    margin-bottom: 2.375rem;
  }
}
@media screen and (max-width: 991.98px) {
  .heroelement .hero__content .hero__content .hero__title, .heroelement .hero__content .hero__content .hero__title span, .heroelement .hero__content .hero__content .hero__title strong {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 767.98px) {
  .heroelement .hero__content .hero__content .hero__title, .heroelement .hero__content .hero__content .hero__title span, .heroelement .hero__content .hero__content .hero__title strong {
    font-size: 2rem;
  }
}
.heroelement .hero__content .hero__controls--group {
  display: flex;
  gap: 1.5rem;
}
.heroelement .hero__content .hero__controls--group .hero-swiper-controls {
  display: flex;
  gap: 0.75rem;
}
.heroelement .hero__content .hero__controls--group .hero-swiper-controls .hero-next, .heroelement .hero__content .hero__controls--group .hero-swiper-controls .hero-prev {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--white);
  width: 60px;
  height: 60px;
  user-select: none;
  border-radius: var(--border-radius-full);
  cursor: pointer;
  transition: var(--transition-default-duration);
}
@media screen and (max-width: 1199.98px) {
  .heroelement .hero__content .hero__controls--group .hero-swiper-controls .hero-next, .heroelement .hero__content .hero__controls--group .hero-swiper-controls .hero-prev {
    width: 60px;
    height: 60px;
  }
}
@media screen and (max-width: 991.98px) {
  .heroelement .hero__content .hero__controls--group .hero-swiper-controls .hero-next, .heroelement .hero__content .hero__controls--group .hero-swiper-controls .hero-prev {
    width: 50px;
    height: 50px;
  }
}
.heroelement .hero__content .hero__controls--group .hero-swiper-controls .hero-next i, .heroelement .hero__content .hero__controls--group .hero-swiper-controls .hero-prev i {
  font-size: 2.5rem;
}
.heroelement .hero__content .hero__controls--group .hero-swiper-controls .hero-next:hover, .heroelement .hero__content .hero__controls--group .hero-swiper-controls .hero-next:focus-visible, .heroelement .hero__content .hero__controls--group .hero-swiper-controls .hero-prev:hover, .heroelement .hero__content .hero__controls--group .hero-swiper-controls .hero-prev:focus-visible {
  background: var(--primary-hover) !important;
}
.heroelement .hero__content .hero__controls--group .hero-swiper-controls .hero-next:hover *, .heroelement .hero__content .hero__controls--group .hero-swiper-controls .hero-next:focus-visible *, .heroelement .hero__content .hero__controls--group .hero-swiper-controls .hero-prev:hover *, .heroelement .hero__content .hero__controls--group .hero-swiper-controls .hero-prev:focus-visible * {
  color: var(--white) !important;
}
.heroelement .swiper-slide-active .hero__content {
  transform: translateY(0);
}
.heroelement .swiper__controls * {
  font-size: inherit;
  color: var(--black) !important;
  transition: var(--transition-default-duration);
}
.heroelement .swiper__controls.centered .next, .heroelement .swiper__controls.centered .prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--white);
  width: 80px;
  height: 80px;
  user-select: none;
}
@media screen and (max-width: 1199.98px) {
  .heroelement .swiper__controls.centered .next, .heroelement .swiper__controls.centered .prev {
    width: 60px;
    height: 60px;
  }
}
@media screen and (max-width: 991.98px) {
  .heroelement .swiper__controls.centered .next, .heroelement .swiper__controls.centered .prev {
    width: 50px;
    height: 50px;
  }
}
.heroelement .swiper__controls.centered .next:hover, .heroelement .swiper__controls.centered .prev:hover {
  background: var(--primary) !important;
}
.heroelement .swiper__controls.centered .next:hover *, .heroelement .swiper__controls.centered .prev:hover * {
  color: var(--white) !important;
}
.heroelement .swiper__controls.centered .next {
  right: 0;
}
.heroelement .swiper__controls.centered .prev {
  left: 0;
}
.heroelement .pagination__area {
  --bs-gutter-x: 1.5rem;
  position: absolute;
  left: 50% !important;
  transform: translateX(-50%);
  bottom: 90px;
}
@media screen and (max-width: 1199.98px) {
  .heroelement .pagination__area {
    bottom: 100px;
  }
}
@media screen and (max-width: 991.98px) {
  .heroelement .pagination__area {
    bottom: 70px;
  }
}
@media screen and (max-width: 767.98px) {
  .heroelement .pagination__area {
    bottom: 60px;
  }
}
.heroelement .pagination__area .swiper-pagination {
  position: relative;
  left: unset;
  bottom: unset;
  transform: unset;
}
.heroelement .pagination__area .swiper-pagination .swiper-pagination-bullet {
  background-color: transparent;
  width: 14px;
  height: 14px;
  border: 2px solid var(--white);
  border-radius: 50%;
  margin: 0 5px;
  display: inline-block;
  transition: var(--transition);
}
@media screen and (max-width: 1199.98px) {
  .heroelement .pagination__area .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
  }
}
.heroelement .pagination__area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--white);
  border-color: var(--white);
}
.heroelement video::cue {
  font-size: 2rem;
}
.high-contrast .heroelement .ticker__container {
  opacity: 1;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fbadems%2Fscss%2Fcomponents%2F_hero.scss%22%2C%22%2Fthemes%2Fbadems%2Fscss%2Fcomponents%2F..%2Fsettings%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AACA%3BAAEA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAiFE%3BAACE%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAAAA%3BAAiBF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUE%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYR%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BACpHA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD%2BHA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC7JA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADoLA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACpKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAxBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD6NE%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQE%3BAAAA%3BAAAA%3BAAAA%3BAChON%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADiQE%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACjQN%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD2RQ%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAWV%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAME%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACrTF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD8UI%3BAAAA%3BAAAA%3BAAEE%3BAAAA%3BAAAA%3BAAMJ%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAMJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC5VE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADoXA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAME%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAClXF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD%2BXI%3BAAAA%3BAAAA%3BAAAA%3BAASJ%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%22%7D */