.w-hero-search-trigger {
  position: var(--hero-search-trigger-position, absolute);
  bottom: var(--hero-search-trigger-bottom, var(--spacing-96-rem));
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  background: var(--color-container-default-lightest);
  width: calc(100% - var(--spacing-24-rem));
  padding: var(--spacing-12-rem) calc(14/var(--size-rem-base)*1rem);
  display: flex;
  flex-direction: row;
  gap: var(--spacing-12-rem);
  border-radius: var(--corner-radius-md-rem);
  text-decoration: none;
}
@media (min-width: 768px) {
  .w-hero-search-trigger {
    display: none;
  }
}
@media (orientation: landscape) {
  .w-hero-search-trigger {
    --hero-search-trigger-position: fixed;
    --hero-search-trigger-bottom: var(--spacing-48-rem);
  }
}

.w-image__inner-img {
  display: inherit;
  object-fit: inherit;
  aspect-ratio: inherit;
  object-position: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
}

.w-video {
  width: 100%;
  height: 100%;
}
.w-video--object-fit-cover {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.w-video--hide-controls .jw-flag-small-player .jw-controls,
.w-video--hide-controls .jw-controlbar,
.w-video--hide-controls .jw-controls-backdrop {
  display: none;
}
.w-video__figure {
  display: flex;
  width: 100%;
  height: 100%;
}
.w-video--object-fit-cover .w-video__figure .jw-media .jw-video {
  object-fit: cover;
}
.w-video--object-fit-cover .w-video__figure .jw-preview {
  background-size: cover;
}

.w-hero-content-card {
  color: var(--hero-content-card-color);
}
.w-hero-content-card--light-text {
  --hero-content-card-color: var(--color-fg-default-primary-inverted);
  --hero-content-card-background-color: var( --color-container-brand-primary-on-image );
}
.w-hero-content-card--dark-text {
  --hero-content-card-color: var(--color-fg-default-primary);
  --hero-content-card-background-color: var( --color-container-default-lightest-on-image-80 );
}
.w-hero-content-card__text-container-mobile {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8-rem);
}
@media (min-width: 768px) {
  .w-hero-content-card__text-container-mobile {
    display: none;
  }
}
.w-hero-content-card__text-container-mobile--with-cta {
  color: inherit;
  text-decoration: none;
}
.w-hero-content-card__mobile-icon-button {
  display: inline;
  vertical-align: text-bottom;
}
.w-hero-content-card__title-container-mobile {
  display: flex;
  align-items: center;
}
.w-hero-content-card__text-container {
  display: var(--hero-content-card-text-container-display, none);
  padding: var(--hero-content-card-text-container-padding, var(--spacing-0-rem));
  border-radius: var(--corner-radius-lg-rem);
  text-align: var(--hero-content-card-text-align, start);
  align-items: var(--hero-content-card-text-align-items, start);
}
@media (min-width: 768px) {
  .w-hero-content-card__text-container {
    --hero-content-card-text-container-display: flex;
    flex-direction: column;
    gap: var(--spacing-16-rem);
  }
}
.w-hero-content-card__text-container--right-aligned {
  --hero-content-card-text-align: end;
  --hero-content-card-text-align-items: flex-end;
}
.w-hero-content-card__text-container--center-aligned {
  --hero-content-card-text-align: center;
  --hero-content-card-text-align-items: center;
}
.w-hero-content-card__text-container--background-and-padding {
  background-color: var(--hero-content-card-background-color, none);
  backdrop-filter: blur(calc(var(--effect-bg-blur-on-image-rem) / 2));
}
@media (min-width: 768px) {
  .w-hero-content-card__text-container--background-and-padding {
    --hero-content-card-text-container-padding: var(--spacing-32-rem);
  }
}
.w-hero-content-card__text-container-heading {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8-rem);
}

.w-text-link {
  display: inline-flex;
  flex-direction: var(--text-link-flex-direction, row);
  align-items: center;
  gap: var(--spacing-4-rem);
  transition: all 150ms ease-in-out;
}
.w-text-link__anchor {
  color: var(--text-link-color);
  cursor: pointer;
  text-decoration: var(--text-link-text-decoration, none);
  display: flex;
  align-items: center;
}
.w-text-link__anchor--button {
  font: inherit;
  text-align: inherit;
}
.w-text-link__anchor:hover {
  --text-link-text-decoration: underline;
}
.w-text-link--default-container {
  --text-link-color: var(--color-fg-brand-link);
}
.w-text-link--light-container {
  --text-link-color: var(--color-fg-brand-link);
}
.w-text-link--dark-container {
  --text-link-color: var(--color-fg-brand-link-inverted);
}
.w-container--theme-light .w-text-link--default-container,
.w-container--theme-subtle .w-text-link--default-container {
  --text-link-color: var(--color-fg-brand-link);
}
.w-container--theme-dark .w-text-link--default-container {
  --text-link-color: var(--color-fg-brand-link-inverted);
}
.w-text-link--size-small {
  --text-link-icon-size: var(--spacing-16-rem);
}
.w-text-link--size-medium {
  --text-link-icon-size: var(--spacing-24-rem);
}
.w-text-link--icon-left {
  --text-link-flex-direction: row-reverse;
}
.w-text-link svg {
  width: var(--text-link-icon-size);
  height: var(--text-link-icon-size);
  color: var(--text-link-color);
}

.w-hero-teaser {
  --hero-teaser-inline-inset: var(--spacing-32-rem);
  position: relative;
  display: flex;
  height: var(--hero-teaser-height, auto);
  min-height: var(--hero-teaser-min-height, 0);
  max-height: var(--hero-teaser-max-height, none);
  overflow: var(--hero-teaser-overflow, visible);
}
@media (min-width: 768px) {
  .w-hero-teaser {
    --hero-teaser-inline-inset: var(--web-grids-margin-rem);
  }
}
@media (min-width: 1280px) {
  .w-hero-teaser {
    --hero-teaser-inline-inset: calc( var(--web-grids-margin-rem) + (100vw - var(--web-grids-min-width-rem)) / 2 );
  }
}
.w-hero-teaser--sign-up-hero .w-hero-teaser {
  height: 100%;
  min-height: 0;
  max-height: var(--signup-hero-height, var(--hero-teaser-max-height, none));
}
@media (min-width: 768px) {
  .w-hero-teaser--overlay-left .w-hero-teaser::before,
  .w-hero-teaser--overlay-right .w-hero-teaser::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: var(--hero-teaser-background-overlay-gradient, none);
    z-index: 1;
  }
}
.w-hero-teaser::before,
.w-hero-teaser--overlay-left .w-hero-teaser::before {
  --hero-teaser-background-overlay-gradient:
    linear-gradient(
      
      270deg,
      rgb(0 0 0 / 0%) 35.07%,
      rgb(0 0 0 / 50%) 87.32% );
}
.w-hero-teaser--overlay-right .w-hero-teaser::before {
  --hero-teaser-background-overlay-gradient:
    linear-gradient(
      
      90deg,
      rgb(0 0 0 / 0%) 35.07%,
      rgb(0 0 0 / 50%) 87.32% );
}
.w-hero-teaser--bottom-overlay::after {
  position: absolute;
  content: "";
  height: 50%;
  width: 100%;
  bottom: 0;
  left: 0;
  background:
    linear-gradient(
      360deg,
      rgba(0, 0, 0, 0.5) 0%,
      rgba(0, 0, 0, 0) 100%);
}
.w-hero-teaser__content-card {
  position: absolute;
  inset-block-start: var(--hero-teaser-text-container-inset-block-start, var(--spacing-48-rem));
  inset-inline: var(--hero-teaser-text-inline-start, var(--hero-teaser-inline-inset)) var(--hero-teaser-inline-inset);
  max-width: var(--hero-teaser-card-max-width, calc(100% - var(--hero-teaser-inline-inset) * 2));
  transform: var(--hero-teaser-text-container-transform, none);
  width: max-content;
  z-index: 1;
}
@media (min-width: 768px) {
  .w-hero-teaser__content-card {
    --hero-teaser-text-container-inset-block-start: 50%;
    --hero-teaser-text-container-transform: translateY(-50%);
    --hero-teaser-card-max-width: calc( (var(--web-grids-min-width-rem) - var(--web-grids-margin-rem) * 2 - var(--web-grids-gutter-rem)) / 2 );
  }
}
@media (min-width: 768px) {
  .w-hero-teaser--text-align-right .w-hero-teaser__content-card {
    --hero-teaser-text-inline-start: auto;
  }
}
@media (min-width: 768px) {
  .w-hero-teaser--text-align-center .w-hero-teaser__content-card {
    --hero-teaser-text-inline-start: 50%;
    --hero-teaser-text-container-transform: translate(-50%, -50%);
  }
}
.w-hero-teaser__image,
.w-hero-teaser__video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: var(--hero-teaser-image-object-fit, cover);
  max-height: var(--hero-teaser-media-max-height, none);
  aspect-ratio: var(--hero-teaser-custom-aspect-ratio, var(--hero-teaser-aspect-ratio, 4/5));
  object-position: var(--hero-teaser-image-object-position, center);
}
@media (min-width: 768px) {
  .w-hero-teaser__image,
  .w-hero-teaser__video {
    --hero-teaser-aspect-ratio: 2 / 1;
  }
}
.w-hero-teaser--sign-up-hero .w-hero-teaser__image,
.w-hero-teaser--sign-up-hero .w-hero-teaser__video {
  height: 100%;
  min-height: 0;
  max-height: var(--signup-hero-height, var(--hero-teaser-max-height, none));
  display: block;
  aspect-ratio: auto;
}
.w-hero-teaser--size-small .w-hero-teaser__image,
.w-hero-teaser--size-small .w-hero-teaser__video {
  --hero-teaser-aspect-ratio: 4 / 2.5;
}
@media (min-width: 768px) {
  .w-hero-teaser--size-small .w-hero-teaser__image,
  .w-hero-teaser--size-small .w-hero-teaser__video {
    --hero-teaser-aspect-ratio: 4 / 1;
  }
}
.w-hero-teaser--image-align-left .w-hero-teaser__image,
.w-hero-teaser--image-align-left .w-hero-teaser__video {
  --hero-teaser-image-object-position: left;
}
.w-hero-teaser--image-align-right .w-hero-teaser__image,
.w-hero-teaser--image-align-right .w-hero-teaser__video {
  --hero-teaser-image-object-position: right;
}
.w-hero-teaser--image-fit-contain .w-hero-teaser__image,
.w-hero-teaser--image-fit-contain .w-hero-teaser__video {
  --hero-teaser-image-object-fit: contain;
  background-color: #000;
}
.w-hero-teaser__caption {
  position: absolute;
  bottom: var(--hero-teaser-caption-bottom, var(--spacing-56-rem));
  z-index: 1;
  color: var(--color-fg-default-primary-inverted);
  inset-inline: var(--hero-teaser-caption-inline-inset, var(--spacing-12-rem));
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (min-width: 768px) {
  .w-hero-teaser__caption {
    --hero-teaser-caption-inline-inset: var(--hero-teaser-inline-inset);
    --hero-teaser-caption-bottom: var(--spacing-32-rem);
    max-width: 50%;
  }
}


/*# sourceMappingURL=c-hero-teaser.edaa4b53.css.map*/