/* Serviceslider */
.service .slider__iteminner {
  background: rgb(var(--c-primary));
  border-radius: var(--b-radius);
  color: rgb(var(--c-neutral-lightest));
  text-align: center;
  padding: 1rem 1.5rem;
}

.service a,
.service .headline {
  color: rgb(var(--c-neutral-lightest));
}

div.service__icon {
  color: rgb(var(--c-neutral-lightest));
  height: 60px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

div.slider.-service .service__icon > span {
  position: relative;
} 

.no-touch .service .slider__iteminner:hover a,
.no-touch .service .slider__iteminner:hover .headline {
  color: rgb(var(--c-secondary));
}

/* service titles keep the h4 look */
.service .headline {
  font-size: var(--f-size-l-1);
  font-family: var(--f-family);
  line-height: 120%;
  margin-bottom: 0;
}

.header__services .slider__prev .slider__arrow,
.header__services .slider__next .slider__arrow {
  stroke: rgb(var(--c-neutral-lightest));
}

.header__services .slider__itemwrap {
  padding-bottom: 0;
}

.header__services .service__item {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* gkmb_ce headerslider.css positions its slide caption via .header__text, keep the page header text in flow */
.header > .header__text:not(.-absolute) {
  position: static;
}

/* Headerslider arrows: white chevron on translucent white box (live look) */
.header__slider .swiper-button-prev,
.header__slider .swiper-button-next {
  width: 40px;
  height: 60px;
  margin-top: -30px;
  left: 0;
  background: rgba(var(--c-neutral-lightest), 0.3) center / 15px 25px no-repeat;
  transition: background-color 0.3s ease;
}

.header__slider .swiper-button-prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.1 40.4'%3E%3Cpath d='M19.4 39.7l-18-19 18-20' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
}

.header__slider .swiper-button-next {
  left: auto;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.1 40.4'%3E%3Cpath d='M0.7 0.7l18 19-18 20' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
}

.header__slider .swiper-button-prev::after,
.header__slider .swiper-button-next::after,
.header__slider .swiper-button-prev svg,
.header__slider .swiper-button-next svg {
  display: none;
}

.header__slider .swiper-button-prev:hover,
.header__slider .swiper-button-next:hover {
  background-color: rgba(var(--c-neutral-lightest), 0.7);
}


/* =============================================================================
   Media Queries
   ========================================================================== */

@media (min-width: 1024px) {
  .header__slider .swiper-button-prev,
  .header__slider .swiper-button-next {
    width: 60px;
    height: 90px;
    margin-top: -45px;
    background-size: 20px 40px;
  }
}