.elementor-26319 .elementor-element.elementor-element-7bfa24e{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-26319 .elementor-element.elementor-element-7d7d52c{--display:flex;--min-height:400px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.3;--border-radius:16px 16px 16px 16px;box-shadow:0px 0px 40px -10px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-26319 .elementor-element.elementor-element-7d7d52c:not(.elementor-motion-effects-element-type-background), .elementor-26319 .elementor-element.elementor-element-7d7d52c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fantasiashop.nl/wp-content/uploads/2026/06/Hero_Blueberry_strato.jpg");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-26319 .elementor-element.elementor-element-7d7d52c::before, .elementor-26319 .elementor-element.elementor-element-7d7d52c > .elementor-background-video-container::before, .elementor-26319 .elementor-element.elementor-element-7d7d52c > .e-con-inner > .elementor-background-video-container::before, .elementor-26319 .elementor-element.elementor-element-7d7d52c > .elementor-background-slideshow::before, .elementor-26319 .elementor-element.elementor-element-7d7d52c > .e-con-inner > .elementor-background-slideshow::before, .elementor-26319 .elementor-element.elementor-element-7d7d52c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-26319 .elementor-element.elementor-element-7d7d52c:hover::before, .elementor-26319 .elementor-element.elementor-element-7d7d52c:hover > .elementor-background-video-container::before, .elementor-26319 .elementor-element.elementor-element-7d7d52c:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-26319 .elementor-element.elementor-element-7d7d52c > .elementor-background-slideshow:hover::before, .elementor-26319 .elementor-element.elementor-element-7d7d52c > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-26319 .elementor-element.elementor-element-7d7d52c:hover{--overlay-opacity:0.5;}.elementor-26319 .elementor-element.elementor-element-b4eab37{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-26319 .elementor-element.elementor-element-b4eab37:hover::before, .elementor-26319 .elementor-element.elementor-element-b4eab37:hover > .elementor-background-video-container::before, .elementor-26319 .elementor-element.elementor-element-b4eab37:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-26319 .elementor-element.elementor-element-b4eab37 > .elementor-background-slideshow:hover::before, .elementor-26319 .elementor-element.elementor-element-b4eab37 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#000000;--background-overlay:'';}.elementor-26319 .elementor-element.elementor-element-b4eab37:hover{--overlay-opacity:0.3;}.elementor-26319 .elementor-element.elementor-element-b53340d .elementor-heading-title{font-size:40px;text-shadow:5px 5px 5px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-26319 .elementor-element.elementor-element-e9937c2{text-align:center;font-family:"Poppins", Sans-serif;font-size:14px;color:#FFFFFF;}.elementor-26319 .elementor-element.elementor-element-058d232 .elementor-button{background-color:#02010100;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;padding:10px 10px 10px 10px;}.elementor-26319 .elementor-element.elementor-element-058d232 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-26319 .elementor-element.elementor-element-aa4a2c8{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 2px 0px 2px;--border-top-width:0px;--border-right-width:2px;--border-bottom-width:0px;--border-left-width:2px;border-color:#FFFFFF75;--border-color:#FFFFFF75;--border-radius:0px 0px 0px 0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-26319 .elementor-element.elementor-element-aa4a2c8:hover::before, .elementor-26319 .elementor-element.elementor-element-aa4a2c8:hover > .elementor-background-video-container::before, .elementor-26319 .elementor-element.elementor-element-aa4a2c8:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-26319 .elementor-element.elementor-element-aa4a2c8 > .elementor-background-slideshow:hover::before, .elementor-26319 .elementor-element.elementor-element-aa4a2c8 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#000000;--background-overlay:'';}.elementor-26319 .elementor-element.elementor-element-aa4a2c8:hover{--overlay-opacity:0.3;}.elementor-26319 .elementor-element.elementor-element-d7e5a94 .elementor-heading-title{font-size:40px;text-shadow:5px 5px 5px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-26319 .elementor-element.elementor-element-6eed773{text-align:center;font-family:"Poppins", Sans-serif;font-size:15px;color:#FFFFFF;}.elementor-26319 .elementor-element.elementor-element-33f8a36 .elementor-button{background-color:#02010100;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;padding:10px 10px 10px 10px;}.elementor-26319 .elementor-element.elementor-element-33f8a36 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-26319 .elementor-element.elementor-element-8864d3d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--background-transition:0.3s;--overlay-opacity:0.5;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-26319 .elementor-element.elementor-element-8864d3d:hover::before, .elementor-26319 .elementor-element.elementor-element-8864d3d:hover > .elementor-background-video-container::before, .elementor-26319 .elementor-element.elementor-element-8864d3d:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-26319 .elementor-element.elementor-element-8864d3d > .elementor-background-slideshow:hover::before, .elementor-26319 .elementor-element.elementor-element-8864d3d > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#000000;--background-overlay:'';}.elementor-26319 .elementor-element.elementor-element-8864d3d::before, .elementor-26319 .elementor-element.elementor-element-8864d3d > .elementor-background-video-container::before, .elementor-26319 .elementor-element.elementor-element-8864d3d > .e-con-inner > .elementor-background-video-container::before, .elementor-26319 .elementor-element.elementor-element-8864d3d > .elementor-background-slideshow::before, .elementor-26319 .elementor-element.elementor-element-8864d3d > .e-con-inner > .elementor-background-slideshow::before, .elementor-26319 .elementor-element.elementor-element-8864d3d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-26319 .elementor-element.elementor-element-8864d3d:hover{--overlay-opacity:0.3;}.elementor-26319 .elementor-element.elementor-element-314f4d4 .elementor-heading-title{font-size:40px;text-shadow:5px 5px 5px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-26319 .elementor-element.elementor-element-3d68c1b{text-align:center;font-family:"Poppins", Sans-serif;font-size:15px;color:#FFFFFF;}.elementor-26319 .elementor-element.elementor-element-6270446 .elementor-button{background-color:#02010100;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;padding:10px 10px 10px 10px;}.elementor-26319 .elementor-element.elementor-element-6270446 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-26319 .elementor-element.elementor-element-1729328{--display:flex;}.elementor-26319 .elementor-element.elementor-element-7a5e1ab{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-26319 .elementor-element.elementor-element-7d7d52c{--width:75%;}}@media(max-width:1024px) and (min-width:768px){.elementor-26319 .elementor-element.elementor-element-7d7d52c{--width:100%;}}@media(max-width:1366px){.elementor-26319 .elementor-element.elementor-element-b53340d .elementor-heading-title{font-size:35px;}.elementor-26319 .elementor-element.elementor-element-d7e5a94 .elementor-heading-title{font-size:35px;}.elementor-26319 .elementor-element.elementor-element-6eed773{font-size:14px;}.elementor-26319 .elementor-element.elementor-element-314f4d4 .elementor-heading-title{font-size:35px;}}@media(max-width:1024px){.elementor-26319 .elementor-element.elementor-element-b53340d .elementor-heading-title{font-size:34px;}.elementor-26319 .elementor-element.elementor-element-d7e5a94 .elementor-heading-title{font-size:34px;}.elementor-26319 .elementor-element.elementor-element-314f4d4 .elementor-heading-title{font-size:34px;}}@media(max-width:767px){.elementor-26319 .elementor-element.elementor-element-b4eab37{--min-height:400px;}.elementor-26319 .elementor-element.elementor-element-aa4a2c8{--min-height:400px;border-width:2px 0px 2px 0px;--border-top-width:2px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;}.elementor-26319 .elementor-element.elementor-element-8864d3d{--min-height:400px;}}/* Start custom CSS for container, class: .elementor-element-7d7d52c *//* 1. De hoofdcontainer */
#main-parent {
  position: relative !important;
  z-index: 1;
  background-color: #f5f5f5 !important; /* Standaard achtergrondkleur */
}

/* 2. De magische onzichtbare laag voor de afbeelding (pseudo-element) */
#main-parent::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: -1 !important; /* Valt áchter de kaarten */
  
  /* Positieinstellingen */
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  
  /* Haal de afbeelding op uit de JavaScript variabele */
  background-image: var(--bg-hover) !important;
  
  /* Start als onzichtbaar en fade in 0.5 seconden */
  opacity: 0 !important;
  transition: opacity 0.5s ease-in-out !important;
}

/* 3. Zodra er gehoverd wordt, wordt deze klasse actief en fadet de foto in */
#main-parent.bg-active::before {
  opacity: 1 !important;
}

/* 4. De kaarten en tekst-animaties (blijven ongewijzigd en werken perfect) */
.single-card {
  --text-position: -500px; 
  --heading-position: -275px; 
  --button-position: 0px; 
  overflow: hidden;
  z-index: 2 !important; /* Zorgt dat kaarten boven de foto zweven */
} 

.single-card p, 
.single-card a, 
.single-card h2,
.single-card .elementor-heading-title,
.single-card .elementor-text-editor { 
  transition: bottom 0.5s ease-in-out, top 0.5s ease-in-out, opacity 0.5s ease-in-out !important; 
  position: relative !important;
} 

.single-card p { bottom: var(--text-position); } 
.single-card h2, .single-card .elementor-heading-title { bottom: var(--heading-position); } 
.single-card a { top: 500px; } 

.single-card:hover p { bottom: 0px; } 
.single-card:hover h2, .single-card:hover .elementor-heading-title { bottom: 0px; } 
.single-card:hover a { top: var(--button-position); }/* End custom CSS */