/* Arrow link hovers — replaces Webflow IX2 (data-w-id) interactions */

/* Inherit slide/section copy color — `<a>` defaults to browser purple otherwise */
a.link-block:has(.linkbox),
a.link-block-copy:has(.linkbox),
a.link-block:has(.startseite-textbox-link),
a.link-block-copy:has(.startseite-textbox-link) {
  color: inherit;
  text-decoration: none;
}

.linkbox,
.startseite-textbox-link {
  align-items: center;
}

.linkbox .cta-arrow,
.linkbox .arrow-right-icon,
.startseite-textbox-link .cta-arrow,
.startseite-textbox-link .arrow-right-icon {
  flex-shrink: 0;
  transition:
    transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.25s ease;
}

.linkbox .headline-2.link,
.linkbox .startseite-link,
.startseite-textbox-link .startseite-link {
  transition: opacity 0.25s ease;
}

a.link-block:where(:hover, :focus-visible) .cta-arrow,
a.link-block:where(:hover, :focus-visible) .arrow-right-icon,
a.link-block-copy:where(:hover, :focus-visible) .cta-arrow,
a.link-block-copy:where(:hover, :focus-visible) .arrow-right-icon,
.linkbox:where(:hover, :focus-within) .cta-arrow,
.linkbox:where(:hover, :focus-within) .arrow-right-icon,
.startseite-textbox-link:where(:hover, :focus-within) .arrow-right-icon,
.startseite-textbox-link:where(:hover, :focus-within) .cta-arrow {
  transform: translate3d(0.75rem, 0, 0);
}

a.link-block:where(:hover, :focus-visible) .arrow-right-icon.startseite,
a.link-block-copy:where(:hover, :focus-visible) .arrow-right-icon.startseite,
.startseite-textbox-link:where(:hover, :focus-within) .arrow-right-icon.startseite {
  transform: translate3d(1rem, 0, 0);
}

a.link-block:has(.cta-arrow, .arrow-right-icon):where(:hover, :focus-visible) .headline-2.link,
a.link-block:has(.cta-arrow, .arrow-right-icon):where(:hover, :focus-visible) .startseite-link,
a.link-block-copy:has(.cta-arrow, .arrow-right-icon):where(:hover, :focus-visible) .headline-2.link,
.linkbox:where(:hover, :focus-within) .headline-2.link,
.linkbox:where(:hover, :focus-within) .startseite-link,
.startseite-textbox-link:where(:hover, :focus-within) .startseite-link {
  opacity: 0.5;
}

@media (prefers-reduced-motion: reduce) {
  .linkbox .cta-arrow,
  .linkbox .arrow-right-icon,
  .startseite-textbox-link .cta-arrow,
  .startseite-textbox-link .arrow-right-icon {
    transition: opacity 0.15s ease;
  }

  a.link-block:where(:hover, :focus-visible) .cta-arrow,
  a.link-block:where(:hover, :focus-visible) .arrow-right-icon,
  a.link-block-copy:where(:hover, :focus-visible) .cta-arrow,
  a.link-block-copy:where(:hover, :focus-visible) .arrow-right-icon,
  .linkbox:where(:hover, :focus-within) .cta-arrow,
  .linkbox:where(:hover, :focus-within) .arrow-right-icon,
  .startseite-textbox-link:where(:hover, :focus-within) .arrow-right-icon,
  .startseite-textbox-link:where(:hover, :focus-within) .cta-arrow {
    transform: none;
  }
}