/*
 * Kunstzicht Effect 1
 * Gebruik op een WPBakery Row: kz-effect-1
 * Optioneel: kz-reverse | kz-light
 * Verwacht: 2 columns; een tekst-column en een column met vc_single_image.
 * Volledig zelfstandig: geen page-id selectors.
 */

.kz-effect-1{
  position:relative!important;
  min-height:700px!important;
  padding:100px 5vw 105px!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  background:#0b0c0b!important;
  border-top:1px solid rgba(177,137,88,.35)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
.kz-effect-1>.section_inner,
.kz-effect-1>.full_section_inner{position:relative!important;width:min(1360px,92vw)!important;margin:0 auto!important}
.kz-effect-1 .section_inner>.section_inner_margin,
.kz-effect-1 .full_section_inner{display:flex!important;align-items:center!important}
.kz-effect-1 .wpb_column{position:relative!important;width:50%!important}
.kz-effect-1 .wpb_column:first-child{z-index:4!important;transform:translateX(5%)!important}
.kz-effect-1 .wpb_column:first-child>.vc_column-inner{position:relative!important;z-index:3!important;margin:4%!important;padding:clamp(42px,4.6vw,76px)!important;overflow:hidden!important;background:rgba(20,20,18,.72)!important;border:1px solid rgba(177,137,88,.42)!important;border-top-color:rgba(255,255,255,.62)!important;border-left-color:rgba(255,255,255,.42)!important;border-right-color:rgba(31,190,119,.30)!important;border-bottom-color:rgba(177,137,88,.48)!important;border-radius:2px 15px 2px 15px!important;outline:1px solid rgba(177,137,88,.10)!important;outline-offset:7px!important;box-shadow:0 38px 95px rgba(0,0,0,.72),0 0 34px rgba(177,137,88,.17),0 0 64px rgba(24,184,112,.07),inset 1px 1px 0 rgba(255,255,255,.28),inset -1px -1px 0 rgba(177,137,88,.18)!important;backdrop-filter:blur(28px) saturate(155%) contrast(108%)!important;-webkit-backdrop-filter:blur(28px) saturate(155%) contrast(108%)!important}
.kz-effect-1 .wpb_column:first-child h2{position:relative!important;margin:0 0 18px!important;font-size:clamp(38px,4.2vw,68px)!important;line-height:1.08!important;letter-spacing:-.02em!important;text-transform:none!important;color:#f7f1e8!important;text-shadow:0 2px 0 rgba(0,0,0,.8),0 0 25px rgba(177,137,88,.22)!important}
.kz-effect-1 .wpb_column:first-child h2:after{content:""!important;display:block!important;width:96px!important;height:3px!important;margin-top:22px!important;background:#b18958!important;border-right:28px solid #18b870!important;box-shadow:34px 0 10px rgba(24,184,112,.34)!important}
.kz-effect-1 .wpb_column:first-child p,.kz-effect-1 .wpb_column:first-child .wpb_text_column{font-size:18px!important;line-height:1.95!important;color:#eee7de!important}
.kz-effect-1 .wpb_column:first-child .vc_separator{opacity:.35!important;margin:12px 0 27px!important}
.kz-effect-1 .wpb_column:last-child{z-index:3!important;padding:clamp(20px,3vw,46px)!important;transform:translateX(-3%) rotate(1.5deg)!important}
.kz-effect-1 .wpb_column:last-child>.vc_column-inner{padding:0!important}
.kz-effect-1 .wpb_column:last-child:before{content:""!important;position:absolute!important;inset:-18px 22px 18px -18px!important;border:1px solid rgba(177,137,88,.72)!important;border-top-color:rgba(177,137,88,.82)!important;border-right-color:rgba(31,190,119,.40)!important;border-radius:0 13px 0 13px!important;box-shadow:0 0 28px rgba(177,137,88,.22),0 0 52px rgba(177,137,88,.10),12px 0 34px rgba(24,184,112,.10)!important;pointer-events:none!important}
.kz-effect-1 .wpb_column:last-child:after{content:""!important;position:absolute!important;right:-3%!important;top:-28px!important;width:48%!important;height:3px!important;background:#b18958!important;border-right:80px solid #18b870!important;box-shadow:55px 0 16px rgba(24,184,112,.42)!important;pointer-events:none!important}
.kz-effect-1 .wpb_column:last-child .wpb_single_image{margin-bottom:0!important}
.kz-effect-1 .wpb_column:last-child .vc_single_image-wrapper{display:block!important;position:relative!important;overflow:hidden!important;border-radius:1px 11px 1px 11px!important;box-shadow:0 0 28px rgba(177,137,88,.16),0 0 58px rgba(24,184,112,.065)!important}
.kz-effect-1 .wpb_column:last-child img{display:block!important;width:100%!important;min-height:530px!important;object-fit:cover!important;border:0!important;box-shadow:0 34px 85px rgba(0,0,0,.58)!important;filter:contrast(1.07) saturate(.88)!important;transition:.55s ease!important}
.kz-effect-1 .wpb_column:last-child:hover img{transform:translateY(-8px) scale(1.015)!important;filter:contrast(1.1) saturate(1)!important;box-shadow:0 44px 105px rgba(0,0,0,.72)!important}

/* LICHTE VARIANT */
.kz-effect-1.kz-light{background:#eee7dc!important;border-bottom-color:rgba(177,137,88,.22)!important}
.kz-effect-1.kz-light .wpb_column:first-child>.vc_column-inner{background:rgba(255,255,255,.58)!important;box-shadow:0 38px 85px rgba(47,35,24,.20),0 0 38px rgba(177,137,88,.18),0 0 62px rgba(24,184,112,.065),inset 1px 1px 0 rgba(255,255,255,.95),inset -1px -1px 0 rgba(177,137,88,.12)!important}
.kz-effect-1.kz-light .wpb_column:first-child h2{color:#3a2d22!important;text-shadow:0 2px 0 rgba(255,255,255,.9),0 8px 28px rgba(71,48,27,.16)!important}
.kz-effect-1.kz-light .wpb_column:first-child p,.kz-effect-1.kz-light .wpb_column:first-child .wpb_text_column{color:#29231e!important}
.kz-effect-1.kz-light .wpb_column:last-child .vc_single_image-wrapper{box-shadow:0 0 30px rgba(177,137,88,.18),0 0 55px rgba(24,184,112,.055)!important}

/* REVERSE */
.kz-effect-1.kz-reverse .wpb_column:first-child{order:2!important;transform:translateX(-5%)!important}
.kz-effect-1.kz-reverse .wpb_column:last-child{order:1!important;transform:translateX(3%) rotate(-1.5deg)!important}
.kz-effect-1.kz-reverse .wpb_column:last-child:before{inset:18px -18px -18px 22px!important}

/* GLAS-SCHIJN — DARK: WIT */
.kz-effect-1 .wpb_column:first-child>.vc_column-inner:before{content:""!important;position:absolute!important;z-index:0!important;top:-35px!important;left:-45px!important;right:auto!important;width:72%!important;height:62%!important;pointer-events:none!important;border:0!important;border-radius:0 0 65% 0!important;background:radial-gradient(ellipse at 0 0,rgba(255,255,255,.78) 0%,rgba(255,255,255,.52) 16%,rgba(255,255,255,.25) 35%,rgba(255,255,255,.08) 54%,rgba(255,255,255,0) 74%)!important;box-shadow:none!important;filter:blur(3px)!important;opacity:.92!important}
.kz-effect-1 .wpb_column:first-child>.vc_column-inner:after{content:""!important;position:absolute!important;z-index:0!important;left:-1px!important;bottom:-1px!important;width:74px!important;height:52px!important;pointer-events:none!important;border-left:2px solid rgba(177,137,88,.82)!important;border-bottom:2px solid rgba(24,184,112,.46)!important;box-shadow:-7px 7px 22px rgba(177,137,88,.10)!important}
.kz-effect-1 .wpb_column:first-child>.vc_column-inner>*{position:relative!important;z-index:2!important}

/* GLAS-SCHIJN — LIGHT: CHAMPAGNE / GOUD-GRIJS */
.kz-effect-1.kz-light .wpb_column:first-child>.vc_column-inner:before{background:radial-gradient(ellipse at 0 0,rgba(116,91,61,.42) 0%,rgba(151,116,73,.32) 17%,rgba(177,137,88,.22) 36%,rgba(111,94,74,.10) 55%,rgba(111,94,74,0) 76%)!important;opacity:.88!important;filter:blur(4px)!important}

/* architectonische details */
.kz-effect-1 .wpb_column:first-child:before{content:""!important;position:absolute!important;z-index:6!important;left:0!important;top:10%!important;width:42px!important;height:42px!important;pointer-events:none!important;border-top:2px solid #b18958!important;border-left:2px solid rgba(177,137,88,.88)!important;box-shadow:-5px -5px 18px rgba(177,137,88,.10)!important}
.kz-effect-1 .wpb_column:first-child:after{content:""!important;position:absolute!important;z-index:6!important;right:-38px!important;bottom:13%!important;width:92px!important;height:1px!important;pointer-events:none!important;background:#b18958!important;border-right:24px solid #18b870!important;box-shadow:24px 0 12px rgba(24,184,112,.24)!important}
.kz-effect-1 .wpb_column:last-child .vc_single_image-wrapper:before{content:""!important;position:absolute!important;z-index:4!important;left:0!important;top:0!important;width:58px!important;height:58px!important;pointer-events:none!important;border-top:2px solid rgba(225,188,137,.90)!important;border-left:2px solid rgba(225,188,137,.64)!important;box-shadow:inset 9px 9px 24px rgba(177,137,88,.055)!important}
.kz-effect-1 .wpb_column:last-child .vc_single_image-wrapper:after{content:""!important;position:absolute!important;z-index:4!important;right:0!important;bottom:0!important;width:46px!important;height:70px!important;pointer-events:none!important;border-right:2px solid rgba(24,184,112,.62)!important;border-bottom:2px solid rgba(177,137,88,.68)!important;box-shadow:7px 7px 20px rgba(24,184,112,.055)!important}
.kz-effect-1.kz-light .wpb_column:first-child>.vc_column-inner:after{border-left-color:rgba(177,137,88,.72)!important;border-bottom-color:rgba(24,184,112,.38)!important}

/* REVERSE: schijn spiegelt mee */
.kz-effect-1.kz-reverse .wpb_column:first-child>.vc_column-inner:before{left:auto!important;right:-45px!important;border-radius:0 0 0 65%!important;background:radial-gradient(ellipse at 100% 0,rgba(255,255,255,.78) 0%,rgba(255,255,255,.52) 16%,rgba(255,255,255,.25) 35%,rgba(255,255,255,.08) 54%,rgba(255,255,255,0) 74%)!important}
.kz-effect-1.kz-light.kz-reverse .wpb_column:first-child>.vc_column-inner:before{background:radial-gradient(ellipse at 100% 0,rgba(116,91,61,.42) 0%,rgba(151,116,73,.32) 17%,rgba(177,137,88,.22) 36%,rgba(111,94,74,.10) 55%,rgba(111,94,74,0) 76%)!important;opacity:.88!important}
.kz-effect-1.kz-reverse .wpb_column:first-child>.vc_column-inner:after{left:auto!important;right:-1px!important;border-left:0!important;border-right:2px solid rgba(177,137,88,.82)!important}
.kz-effect-1.kz-reverse .wpb_column:first-child:before{left:auto!important;right:0!important;border-left:0!important;border-right:2px solid rgba(177,137,88,.88)!important}
.kz-effect-1.kz-reverse .wpb_column:first-child:after{right:auto!important;left:-38px!important;border-right:0!important;border-left:24px solid #18b870!important;box-shadow:-24px 0 12px rgba(24,184,112,.24)!important}

@media(max-width:900px){
.kz-effect-1{min-height:0!important;padding:75px 22px!important}.kz-effect-1 .section_inner>.section_inner_margin,.kz-effect-1 .full_section_inner{display:block!important}.kz-effect-1 .wpb_column,.kz-effect-1.kz-reverse .wpb_column:first-child,.kz-effect-1.kz-reverse .wpb_column:last-child{width:100%!important;transform:none!important;order:initial!important}.kz-effect-1 .wpb_column:first-child>.vc_column-inner{margin:12px 0 38px!important;padding:30px!important;outline-offset:4px!important}.kz-effect-1 .wpb_column:first-child h2{font-size:38px!important}.kz-effect-1 .wpb_column:first-child p,.kz-effect-1 .wpb_column:first-child .wpb_text_column{font-size:17px!important;line-height:1.85!important}.kz-effect-1 .wpb_column:last-child{padding:18px 0 38px!important}.kz-effect-1 .wpb_column:last-child img{min-height:360px!important}.kz-effect-1 .wpb_column:last-child:after{right:0!important;width:38%!important}.kz-effect-1 .wpb_column:first-child:after{right:12px!important;left:auto!important;width:64px!important}.kz-effect-1.kz-reverse .wpb_column:first-child:after{left:12px!important;right:auto!important}.kz-effect-1 .wpb_column:first-child:before{width:30px!important;height:30px!important;top:5px!important}.kz-effect-1 .wpb_column:first-child>.vc_column-inner:before{width:82%!important;height:58%!important;top:-20px!important;left:-30px!important}.kz-effect-1.kz-reverse .wpb_column:first-child>.vc_column-inner:before{left:auto!important;right:-30px!important}
}