/* Shared Lang-Switcher — kompaktes Pill-Design für Top-Nav */
.lang-switcher{
  display:inline-flex;
  align-items:center;
  gap:2px;
  padding:3px;
  background: var(--surface, #fff);
  border:1px solid var(--line, #e5e5e5);
  border-radius:999px;
  font-family: inherit;
  font-size:12px;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.lang-switcher button{
  appearance:none;
  background:transparent;
  border:0;
  color: var(--ink-3, #6b6b6b);
  padding:5px 10px;
  border-radius:999px;
  cursor:pointer;
  font: inherit;
  letter-spacing:inherit;
  text-transform:inherit;
  line-height:1;
  transition: background .15s ease, color .15s ease;
}
.lang-switcher button:hover{
  color: var(--ink, #1a1a1a);
}
.lang-switcher button[aria-pressed="true"]{
  background: var(--ink, #1a1a1a);
  color:#fff;
}
@media (max-width:560px){
  .lang-switcher{ font-size:11px; }
  .lang-switcher button{ padding:4px 7px; }
}

/* Footer-Variante (etwas zurückgenommen) */
.foot-lang-switcher{
  display:inline-flex;
  gap:6px;
  flex-wrap:wrap;
  font-size:12px;
}
.foot-lang-switcher button{
  appearance:none;
  background:transparent;
  border:1px solid var(--line, #e5e5e5);
  color: var(--ink-3, #6b6b6b);
  padding:5px 10px;
  border-radius:999px;
  cursor:pointer;
  font:inherit;
  letter-spacing:.04em;
  text-transform:uppercase;
  font-weight:600;
}
.foot-lang-switcher button:hover{ color: var(--ink, #1a1a1a); }
.foot-lang-switcher button[aria-pressed="true"]{
  background: var(--ink, #1a1a1a);
  color:#fff;
  border-color: var(--ink, #1a1a1a);
}