/* IG Rems-Murr – Galerie */
.gallery-header { margin-bottom: 1.5rem; }
.gallery-header h1 { margin-bottom: .25rem; }
.gallery-meta { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; color: var(--q2-text-muted); font-size: .95rem; }
.gallery-meta i { color: var(--q2-accent); margin-right: .25rem; }
.gallery-text { max-width: 70ch; margin-bottom: 2rem; }

.ig-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: .75rem;
  margin: 1.5rem 0 2.5rem;
}
@media (max-width: 520px) {
  .ig-gallery { grid-template-columns: repeat(2, 1fr); gap: .4rem; }
}
.ig-gallery__item {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: var(--q2-radius, 8px);
  background: var(--q2-bg-muted);
  aspect-ratio: 4 / 3;
  box-shadow: var(--q2-shadow-card);
}
.ig-gallery__item img {
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .35s ease, filter .35s ease;
}
.ig-gallery__item:hover img,
.ig-gallery__item:focus-visible img { transform: scale(1.05); filter: brightness(1.05); }
.ig-gallery__item:focus-visible { outline: 3px solid var(--q2-accent); outline-offset: 2px; }
.ig-gallery__caption {
  position: absolute; inset: auto 0 0 0;
  padding: 1.5rem .75rem .5rem;
  color: #fff; font-size: .85rem;
  background: linear-gradient(transparent, rgba(0,0,0,.7));
}
.gallery-back { margin-top: 1rem; }

/* PhotoSwipe Bildunterschrift & Zähler */
.pswp__custom-caption {
  position: absolute; left: 50%; bottom: 16px; transform: translateX(-50%);
  max-width: min(90vw, 800px);
  background: rgba(0,0,0,.6); color: #fff;
  padding: .4rem .9rem; border-radius: 6px; font-size: .95rem; text-align: center;
}
.pswp__custom-caption:empty { display: none; }
.pswp { --pswp-bg: #0b0c0e; }

/* Übersicht: Bildanzahl-Badge */
.ig-card-image { position: relative; display: block; }
.ig-count {
  position: absolute; right: .6rem; bottom: .6rem;
  background: rgba(0,0,0,.65); color: #fff;
  padding: .2rem .55rem; border-radius: 999px; font-size: .8rem;
}