/* =========================================================
   WES Bildraster - Kachelraster fuer JoomGallery
   Spaltenzahl und Seitenverhaeltnis kommen als CSS-Variablen
   aus den Moduleinstellungen.
   ========================================================= */

.wes-bildraster .gaeste-grid{
  display:grid;
  grid-template-columns:repeat(var(--wes-spalten,3),1fr);
  gap:8px;
}

.wes-bildraster .gaeste-thumb{
  display:block;position:relative;overflow:hidden;
  border:2px solid var(--rahmen,#573f4a);
  aspect-ratio:var(--wes-verhaeltnis,4/3);
}

.wes-bildraster .gaeste-thumb img{
  display:block;width:100%;height:100%;
  object-fit:cover;transition:transform .3s;
}

.wes-bildraster .gaeste-thumb:hover img,
.wes-bildraster .gaeste-thumb:focus-visible img{transform:scale(1.08)}

.wes-bildraster .gaeste-thumb:focus-visible{outline:3px solid var(--orange,#f59c17);outline-offset:2px}

.wes-bildraster .badge{
  position:absolute;top:0;left:0;
  background:var(--gruen,#99cc33);color:var(--schwarz,#000);
  font-size:.7em;font-weight:bold;text-transform:uppercase;
  padding:2px 6px;
}

.wes-bildraster .zu-galerie{
  display:inline-block;margin-top:10px;
  color:var(--schwarz,#000);text-transform:uppercase;font-size:1em;
}

@media (prefers-reduced-motion:reduce){
  .wes-bildraster .gaeste-thumb img{transition:none}
  .wes-bildraster .gaeste-thumb:hover img,
  .wes-bildraster .gaeste-thumb:focus-visible img{transform:none}
}

@media (max-width:480px){
  .wes-bildraster .gaeste-grid{grid-template-columns:repeat(2,1fr)}
}