.content-media {
  --column-spacing: 0px;
  --gap: var(--column-spacing);
  --row-gap: var(--column-spacing);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: var(--gap);
  row-gap: var(--row-gap);
  --sliderNavIconSize: 45px;
}
.content-media--extend-content {
  margin-left: calc(var(--site-gutter-mobile) * -1);
  margin-right: calc(var(--site-gutter-mobile) * -1);
}
@media (min-width: 992px) {
  .content-media--extend-content {
    margin-left: unset;
    margin-right: unset;
  }
  .content-media--extend-content .content-media__col[data-col=content]:after {
    background-color: rgb(var(--content-background-color));
    content: "";
    width: 100vw;
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
  }
  .content-media--extend-image .content-media__col[data-col=media] .kickstart-image {
    position: absolute;
    top: 0;
    left: 0;
    width: max(100% + (100vw - var(--site-width)) / 2 + (var(--site-gutter-desktop)), 100% + var(--site-gutter-desktop));
    height: 100%;
    max-width: none;
  }
}
.content-media .button {
  width: 100%;
}
.content-media .slider {
  overflow: visible;
}
.content-media .slider__track {
  overflow: hidden;
}
.content-media .slider__nav {
  margin-top: 0;
}
.content-media .slider__nav-item {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.content-media .slider__nav-item svg {
  height: var(--sliderNavIconSize);
  width: var(--sliderNavIconSize);
}
.content-media .slider__nav-item[data-dir=prev] {
  left: calc(var(--sliderNavIconSize) / 2 * -1);
}
.content-media .slider__nav-item[data-dir=next] {
  right: calc(var(--sliderNavIconSize) / 2 * -1);
}

.content-media__col {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.content-media__col[data-col=content] {
  background-color: rgb(var(--content-background-color));
  color: rgb(var(--content-font-color));
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: var(--column-alignment);
      justify-content: var(--column-alignment);
  padding: var(--content-padding);
  position: relative;
}
.content-media__col[data-col=content] .content-box__headline {
  text-align: var(--heading-align);
}
.content-media__col[data-col=content] .content-box__content {
  text-align: var(--content-align);
}
.content-media__col[data-col=content] .content-box__button {
  text-align: var(--button-align);
}
.content-media__col[data-col=media] {
  position: relative;
}
.content-media__col[data-col=media] img {
  display: block;
}
.content-media__col[data-col=media] .kickstart-image {
  height: 100%;
  position: static;
}

@media (min-width: 992px) {
  .content-media {
    -ms-flex-direction: row;
        flex-direction: row;
  }
  .content-media .button {
    width: auto;
  }
  .content-media__col[data-col=content] {
    width: calc(var(--content-width) - var(--column-spacing) / 2);
  }
  .content-media__col[data-col=media] {
    --media-width: calc( ( 100% - var( --content-width ) ) - ( var( --column-spacing ) / 2 ) );
    width: var(--media-width);
  }
}