/* Demo-Instanz: Hinweisband und Zugangsdaten auf der Anmeldeseite (Holz-Farbe der Ausflugskiste) */
.demo-band {
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0.25rem 1rem;
  padding: 0.45rem 1rem; background: #b45309; color: #fff; font-size: 0.9rem; line-height: 1.4; text-align: center;
}
.demo-band a { color: #fff; text-underline-offset: 0.15em; }
.demo-links { display: inline-flex; flex-wrap: wrap; justify-content: center; gap: 0.25rem 1rem; }
.demo-zugang {
  margin: 0.25rem 0 0; padding: 0.5rem 0.9rem; border-radius: 0.75rem;
  background: color-mix(in srgb, #b45309 14%, transparent); border: 1px solid color-mix(in srgb, #b45309 40%, transparent);
}
/* Hinweis „Passkey einrichten“ ausblenden: In der Demo lässt sich nichts speichern */
.banner[aria-label="Passkey einrichten"] { display: none; }