.b-text-slidebox .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-slidebox .b__slidebox {
  position: relative;
  overflow: hidden;
  margin-top: 80px;
  margin-left: 40px;
  margin-right: 40px;
}
.b-text-slidebox .b__slidebox {
  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-slidebox .c-slidebox__item {
  background-color: var(--color-background-3);
  padding: 20px;
  border: 1px dashed var(--color-background-2);
  width: calc(100% - 1px) !important;
}
.b-text-slidebox .c-slidebox__item .c-slidebox__title .c-headline {
  text-transform: uppercase;
}
.b-text-slidebox .c-slidebox__item .c-slidebox__title .c-headline h1, .b-text-slidebox .c-slidebox__item .c-slidebox__title .c-headline h2, .b-text-slidebox .c-slidebox__item .c-slidebox__title .c-headline h3, .b-text-slidebox .c-slidebox__item .c-slidebox__title .c-headline h4, .b-text-slidebox .c-slidebox__item .c-slidebox__title .c-headline h5, .b-text-slidebox .c-slidebox__item .c-slidebox__title .c-headline h6, .b-text-slidebox .c-slidebox__item .c-slidebox__title .c-headline .h1, .b-text-slidebox .c-slidebox__item .c-slidebox__title .c-headline .h2, .b-text-slidebox .c-slidebox__item .c-slidebox__title .c-headline .h3, .b-text-slidebox .c-slidebox__item .c-slidebox__title .c-headline .h4, .b-text-slidebox .c-slidebox__item .c-slidebox__title .c-headline .h5, .b-text-slidebox .c-slidebox__item .c-slidebox__title .c-headline .h6 {
  font-family: var(--font-special);
}
.b-text-slidebox .c-slidebox__item .c-slidebox__text {
  margin-top: 30px;
}
.b-text-slidebox .c-slidebox__item .c-slidebox__images {
  margin-top: 30px;
  position: relative;
  aspect-ratio: 16/9;
  width: 100%;
}
.b-text-slidebox .c-slidebox__item .c-slidebox__images .c-slidebox__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.4s ease-in-out;
}
.b-text-slidebox .c-slidebox__item .c-slidebox__images .c-media__image {
  z-index: unset;
}
.b-text-slidebox .c-slidebox__item .c-slidebox__images:hover .c-slidebox__image:nth-child(2) {
  opacity: 0;
}
.b-text-slidebox .c-slidebox__item .c-slidebox__buttons {
  margin-top: 40px;
}
.b-text-slidebox .c-slidebox__item .c-slidebox__buttons .c-button {
  background-color: var(--color-background-3);
  border-color: var(--color-background-2);
  color: var(--color-text);
}
.b-text-slidebox .c-slidebox__item .c-slidebox__buttons .c-button:hover {
  background-color: var(--color-background-1);
}
.b-text-slidebox.background-color-black .c-slidebox__item {
  background-color: transparent;
  border: 1px dashed var(--color-background-1);
}
.b-text-slidebox.background-color-black .c-slidebox__item .c-button {
  background-color: var(--color-background-1);
  border-color: var(--color-background-1);
  color: var(--color-text);
}
.b-text-slidebox.background-color-black .c-slidebox__item .c-button:hover {
  background-color: var(--color-background-2);
  color: var(--color-text-inverted);
}

@media (min-width: 768px) {
  .b-text-slidebox .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) * 11 - var(--layout-gutter) - 0.01px);
  }
  .b-text-slidebox .b__slidebox {
    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);
    margin-left: calc(100% / var(--layout-columns) * 2 + var(--layout-gutter) / 2);
  }
}
@media (min-width: 1024px) {
  .b-text-slidebox .b__content {
    order: 2;
  }
  .b-text-slidebox .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);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
  .b-text-slidebox .b__slidebox {
    margin-top: 0;
    order: 1;
  }
  .b-text-slidebox .b__slidebox {
    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);
  }
}
@media (min-width: 1280px) {
  .b-text-slidebox .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-slidebox .b__slidebox {
    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);
  }
}
@media (min-width: 1920px) {
  .b-text-slidebox .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);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
  .b-text-slidebox .b__slidebox {
    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 */