/* Sound-Schalter unter DE / EN (Paket 73, 30.10.2026) */
.langSound {
  position: relative;
  top: 4px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  margin-left: clamp(0px, 1vw, 16px);
}

.desktopNav .langSound .languages {
  margin-left: 0;
}

.desktopNav .langSound .languages a {
  min-height: 0;
  padding-top: 0;
  padding-bottom: 5px;
}

.desktopNav .langSound .languages a::after {
  bottom: 0;
}

.soundToggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 0;
  padding: 0 0 4px;
  border: 0;
  background: none;
  color: var(--muted);
  cursor: pointer;
  font: inherit;
  font-size: 10.5px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: .2em;
  text-transform: uppercase;
  -webkit-appearance: none;
  appearance: none;
}

.soundToggle::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: var(--gold);
  content: "";
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .32s cubic-bezier(.2, .7, .2, 1);
}

.soundToggle:hover::after,
.soundToggle:focus-visible::after,
.soundToggle[aria-pressed="true"]::after {
  transform: scaleX(1);
  transform-origin: left;
}

.soundToggle:focus-visible {
  outline: none;
}

.soundToggle[aria-pressed="true"] {
  color: var(--bordeaux);
}

.soundToggle .sndSpk {
  flex: none;
  width: 14px;
  height: 14px;
}

.soundToggle .sndPlay {
  flex: none;
  width: 5px;
  height: 7px;
}

.soundToggle .sndBars {
  display: none;
  flex: none;
  align-items: flex-end;
  gap: 1.5px;
  height: 9px;
}

.soundToggle .sndBars i {
  display: block;
  width: 1.5px;
  background: var(--gold);
  transform-origin: bottom;
}

.soundToggle .sndBars i:nth-child(1) { height: 4px; }
.soundToggle .sndBars i:nth-child(2) { height: 9px; }
.soundToggle .sndBars i:nth-child(3) { height: 6px; }

.soundToggle[aria-pressed="true"] .sndPlay {
  display: none;
}

.soundToggle[aria-pressed="true"] .sndBars {
  display: inline-flex;
}

.soundToggle[aria-pressed="true"]:not(.is-waiting) .sndBars i {
  animation: sndBar 1.6s ease-in-out infinite;
}

.soundToggle[aria-pressed="true"]:not(.is-waiting) .sndBars i:nth-child(2) { animation-delay: -.55s; }
.soundToggle[aria-pressed="true"]:not(.is-waiting) .sndBars i:nth-child(3) { animation-delay: -1.1s; }

@keyframes sndBar {
  0%, 100% { transform: scaleY(.55); }
  50% { transform: scaleY(1); }
}

@media (prefers-reduced-motion: reduce) {
  .soundToggle .sndBars i { animation: none !important; }
}

.langSoundMobile {
  display: none;
}

@media (max-width: 860px) {
  .mobileBar .langSoundMobile {
    top: 0;
    display: inline-flex;
    height: 38px;
    justify-content: space-between;
    gap: 0;
    margin: 0;
  }

  .mobileBar .langSoundMobile .languageSwitch > a {
    min-height: 0;
    height: 16px;
  }

  .mobileBar .langSoundMobile .soundToggle {
    width: 100%;
    height: 18px;
    padding: 0;
    color: #000;
  }

  .mobileBar .langSoundMobile .soundToggle::after {
    display: none;
  }

  .mobileBar .langSoundMobile .sndSpk {
    width: 15px;
    height: 15px;
  }
}