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

@media (min-width: 768px) {
  .b-text-contactbox .b__contactbox {
    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-contactbox .b__content {
    order: 2;
  }
  .b-text-contactbox .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);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
  .b-text-contactbox .b__contactbox {
    order: 1;
  }
  .b-text-contactbox .b__contactbox {
    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);
  }
  .b-text-contactbox .b__contactbox .c-contactbox {
    margin-top: 0;
  }
}
@media (min-width: 1280px) {
  .b-text-contactbox .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);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
  .b-text-contactbox .b__contactbox {
    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);
  }
  .b-text-contactbox .c-form {
    width: calc((100vw - var(--layout-offset)) / var(--layout-columns) * 5 - var(--layout-gutter));
  }
}
@media (min-width: 1280px) and (min-width: 1920px) {
  .b-text-contactbox .c-form {
    width: calc(var(--layout-width-max) / var(--layout-columns) * 5 - var(--layout-gutter));
  }
}
@media (min-width: 1440px) {
  .b-text-contactbox .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);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
  .b-text-contactbox .b__contactbox {
    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);
  }
}

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