.elementor-10342 .elementor-element.elementor-element-28c3e6b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:3rem 3rem;--row-gap:3rem;--column-gap:3rem;--flex-wrap:wrap;--margin-top:0rem;--margin-bottom:9rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-10342 .elementor-element.elementor-element-1be38c1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;--z-index:0;}.elementor-10342 .elementor-element.elementor-element-1be38c1.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-10342 .elementor-element.elementor-element-5d0cd37 > .elementor-widget-container{margin:0px 0px -10px 0px;}.elementor-10342 .elementor-element.elementor-element-5d0cd37 .elementor-heading-title{font-family:var( --e-global-typography-fafc75b-font-family ), Sans-serif;font-size:var( --e-global-typography-fafc75b-font-size );line-height:var( --e-global-typography-fafc75b-line-height );color:var( --e-global-color-astglobalcolor0 );}.elementor-10342 .elementor-element.elementor-element-fb38906 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-10342 .elementor-element.elementor-element-fb38906 .elementor-heading-title{font-size:var( --e-global-typography-cc9b645-font-size );line-height:var( --e-global-typography-cc9b645-line-height );}.elementor-10342 .elementor-element.elementor-element-da36fb1 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-10342 .elementor-element.elementor-element-d9d7e8c > .elementor-widget-container{margin:0px 0px 15px 0px;}.elementor-10342 .elementor-element.elementor-element-94cb714{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:1rem 1rem;--row-gap:1rem;--column-gap:1rem;}.elementor-10342 .elementor-element.elementor-element-94cb714.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-10342 .elementor-element.elementor-element-723b344 .jet-listing-dynamic-field .jet-engine-gallery-grid{--columns:3;}.elementor-10342 .elementor-element.elementor-element-723b344{width:100%;max-width:100%;}.elementor-10342 .elementor-element.elementor-element-723b344 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0rem 0rem 0rem 0rem;}.elementor-10342 .elementor-element.elementor-element-723b344 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:100%;}.elementor-10342 .elementor-element.elementor-element-723b344 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:100%;}.elementor-10342 .elementor-element.elementor-element-723b344 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-10342 .elementor-element.elementor-element-723b344 .jet-listing-dynamic-field__content{text-align:left;}.elementor-10342 .elementor-element.elementor-element-723b344 .jet-listing-dynamic-field .jet-engine-gallery-item-wrap:hover:after{background:#FFFFFF40;}@media(max-width:1024px){.elementor-10342 .elementor-element.elementor-element-28c3e6b{--margin-top:0rem;--margin-bottom:3rem;--margin-left:0rem;--margin-right:0rem;}.elementor-10342 .elementor-element.elementor-element-5d0cd37 .elementor-heading-title{font-size:var( --e-global-typography-fafc75b-font-size );line-height:var( --e-global-typography-fafc75b-line-height );}.elementor-10342 .elementor-element.elementor-element-fb38906 .elementor-heading-title{font-size:var( --e-global-typography-cc9b645-font-size );line-height:var( --e-global-typography-cc9b645-line-height );}.elementor-10342 .elementor-element.elementor-element-723b344 .jet-listing-dynamic-field .jet-engine-gallery-grid{--columns:2;}}@media(max-width:767px){.elementor-10342 .elementor-element.elementor-element-28c3e6b{--margin-top:0rem;--margin-bottom:3rem;--margin-left:0rem;--margin-right:0rem;}.elementor-10342 .elementor-element.elementor-element-5d0cd37 .elementor-heading-title{font-size:var( --e-global-typography-fafc75b-font-size );line-height:var( --e-global-typography-fafc75b-line-height );}.elementor-10342 .elementor-element.elementor-element-fb38906 .elementor-heading-title{font-size:var( --e-global-typography-cc9b645-font-size );line-height:var( --e-global-typography-cc9b645-line-height );}.elementor-10342 .elementor-element.elementor-element-723b344 .jet-listing-dynamic-field .jet-engine-gallery-grid{--columns:1;}}@media(min-width:768px){.elementor-10342 .elementor-element.elementor-element-28c3e6b{--content-width:1600px;}.elementor-10342 .elementor-element.elementor-element-1be38c1{--width:25%;}.elementor-10342 .elementor-element.elementor-element-94cb714{--width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-10342 .elementor-element.elementor-element-1be38c1{--width:100%;}}/* Start custom CSS for button, class: .elementor-element-d9d7e8c */.elementor-10342 .elementor-element.elementor-element-d9d7e8c .elementor-button-icon {
    order: 2;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-892c511 */.elementor-10342 .elementor-element.elementor-element-892c511 .elementor-button-icon {
    order: 2;
}/* End custom CSS */
/* Start custom CSS for jet-listing-dynamic-field, class: .elementor-element-723b344 *//* 1. Widget en wrappers gebruiken de beschikbare breedte */
.collectie-mozaiek,
.collectie-mozaiek .elementor-widget-container,
.collectie-mozaiek .jet-listing-dynamic-field,
.collectie-mozaiek .jet-listing-dynamic-field__inline-wrap,
.collectie-mozaiek .jet-listing-dynamic-field__content {
  width: 100% !important;
  min-width: 0;
  max-width: none !important;
  box-sizing: border-box;
}

.collectie-mozaiek .jet-listing-dynamic-field__inline-wrap,
.collectie-mozaiek .jet-listing-dynamic-field__content {
  display: block !important;
}

/* 2. Eenvoudig raster met drie kolommen */
.collectie-mozaiek .jet-engine-gallery-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 3. Elk item vult zijn volledige gridkolom */
.collectie-mozaiek .jet-engine-gallery-grid__item {
  position: relative !important;
  inset: auto !important;
  transform: none !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  height: auto !important;
  justify-self: stretch;

  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
  overflow: hidden;
}

/* 4. Klikbaar fotovak bepaalt de beeldverhouding */
.collectie-mozaiek a.jet-engine-gallery-grid__item-wrap {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 5;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}

/* 5. Foto vult het vak; lightbox-icoon blijft apart */
.collectie-mozaiek .jet-engine-gallery-grid__item-wrap
> img.jet-engine-gallery-grid__item-img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center;
}

/* Tablet */
@media (max-width: 1024px) {
  .collectie-mozaiek .jet-engine-gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobiel */
@media (max-width: 767px) {
  .collectie-mozaiek .jet-engine-gallery-grid {
    grid-template-columns: 1fr;
  }
}

/* Desktop: gesloten mozaïek voor deze acht foto's */
@media (min-width: 1025px) {
  .collectie-mozaiek .jet-engine-gallery-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: clamp(100px, 12vw, 220px);
    grid-auto-flow: row;
  }

  .collectie-mozaiek a.jet-engine-gallery-grid__item-wrap {
    height: 100% !important;
    aspect-ratio: auto;
  }

  /* Bovenste blok */
  .collectie-mozaiek .jet-engine-gallery-grid__item:nth-child(1) {
    grid-area: 1 / 1 / 3 / 2;
  }

  .collectie-mozaiek .jet-engine-gallery-grid__item:nth-child(2) {
    grid-area: 1 / 2 / 2 / 3;
  }

  .collectie-mozaiek .jet-engine-gallery-grid__item:nth-child(3) {
    grid-area: 1 / 3 / 3 / 4;
  }

  .collectie-mozaiek .jet-engine-gallery-grid__item:nth-child(4) {
    grid-area: 2 / 2 / 3 / 3;
  }

  /* Onderste blok: twee kleine foto's rechts */
  .collectie-mozaiek .jet-engine-gallery-grid__item:nth-child(5) {
    grid-area: 3 / 1 / 5 / 2;
  }

  .collectie-mozaiek .jet-engine-gallery-grid__item:nth-child(6) {
    grid-area: 3 / 2 / 5 / 3;
  }

  .collectie-mozaiek .jet-engine-gallery-grid__item:nth-child(7) {
    grid-area: 3 / 3 / 4 / 4;
  }

  .collectie-mozaiek .jet-engine-gallery-grid__item:nth-child(8) {
    grid-area: 4 / 3 / 5 / 4;
  }
}

/* Tablet: drie kolommen met compactere foto's */
@media (min-width: 768px) and (max-width: 1024px) {
  .collectie-mozaiek .jet-engine-gallery-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }

  .collectie-mozaiek a.jet-engine-gallery-grid__item-wrap {
    aspect-ratio: 4 / 3;
  }

  /* Bij acht foto's: laatste twee vullen samen de laatste rij */
  .collectie-mozaiek .jet-engine-gallery-grid:has(
    > .jet-engine-gallery-grid__item:nth-child(8):last-child
  ) {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .collectie-mozaiek .jet-engine-gallery-grid:has(
    > .jet-engine-gallery-grid__item:nth-child(8):last-child
  ) > .jet-engine-gallery-grid__item {
    grid-column: span 2;
  }

  .collectie-mozaiek .jet-engine-gallery-grid:has(
    > .jet-engine-gallery-grid__item:nth-child(8):last-child
  ) > .jet-engine-gallery-grid__item:nth-child(n + 7) {
    grid-column: span 3;
  }
}

/* Mobiel: twee kolommen */
@media (max-width: 767px) {
  .collectie-mozaiek .jet-engine-gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .collectie-mozaiek a.jet-engine-gallery-grid__item-wrap {
    aspect-ratio: 4 / 3;
  }
}

/* Dun plusje: gecentreerd en verborgen tot hover */
.collectie-mozaiek .jet-engine-lightbox-icon {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  z-index: 2;

  display: block !important;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  background: transparent !important;
  color: #fff !important;
  font-size: 0 !important;
  text-shadow: none !important;

  opacity: 0 !important;
  visibility: visible !important;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

/* Twee fijne lijntjes */
.collectie-mozaiek .jet-engine-lightbox-icon::before,
.collectie-mozaiek .jet-engine-lightbox-icon::after {
  content: "" !important;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  transform: translate(-50%, -50%);
  background: currentColor;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.collectie-mozaiek .jet-engine-lightbox-icon::before {
  width: 24px;
  height: 0.75px;
}

.collectie-mozaiek .jet-engine-lightbox-icon::after {
  width: 0.75px;
  height: 24px;
}

/* Zichtbaar bij hover */
.collectie-mozaiek .jet-engine-gallery-grid__item-wrap:hover
.jet-engine-lightbox-icon {
  opacity: 0.85 !important;
}/* End custom CSS */