.frame-type-col1-100:has(.slider-icon) {
  background: rgb(var(--c-primary));
  color: rgb(var(--c-neutral-lightest));
}

.frame-type-col1-100:has(.slider-icon) .headline,
.frame-type-col1-100:has(.slider-icon) .headline a {
  color: rgb(var(--c-neutral-lightest));
}

.slider-icon {
  --swiper-navigation-size: 44px;
  --swiper-navigation-sides-offset: 0;
  position: relative;
  margin: 0 -1.5vw;
  padding: 0 40px;
}

.slider-icon__slide {
  height: auto;
  padding: 30px 2em 0 0;
  box-sizing: border-box;
}

.slider-icon__icon {
  width: 60px;
  height: 60px;
  margin-bottom: 1em;
  line-height: 60px;
}

.slider-icon__icon span {
  display: block;
  font-size: 60px;
  line-height: 60px;
  color: rgb(var(--c-neutral-lightest));
}

.slider-icon__icon .fas,
.slider-icon__icon .far,
.slider-icon__icon .fal {
  font-family: "Font Awesome 6 Pro";
}

.slider-icon__icon .fas {
  font-weight: 900;
}

.slider-icon__icon .far {
  font-weight: 400;
}

.slider-icon__icon .fal {
  font-weight: 300;
}

.slider-icon__icon .fab {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.slider-icon__icon img {
  max-width: 60px;
  max-height: 60px;
  vertical-align: top;
}

.slider-icon__title h3,
.slider-icon__text,
.slider-icon__text a {
  color: rgb(var(--c-neutral-lightest));
}

.slider-icon__text p {
  margin: 0;
}

.slider-icon__link {
  margin-top: 1em;
}

.slider-icon__prev,
.slider-icon__next {
  width: 21px;
  background-color: rgb(var(--c-neutral-lightest));
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 89.8 21.2 44.4'%3E%3Cpolyline points='20.7,90.3 0.5,112 20.7,133.7' fill='none' stroke='%23000' stroke-width='0.75'/%3E%3C/svg%3E") no-repeat center / contain;
}

.slider-icon__next {
  transform: scaleX(-1);
}

.slider-icon__prev::after,
.slider-icon__next::after {
  content: none;
}

@media (hover: hover) {
  .slider-icon__prev:hover,
  .slider-icon__next:hover {
    background-color: rgb(var(--c-secondary));
  }

  .slider-icon__text a:hover {
    color: rgb(var(--c-secondary));
  }
}
