/* Lichte front-end: geen JavaScript, geen frameworks. Alleen actief op geselecteerde pagina's. */
.wbpb-layout{--wbpb-column-gap:24px;--wbpb-row-gap:30px;display:grid;gap:var(--wbpb-row-gap);width:100%;max-width:100%;box-sizing:border-box}
.wbpb-layout *{box-sizing:border-box}
.wbpb-layout .wbpb-row{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--wbpb-column-gap);align-items:start;min-width:0}
.wbpb-layout .wbpb-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.wbpb-layout .wbpb-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.wbpb-layout .wbpb-column{min-width:0;display:flex;flex-direction:column;gap:14px}
.wbpb-layout .wbpb-column>*{margin-top:0;margin-bottom:0}
.wbpb-layout .wbpb-image{max-width:100%;margin:0;align-self:flex-start}
.wbpb-layout .wbpb-image img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.wbpb-layout .wbpb-image figcaption{font-size:.9em;color:#6e7784;margin-top:8px}
.wbpb-layout .wbpb-heading{line-height:1.3;margin:0}
.wbpb-layout .wbpb-text>:first-child{margin-top:0}
.wbpb-layout .wbpb-text>:last-child{margin-bottom:0}
.wbpb-layout .wbpb-button{background:#1976bc;color:#fff;padding:11px 18px;border-radius:4px;display:inline-block;text-decoration:none;font-weight:600}
.wbpb-layout .wbpb-button:hover,.wbpb-layout .wbpb-button:focus{background:#064f86;color:#fff;text-decoration:none}
.wbpb-layout .wbpb-text img{max-width:100%;height:auto}
@media(max-width:700px){.wbpb-layout .wbpb-cols-2,.wbpb-layout .wbpb-cols-3{grid-template-columns:minmax(0,1fr)}.wbpb-layout{--wbpb-row-gap:24px}.wbpb-layout .wbpb-column{width:100%}}

.wbpb-layout .wbpb-row.wbpb-ratio-equal{grid-template-columns:repeat(2,minmax(0,1fr))}
.wbpb-layout .wbpb-row.wbpb-ratio-narrow-wide{grid-template-columns:minmax(0,.78fr) minmax(0,1.42fr)}
.wbpb-layout .wbpb-row.wbpb-ratio-wide-narrow{grid-template-columns:minmax(0,1.42fr) minmax(0,.78fr)}
.wbpb-layout .wbpb-photo-card{text-align:center;width:100%}
.wbpb-layout .wbpb-photo-card-title{font-size:clamp(20px,2vw,26px);line-height:1.35;color:#2b78c3;margin:0 0 12px;font-weight:400}
.wbpb-layout .wbpb-photo-card-image{margin:0 auto}
.wbpb-layout .wbpb-photo-card-label{margin-top:10px;font-size:clamp(18px,1.8vw,22px);line-height:1.35;color:#2b78c3}
.wbpb-layout .wbpb-photo-card-label a{color:inherit;text-decoration:underline}
.wbpb-layout .wbpb-photo-card-label a:hover,.wbpb-layout .wbpb-photo-card-label a:focus{text-decoration:none}
@media(max-width:700px){.wbpb-layout .wbpb-row.wbpb-ratio-equal,.wbpb-layout .wbpb-row.wbpb-ratio-narrow-wide,.wbpb-layout .wbpb-row.wbpb-ratio-wide-narrow{grid-template-columns:minmax(0,1fr)}}

/* Klik op afbeelding/tekst opent de shortcode in een toegankelijk venster. */
.wbpb-layout .wbpb-shortcode-trigger{cursor:pointer;background:none;border:0;padding:0;margin:0;color:inherit;font:inherit;line-height:inherit;display:inline-block;max-width:100%;vertical-align:middle}
.wbpb-layout .wbpb-shortcode-trigger img{display:block;max-width:100%}
.wbpb-layout .wbpb-button.wbpb-shortcode-trigger{background:#1976bc;color:#fff;padding:11px 18px;border-radius:4px;font-weight:600}
.wbpb-layout .wbpb-shortcode-trigger:focus-visible{outline:3px solid #2876c8;outline-offset:3px}
.wbpb-modal-overlay[hidden]{display:none!important}
.wbpb-modal-overlay{position:fixed!important;inset:0!important;z-index:999999!important;display:flex;align-items:center;justify-content:center;background:rgba(2,24,40,.65);padding:20px;box-sizing:border-box}
.wbpb-modal-window{display:flex;flex-direction:column;max-width:920px;width:100%;max-height:90vh;max-height:90dvh;background:#fff;color:#203747;border-radius:8px;box-shadow:0 15px 60px rgba(0,0,0,.25);overflow:hidden}
.wbpb-modal-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid #dbe4ea}
.wbpb-modal-close{appearance:none;background:transparent;border:0;color:#1c4059;font-size:32px;cursor:pointer;line-height:1;padding:0 4px}
.wbpb-modal-body{padding:20px;min-height:0;overflow:auto;overscroll-behavior:contain}
.wbpb-modal-active{overflow:hidden}
@media(max-width:700px){.wbpb-modal-overlay{padding:9px}.wbpb-modal-body{padding:13px}}

/* Privévoorbeeld: zichtbare waarschuwing en dezelfde opmaak als de gepubliceerde site. */
.wbpb-preview-notice{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;background:#e9f4ff;border:1px solid #8db6da;border-left:5px solid #2271b1;color:#123b57;padding:12px 16px;margin-bottom:24px;font-size:14px}
.wbpb-preview-notice strong{font-weight:700}
.wbpb-preview-notice span{flex:1 1 330px}
.wbpb-preview-notice a{white-space:nowrap;text-decoration:underline}
.wbpb-preview-default{display:grid;grid-template-columns:minmax(0,3fr) minmax(210px,1fr);gap:32px}
.wbpb-preview-default .content-main{min-width:0}
@media(max-width:800px){.wbpb-preview-default{grid-template-columns:minmax(0,1fr)}}

.wbpb-layout .wbpb-row.wbpb-equal-height{align-items:start}
.wbpb-layout .wbpb-row.wbpb-equal-height .wbpb-column{min-width:0}
.wbpb-layout .wbpb-row.wbpb-equal-height .wbpb-photo-card{display:flex;flex-direction:column;width:100%}
.wbpb-layout .wbpb-row.wbpb-equal-height .wbpb-photo-card-image,
.wbpb-layout .wbpb-row.wbpb-equal-height .wbpb-image{width:100%!important;max-width:none!important;height:var(--wbpb-equal-height,320px);overflow:hidden;position:relative;align-self:stretch;margin-left:auto;margin-right:auto}
.wbpb-layout .wbpb-row.wbpb-equal-height .wbpb-photo-card-image > a,
.wbpb-layout .wbpb-row.wbpb-equal-height .wbpb-image > a,
.wbpb-layout .wbpb-row.wbpb-equal-height .wbpb-photo-card-image > button,
.wbpb-layout .wbpb-row.wbpb-equal-height .wbpb-image > button{display:block;width:100%;height:100%}
.wbpb-layout .wbpb-row.wbpb-equal-height .wbpb-photo-card-image img,
.wbpb-layout .wbpb-row.wbpb-equal-height .wbpb-image img{display:block;width:100%;height:100%;max-width:none;object-position:center center}
.wbpb-layout .wbpb-row.wbpb-equal-height.wbpb-crop-cover .wbpb-photo-card-image img,
.wbpb-layout .wbpb-row.wbpb-equal-height.wbpb-crop-cover .wbpb-image img{object-fit:cover}
.wbpb-layout .wbpb-row.wbpb-equal-height.wbpb-crop-contain .wbpb-photo-card-image img,
.wbpb-layout .wbpb-row.wbpb-equal-height.wbpb-crop-contain .wbpb-image img{object-fit:contain;background:#fff}

/* De titel boven een fotoblok is eveneens klikbaar, net als bij het origineel. */
.wbpb-layout .wbpb-photo-card-title a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.wbpb-layout .wbpb-photo-card-title a:hover,.wbpb-layout .wbpb-photo-card-title a:focus-visible{text-decoration:none}

/* Een losse afbeelding in een rij met 1 kolom: zelf instelbare hoogte; optionele uitsnede. */
.wbpb-layout .wbpb-cols-1 .wbpb-image.wbpb-fixed-image-height > a,
.wbpb-layout .wbpb-cols-1 .wbpb-image.wbpb-fixed-image-height > button{display:block;width:100%}
.wbpb-layout .wbpb-cols-1 .wbpb-image.wbpb-fixed-image-height img{
  display:block;width:100%;max-width:100%;height:var(--wbpb-block-image-height,320px);
  object-fit:var(--wbpb-block-image-fit,cover);object-position:center center
}

/* 1-kolomsrij: dezelfde vaste beeldhoogte en uitsnede als bij twee kolommen.
   De onderschriften blijven buiten de uitsnede zichtbaar; zonder vinkje blijft alles origineel. */
.wbpb-layout .wbpb-row.wbpb-single-height .wbpb-image{width:100%!important;max-width:100%!important}
.wbpb-layout .wbpb-row.wbpb-single-height .wbpb-image > a,
.wbpb-layout .wbpb-row.wbpb-single-height .wbpb-image > button{display:block;width:100%;height:var(--wbpb-equal-height,320px);overflow:hidden}
.wbpb-layout .wbpb-row.wbpb-single-height .wbpb-image img{
  display:block;width:100%;max-width:none!important;height:var(--wbpb-equal-height,320px)!important;
  object-fit:cover!important;object-position:center center;
}
.wbpb-layout .wbpb-row.wbpb-single-height.wbpb-crop-contain .wbpb-image img{object-fit:contain!important;background:#fff}
.wbpb-layout .wbpb-row.wbpb-single-height .wbpb-photo-card-image{height:var(--wbpb-equal-height,320px);overflow:hidden}