/* Online Services */
.service {
  display: grid;
  grid-gap: var(--g-gap);
  grid-template-columns: 1fr;
}

.service__item {
  background-color: rgb(var(--c-neutral-lighter));
  padding: 2rem;
  text-align: center;
  color: rgb(var(--c-neutral-dark));
}

.frame-background .service__item,
.page.-sub .content__bottom > .frame:nth-child(odd) .service__item,
.page.-sub .content > .frame:nth-child(2n) .service__item {
  background-color: rgb(var(--c-neutral-lightest));
}

.service__item a {
  color: rgb(var(--c-neutral-dark));
  font-family: var(--f-family);
  font-weight: var(--f-weight-n);
}

.service__icon {
  margin-bottom: 0.5rem;
  position: relative;
}

.service__icon .font__far,
.service__icon .font__fal,
.service__icon .font__fab,
.service__icon .font__fas {
  font-size: 55px;
}

.page .service__icon > span {
  left: 50%;
  transform: translateX(-50%);
  color: rgb(var(--c-secondary));
  position: absolute;
}

.service__text h3 {
  color: rgb(var(--c-primary));
}

/* Slider */
.page .slider__prev.disabled,
.page .slider__next.disabled {
  display: block;
}

.page .slider .slider__arrow {
  fill: rgb(var(--c-primary));
  stroke: none;
}

.slider__prev.disabled .slider__arrow,
.slider__next.disabled .slider__arrow {
  fill: rgb(var(--c-neutral-light));
  stroke: none;
}

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

.page .slider__prev svg,
.page .slider__next svg {
  width: 30px;
  height: 30px;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  left: 50%;
  right: auto;
}

.page .slider__iteminner {
  margin: 0 10px;
}

.news .slider__iteminner {
  background-color: rgb(var(--c-neutral-lightest));
}

.content__bottom > .frame:nth-child(odd) .news .slider__iteminner,
.content > .frame:nth-child(2n) .news .slider__iteminner {
  background-color: rgb(var(--c-neutral-lighter));
}

.slider__prev,
.slider__next {
  cursor: pointer;
  background-color: rgb(var(--c-neutral-lighter));
}

.slider__prev.disabled svg,
.slider__next.disabled svg,
.slider__prev.disabled,
.slider__next.disabled {
  cursor: auto;
}

.page .slider > div.slider__prev {
  grid-column: 1/3;
}

.page .slider > div.slider__next {
  grid-column: 4/6;
}

/* Scrollimage */
.scrollimage__text {
  background-color: rgb(var(--c-primary));
  padding: 2rem 2rem 0 2rem;
}

.scrollimage__textinner {
  padding-bottom: 2rem;
}

.scrollimage__title {
  opacity: 0.3;
  text-transform: uppercase;
  font-family: var(--f-family-i);
  font-size: var(--f-size-l-4);
  line-height: 100%;
  margin-bottom: -0.4rem;
}

.scrollimage__content {
  background-color: rgb(var(--c-primary));
  color: rgb(var(--c-neutral-lightest));
  padding: 2rem 0;
}

.scrollimage__grid {
  display: grid;
  grid-gap: var(--g-gap);
  grid-template-columns: 1fr;
}

.scrollimage__content .scrollimage__bodytext {
  margin-bottom: 0;
  max-width: none;
}

.scrollimage__content .headline.-large {
  margin-bottom: 0.5rem;
}

.scrollimage__content .scrollimage__bodytext h1,
.scrollimage__content .scrollimage__bodytext h2 {
  color: rgb(var(--c-secondary));
}

.scrollimage__button .font__button {
  background-color: rgb(var(--c-secondary));
  border: 2px solid rgb(var(--c-secondary));
  color: rgb(var(--c-neutral-lightest));
}

.no-touch .scrollimage__button .font__button:hover {
  background-color: transparent;
  border: 2px solid rgb(var(--c-neutral-lightest));
}

/* Text image */
.page .textimage__title::before {
  height: 50%;
  background: -moz-linear-gradient(top, rgba(var(--c-primary), 0) 0%, rgba(var(--c-primary), 0.9) 100%);
  background: -webkit-linear-gradient(top, rgba(var(--c-primary), 0) 0%, rgba(var(--c-primary), 0.9) 100%);
  background: linear-gradient(to bottom, rgba(var(--c-primary), 0) 0%, rgba(var(--c-primary), 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#18164d",endColorstr="#18164d",GradientType=1);
}

.textimage__description {
  padding-bottom: 1rem;
  padding-left: 2rem;
  text-transform: uppercase;
  font-family: var(--f-family-2);
  font-size: var(--f-size-l-3);
  font-weight: var(--f-weight-sb);
}

/* =============================================================================
   Media Queries
   ========================================================================== */
@media (min-width: 640px) {
  .slider__prev {
    margin-right: 10px;
  }

  .slider__next {
    margin-left: 10px;
  }

  .service[data-slide-count="2"],
  .service[data-slide-count="3"],
  .service[data-slide-count="4"],
  .service[data-slide-count="5"],
  .service[data-slide-count="6"] {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 800px) {
  .scrollimage__content {
    padding: 4rem 0;
  }
}

@media (min-width: 900px) {
  .page .textimage.-fullwidth.-left .textimage__content {
    padding: 4rem 0 4rem 4rem;
  }

  .page .textimage.-fullwidth.-right .textimage__content {
    padding: 4rem 4rem 4rem 0;
  }

  .page .textimage__imagewrap {
    min-height: 460px;
  }

  .service[data-slide-count="3"],
  .service[data-slide-count="5"],
  .service[data-slide-count="6"] {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1024px) {
  .scrollimage__grid {
    grid-template-columns: 5fr 2fr;
  }
  .scrollimage__button {
    align-self: center;
    justify-self: end;
  }

  .service[data-slide-count="4"],
  .service[data-slide-count="6"] {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 1280px) {
  .page .textimage.-fullwidth {
    grid-template-columns: 4% 30px 1fr 1fr 30px 4%;
  }

  .service[data-slide-count="5"] {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (min-width: 1620px) {
  .scrollimage__grid {
    grid-template-columns: 3fr 1fr;
  }

  .page .slider > div.slider__prev {
    grid-column: 2;
  }

  .page .slider > div.slider__next {
    grid-column: 4;
  }

  .page .textimage.-fullwidth {
    grid-template-columns: 1fr 50px 720px 720px 50px 1fr;
  }

  .service[data-slide-count="6"] {
    grid-template-columns: repeat(6, 1fr);
  }
}