/* --- VAH Debug-Reset nur im Wrapper .ngg-fluid-fix --- */

/* 1. Alle “hochgezogenen” Container wieder freigeben */
.ngg-fluid-fix .nextgen_pro_grid_album *[style*="height"],
.ngg-fluid-fix .nextgen_pro_grid_album *[style*="min-height"],
.ngg-fluid-fix .nextgen_pro_grid_album *[style*="max-height"],
.ngg-fluid-fix .nextgen_pro_grid_album *[style*="padding-bottom"],
.ngg-fluid-fix .nextgen_pro_grid_album *[style*="margin-bottom"] {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* 2. Thumbnail-Container “ent-masonryn” – ohne Passepartout-Kasten zu killen */
.ngg-fluid-fix .nextgen_pro_grid_album .ngg-pro-album__gallery-image-wrap {
    position: static !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;      /* HIER darf padding 0 bleiben */
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

/* Thumbnail-Kacheln selbst – KEIN padding-Reset mehr! */
.ngg-fluid-fix .nextgen_pro_grid_album figure,
.ngg-fluid-fix .nextgen_pro_grid_album .ngg-gallery-thumbnail-box,
.ngg-fluid-fix .nextgen_pro_grid_album .ngg-pro-album__thumbnail,
.ngg-fluid-fix .nextgen_pro_grid_album .ngg-pro-album__gallery-thumbnail {
    position: static !important;
    display: block !important;
    margin: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    /* kein padding hier – das steuern wir über --thumb-pad */
}


/* 3. Bild steuert die Höhe – keine Tricks */
.ngg-fluid-fix .nextgen_pro_grid_album img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    margin: 0 !important;
}

/* 4. Titel-Abstand direkt definieren */
.ngg-fluid-fix .nextgen_pro_grid_album .caption_link,
.ngg-fluid-fix .nextgen_pro_grid_album .ngg-pro-album__gallery-title,
.ngg-fluid-fix .nextgen_pro_grid_album .ngg-album-gallery-title {
    margin-top: 0.4rem !important;   /* Abstand Bild → Titel */
    margin-bottom: 0 !important;
}

/* 5. Kein zusätzlicher Außenabstand der Grid-Items */
.ngg-fluid-fix .nextgen_pro_grid_album > * {
    margin: 0 !important;
}

/* Thumbnail-Rahmen wirklich rund machen */
.ngg-fluid-fix .nextgen_pro_grid_album .ngg-gallery-thumbnail-box img,
.ngg-fluid-fix .nextgen_pro_grid_album .ngg-pro-album__gallery-image-wrap img {
    border-radius: inherit !important;
    display: block !important;
}

/* Titel-Box deutlich sichtbar machen */
.ngg-fluid-fix .nextgen_pro_grid_album
  :is(.caption_link,
      .ngg-pro-album__gallery-title,
      .ngg-album-gallery-title) {
    display: block !important;
    margin-top: var(--title-gap, 4px) !important;
    padding: var(--title-pad, 8px 10px) !important;
    background: var(--title-bg, transparent) !important;
    border-radius: var(--title-radius, 0) !important;
    box-shadow: 0 0 0 var(--title-border-size, 0)
                var(--title-border-color, transparent)
                inset !important;
}

/* Link selbst transparent lassen, damit nur die Box gefärbt ist */
.ngg-fluid-fix .nextgen_pro_grid_album
  :is(.caption_link,
      .ngg-pro-album__gallery-title,
      .ngg-album-gallery-title) a {
    background: transparent !important;
    padding: 0 !important;
}







/* === Passepartout & Rahmen auf den Thumbnail-Container legen === */
.ngg-fluid-fix .nextgen_pro_grid_album
  :is(
    .ngg-gallery-thumbnail-box,
    .ngg-pro-album__gallery-image-wrap,
    .ngg-pro-album__gallery-thumbnail,
    figure
  ) {
    box-sizing: border-box !important;
    padding: var(--thumb-pad, 0) !important;            /* Abstand = Rahmenbreite */
    background: var(--thumb-bg, transparent) !important;
    border-radius: var(--thumb-radius, 0) !important;
    border: var(--thumb-border-size, 0) solid
            var(--thumb-border-color, transparent) !important;
    margin: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}

/* === Box-Shadow vom Bild entfernen (übersteuert Inline-CSS) === */
.ngg-fluid-fix .nextgen_pro_grid_album
  :is(
    .ngg-gallery-thumbnail-box img,
    .ngg-pro-album__gallery-image-wrap img,
    .ngg-pro-album__gallery-thumbnail img,
    figure img
  ) {
    box-shadow: none !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: inherit !important;
}