/* Shortcut */
.shortcut {
  flex-direction: column;
}

.page .shortcut .tooltip {
  margin: 0;
  width: 100%;
  justify-content: flex-start;
  text-align: left;
  padding: 0 0.5rem;
  background: rgb(var(--c-neutral-lightest));
  border: 2px solid rgb(var(--c-neutral-darker));
}

.page .shortcut .tooltip:not(:first-child) {
  border-top: none;
}

.page .shortcut .font__fal,
.page .shortcut .font__fab,
.page .shortcut .font__fas,
.page .shortcut .font__far,
.page .shortcut .tooltip,
.no-touch .page .shortcut .tooltip:hover > span,
.page .shortcut a {
  color: rgb(var(--c-neutral-darker));
}

.shortcut__icon {
  width: 30px;
  display: inline-block;
  text-align: center;
}

.shortcut__title {
  margin-left: 0.5rem;
}

.no-touch .tooltip:hover:after {
  background-color: rgb(var(--c-neutral-lightest));
  color: rgb(var(--c-neutral-darker));
  right: 3.5rem;
}

.no-touch .page .tooltip:hover:before {
  display: none;
}

.no-touch .page .shortcut .tooltip:hover {
  background-color: rgb(var(--c-neutral-lightest));
}

/* Scrollimage */
.page .scrollimage__text {
  bottom: auto;
  top: 0;
  text-shadow: 2px 2px 5px rgb(0 0 0 / 50%);
  max-width: 100%;
  height: 100%;
  width: 100%;
  padding: 3rem 0;
}

.page .scrollimage__textinner {
  display: grid;
  height: 100%;
  width: 100%;
  grid-template-rows: auto 1fr;
}

.page .scrollimage__textinner p {
  align-self: flex-end;
}

/* Slider */
.page .slider > div.slider__prev,
.page .slider > div.slider__next {
  background-color: rgb(var(--c-primary));
  display: flex;
  height: 50px;
  width: 50px;
  transform: translate(-25px, 3rem);
  border-radius: var(--b-radius);
  border: 2px solid rgb(var(--c-neutral-lightest));
  justify-content: center;
  align-items: center;
  z-index: 10;
}

.page .slider > .slider__prev.disabled,
.page .slider > .slider__next.disabled {
  display: none;
}

.page .slider > div.slider__prev {
  transform: translate(5px, 3rem);
}

.page .slider svg {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  transform: none;
  width: 12px;
  height: 30px;
}

.page .slider .slider__arrow {
  fill: none;
  stroke: rgb(var(--c-neutral-lightest));
  stroke-width: 4px;
}

/* Service Slider */
.page .slider.-service .slider__iteminner {
  border: 1px solid rgb(var(--c-neutral-darker));
}

.service__text {
  padding: 1rem 1.5rem;
  font-size: var(--f-size-s-1);
}

.service__text .-likeh4 {
  font-size: var(--f-size);
}

.service__text .font__speciallink {
  margin-top: 0.3rem;
  display: block;
}

.grid__col .slider.-service {
  position: relative;
}

.page .grid__col .slider.-service > div.slider__prev,
.page .grid__col .slider.-service > div.slider__next {
  position: absolute;
  top: 3rem;
  transform: none;
  right: -25px;
}

.page .grid__col .slider.-service > div.slider__prev {
  right: auto;
  left: -25px;
}

/* Partner Slider */
.slider.-partner img {
  filter: grayscale(100%);
  opacity: 0.8;
  transition: 0.3s ease all;
}

.no-touch .slider.-partner .slider__item:hover img {
  filter: grayscale(0);
  opacity: 1;
}

.page .slider.-partner .slider__iteminner {
  border: 1px solid rgb(var(--c-neutral-darker));
}

.page .partner .slider__iteminner {
  margin: 0 5px;
}

.page .slider.-partner > div.slider__next {
  transform: translate(-25px, 1rem);
}

.page .slider.-partner > div.slider__prev {
  transform: translate(5px, 1rem);
}

/* Linktextbox */
.linktextbox a[rel="noreferrer"]:not(:has(span.font__button))::after {
  display: none;
}

.no-touch .uploads__item:hover .font__primarycolor {
  color: rgb(var(--c-neutral-lightest)) !important;
}

/* =============================================================================
   Media Queries
   ========================================================================== */
@media (min-width: 640px) {
  .page .shortcut {
    position: absolute;
    right: 0;
    top: 4rem;
    width: 3rem;
    z-index: 300;
    transition: 0.3s ease right;
  }

  .page .shortcut.-open {
    right: 419px;
  }

  .page .shortcut.fixed {
    position: absolute;
  }

  .page .shortcut .tooltip {
    height: 3rem;
    border-top-left-radius: var(--b-radius);
    border-bottom-left-radius: var(--b-radius);
    margin-bottom: 0.3rem;
    justify-content: center;
    text-align: center;
    border: 2px solid rgb(var(--c-neutral-darker)) !important;
  }

  .page .shortcut .font__fal,
  .page .shortcut .font__fab,
  .page .shortcut .font__fas,
  .page .shortcut .font__far {
    font-size: 1.7rem;
  }

  .shortcut__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }

  .shortcut__title {
    display: none;
  }

  .page .shortcut__image img {
    max-width: 2rem;
    max-height: 2rem;
  }
}