/* Serviceslider mit Bildern */
.grid__main.-service {
  display: block;
  position: relative;
  padding: 0 !important;
}

.slider.-service .slider__iteminner {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
}

.slider.-service .slider__iteminner a {
  display: block;
}

@media (hover: hover) {
  .slider.-service .slider__iteminner:hover::before {
    content: "";
    position: absolute;
    z-index: 20;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: rgb(var(--c-secondary));
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
  }
}

.slider.-service .service__background {
  object-fit: cover;
  height: 100%;
  width: 100%;
  max-height: inherit;
  max-width: inherit;
}

.slider.-service .service__text {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 1.5rem 40px 2vw 40px;
  height: 100%;
  align-items: flex-end;
  align-content: flex-end;
  display: grid;
  color: rgba(var(--c-neutral-lightest));
  z-index: 1;
  background: rgb(var(--c-primary-dark));
  background: linear-gradient(
    0deg,
    rgba(var(--c-primary-dark), 0.5) 0%,
    rgba(var(--c-neutral-darkest), 0) 100%
  );
}

.slider.-service
  .slider__iteminner
  a[rel="noreferrer"]:not(:has(span.font__button))::after {
  content: "\f08e";
  font-family: "FaRegular";
  display: inline-block;
  z-index: 100;
  position: absolute;
  bottom: 0;
  right: 0.5rem;
  color: rgba(var(--c-neutral-lightest));
}

.grid__main .scrollimage__text {
  grid-column: 2 / 5;
}

.slider.-service .service__text::after {
  content: "";
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(var(--c-primary), 0);
  transition: background ease 0.5s;
  height: 100%;
  z-index: -1;
}

.slider.-service .service__title {
  font-family: var(--f-family);
  font-weight: var(--f-weight-b);
  font-size: var(--f-size-l-1);
  color: rgba(var(--c-neutral-lightest));
  line-height: 130%;
}

.slider.-service .service__title::after {
  display: none;
}

.slider.-service .service__icon {
  display: none;
}

.slider.-service .service__title_text p::after {
  content: "\f324";
  font-family: "FaRegular";
  margin-left: 0.5rem;
  font-size: 0.9rem;
}

.slider.-service > div.slider__prev {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 34px;
  height: 100%;
  justify-content: center;
  color: rgb(var(--c-neutral-lightest));
  z-index: 10;
  cursor: pointer;
  transition: background-color ease 0.5s;
  display: flex;
  align-items: center;
}

@media (hover: hover) {
  .slider.-service > div.slider__prev:hover {
    background: rgba(var(--c-neutral-lightest), 0.7);
  }
}

.slider.-service .slider__prev svg {
  left: 5px;
}

.slider.-service > div.slider__next {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 34px;
  height: 100%;
  justify-content: center;
  color: rgb(var(--c-neutral-lightest));
  z-index: 10;
  cursor: pointer;
  transition: background-color ease 0.5s;
  display: flex;
  align-items: center;
}

.slider.-service .slider__next svg {
  right: 5px;
}

div.slider__prev .font__fal,
div.slider__next .font__fal {
  font-family: "FaRegular", sans-serif;
  font-size: var(--f-size-l-4);
}

.slider__prev.disabled,
.slider__next.disabled {
  display: none !important;
}

/* Scrollimage */
.page.-main .scrollimage__image .imagefullwidth {
  background-attachment: inherit !important;
}

.page.-main .scrollimage__image::before {
  content: "";
  background: url(../../Images/curve_white_inverse.svg) no-repeat center 0;
  width: 100%;
  height: 65px;
  position: absolute;
  left: 0;
  top: -1px;
}

.page.-main div.scrollimage__text {
  min-width: 170px;
  z-index: 1;
  flex-flow: row wrap;
  position: absolute;
  top: 7rem;
  left: 50%;
  align-items: center;
  text-align: center;
  transform: translateX(-50%) translateY(-50%);
}

.page.-main div.scrollimage__text h1 {
  color: rgba(var(--c-primary));
}

.page.-main div.scrollimage .iconfont {
  font-family: "FaRegular";
  font-size: var(--f-size-l-4);
  z-index: 100;
  text-align: center;
  color: rgb(var(--c-primary));
  top: 1.4rem;
  position: relative;
}

.page.-main div.scrollimage__overlay,
.page.-main div.scrollimage .imagefullwidth,
.page.-main div.scrollimage {
  height: 40vw;
}

/* Shortcuts */
div.shortcut {
  position: absolute;
}

div.shortcut .tooltip {
  border-radius: var(--b-radius);
  width: 35px;
  height: 35px;
}

div.shortcut a[rel="noreferrer"]::after {
  font-size: 10px;
  position: absolute;
  right: -10px;
  top: -5px;
  line-height: 20px;
  text-align: center;
  margin: 0;
  color: #fff;
  border: 1px solid #fff;
  background: rgb(var(--c-primary));
  border-radius: 20px;
  width: 20px;
  height: 20px;
}

div.shortcut .font__fal,
div.shortcut .font__fab,
div.shortcut .font__fas,
div.shortcut .font__far {
  font-size: var(--f-size-s-1);
}

div.shortcut .tooltip:before {
  border-left: 10px solid rgb(var(--c-primary));
  top: 10px;
}

.page.-main .shortcut > .top-fixed {
  display: none;
}

span.tooltip:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid rgb(var(--c-primary));
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: none;
  right: 47px;
  top: 16px;
}

span.tooltip:after {
  content: attr(data-tooltip);
  position: absolute;
  top: 0px;
  right: 57px !important;
  background: rgb(var(--c-primary));
  padding: 5px 15px;
  border-radius: var(--b-radius-s);
  white-space: nowrap;
  display: none;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  line-height: 25px;
  font-family: "MainFont", Verdana, sans-serif;
  font-size: 16px;
}


/* Textimage */
div.textimage__content {
  background-color: rgb(var(--c-neutral-lightest));
}

div.textimage__content .headline.-large {
  margin-bottom: 0;
}

div.textimage.-fullwidth.-right .textimage__content,
div.textimage.-fullwidth.-left .textimage__content {
  padding: 3rem 2rem 3rem 2rem;
}

div.textimage__imagewrap {
  grid-column: 2 / 3;
}

.content > .frame-type-gkmbce_textimage:nth-child(2n) div.textimage__content {
    background: #f0f0f0;
}


/* =============================================================================
   Media Queries
   ========================================================================== */
@media (min-width: 400px) {
  .slider.-service.frame-type-gkmbce_serviceslider .service__text {
    padding: 1.5rem 40px;
  }
}

@media (min-width: 800px) {
  .page.-main .shortcut > .top-fixed {
    display: flex;
  }

  div.scrollimage__overlay,
  div.scrollimage .imagefullwidth,
  div.scrollimage {
    height: 75vw;
  }
}

@media (min-width: 900px) {
  div.textimage__imagewrap {
    grid-column: span 2;
    min-height: 300px;
  }

  div.textimage.-fullwidth.-left .textimage__content {
    margin-left: 1rem;
  }

  div.textimage.-fullwidth.-right .textimage__content {
    margin-right: 1rem;
  }
}

@media only screen and (max-width: 1080px) {
  div.textimage__imagewrap {
    min-height: 35vw;
  }
}

@media (min-width: 1580px) {
  .slider.-service.frame-type-gkmbce_serviceslider .service__text {
    padding-right: 10%;
  }
}

@media (min-width: 1850px) {
  .slider.-service.frame-type-gkmbce_serviceslider .service__text {
    padding-right: 20%;
  }
}