/* Kompakte Abschnittsnavigation für Branchen-Seiten. */
#main-content { padding-top: 3.625rem; }

.industry-jumpnav {
  position: fixed;
  top: var(--site-header-total-height);
  right: 0;
  left: 0;
  z-index: 20;
  border-bottom: 1px solid var(--color-border);
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 4px 14px rgba(15, 22, 41, .04);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.industry-jumpnav::before {
  content: '';
  position: absolute;
  top: 0;
  left: 12px;
  right: 12px;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--premium-accent, var(--color-gold-500)), transparent);
  opacity: .7;
}

.industry-jumpnav__list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(.8rem, 2vw, 1.6rem);
  margin: 0;
  padding: .4rem 0;
  overflow-x: auto;
  list-style: none;
  scrollbar-width: none;
}

.industry-jumpnav__list::-webkit-scrollbar { display: none; }

.industry-jumpnav__list a {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 2.25rem;
  color: var(--color-text-light);
  font-size: .84rem;
  font-weight: var(--font-weight-semibold);
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: color .15s ease;
}

.industry-jumpnav__list a::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  height: 2px;
  border-radius: var(--radius-full);
  background: var(--premium-accent, var(--color-gold-500));
  transform: scaleX(0);
  transition: transform 200ms cubic-bezier(.16,1,.3,1);
}

.industry-jumpnav__list a:hover,
.industry-jumpnav__list a:focus-visible,
.industry-jumpnav__list a[aria-current="location"] {
  color: var(--premium-ink, var(--color-navy-800));
}

.industry-jumpnav__list a:hover::after,
.industry-jumpnav__list a:focus-visible::after,
.industry-jumpnav__list a[aria-current="location"]::after {
  transform: scaleX(1);
}

[id^="industry-"] { scroll-margin-top: 9rem; }

@media (max-width: 767px) {
  #main-content { padding-top: 3.5rem; }
  .industry-jumpnav__list {
    justify-content: flex-start;
    gap: 1.1rem;
    padding: .35rem 0;
    mask-image: linear-gradient(to right, black 0%, black 90%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, black 0%, black 90%, transparent 100%);
  }
}
