/*
##########################################
LIGHT GALLERY 
##########################################
*/
#lightgallery{
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* ← max 3 pro Zeile */
  gap: 1.5rem;
  width: 100%;
}

#lightgallery a{
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 1 / 1; /* quadratisch */
}

#lightgallery a img {display: block; width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 9; transition: transform 0.4s ease;}
#lightgallery a::before {content: ''; position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(242,142,24, 0.0); background-repeat: no-repeat; background-position: 50% 50%; background-image: none; transition: background-color 0.4s ease;}
#lightgallery a:hover::before {background-color: rgba(0,0,0, 0.8); background-image: url("../img/plus-white.svg");background-size:10% auto;}
#lightgallery a:hover img {transform: scale(1.1);}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover{border-color:var(--font-primary)!important;}


@media (max-width: 1200px){
  #lightgallery{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px){
  #lightgallery{
    grid-template-columns: 1fr;
  }
}