/* ============================================================================
   Sprachumschalter DE/EN — geteilt von allen Seiten (statisch, link-basiert)

   Ersetzt den frueher von i18n.js injizierten Schalter. Zwei Links, die
   zwischen der deutschen und der englischen Fassung derselben Seite wechseln.

   Zwei Positionierungs-Varianten:
   - .lang-switch-fixed : fixiert oben rechts (Startseite ohne Kopfbereich)
   - im .page-header    : neben dem Zurueck-Link (Unterseiten)
   ========================================================================= */

.lang-switch a {
  text-decoration: none;
  display: inline-block;
  padding: .15rem .45rem;
  border-radius: 999px;
  color: var(--text-muted, #948b78);
  letter-spacing: inherit;
  transition: color .2s, background .2s;
}

.lang-switch a:hover {
  color: var(--gold, #C8963E);
}

.lang-switch a.active {
  color: #000;
  background: var(--gold, #C8963E);
}

.lang-switch span {
  color: var(--border, rgba(255, 255, 255, .2));
}

/* Fixiert oben rechts (Startseite) */
.lang-switch-fixed {
  position: fixed;
  top: 14px;
  right: 16px;
  z-index: 10000;
  display: flex;
  align-items: center;
  gap: .1rem;
  font-family: var(--font-body, sans-serif);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .08em;
  background: rgba(10, 10, 10, .72);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  border: 1px solid var(--border, rgba(255, 255, 255, .07));
  border-radius: 999px;
  padding: .3rem .5rem;
}

@media (max-width: 700px) {
  .lang-switch-fixed {
    top: 10px;
    right: 10px;
    font-size: .68rem;
  }
}

/* In den Kopfbereich der Unterseiten eingehaengt (neben Zurueck-Link) */
.page-header .lang-switch {
  display: inline-flex;
  align-items: center;
  gap: .1rem;
  font-family: var(--font-body, sans-serif);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .08em;
}

.page-header .header-right {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}