/*
 * Galerie „Einblicke“ als Bildreihe zum Blättern (bis zu 10 Bilder, Chris 04.10.2026).
 * Geladen zusammen mit assets/js/galerie.js aus wir_profil_galerie_html(),
 * nur auf Seiten mit Galerie. Grundstil der Bilder: mitglieder.css (.wir-galerie).
 */
/* Drei Bilder je Breite, auf dem Handy eins und ein Stück vom nächsten. */
.wir-galerie__kopf { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.wir-galerie__steuer { display: flex; gap: .5rem; flex: none; }
.wir-galerie__knopf { display: inline-grid; place-items: center; width: 48px; height: 48px; border: 1.5px solid var(--wp--preset--color--linie-stark); border-radius: var(--wp--custom--radius--knopf); background: var(--wp--preset--color--flaeche); color: var(--wp--preset--color--wald); cursor: pointer; }
.wir-galerie__knopf .wir-symbol { width: 22px; height: 22px; }
.wir-galerie__knopf--zurueck .wir-symbol { transform: scaleX(-1); }
.wir-galerie__knopf:hover:not(:disabled) { background: var(--wp--preset--color--primaer-hell); border-color: var(--wp--preset--color--primaer); }
.wir-galerie__knopf:disabled { opacity: .4; cursor: default; }
.wir-galerie__knopf:focus-visible { outline: 3px solid var(--wir-fokus-ring); outline-offset: 2px; }
.wir-galerie.wir-galerie--reihe { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: thin; padding-bottom: .4rem; }
.wir-galerie.wir-galerie--reihe li { flex: 0 0 calc((100% - 1.4rem) / 3); scroll-snap-align: start; }
.wir-galerie.wir-galerie--reihe:focus-visible { outline: 3px solid var(--wir-fokus-ring); outline-offset: 3px; }
@media (max-width: 640px) { .wir-galerie.wir-galerie--reihe li { flex-basis: 82%; } }