/* Only the EN/DE switch is new; the original visual styles are unchanged. */
.language-switch {
  display: inline-flex;
  align-items: center;
  margin-left: .4rem;
  border: 1px solid var(--line-strong);
  border-radius: 10px;
  padding: 3px;
  gap: 2px;
  flex-shrink: 0;
}
.nav-links .language-switch a {
  color: #c9d5e1;
  border-radius: 7px;
  padding: .4rem .55rem;
  font-size: .8rem;
  font-weight: 700;
  text-decoration: none;
}
.nav-links .language-switch a::after { display: none; }
.nav-links .language-switch a[data-selected="true"] {
  background: var(--cyan);
  color: #02121d;
}
.nav-links .language-switch a:hover { color: #fff; }
.nav-links .language-switch a[data-selected="true"]:hover { color: #02121d; }
@media (max-width: 820px) {
  .language-switch { margin: .4rem .5rem 0; align-self: flex-start; }
  .nav-links .language-switch a { text-align: center; padding: .55rem .8rem; }
}