/* a[rel="noopener"]::after,
a[rel="noreferrer"]::after,
a[rel="noopener noreferrer"]::after,
a[rel="noopener noreferrer nofollow"]::after,
a.external-link-new-window::after,
a.link-external::after {
    display: none;
} */

/* service slider */
div.service__icon .font__far,
div.service__icon .font__fal,
div.service__icon .font__fab,
div.service__icon .font__fas {
  font-size: 45px;
}

div.service__icon.-nohover div.service__image.-hover,
div.service__item:hover div.service__icon.-nohover .service__image.-nohover {
  display: block;
}

div.service__icon {
  height: 55px;
  margin-bottom: 1rem;
}

div.service__icon > span {
  height: 55px;
  width: 80px;
  left: 50%;
  transform: translateX(-50%);
}

div.service__icon img {
  max-height: 55px;
  max-width: 80px;
}

.service div.slider__iteminner {
  background: rgba(var(--c-neutral-lighter));
  text-align: center;
}

.service__text {
  padding: 3rem 2rem;
}

.service__image:not(.-hover):not(.-nohover) img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.headline.-small.-likeh3 {
  font-size: var(--f-size-l-2);
  font-family: var(--f-family-2);
}


/* textimage */
div.textimage__content {
  overflow: hidden;
  background: rgb(var(--c-neutral-lighter));
  grid-column: span 3;
  padding: 3rem 4%;
}

div.textimage__imagewrap {
  height: 100%;
}

.slider.-images {
  position: relative;
  height: 100%;
  width: 100%;
}

.slider.-images .textimage__image {
  position: absolute;
}

.slider.-images .slider__itemwrap {
  padding-bottom: 0;
  height: 100% !important;
}

.slider.-images div.slider__next,
.slider.-images div.slider__prev {
  position: absolute;
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border-radius: 25px;
  cursor: pointer;
  z-index: 10;
  -webkit-box-shadow: 0 0 10px 0 rgba(var(--c-neutral-darkest), 0.2);
  box-shadow: 0 0 10px 0 rgba(var(--c-neutral-darkest), 0.2);
}

.slider.-images div.slider__next {
  right: 2rem;
  left: inherit;
}

.slider.-images .slider__next svg {
  right: 13px;
}

.slider.-images .slider__prev svg {
  left: 14px;
}

.slider.-images .slider__iteminner,
.slider.-images .textimage__image {
  margin: 0;
  height: 100%;
  width: 100%;
}

.slider.-images .slider__prev path,
.slider.-images .slider__next path {
  fill: rgb(var(--c-neutral-darker));
}

.slider.-images .slider__prev:hover path,
.slider.-images .slider__next:hover path {
  fill: rgb(var(--c-neutral-lightest));
}

.frame-layout-red .slider.-images .slider__prev path,
.frame-layout-red .slider.-images .slider__next path,
.frame-layout-darkgreen .slider.-images .slider__prev path,
.frame-layout-darkgreen .slider.-images .slider__next path,
.frame-layout-green .slider.-images .slider__prev path,
.frame-layout-green .slider.-images .slider__next path {
  fill: rgb(var(--c-neutral-lightest));
}

.slider.-images .slider__prev,
.slider.-images .slider__next {
  background: rgb(var(--c-primary-dark));
}

.frame-layout-red .slider.-images .slider__prev,
.frame-layout-red .slider.-images .slider__next {
  background: rgb(var(--c-fourth));
}

.frame-layout-green .slider.-images .slider__prev,
.frame-layout-green .slider.-images .slider__next {
  background: rgb(var(--c-third));
}

.frame-layout-darkgreen .slider.-images .slider__prev,
.frame-layout-darkgreen .slider.-images .slider__next {
  background: rgb(var(--c-secondary));
}

.slider.-images .slider__prev:hover,
.slider.-images .slider__next:hover {
  background: rgb(var(--c-fourth));
}

.frame-layout-red .slider.-images .slider__prev:hover,
.frame-layout-red .slider.-images .slider__next:hover {
  background: rgb(var(--c-primary-dark));
}

.frame-layout-red .slider.-images .slider__prev:hover path,
.frame-layout-red .slider.-images .slider__next:hover path {
  fill: rgb(var(--c-neutral-darker));
}

.frame-layout-green .slider.-images .slider__prev:hover,
.frame-layout-green .slider.-images .slider__next:hover {
  background: rgb(var(--c-secondary));
}

.frame-layout-darkgreen .slider.-images .slider__prev:hover,
.frame-layout-darkgreen .slider.-images .slider__next:hover {
  background: rgb(var(--c-third));
}

div.slider__prev svg,
div.slider__next svg {
    height: 50px;
}

/* shortcuts */
div.shortcut {
  overflow: hidden;
  top: inherit;
  bottom: 0;
  width: auto;
  right: inherit;
  left: 50%;
  transform: translateX(-50%);
  position: fixed;
  display: flex;
  height: 45px;
}

div.shortcut .tooltip {
  border-radius: 50px;
  margin: 0 4px;
}

span.tooltip:after,
div.shortcut .tooltip:hover {
  background: rgb(var(--c-fourth));
}

span.tooltip:before {
  border-left: 10px solid rgb(var(--c-fourth));
}

div.shortcut .tooltip:nth-child(2n) {
  background: rgb(var(--c-third));
}

div.shortcut .tooltip:nth-child(2n):before {
  border-left: 10px solid rgb(var(--c-secondary));
}

div.shortcut .tooltip:nth-child(2n):after,
div.shortcut .tooltip:nth-child(2n):hover {
  background: rgb(var(--c-secondary));
}

div.shortcut .tooltip:nth-child(3n) {
  background: rgb(var(--c-secondary));
}

div.shortcut .tooltip:nth-child(3n):before {
  border-left: 10px solid rgb(var(--c-third));
}

div.shortcut .tooltip:nth-child(3n):after,
div.shortcut .tooltip:nth-child(3n):hover {
  background: rgb(var(--c-third));
}

div.shortcut .tooltip:nth-child(4n) {
  background: rgb(var(--c-fourth));
}

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

div.shortcut .tooltip:nth-child(4n):after,
div.shortcut .tooltip:nth-child(4n):hover {
  background: rgb(var(--c-primary));
}

div.shortcut .tooltip:nth-child(4n):after,
div.shortcut .tooltip:nth-child(4n):hover a,
div.shortcut .tooltip a {
  color: rgb(var(--c-neutral-darker));
}

div.shortcut .tooltip:hover a,
div.shortcut .tooltip:nth-child(2n) a,
div.shortcut .tooltip:nth-child(3n) a,
div.shortcut .tooltip:nth-child(4n) a {
  color: rgb(var(--c-neutral-lightest));
}

.tooltip.top-fixed {
  display: none !important;
}

div.shortcut .tooltip {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

div.shortcut a[rel=noreferrer]::after,
div.social__nav a[rel=noreferrer]::after {
  font-size: 10px;
}

.shortcut__image.tooltip[data-tooltip="Twitter"] a[rel="noreferrer"]::after {
  margin-left: 0px;
}

/* header slideshow */
.caption {
  display: none !important;
}


@media (min-width: 640px) {
  div.caption {
    bottom: 4vw;
    left: 4%;
    background: rgb(var(--c-primary));
    padding: 1.2rem 2rem;
    font-size: 1vw;
    max-width: 50%;
    display: block !important;
  }

  div.caption__title {
    color: rgb(var(--c-neutral-darker));
    font-family: var(--f-family-2);
    font-size: var(--f-size-l-5);
    text-transform: uppercase;
    line-height: 120%;
    margin-bottom: 0.8rem;
  }
}

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

  div.textimage__content {
    grid-column: 3;
  }

  div.textimage.-fullwidth::before {
    background: rgb(var(--c-neutral-lighter));
    grid-column: span 2;
    content: '';
    height: 100%;
    position: relative;
    top: 0;
    bottom: 0;
  }

  div.textimage__imagewrap {
    grid-column: 4 / 5;
  }

  div.textimage.-fullwidth.-left .textimage__content {
    padding: 3rem 0 3rem 6rem;
  }

  div.textimage.-fullwidth.-right .textimage__content {
    padding: 3rem 6rem 3rem 0;
  }

  div.textimage.-right .textimage__imagewrap {
    left: -3rem;
    top: 3rem;
  }

  div.textimage.-left .textimage__imagewrap {
    right: -3rem;
    top: 3rem;
  }

  div.textimage__imagewrap {
    width: calc(100% + 3rem);
  }

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

  div.service__icon {
    height: 65px;
  }

  div.service__icon > span {
    height: 65px;
    width: 100px;
  }

  div.service__icon img {
    max-height: 75px;
    max-width: 125px;
  }

}

@media (min-width: 1080px) {
  div.caption {
    padding: 2rem 2.5rem;
    font-size: 100%;
    max-width: 760px;
  }

  div.textimage.-fullwidth.-left .textimage__content {
    padding: 4rem 0 4rem 8rem;
  }

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

  div.textimage.-right .textimage__imagewrap {
    left: -4rem;
    top: 4rem;
  }

  div.textimage.-left .textimage__imagewrap {
    right: -4rem;
    top: 4rem;
  }

  div.textimage__imagewrap {
    width: calc(100% + 4rem);
  }
}

@media (min-width: 1280px) {
  div.shortcut {
    right: 2%;
    position: absolute;
    top: 100px;
    width: 45px;
    left: inherit;
    transform: none;
    display: block;
    height: inherit;
  }

  div.shortcut.fixed {
    right: 0;
  }

  div.shortcut .tooltip {
    margin: 0 0 8px 0;
    border-radius: 50px;
  }

  div.shortcut.fixed .tooltip {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 50px;
  }
}

@media (min-width: 1400px) {
  div.caption {
    padding: 2rem 3rem;
    max-width: 780px;
    position: relative;
  }

}

@media (min-width: 1580px) {
  div.textimage.-fullwidth {
    grid-template-columns: 1fr 50px 720px 720px 50px 1fr;
  }

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

  div.service__icon {
    height: 75px;
  }

  div.service__icon > span {
    height: 75px;
    width: 125px;
  }

  div.service__icon img {
    max-height: 75px;
    max-width: 125px;
  }

}