/* HNRP Navbar Hover V6.3: NUR Navigation; keine Bot-, API-, Hero-Aenderungen. */
/* Start bleibt wie bisher blau. Die anderen Navigationstasten leuchten nur bei Hover/Fokus. */
#main-nav.main-nav a:not(:first-child) {
  position: relative !important;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #eaf6ff !important;
  transform: translateY(0) !important;
  transition:
    background .24s ease,
    border-color .24s ease,
    box-shadow .28s ease,
    transform .22s cubic-bezier(.2,.7,.2,1),
    color .24s ease !important;
}
/* Animierter Lichtreflex innerhalb der blauen Hover-Pille. */
#main-nav.main-nav a:not(:first-child)::before {
  content: "" !important;
  position: absolute;
  z-index: -1;
  top: -55%;
  left: -115%;
  width: 56%;
  height: 210%;
  border-radius: 40%;
  background: linear-gradient(90deg,transparent,rgba(178,235,255,.20),rgba(223,249,255,.38),transparent);
  transform: skewX(-22deg);
  opacity: 0;
  pointer-events: none;
}
#main-nav.main-nav a:not(:first-child):is(:hover, :focus-visible) {
  background: linear-gradient(180deg,#114e90 0%,#103b75 56%,#0a2b58 100%) !important;
  border-color: #298dff !important;
  box-shadow:
    inset 0 1px 0 rgba(207,242,255,.24),
    0 0 0 1px rgba(34,126,255,.18),
    0 0 18px rgba(13,127,255,.38),
    0 7px 25px rgba(2,12,38,.42) !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
}
#main-nav.main-nav a:not(:first-child):is(:hover, :focus-visible)::before {
  opacity: 1;
  animation: hnrpV63NavSheen .68s ease-out both;
}
#main-nav.main-nav a:not(:first-child) .hnrp-nav-icon {
  transition: transform .25s ease, color .25s ease, filter .25s ease !important;
}
#main-nav.main-nav a:not(:first-child):is(:hover, :focus-visible) .hnrp-nav-icon {
  transform: scale(1.1);
  color: #70d7ff !important;
  filter: drop-shadow(0 0 4px rgba(77,191,255,.8));
}
@keyframes hnrpV63NavSheen {
  from { left: -115%; }
  to { left: 150%; }
}
/* Tastaturbedienung und Barrierefreiheit: keine Animation bei Bewegungseinschraenkung. */
@media (prefers-reduced-motion: reduce) {
  #main-nav.main-nav a:not(:first-child),
  #main-nav.main-nav a:not(:first-child) .hnrp-nav-icon {
    transition: none !important;
    transform: none !important;
  }
  #main-nav.main-nav a:not(:first-child)::before { animation: none !important; display: none !important; }
}
