/* Galerie: Spalten mit Vorschaubildern, Großansicht über baguetteBox */
body { background-color: var(--dunkel); text-align: center; overflow-x: hidden; }

.tz-gallery { padding: 3vh 15vh 0; margin-bottom: 3vh; }
.tz-gallery .row { flex-wrap: nowrap; }
.column { margin: 1vh; flex: 1; }
.column > div { margin-top: 2vh; }
.lightbox > img { width: 100%; vertical-align: middle; }
.lightbox img:hover { transform: scale(1.05); transition: 0.4s; box-shadow: 0 15px 30px #000; }

figcaption {
  font-family: "Lithos Pro Regular", var(--schrift) !important;
  font-size: 28px;
  margin-bottom: 4vh;
  background-color: rgba(0, 0, 0, 0.7) !important;
}

@media (max-width: 800px) {
  .tz-gallery { padding: 2vh 2vw 0; }
  .tz-gallery .row { flex-wrap: wrap; }
  .column { flex: 0 0 calc(50% - 2vh); max-width: calc(50% - 2vh); }
}
@media (max-width: 600px) {
  .tz-gallery { padding: 1vh 1.5vw 0; }
  .column { flex: 0 0 calc(50% - 6px); max-width: calc(50% - 6px); margin: 3px; }
  .column > div { margin-top: 6px; }
  .lightbox img:hover { transform: none; box-shadow: none; }
  figcaption { font-size: 18px; }
}