/* Fassungsschalter der Vorschau (bauen.py, schalter()). Eigene Datei, weil eingefrorene Fassungen ihr altes stil.css behalten.
   Liegt über dem Kopf und scrollt mit weg, damit er nie über Inhalt oder der Knopfleiste liegt. Farben wie stil.css (anthrazit, hell, gold). */
.fassungen {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .25rem .5rem;
  padding: .25rem 1rem; background: #2B2B2A; color: #BDB8AE;
  font: 400 .9375rem/1.3 "Plex", system-ui, sans-serif;
}
.fassungen span { margin-right: .25rem; }
.fassungen a {
  display: inline-flex; align-items: center; min-height: 2.75rem; padding: 0 .75rem; white-space: nowrap; border-radius: 999px;
  color: #F4F2EE; text-decoration: none;
}
.fassungen a:hover { text-decoration: underline; text-decoration-color: #FCCB0C; text-underline-offset: .25em; }
.fassungen a:focus-visible { outline: 2px solid #FCCB0C; outline-offset: 2px; }
.fassungen a[aria-current="page"] { background: #FCCB0C; color: #2B2B2A; font-weight: 600; }
@media (max-width: 400px) { .fassungen { gap: .25rem; padding-inline: .5rem; } .fassungen a { padding-inline: .6rem; } }
@media print { .fassungen { display: none; } }