.b-text-image .b__content {
  order: 1;
}
.b-text-image .b__content {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 12 - var(--layout-gutter) - 0.01px);
}
.b-text-image .b__content .c-headline:has(+ .c-media),
.b-text-image .b__content .c-text:has(+ .c-media),
.b-text-image .b__content .c-buttons:has(+ .c-media) {
  margin-bottom: clamp(2.5rem, 2.56vw + 1.92rem, 5rem);
}
.b-text-image .b__content .c-media {
  margin-top: auto;
  aspect-ratio: 725/430;
}
.b-text-image .b__image {
  order: 2;
  margin-top: clamp(2.5rem, 2.56vw + 1.92rem, 5rem);
}
.b-text-image .b__image {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 12 - var(--layout-gutter) - 0.01px);
}
.b-text-image .b__image .c-media {
  aspect-ratio: 830/1000;
}

@media (min-width: 768px) {
  .b-text-image .b__image {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 10 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
  .b-text-image .b__content {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 10 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
}
@media (min-width: 1280px) {
  .b-text-image .b__content {
    margin: clamp(4rem, 2.05vw + 3.54rem, 6rem);
    display: flex;
    flex-flow: column;
  }
  .b-text-image .b__content {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 5 - var(--layout-gutter) - 0.01px);
  }
  .b-text-image .b__content:has(+ .b__image + .b__image_2):after {
    content: "";
    aspect-ratio: 725/215;
  }
  .b-text-image .b__content:has(+ .b__image + .b__image_2):after {
    --column: calc((100vw - (var(--layout-offset) * 2) - (var(--layout-gutter) * 11)) / var(--layout-columns) * 1 - 0.01px);
    width: calc(var(--column) * 5 + var(--layout-gutter) * 4 - 0.01px);
  }
}
@media (min-width: 1280px) and (min-width: 1920px) {
  .b-text-image .b__content:has(+ .b__image + .b__image_2):after {
    --column: calc((var(--layout-width-max) - (var(--layout-gutter) * 11)) / var(--layout-columns) - 0.01px);
  }
}
@media (min-width: 1280px) {
  .b-text-image .b__image {
    margin-top: 0;
  }
  .b-text-image .b__image {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 6 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
  .b-text-image .b__image:after {
    display: block;
    content: "";
    width: 100%;
    aspect-ratio: 725/215;
  }
  .b-text-image .b__image:after {
    --column: calc((100vw - (var(--layout-offset) * 2) - (var(--layout-gutter) * 11)) / var(--layout-columns) * 1 - 0.01px);
    width: calc(var(--column) * 5 + var(--layout-gutter) * 4 - 0.01px);
  }
}
@media (min-width: 1280px) and (min-width: 1920px) {
  .b-text-image .b__image:after {
    --column: calc((var(--layout-width-max) - (var(--layout-gutter) * 11)) / var(--layout-columns) - 0.01px);
  }
}
@media (min-width: 1280px) {
  .b-text-image .b__image .c-media {
    aspect-ratio: unset;
    height: 100%;
  }
  .b-text-image .b__image_2 {
    order: 2;
    aspect-ratio: 16/4.5;
    position: relative;
  }
  .b-text-image .b__image_2 {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 5 - var(--layout-gutter) - 0.01px);
  }
  .b-text-image .b__image_2 .c-media {
    top: 0;
    left: 0;
    position: absolute;
    transform: translateY(-50%);
  }
  .b-text-image.media-position-2 .b__content {
    order: 2;
  }
  .b-text-image.media-position-2 .b__content {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 5 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
  .b-text-image.media-position-2 .b__image {
    order: 1;
  }
  .b-text-image.media-position-2 .b__image {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 6 - var(--layout-gutter) - 0.01px);
  }
  .b-text-image.media-position-2 .b__image_2 {
    order: 2;
  }
  .b-text-image.media-position-2 .b__image_2 {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 5 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 7 + var(--layout-gutter) / 2);
  }
}

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