/* Kunstzicht Effect 3 — Gallery Float
 * Gebruik: kz-effect-3
 * Varianten: kz-light | kz-reverse
 * Eerste WPBakery column = tekst, tweede = foto.
 */

.kz-effect-3{position:relative!important;min-height:700px!important;padding:100px 5vw!important;overflow:hidden!important;background:#10110f!important;border-top:1px solid rgba(177,137,88,.28)!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
.kz-effect-3>.section_inner,.kz-effect-3>.full_section_inner{position:relative!important;width:min(1400px,92vw)!important;max-width:92vw!important;margin:0 auto!important;box-sizing:border-box!important}
.kz-effect-3 .section_inner>.section_inner_margin,.kz-effect-3 .full_section_inner{display:flex!important;align-items:center!important;gap:clamp(34px,5vw,86px)!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
.kz-effect-3 .wpb_column{position:relative!important;box-sizing:border-box!important;float:none!important;min-width:0!important}

/* FOTO — groot kunstwerk */
.kz-effect-3 .wpb_column:last-child{flex:0 1 56%!important;width:56%!important;max-width:56%!important;z-index:2!important}
.kz-effect-3 .wpb_column:last-child>.vc_column-inner{padding:0!important}
.kz-effect-3 .wpb_column:last-child .wpb_single_image{margin:0!important;text-align:center!important}
.kz-effect-3 .wpb_column:last-child .vc_single_image-wrapper{display:inline-block!important;position:relative!important;width:auto!important;max-width:100%!important;overflow:visible!important;vertical-align:top!important}
.kz-effect-3 .wpb_column:last-child img{display:block!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:690px!important;min-height:0!important;object-fit:contain!important;margin:0 auto!important;border:0!important;box-shadow:0 38px 90px rgba(0,0,0,.55)!important;filter:contrast(1.06) saturate(.92)!important;transition:transform .6s ease,filter .6s ease!important}
.kz-effect-3 .wpb_column:last-child:hover img{transform:translateY(-6px)!important;filter:contrast(1.08) saturate(1)!important}
.kz-effect-3 .wpb_column:last-child .vc_single_image-wrapper:before{content:""!important;position:absolute!important;z-index:-1!important;left:-20px!important;top:24px!important;right:20px!important;bottom:-20px!important;border-left:1px solid rgba(177,137,88,.75)!important;border-bottom:1px solid rgba(177,137,88,.48)!important;pointer-events:none!important}
.kz-effect-3 .wpb_column:last-child .vc_single_image-wrapper:after{content:""!important;position:absolute!important;z-index:4!important;right:-18px!important;top:-18px!important;width:82px!important;height:82px!important;border-top:2px solid #b18958!important;border-right:2px solid #18b870!important;pointer-events:none!important}

/* TEKST — geen grote box, zwevend museumlabel */
.kz-effect-3 .wpb_column:first-child{flex:0 1 44%!important;width:44%!important;max-width:44%!important;z-index:4!important}
.kz-effect-3 .wpb_column:first-child>.vc_column-inner{position:relative!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important;padding:38px 8px 38px 34px!important;background:transparent!important;border:0!important;border-left:1px solid rgba(177,137,88,.66)!important;box-shadow:none!important}
.kz-effect-3 .wpb_column:first-child>.vc_column-inner:before{content:"03"!important;position:absolute!important;top:-30px!important;left:34px!important;font-size:12px!important;line-height:1!important;letter-spacing:.34em!important;color:#b18958!important;opacity:.82!important;pointer-events:none!important}
.kz-effect-3 .wpb_column:first-child>.vc_column-inner:after{content:""!important;position:absolute!important;left:-1px!important;top:0!important;width:76px!important;height:1px!important;background:#b18958!important;border-right:28px solid #18b870!important;pointer-events:none!important}
.kz-effect-3 .wpb_column:first-child h2{margin:0 0 22px!important;font-size:clamp(40px,4.2vw,68px)!important;line-height:1.04!important;letter-spacing:-.03em!important;text-transform:none!important;color:#f5efe8!important;text-shadow:0 18px 42px rgba(0,0,0,.28)!important;max-width:100%!important;overflow-wrap:break-word!important}
.kz-effect-3 .wpb_column:first-child h2:after{content:""!important;display:block!important;width:84px!important;height:2px!important;margin-top:23px!important;background:#b18958!important;border-right:24px solid #18b870!important}
.kz-effect-3 .wpb_column:first-child p,.kz-effect-3 .wpb_column:first-child .wpb_text_column,.kz-effect-3 .wpb_column:first-child .kz908-body{font-size:18px!important;line-height:1.92!important;color:#e8e1d8!important;max-width:100%!important;overflow-wrap:break-word!important}
.kz-effect-3 .wpb_column:first-child .vc_separator{opacity:.25!important;margin:12px 0 26px!important}

/* LIGHT */
.kz-effect-3.kz-light{background:#eee8de!important;border-bottom-color:rgba(177,137,88,.20)!important}
.kz-effect-3.kz-light .wpb_column:first-child>.vc_column-inner{border-left-color:rgba(177,137,88,.72)!important}
.kz-effect-3.kz-light .wpb_column:first-child h2{color:#352a21!important;text-shadow:0 14px 34px rgba(75,55,35,.10)!important}
.kz-effect-3.kz-light .wpb_column:first-child p,.kz-effect-3.kz-light .wpb_column:first-child .wpb_text_column,.kz-effect-3.kz-light .wpb_column:first-child .kz908-body{color:#302820!important}
.kz-effect-3.kz-light .wpb_column:last-child img{box-shadow:0 34px 78px rgba(61,46,30,.22)!important}

/* REVERSE */
.kz-effect-3.kz-reverse .wpb_column:first-child{order:2!important}
.kz-effect-3.kz-reverse .wpb_column:last-child{order:1!important}
.kz-effect-3.kz-reverse .wpb_column:first-child>.vc_column-inner{padding:38px 34px 38px 8px!important;border-left:0!important;border-right:1px solid rgba(177,137,88,.66)!important}
.kz-effect-3.kz-reverse .wpb_column:first-child>.vc_column-inner:before{left:auto!important;right:34px!important}
.kz-effect-3.kz-reverse .wpb_column:first-child>.vc_column-inner:after{left:auto!important;right:-1px!important;border-right:0!important;border-left:28px solid #18b870!important}
.kz-effect-3.kz-reverse .wpb_column:last-child .vc_single_image-wrapper:before{left:20px!important;right:-20px!important;border-left:0!important;border-right:1px solid rgba(177,137,88,.75)!important}
.kz-effect-3.kz-reverse .wpb_column:last-child .vc_single_image-wrapper:after{right:auto!important;left:-18px!important;border-right:0!important;border-left:2px solid #18b870!important}
.kz-effect-3.kz-light.kz-reverse .wpb_column:first-child>.vc_column-inner{border-right-color:rgba(177,137,88,.72)!important}

/* MOBIEL — bewust simpel en breed */
@media(max-width:900px){
.kz-effect-3,.kz-effect-3.kz-light,.kz-effect-3.kz-reverse,.kz-effect-3.kz-light.kz-reverse{display:block!important;min-height:0!important;padding:46px 14px 54px!important}
.kz-effect-3>.section_inner,.kz-effect-3>.full_section_inner{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
.kz-effect-3 .section_inner>.section_inner_margin,.kz-effect-3>.full_section_inner{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
.kz-effect-3 .section_inner_margin>.wpb_column,.kz-effect-3>.full_section_inner>.wpb_column,.kz-effect-3.kz-reverse .section_inner_margin>.wpb_column,.kz-effect-3.kz-reverse>.full_section_inner>.wpb_column{box-sizing:border-box!important;display:block!important;float:none!important;clear:both!important;flex:none!important;width:100%!important;max-width:100%!important;min-width:100%!important;margin:0!important;padding:0!important;left:0!important;right:auto!important;transform:none!important}
.kz-effect-3 .wpb_column:first-child,.kz-effect-3.kz-reverse .wpb_column:first-child{order:initial!important;margin-bottom:30px!important}
.kz-effect-3 .wpb_column:last-child,.kz-effect-3.kz-reverse .wpb_column:last-child{order:initial!important}
.kz-effect-3 .wpb_column:first-child>.vc_column-inner,.kz-effect-3.kz-reverse .wpb_column:first-child>.vc_column-inner{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:100%!important;margin:0!important;padding:30px 18px 28px 24px!important;border:0!important;border-left:1px solid rgba(177,137,88,.68)!important}
.kz-effect-3 .wpb_column:first-child>.vc_column-inner:before,.kz-effect-3.kz-reverse .wpb_column:first-child>.vc_column-inner:before{top:-16px!important;left:24px!important;right:auto!important}
.kz-effect-3 .wpb_column:first-child>.vc_column-inner:after,.kz-effect-3.kz-reverse .wpb_column:first-child>.vc_column-inner:after{left:-1px!important;right:auto!important;width:56px!important;border-left:0!important;border-right:20px solid #18b870!important}
.kz-effect-3 .wpb_column:first-child .wpb_wrapper,.kz-effect-3 .wpb_column:first-child .wpb_text_column,.kz-effect-3 .wpb_column:first-child .wpb_text_column .wpb_wrapper,.kz-effect-3 .wpb_column:first-child .kz908-body{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;text-align:left!important}
.kz-effect-3 .wpb_column:first-child h2{width:100%!important;max-width:100%!important;margin:0 0 18px!important;font-size:clamp(30px,8vw,42px)!important;line-height:1.08!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}
.kz-effect-3 .wpb_column:first-child p,.kz-effect-3 .wpb_column:first-child .wpb_text_column,.kz-effect-3 .wpb_column:first-child .kz908-body{font-size:16px!important;line-height:1.72!important;word-break:normal!important;overflow-wrap:normal!important}
.kz-effect-3 .wpb_column:last-child>.vc_column-inner{width:100%!important;padding:0!important;margin:0!important}
.kz-effect-3 .wpb_column:last-child .wpb_single_image{width:100%!important;margin:0!important;text-align:center!important}
.kz-effect-3 .wpb_column:last-child .vc_single_image-wrapper{display:inline-block!important;width:auto!important;max-width:100%!important}
.kz-effect-3 .wpb_column:last-child img{display:block!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:68vh!important;min-height:0!important;object-fit:contain!important;margin:0 auto!important}
.kz-effect-3 .wpb_column:last-child .vc_single_image-wrapper:before{left:8px!important;top:10px!important;right:-8px!important;bottom:-10px!important}
.kz-effect-3 .wpb_column:last-child .vc_single_image-wrapper:after,.kz-effect-3.kz-reverse .wpb_column:last-child .vc_single_image-wrapper:after{right:-4px!important;left:auto!important;top:-4px!important;width:44px!important;height:44px!important;border-left:0!important;border-right:2px solid #18b870!important}
}
@media(max-width:480px){
.kz-effect-3,.kz-effect-3.kz-light,.kz-effect-3.kz-reverse,.kz-effect-3.kz-light.kz-reverse{padding:36px 8px 44px!important}
.kz-effect-3 .wpb_column:first-child>.vc_column-inner,.kz-effect-3.kz-reverse .wpb_column:first-child>.vc_column-inner{padding:27px 16px 25px 20px!important}
.kz-effect-3 .wpb_column:first-child h2{font-size:clamp(27px,7.8vw,36px)!important}
.kz-effect-3 .wpb_column:first-child p,.kz-effect-3 .wpb_column:first-child .wpb_text_column,.kz-effect-3 .wpb_column:first-child .kz908-body{font-size:15.5px!important;line-height:1.68!important}
.kz-effect-3 .wpb_column:last-child img{max-height:62vh!important}
}