.refsy-gallery {
  display: grid;
  gap: var(--refsy-gap, 16px);
  grid-template-columns: repeat(var(--refsy-cols-mobile, 1), 1fr);
  margin: 20px 0;
}

@media (min-width: 600px) {
  .refsy-gallery {
    grid-template-columns: repeat(var(--refsy-cols-tablet, 2), 1fr);
  }
}

@media (min-width: 1024px) {
  .refsy-gallery {
    grid-template-columns: repeat(var(--refsy-cols-desktop, 3), 1fr);
  }
}

.refsy-gallery-item img {
  width: 100%;
  border-radius: 6px;
  object-fit: cover;
}

/* Format: Quadrat */
.refsy-gallery.layout-square img {
  aspect-ratio: 1 / 1;
}

/* Format: 16:9 */
.refsy-gallery.layout-wide img {
  aspect-ratio: 16 / 9;
}

.glightbox-container {
  z-index: 99999 !important;
}

body.glightbox-open {
  overflow: hidden;
}

/* Masonry-Layout */

.refsy-gallery.layout-masonry {
  display: flex;
  flex-wrap: wrap;
  gap: var(--refsy-gap, 16px);
}

.refsy-gallery.layout-masonry .refsy-gallery-item {
  margin-bottom: var(--refsy-gap, 16px);
}

@media (max-width: 599px) {
  .refsy-gallery.layout-masonry .refsy-gallery-item {
    width: calc(100% / var(--refsy-cols-mobile, 1) - var(--refsy-gap, 16px));
  }
}

@media (min-width: 600px) and (max-width: 1023px) {
  .refsy-gallery.layout-masonry .refsy-gallery-item {
    width: calc(100% / var(--refsy-cols-tablet, 2) - var(--refsy-gap, 16px));
  }
}

@media (min-width: 1024px) {
  .refsy-gallery.layout-masonry .refsy-gallery-item {
    width: calc(100% / var(--refsy-cols-desktop, 3) - var(--refsy-gap, 16px));
  }
}

.refsy-gallery.layout-masonry img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
  object-fit: cover;
}

.refsy-notice {
  padding: 16px;
  border-radius: 6px;
  font-size: 15px;
  line-height: 1.5;
  margin: 30px 0;
  width: 100%;
}

.refsy-notice.error {
  background: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}

/* GLightbox Titelstyling */
.glightbox-clean .gdesc-inner {
  color: #000000;
  padding: 5px 5px!important;
  font-size: 16px!important;
  line-height: 20px!important;
  max-width: 100%;
  height: auto;
  margin: 0px!important;
  text-align: center;
}
.glightbox-clean .gslide-title {
  font-size: 16px!important;
  font-weight: 400;
  color: #000;
  margin-bottom: 0px!important;
  line-height: 22px!important;
}