/* figure */
figure > img {
  width: 100%;
}

figure > a > img {
  width: 100%;
}

figure {
  position: relative;
  margin: 0;
  padding: .5em;
  width: 100%;
  border: thin solid gainsboro;
  background: #888787;
}

.fig_kl > figure {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

figcaption_gr {
  padding: .8em;
  text-align: center;
  color: #f7de1a;
  font-size: 1.5rem;
}

figcaption {
  padding: .8em;
  text-align: center;
  color: #f7de1a;
}

#gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
  gap: 2rem;
}

.galleryabstand {
  margin-bottom: 80px;
}

#gallery > figcaption,
#gallery30 > figcaption,
#gallery20 > figcaption,
#bwp30 > figcaption,
#gallery > figcaption_gr,
#gallery30 > figcaption_gr,
#gallery20 > figcaption_gr,
#bwp30 > figcaption_gr,
.fotos50 > figcaption,
.fotos50 > figcaption_gr,
.fotos30 > figcaption,
.fotos30 > figcaption_gr {
  grid-column: 1 / -1;
}

#gallery30  {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
  gap: 2rem;
}

.fotos50  {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
  gap: 2rem;
}

.fotos30  {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
  gap: 2rem;
}

#gallery20  {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
  gap: 2rem;
}

@media (max-width: 1266px) {
  #gallery {
    grid-template-columns: repeat(auto-fill, minmax(60%, 1fr));
    gap: 1rem;
  }

}

 @media (max-width: 820px) {
   #gallery,
   #gallery30 {
     grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
   }
 }

 @media (max-width: 530px) {
   #gallery,
   #gallery30 {
     grid-template-columns: repeat(auto-fill, minmax(60%, 1fr));
   }
 }

 .foto100 {
   width: 100%;
   height: auto;
 }

 #bwp30  {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
   gap: 2rem;
 }

 .foto50 {
   width: 50%;
   height: auto;
 }

 .foto30 {
   width: 30%;
   height: auto;
 }

 #galleryStd2019 {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
   gap: 2rem;
 }