/* Ergänzung für den Navigationspunkt der laufenden Spendenaktion */
#navigation .donation-nav-link {
  display: inline-flex;
  align-items: center;
  gap: 0.48rem;
}

#navigation .donation-live-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  padding: 0.18rem 0.42rem;
  color: #fff;
  background: var(--brand-red);
  border-radius: 999px;
  font-size: 0.58rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  box-shadow: 0 0 0 0 rgba(201, 56, 32, 0.28);
  animation: donation-live-pulse 1.65s ease-in-out infinite;
}

#navigation .donation-live-badge::before {
  content: "";
  width: 0.42rem;
  height: 0.42rem;
  flex: 0 0 0.42rem;
  background: currentColor;
  border-radius: 50%;
}

#navigation .donation-nav-link.active .donation-live-badge {
  color: var(--brand-red);
  background: #fff;
}

@keyframes donation-live-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.35;
    transform: scale(0.94);
  }
}

@media (prefers-reduced-motion: reduce) {
  #navigation .donation-live-badge {
    animation: none;
  }
}

@media (max-width: 991.98px) {
  #navigation .donation-nav-link {
    display: flex;
    width: 100%;
    justify-content: center;
  }
}