/* Header Slider */
.header__image .header__title,
.header__image .header__description {
  background: rgb(var(--c-primary));
  color: rgb(var(--c-neutral-lightest));
  padding: 0 0.8em;
  text-transform: uppercase;
  font-size: var(--f-size);
  display: inline-block;
  margin-top: 0.2em;
}

/* Service Slider */
.grid__col .slider.-partner .slider__prev,
.grid__col .slider.-partner .slider__next {
  display: none;
}

.slider .slider__iteminner {
  margin: 0 15px;
}

.service__icon {
  margin-bottom: 1rem;
}

.service__item {
  text-align: center;
}

.service__item a {
  color: rgb(var(--c-neutral-darker));
}

.frame-bg-grey .service__item {
  background: rgb(var(--c-neutral-lightest));
  border-bottom: 3px solid rgb(var(--c-primary));
}

.frame-bg-grey .service__text {
  padding: 1rem 1.5rem;
}

.frame-bg-grey .service__text .headline.-small {
  margin-bottom: 0;
}

/* Partner Slider */
.grid__col:not(.-w100) .slider.-partner.grid__main {
  display: block;
  margin-left: 0;
  margin-right: 0;
}

.slider.-partner .slider__iteminner {
  border: none;
  background: transparent;
  height: auto;
  flex-direction: column;
  padding: 0;
}

.slider.-partner .slider__image {
  border: 1px solid rgb(var(--c-neutral-light));
  background: rgb(var(--c-neutral-lightest));
  display: flex;
  justify-content: center;
  align-items: center;
  height: 150px;
  text-align: center;
}

/* General slider */
.slider a {
  position: relative;
  display: block;
}

.slider a[rel="noreferrer"]::after {
  position: absolute;
  padding: 0.3rem;
  top: 1px;
  right: 1px;
  line-height: 100%;
  font-size: var(--f-size-s-2);
  background: rgba(var(--c-neutral-lightest),0.3);
}

/* =============================================================================
   Media Queries
   ========================================================================== */
@media (min-width: 640px) {
  /* Header Slider */
  .header__image .header__title,
  .header__image .header__description {
    font-size: var(--f-size-l-2);
  }
}

@media (min-width: 1024px) {
  /* Header Slider */
  .header__image .header__title,
  .header__image .header__description {
    font-size: var(--f-size-l-4);
  }
}