/* ============================================================
   29-zurueck-button.css
   ------------------------------------------------------------
   Einheitlicher "Zurück zum Dossier"-Button fuer alle
   Unterseiten (Impressum, Datenschutz, Teilnahmebedingungen,
   404, Spielleiter). Sitzt fix oben links, gleicher Look wie
   die Dossier-Buttons: Papierflaeche, Tintenlinie, Manila-Hover.
   Der Klick-Sound kommt aus zurueck.js (sounds.js noetig).
   ============================================================ */
.zurueck-dossier {
  position: fixed;
  top: clamp(10px, 2vh, 18px);
  left: clamp(10px, 2vw, 18px);
  z-index: 950;
  display: inline-block;
  padding: 10px 18px;
  border: 1px solid rgba(26, 22, 19, 0.28);
  border-radius: 3px;
  background: #e6dcc2;
  color: #1a1613;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(26, 22, 19, 0.14);
  transition: background 0.25s, box-shadow 0.25s, transform 0.15s;
}
.zurueck-dossier:hover,
.zurueck-dossier:focus-visible {
  background: #d4b878;
  box-shadow: 0 8px 24px rgba(26, 22, 19, 0.22);
  transform: translateY(-1px);
  color: #1a1613;
}

@media (max-width: 640px) {
  .zurueck-dossier {
    padding: 8px 13px;
    font-size: 10px;
  }
}