.b-page-title:first-child {
  margin-top: var(--header-height);
}

.b-page-title {
  position: relative;
  overflow-x: clip;
  margin-top: var(--block-margin);
}
.b-page-title.background-color-3 {
  padding-top: 0;
  padding-bottom: 0;
}
.b-page-title .content {
  z-index: 3;
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto;
  align-items: center;
  align-content: center;
  min-height: clamp(21.56rem, 11.22vw + 19.04rem, 32.5rem);
  text-align: left;
}
.b-page-title .content {
  width: 1px;
  min-width: calc(100% / var(--layout-columns) * 12 - var(--layout-gutter) - 0.01px);
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
}
.b-page-title .content .c-overline {
  color: var(--color-text-inversed);
  font-weight: 400;
  font-size: clamp(1.5rem, 0.38vw + 1.41rem, 1.88rem);
  line-height: 1.2;
  width: 100%;
}
.b-page-title .content .c-headline {
  margin-top: 0;
  width: 100%;
  color: var(--color-primary);
  font-weight: 600;
  font-size: clamp(1.25rem, 3.85vw + 0.38rem, 5rem);
  line-height: 1.2;
}
.b-page-title .content .c-headline h1, .b-page-title .content .c-headline h2, .b-page-title .content .c-headline h3, .b-page-title .content .c-headline h4, .b-page-title .content .c-headline h5, .b-page-title .content .c-headline h6 {
  color: var(--color-primary);
}
.b-page-title .content .c-buttons {
  margin-top: var(--component-margin-small);
  justify-content: flex-start;
}
.b-page-title .c-media {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}
.b-page-title .decoration {
  position: absolute;
  z-index: 2;
  bottom: clamp(2rem, 2.05vw + 1.54rem, 4rem);
  left: 50%;
  transform: translateX(-50%);
}
.b-page-title.style-2 .c-media__image {
  display: none;
}
.b-page-title.style-2 .content {
  height: clamp(16.88rem, 8.33vw + 15rem, 25rem);
}
.b-page-title.style-3 .content {
  height: clamp(16.88rem, 8.33vw + 15rem, 25rem);
  justify-content: center;
  text-align: center;
}
.b-page-title.style-3 .c-buttons {
  justify-content: center;
}

@media (min-width: 1280px) {
  .b-page-title .content {
    width: 1px;
    min-width: calc(100% / var(--layout-columns) * 10 - var(--layout-gutter) - 0.01px);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
  }
  .b-page-title.style-3 .content {
    width: 1px;
    min-width: calc(100% / var(--layout-columns) * 12 - var(--layout-gutter) - 0.01px);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
  }
}

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