/* Sprachumschalter DE | EN, fest in der oberen rechten Ecke der Seite. */

.language-toggle {
  position: fixed;
  top: 10px;
  right: 12px;
  z-index: 20;
  display: flex;
  overflow: hidden;
  border: 1px solid var(--frame-gold);
  border-radius: 4px;
  box-shadow: 0 0 0 2px var(--frame-dark), 0 4px 12px rgba(0, 0, 0, 0.7);
}

.language-option {
  min-width: 40px;
  padding: 5px 10px;
  border: none;
  background: linear-gradient(#2a241c, #15120e);
  color: var(--color-gray);
  font-family: var(--font-ui);
  font-size: 13px;
  letter-spacing: 1px;
  cursor: pointer;
}

.language-option + .language-option {
  border-left: 1px solid var(--frame-brown);
}

.language-option:hover {
  color: var(--color-text);
}

.language-option[aria-pressed="true"] {
  background: linear-gradient(#7d5a0e, #3a2907);
  color: var(--color-gold);
  text-shadow: 1px 1px 1px #000;
}

.language-option:focus-visible {
  outline: 2px solid var(--color-gold);
  outline-offset: -2px;
}