.b-text-media .b__headline,
.b-text-media .b__subline,
.b-text-media .b__content,
.b-text-media .b__media {
  order: 1;
}
.b-text-media .b__headline {
  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-media .b__content {
  margin-top: 30px;
}
.b-text-media .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-media .b__media {
  margin-top: 30px;
}
.b-text-media .b__media {
  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-media .b__media .c-media {
  display: flex;
  border: 1px dashed var(--color-background-2);
}
.b-text-media .b__media .c-media__image {
  padding: 20px;
}
.b-text-media .b__media .c-media__video {
  padding: 20px;
}
.b-text-media.background-color-black .b__media .c-media {
  border-color: var(--color-background-1);
}

@media (min-width: 1024px) {
  .b-text-media .b__headline {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 8 - var(--layout-gutter) - 0.01px);
  }
  .b-text-media .b__content {
    order: 3;
  }
  .b-text-media .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) * 6 - var(--layout-gutter) - 0.01px);
  }
  .b-text-media .b__media {
    order: 4;
  }
  .b-text-media .b__media {
    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);
  }
}

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