.b-page-title {
  position: relative;
  margin-top: var(--header-height);
}
.b-page-title .b__background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 40%;
  background-color: var(--color-background-2);
}
.b-page-title .b__wrapper {
  position: relative;
  display: flex;
  flex-flow: column;
}
.b-page-title .b__content {
  order: 2;
  margin-top: 20px;
}
.b-page-title .b__media {
  order: 1;
  background-color: var(--color-background-2);
}
.b-page-title .b__media .c-media__overlay {
  top: 50%;
  background: linear-gradient(0deg, rgb(20, 20, 20) 0%, rgba(255, 255, 255, 0) 100%);
}

@media (min-width: 768px) {
  .b-page-title .b__headline {
    max-width: 80%;
  }
}
@media (min-width: 1280px) {
  .b-page-title .b__background {
    height: 50%;
  }
  .b-page-title .b__content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    padding: clamp(2rem, 2.05vw + 1.54rem, 4rem);
    margin-top: 0;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
  }
  .b-page-title .b__media {
    position: relative;
    z-index: 0;
    height: calc(100vh - var(--header-height) * 2);
    max-height: 1080px;
  }
  .b-page-title .b__media .c-media {
    height: 100%;
  }
  .b-page-title .b__media .c-media__overlay {
    top: 50%;
    background: linear-gradient(0deg, rgba(20, 20, 20, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
  }
  .b-page-title .b__headline {
    max-width: clamp(42.5rem, 44.64vw + 13.93rem, 67.5rem);
  }
  .b-page-title .b__headline .c-headline {
    padding-bottom: 0;
  }
  .b-page-title .b__headline h1, .b-page-title .b__headline h2, .b-page-title .b__headline h3, .b-page-title .b__headline h4, .b-page-title .b__headline h5, .b-page-title .b__headline h6,
  .b-page-title .b__headline .h1, .b-page-title .b__headline .h2, .b-page-title .b__headline .h3, .b-page-title .b__headline .h4, .b-page-title .b__headline .h5, .b-page-title .b__headline .h {
    color: var(--color-text-inverted);
  }
  .b-page-title.style-1 .b__media {
    height: calc(50vh - var(--header-height));
  }
}

/*# sourceMappingURL=style.css.map */