.b-text-infobox .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-infobox .b__infobox {
  position: relative;
  margin-top: 80px;
}
.b-text-infobox .b__infobox {
  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-infobox .b__infobox .c-infobox {
  position: sticky;
  top: 0;
  background-color: var(--color-background-3);
  padding: 20px;
  border: 1px dashed var(--color-background-2);
}
.b-text-infobox .b__infobox .c-infobox .c-headline {
  text-transform: uppercase;
}
.b-text-infobox .b__infobox .c-infobox .c-headline h1, .b-text-infobox .b__infobox .c-infobox .c-headline h2, .b-text-infobox .b__infobox .c-infobox .c-headline h3, .b-text-infobox .b__infobox .c-infobox .c-headline h4, .b-text-infobox .b__infobox .c-infobox .c-headline h5, .b-text-infobox .b__infobox .c-infobox .c-headline h6, .b-text-infobox .b__infobox .c-infobox .c-headline .h1, .b-text-infobox .b__infobox .c-infobox .c-headline .h2, .b-text-infobox .b__infobox .c-infobox .c-headline .h3, .b-text-infobox .b__infobox .c-infobox .c-headline .h4, .b-text-infobox .b__infobox .c-infobox .c-headline .h5, .b-text-infobox .b__infobox .c-infobox .c-headline .h6 {
  font-family: var(--font-special);
}
.b-text-infobox .b__infobox .c-infobox .c-buttons {
  margin-top: 40px;
}
.b-text-infobox .b__infobox .c-infobox .c-button {
  background-color: var(--color-background-3);
  border-color: var(--color-background-2);
  color: var(--color-text);
}
.b-text-infobox .b__infobox .c-infobox .c-button:hover {
  background-color: var(--color-background-1);
}

@media (min-width: 768px) {
  .b-text-infobox .b__infobox {
    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) * 3 + var(--layout-gutter) / 2);
  }
}
@media (min-width: 1024px) {
  .b-text-infobox .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) * 7 - var(--layout-gutter) - 0.01px);
  }
  .b-text-infobox .b__infobox {
    margin-top: 0;
  }
  .b-text-infobox .b__infobox {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 4 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
}
@media (min-width: 1280px) {
  .b-text-infobox .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) * 8 - var(--layout-gutter) - 0.01px);
  }
  .b-text-infobox .b__infobox {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 3 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
}
@media (min-width: 1440px) {
  .b-text-infobox .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) * 7 - var(--layout-gutter) - 0.01px);
  }
  .b-text-infobox .b__infobox {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 3 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 2 + var(--layout-gutter) / 2);
  }
}

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