.elementor-95 .elementor-element.elementor-element-79e84cc{--display:flex;--min-height:0px;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-95 .elementor-element.elementor-element-58c31ce{--display:flex;--min-height:500px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.67;--overlay-mix-blend-mode:darken;--border-radius:10px 10px 10px 10px;}.elementor-95 .elementor-element.elementor-element-58c31ce:not(.elementor-motion-effects-element-type-background), .elementor-95 .elementor-element.elementor-element-58c31ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.sarana.nu/wp-content/uploads/2025/08/20250419_Sarana__SociaalKapitaal-9443.jpg");background-position:center center;background-size:cover;}.elementor-95 .elementor-element.elementor-element-58c31ce::before, .elementor-95 .elementor-element.elementor-element-58c31ce > .elementor-background-video-container::before, .elementor-95 .elementor-element.elementor-element-58c31ce > .e-con-inner > .elementor-background-video-container::before, .elementor-95 .elementor-element.elementor-element-58c31ce > .elementor-background-slideshow::before, .elementor-95 .elementor-element.elementor-element-58c31ce > .e-con-inner > .elementor-background-slideshow::before, .elementor-95 .elementor-element.elementor-element-58c31ce > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#2A1A13;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-95 .elementor-element.elementor-element-8741954{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;}.elementor-95 .elementor-element.elementor-element-8741954 .elementor-heading-title{color:#FFFFFF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-95 .elementor-element.elementor-element-6657177{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -15px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-95 .elementor-element.elementor-element-6657177 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-95 .elementor-element.elementor-element-6657177 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-95 .elementor-element.elementor-element-6657177 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-95 .elementor-element.elementor-element-6657177 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-95 .elementor-element.elementor-element-6657177 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-95 .elementor-element.elementor-element-6657177 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-95 .elementor-element.elementor-element-6657177 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-95 .elementor-element.elementor-element-6657177 .elementor-icon-list-icon{padding-inline-end:15px;}.elementor-95 .elementor-element.elementor-element-6657177 .elementor-icon-list-text{color:#FFFFFF82;transition:color 0.3s;}.elementor-95 .elementor-element.elementor-element-6657177 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FFFFFF;}.elementor-95 .elementor-element.elementor-element-4437b67{--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:100px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-95 .elementor-element.elementor-element-b2ac9bd{--display:flex;--min-height:3px;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95 .elementor-element.elementor-element-f0102a0{--display:flex;--min-height:223px;--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:flex-end;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95 .elementor-element.elementor-element-bcb3d9f{--display:flex;--min-height:103px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95 .elementor-element.elementor-element-bcb3d9f:not(.elementor-motion-effects-element-type-background), .elementor-95 .elementor-element.elementor-element-bcb3d9f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-95 .elementor-element.elementor-element-4534cb0 .elementor-button{background-color:#FF590000;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;}.elementor-95 .elementor-element.elementor-element-4534cb0 .elementor-button:hover, .elementor-95 .elementor-element.elementor-element-4534cb0 .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-95 .elementor-element.elementor-element-a350046{--display:flex;--min-height:600px;--border-radius:10px 10px 10px 10px;}.elementor-95 .elementor-element.elementor-element-a350046:not(.elementor-motion-effects-element-type-background), .elementor-95 .elementor-element.elementor-element-a350046 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.sarana.nu/wp-content/uploads/2025/08/20250419_Sarana__SociaalKapitaal-9384-e1755876378610.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-95 .elementor-element.elementor-element-4456079{--display:flex;--min-height:100px;--border-radius:10px 10px 10px 10px;--z-index:2;}.elementor-95 .elementor-element.elementor-element-4456079:not(.elementor-motion-effects-element-type-background), .elementor-95 .elementor-element.elementor-element-4456079 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.sarana.nu/wp-content/uploads/2025/08/Schuur.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-95 .elementor-element.elementor-element-0eef79d{--display:flex;--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;--margin-top:40px;--margin-bottom:63px;--margin-left:-34px;--margin-right:0px;--padding-top:87px;--padding-bottom:87px;--padding-left:87px;--padding-right:87px;--z-index:0;}.elementor-95 .elementor-element.elementor-element-0eef79d:not(.elementor-motion-effects-element-type-background), .elementor-95 .elementor-element.elementor-element-0eef79d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-95 .elementor-element.elementor-element-83dfc79{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -41px) 0px;text-align:left;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );color:#FFFFFF;}.elementor-95 .elementor-element.elementor-element-27f56b5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-95 .elementor-element.elementor-element-27f56b5 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-95 .elementor-element.elementor-element-97b76a6{color:#FFFFFF;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-95 .elementor-element.elementor-element-cb50fef{--divider-border-style:solid;--divider-color:#FFFFFF57;--divider-border-width:1px;}.elementor-95 .elementor-element.elementor-element-cb50fef .elementor-divider-separator{width:83%;margin:0 auto;margin-center:0;}.elementor-95 .elementor-element.elementor-element-cb50fef .elementor-divider{text-align:center;padding-block-start:11px;padding-block-end:11px;}.elementor-95 .elementor-element.elementor-element-b0ea223{--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;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95 .elementor-element.elementor-element-02633da{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-end;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:50px;}.elementor-95 .elementor-element.elementor-element-9c6e981{width:var( --container-widget-width, 66% );max-width:66%;--container-widget-width:66%;--container-widget-flex-grow:0;}.elementor-95 .elementor-element.elementor-element-9c6e981 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-primary );}.elementor-95 .elementor-element.elementor-element-2b7e7fd{--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;--justify-content:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95 .elementor-element.elementor-element-a87f0f5 .elementor-button{background-color:#FF590000;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:0px 0px 1px 0px;padding:0px 0px 8px 0px;}.elementor-95 .elementor-element.elementor-element-a87f0f5{margin:8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-95 .elementor-element.elementor-element-a87f0f5 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-95 .elementor-element.elementor-element-a87f0f5 .elementor-button .elementor-button-content-wrapper{gap:9px;}.elementor-95 .elementor-element.elementor-element-9f181e9 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;}.elementor-95 .elementor-element.elementor-element-9f181e9 .elementor-button:hover, .elementor-95 .elementor-element.elementor-element-9f181e9 .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-95 .elementor-element.elementor-element-3a522bd{--display:flex;--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;}.elementor-95 .elementor-element.elementor-element-e21f747{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-95 .elementor-element.elementor-element-a78e0f5{--display:flex;--min-height:418px;--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;--justify-content:flex-end;--overlay-opacity:0.57;--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-95 .elementor-element.elementor-element-a78e0f5:not(.elementor-motion-effects-element-type-background), .elementor-95 .elementor-element.elementor-element-a78e0f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.sarana.nu/wp-content/uploads/2025/08/20250419_Sarana__SociaalKapitaal-9196-3-e1755713718212.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-95 .elementor-element.elementor-element-a78e0f5::before, .elementor-95 .elementor-element.elementor-element-a78e0f5 > .elementor-background-video-container::before, .elementor-95 .elementor-element.elementor-element-a78e0f5 > .e-con-inner > .elementor-background-video-container::before, .elementor-95 .elementor-element.elementor-element-a78e0f5 > .elementor-background-slideshow::before, .elementor-95 .elementor-element.elementor-element-a78e0f5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-95 .elementor-element.elementor-element-a78e0f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF00 48%, #381E14 93%);}.elementor-95 .elementor-element.elementor-element-a78e0f5:hover::before, .elementor-95 .elementor-element.elementor-element-a78e0f5:hover > .elementor-background-video-container::before, .elementor-95 .elementor-element.elementor-element-a78e0f5:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-95 .elementor-element.elementor-element-a78e0f5 > .elementor-background-slideshow:hover::before, .elementor-95 .elementor-element.elementor-element-a78e0f5 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 27%, #381E14 83%);}.elementor-95 .elementor-element.elementor-element-a78e0f5:hover{--overlay-opacity:0.8;}.elementor-95 .elementor-element.elementor-element-a78e0f5, .elementor-95 .elementor-element.elementor-element-a78e0f5::before{--overlay-transition:0.8s;}.elementor-95 .elementor-element.elementor-element-04e4857{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95 .elementor-element.elementor-element-efb1661{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-95 .elementor-element.elementor-element-efb1661 .elementor-heading-title{font-family:"Modulus", Sans-serif;font-size:21px;font-weight:300;color:#FFFFFF;}.elementor-95 .elementor-element.elementor-element-9936069{--display:flex;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95 .elementor-element.elementor-element-29c3db9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-95 .elementor-element.elementor-element-29c3db9 p{margin-block-end:0px;}.elementor-95 .elementor-element.elementor-element-af8c68d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-95 .elementor-element.elementor-element-252a2b7{--display:flex;--min-height:418px;--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;--justify-content:flex-end;--overlay-opacity:0.57;--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-95 .elementor-element.elementor-element-252a2b7:not(.elementor-motion-effects-element-type-background), .elementor-95 .elementor-element.elementor-element-252a2b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.sarana.nu/wp-content/uploads/2025/08/20250419_Sarana__SociaalKapitaal-8129-2-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-95 .elementor-element.elementor-element-252a2b7::before, .elementor-95 .elementor-element.elementor-element-252a2b7 > .elementor-background-video-container::before, .elementor-95 .elementor-element.elementor-element-252a2b7 > .e-con-inner > .elementor-background-video-container::before, .elementor-95 .elementor-element.elementor-element-252a2b7 > .elementor-background-slideshow::before, .elementor-95 .elementor-element.elementor-element-252a2b7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-95 .elementor-element.elementor-element-252a2b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF00 48%, #381E14 93%);}.elementor-95 .elementor-element.elementor-element-252a2b7:hover::before, .elementor-95 .elementor-element.elementor-element-252a2b7:hover > .elementor-background-video-container::before, .elementor-95 .elementor-element.elementor-element-252a2b7:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-95 .elementor-element.elementor-element-252a2b7 > .elementor-background-slideshow:hover::before, .elementor-95 .elementor-element.elementor-element-252a2b7 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 27%, #381E14 83%);}.elementor-95 .elementor-element.elementor-element-252a2b7:hover{--overlay-opacity:0.8;}.elementor-95 .elementor-element.elementor-element-252a2b7, .elementor-95 .elementor-element.elementor-element-252a2b7::before{--overlay-transition:0.8s;}.elementor-95 .elementor-element.elementor-element-c3e5689{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95 .elementor-element.elementor-element-c042884{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-95 .elementor-element.elementor-element-c042884 .elementor-heading-title{font-family:"Modulus", Sans-serif;font-size:21px;font-weight:300;color:#FFFFFF;}.elementor-95 .elementor-element.elementor-element-dce1a9b{--display:flex;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95 .elementor-element.elementor-element-d44f8f9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-95 .elementor-element.elementor-element-d44f8f9 p{margin-block-end:0px;}.elementor-95 .elementor-element.elementor-element-11d3238{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-95 .elementor-element.elementor-element-c7d8f2f{--display:flex;--min-height:418px;--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;--justify-content:flex-end;--overlay-opacity:0.57;--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-95 .elementor-element.elementor-element-c7d8f2f:not(.elementor-motion-effects-element-type-background), .elementor-95 .elementor-element.elementor-element-c7d8f2f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.sarana.nu/wp-content/uploads/2025/08/20250419_Sarana__SociaalKapitaal-9321-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-95 .elementor-element.elementor-element-c7d8f2f::before, .elementor-95 .elementor-element.elementor-element-c7d8f2f > .elementor-background-video-container::before, .elementor-95 .elementor-element.elementor-element-c7d8f2f > .e-con-inner > .elementor-background-video-container::before, .elementor-95 .elementor-element.elementor-element-c7d8f2f > .elementor-background-slideshow::before, .elementor-95 .elementor-element.elementor-element-c7d8f2f > .e-con-inner > .elementor-background-slideshow::before, .elementor-95 .elementor-element.elementor-element-c7d8f2f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF00 48%, #381E14 93%);}.elementor-95 .elementor-element.elementor-element-c7d8f2f:hover::before, .elementor-95 .elementor-element.elementor-element-c7d8f2f:hover > .elementor-background-video-container::before, .elementor-95 .elementor-element.elementor-element-c7d8f2f:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-95 .elementor-element.elementor-element-c7d8f2f > .elementor-background-slideshow:hover::before, .elementor-95 .elementor-element.elementor-element-c7d8f2f > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 27%, #381E14 83%);}.elementor-95 .elementor-element.elementor-element-c7d8f2f:hover{--overlay-opacity:0.8;}.elementor-95 .elementor-element.elementor-element-c7d8f2f, .elementor-95 .elementor-element.elementor-element-c7d8f2f::before{--overlay-transition:0.8s;}.elementor-95 .elementor-element.elementor-element-cc19103{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95 .elementor-element.elementor-element-479ff29{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-95 .elementor-element.elementor-element-479ff29 .elementor-heading-title{font-family:"Modulus", Sans-serif;font-size:21px;font-weight:300;color:#FFFFFF;}.elementor-95 .elementor-element.elementor-element-20ed395{--display:flex;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95 .elementor-element.elementor-element-f87e0b3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-95 .elementor-element.elementor-element-f87e0b3 p{margin-block-end:0px;}.elementor-95 .elementor-element.elementor-element-ff5a9c6{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-95 .elementor-element.elementor-element-895975c{--display:flex;--min-height:418px;--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;--justify-content:flex-end;--overlay-opacity:0.57;--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-95 .elementor-element.elementor-element-895975c:not(.elementor-motion-effects-element-type-background), .elementor-95 .elementor-element.elementor-element-895975c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.sarana.nu/wp-content/uploads/2025/08/image-130-2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-95 .elementor-element.elementor-element-895975c::before, .elementor-95 .elementor-element.elementor-element-895975c > .elementor-background-video-container::before, .elementor-95 .elementor-element.elementor-element-895975c > .e-con-inner > .elementor-background-video-container::before, .elementor-95 .elementor-element.elementor-element-895975c > .elementor-background-slideshow::before, .elementor-95 .elementor-element.elementor-element-895975c > .e-con-inner > .elementor-background-slideshow::before, .elementor-95 .elementor-element.elementor-element-895975c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF00 48%, #381E14 93%);}.elementor-95 .elementor-element.elementor-element-895975c:hover::before, .elementor-95 .elementor-element.elementor-element-895975c:hover > .elementor-background-video-container::before, .elementor-95 .elementor-element.elementor-element-895975c:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-95 .elementor-element.elementor-element-895975c > .elementor-background-slideshow:hover::before, .elementor-95 .elementor-element.elementor-element-895975c > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 27%, #381E14 83%);}.elementor-95 .elementor-element.elementor-element-895975c:hover{--overlay-opacity:0.8;}.elementor-95 .elementor-element.elementor-element-895975c, .elementor-95 .elementor-element.elementor-element-895975c::before{--overlay-transition:0.8s;}.elementor-95 .elementor-element.elementor-element-497f447{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95 .elementor-element.elementor-element-14b157a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-95 .elementor-element.elementor-element-14b157a .elementor-heading-title{font-family:"Modulus", Sans-serif;font-size:21px;font-weight:300;color:#FFFFFF;}.elementor-95 .elementor-element.elementor-element-7374ca5{--display:flex;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95 .elementor-element.elementor-element-337004a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-95 .elementor-element.elementor-element-337004a p{margin-block-end:0px;}.elementor-95 .elementor-element.elementor-element-dd2640b{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-95 .elementor-element.elementor-element-aa70cf0{--display:flex;--min-height:418px;--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;--justify-content:flex-end;--overlay-opacity:0.57;--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-95 .elementor-element.elementor-element-aa70cf0:not(.elementor-motion-effects-element-type-background), .elementor-95 .elementor-element.elementor-element-aa70cf0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.sarana.nu/wp-content/uploads/2025/08/Afbeelding-van-WhatsApp-op-2024-12-10-om-08.12.50_28a39eaf.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-95 .elementor-element.elementor-element-aa70cf0::before, .elementor-95 .elementor-element.elementor-element-aa70cf0 > .elementor-background-video-container::before, .elementor-95 .elementor-element.elementor-element-aa70cf0 > .e-con-inner > .elementor-background-video-container::before, .elementor-95 .elementor-element.elementor-element-aa70cf0 > .elementor-background-slideshow::before, .elementor-95 .elementor-element.elementor-element-aa70cf0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-95 .elementor-element.elementor-element-aa70cf0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF00 48%, #381E14 93%);}.elementor-95 .elementor-element.elementor-element-aa70cf0:hover::before, .elementor-95 .elementor-element.elementor-element-aa70cf0:hover > .elementor-background-video-container::before, .elementor-95 .elementor-element.elementor-element-aa70cf0:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-95 .elementor-element.elementor-element-aa70cf0 > .elementor-background-slideshow:hover::before, .elementor-95 .elementor-element.elementor-element-aa70cf0 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 27%, #381E14 83%);}.elementor-95 .elementor-element.elementor-element-aa70cf0:hover{--overlay-opacity:0.8;}.elementor-95 .elementor-element.elementor-element-aa70cf0, .elementor-95 .elementor-element.elementor-element-aa70cf0::before{--overlay-transition:0.8s;}.elementor-95 .elementor-element.elementor-element-7bd6801{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95 .elementor-element.elementor-element-778abf4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-95 .elementor-element.elementor-element-778abf4 .elementor-heading-title{font-family:"Modulus", Sans-serif;font-size:21px;font-weight:300;color:#FFFFFF;}.elementor-95 .elementor-element.elementor-element-c0c61b9{--display:flex;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95 .elementor-element.elementor-element-f91fd69{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-95 .elementor-element.elementor-element-f91fd69 p{margin-block-end:0px;}.elementor-95 .elementor-element.elementor-element-7d84d61{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-95 .elementor-element.elementor-element-bce9211{--display:flex;--min-height:418px;--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;--justify-content:flex-end;--overlay-opacity:0.57;--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-95 .elementor-element.elementor-element-bce9211:not(.elementor-motion-effects-element-type-background), .elementor-95 .elementor-element.elementor-element-bce9211 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.sarana.nu/wp-content/uploads/2025/08/Cultuurmakers-1817-2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-95 .elementor-element.elementor-element-bce9211::before, .elementor-95 .elementor-element.elementor-element-bce9211 > .elementor-background-video-container::before, .elementor-95 .elementor-element.elementor-element-bce9211 > .e-con-inner > .elementor-background-video-container::before, .elementor-95 .elementor-element.elementor-element-bce9211 > .elementor-background-slideshow::before, .elementor-95 .elementor-element.elementor-element-bce9211 > .e-con-inner > .elementor-background-slideshow::before, .elementor-95 .elementor-element.elementor-element-bce9211 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF00 48%, #381E14 93%);}.elementor-95 .elementor-element.elementor-element-bce9211:hover::before, .elementor-95 .elementor-element.elementor-element-bce9211:hover > .elementor-background-video-container::before, .elementor-95 .elementor-element.elementor-element-bce9211:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-95 .elementor-element.elementor-element-bce9211 > .elementor-background-slideshow:hover::before, .elementor-95 .elementor-element.elementor-element-bce9211 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 27%, #381E14 83%);}.elementor-95 .elementor-element.elementor-element-bce9211:hover{--overlay-opacity:0.8;}.elementor-95 .elementor-element.elementor-element-bce9211, .elementor-95 .elementor-element.elementor-element-bce9211::before{--overlay-transition:0.8s;}.elementor-95 .elementor-element.elementor-element-7523c96{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95 .elementor-element.elementor-element-31a2a1f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-95 .elementor-element.elementor-element-31a2a1f .elementor-heading-title{font-family:"Modulus", Sans-serif;font-size:21px;font-weight:300;color:#FFFFFF;}.elementor-95 .elementor-element.elementor-element-6198184{--display:flex;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95 .elementor-element.elementor-element-07df42a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-95 .elementor-element.elementor-element-07df42a p{margin-block-end:0px;}.elementor-95 .elementor-element.elementor-element-78d68dd{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-95 .elementor-element.elementor-element-1a81ecc{--display:flex;--min-height:418px;--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;--justify-content:flex-end;--overlay-opacity:0.57;--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-95 .elementor-element.elementor-element-1a81ecc:not(.elementor-motion-effects-element-type-background), .elementor-95 .elementor-element.elementor-element-1a81ecc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.sarana.nu/wp-content/uploads/2025/08/20250419_Sarana__SociaalKapitaal-9443.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-95 .elementor-element.elementor-element-1a81ecc::before, .elementor-95 .elementor-element.elementor-element-1a81ecc > .elementor-background-video-container::before, .elementor-95 .elementor-element.elementor-element-1a81ecc > .e-con-inner > .elementor-background-video-container::before, .elementor-95 .elementor-element.elementor-element-1a81ecc > .elementor-background-slideshow::before, .elementor-95 .elementor-element.elementor-element-1a81ecc > .e-con-inner > .elementor-background-slideshow::before, .elementor-95 .elementor-element.elementor-element-1a81ecc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF00 48%, #381E14 93%);}.elementor-95 .elementor-element.elementor-element-1a81ecc:hover::before, .elementor-95 .elementor-element.elementor-element-1a81ecc:hover > .elementor-background-video-container::before, .elementor-95 .elementor-element.elementor-element-1a81ecc:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-95 .elementor-element.elementor-element-1a81ecc > .elementor-background-slideshow:hover::before, .elementor-95 .elementor-element.elementor-element-1a81ecc > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 27%, #381E14 83%);}.elementor-95 .elementor-element.elementor-element-1a81ecc:hover{--overlay-opacity:0.8;}.elementor-95 .elementor-element.elementor-element-1a81ecc, .elementor-95 .elementor-element.elementor-element-1a81ecc::before{--overlay-transition:0.8s;}.elementor-95 .elementor-element.elementor-element-e6eb1b0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95 .elementor-element.elementor-element-ad82e4a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-95 .elementor-element.elementor-element-ad82e4a .elementor-heading-title{font-family:"Modulus", Sans-serif;font-size:21px;font-weight:300;color:#FFFFFF;}.elementor-95 .elementor-element.elementor-element-906fedb{--display:flex;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95 .elementor-element.elementor-element-9999014{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-95 .elementor-element.elementor-element-9999014 p{margin-block-end:0px;}.elementor-95 .elementor-element.elementor-element-64efbdf{--e-n-carousel-swiper-slides-to-display:4;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0% 0% 0% 15%;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:12%;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:45px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:31px;--e-n-carousel-arrow-normal-color:var( --e-global-color-3d8c86d );--e-n-carousel-arrow-hover-color:var( --e-global-color-accent );--e-n-carousel-swiper-pagination-size:9px;}:where( .elementor-95 .elementor-element.elementor-element-64efbdf .swiper-slide ) > .e-con{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}:where( [data-core-v316-plus="true"] .elementor-element.elementor-widget-n-carousel .swiper-slide ) > .e-con{--padding-block-start:0px;--padding-inline-end:0px;--padding-block-end:0px;--padding-inline-start:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-95 .elementor-element.elementor-element-79e84cc{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-95 .elementor-element.elementor-element-58c31ce{--min-height:400px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-95 .elementor-element.elementor-element-4437b67{--margin-top:100px;--margin-bottom:080px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-95 .elementor-element.elementor-element-bcb3d9f{--min-height:73px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-95 .elementor-element.elementor-element-4534cb0 .elementor-button{font-size:16px;}.elementor-95 .elementor-element.elementor-element-a350046{--min-height:440px;}.elementor-95 .elementor-element.elementor-element-0eef79d{--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-95 .elementor-element.elementor-element-83dfc79{font-size:var( --e-global-typography-accent-font-size );}.elementor-95 .elementor-element.elementor-element-27f56b5 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-95 .elementor-element.elementor-element-b0ea223{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-95 .elementor-element.elementor-element-02633da{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-95 .elementor-element.elementor-element-9c6e981{--container-widget-width:574px;--container-widget-flex-grow:0;width:var( --container-widget-width, 574px );max-width:574px;}.elementor-95 .elementor-element.elementor-element-9c6e981 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-95 .elementor-element.elementor-element-a87f0f5 .elementor-button{font-size:16px;}.elementor-95 .elementor-element.elementor-element-9f181e9 .elementor-button{font-size:16px;}.elementor-95 .elementor-element.elementor-element-efb1661 .elementor-heading-title{font-size:22px;}.elementor-95 .elementor-element.elementor-element-29c3db9{font-size:16px;}.elementor-95 .elementor-element.elementor-element-c042884 .elementor-heading-title{font-size:22px;}.elementor-95 .elementor-element.elementor-element-d44f8f9{font-size:16px;}.elementor-95 .elementor-element.elementor-element-479ff29 .elementor-heading-title{font-size:22px;}.elementor-95 .elementor-element.elementor-element-f87e0b3{font-size:16px;}.elementor-95 .elementor-element.elementor-element-14b157a .elementor-heading-title{font-size:22px;}.elementor-95 .elementor-element.elementor-element-337004a{font-size:16px;}.elementor-95 .elementor-element.elementor-element-778abf4 .elementor-heading-title{font-size:22px;}.elementor-95 .elementor-element.elementor-element-f91fd69{font-size:16px;}.elementor-95 .elementor-element.elementor-element-31a2a1f .elementor-heading-title{font-size:22px;}.elementor-95 .elementor-element.elementor-element-07df42a{font-size:16px;}.elementor-95 .elementor-element.elementor-element-ad82e4a .elementor-heading-title{font-size:22px;}.elementor-95 .elementor-element.elementor-element-9999014{font-size:16px;}.elementor-95 .elementor-element.elementor-element-64efbdf{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-arrow-prev-left-position:10%;--e-n-carousel-arrow-next-right-position:10px;}}@media(max-width:767px){.elementor-95 .elementor-element.elementor-element-79e84cc{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-95 .elementor-element.elementor-element-58c31ce{--min-height:300px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-95 .elementor-element.elementor-element-4437b67{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--margin-top:70px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-95 .elementor-element.elementor-element-b2ac9bd{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95 .elementor-element.elementor-element-f0102a0{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-95 .elementor-element.elementor-element-bcb3d9f{--min-height:95px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-95 .elementor-element.elementor-element-a350046{--min-height:220px;}.elementor-95 .elementor-element.elementor-element-4456079{--min-height:170px;}.elementor-95 .elementor-element.elementor-element-0eef79d{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-95 .elementor-element.elementor-element-83dfc79{font-size:var( --e-global-typography-accent-font-size );}.elementor-95 .elementor-element.elementor-element-27f56b5 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-95 .elementor-element.elementor-element-02633da{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95 .elementor-element.elementor-element-9c6e981 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-95 .elementor-element.elementor-element-a78e0f5{--min-height:450px;}.elementor-95 .elementor-element.elementor-element-a78e0f5:hover{--overlay-opacity:0.9;}.elementor-95 .elementor-element.elementor-element-efb1661 .elementor-heading-title{font-size:22px;line-height:1.3em;}.elementor-95 .elementor-element.elementor-element-252a2b7{--min-height:450px;}.elementor-95 .elementor-element.elementor-element-252a2b7:hover{--overlay-opacity:0.9;}.elementor-95 .elementor-element.elementor-element-c042884 .elementor-heading-title{font-size:22px;line-height:1.3em;}.elementor-95 .elementor-element.elementor-element-c7d8f2f{--min-height:450px;}.elementor-95 .elementor-element.elementor-element-c7d8f2f:hover{--overlay-opacity:0.9;}.elementor-95 .elementor-element.elementor-element-479ff29 .elementor-heading-title{font-size:22px;line-height:1.3em;}.elementor-95 .elementor-element.elementor-element-895975c{--min-height:450px;}.elementor-95 .elementor-element.elementor-element-895975c:hover{--overlay-opacity:0.9;}.elementor-95 .elementor-element.elementor-element-14b157a .elementor-heading-title{font-size:22px;line-height:1.3em;}.elementor-95 .elementor-element.elementor-element-aa70cf0{--min-height:450px;}.elementor-95 .elementor-element.elementor-element-aa70cf0:hover{--overlay-opacity:0.9;}.elementor-95 .elementor-element.elementor-element-778abf4 .elementor-heading-title{font-size:22px;line-height:1.3em;}.elementor-95 .elementor-element.elementor-element-bce9211{--min-height:450px;}.elementor-95 .elementor-element.elementor-element-bce9211:hover{--overlay-opacity:0.9;}.elementor-95 .elementor-element.elementor-element-31a2a1f .elementor-heading-title{font-size:22px;line-height:1.3em;}.elementor-95 .elementor-element.elementor-element-1a81ecc{--min-height:450px;}.elementor-95 .elementor-element.elementor-element-1a81ecc:hover{--overlay-opacity:0.9;}.elementor-95 .elementor-element.elementor-element-ad82e4a .elementor-heading-title{font-size:22px;line-height:1.3em;}.elementor-95 .elementor-element.elementor-element-64efbdf{--e-n-carousel-swiper-slides-to-display:1;padding:0px 10px 0px 10px;--e-n-carousel-arrow-prev-left-position:10px;--e-n-carousel-arrow-next-right-position:10px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-size:0px;}}@media(min-width:768px){.elementor-95 .elementor-element.elementor-element-58c31ce{--content-width:1300px;}.elementor-95 .elementor-element.elementor-element-4437b67{--content-width:1300px;}.elementor-95 .elementor-element.elementor-element-b2ac9bd{--width:50%;}.elementor-95 .elementor-element.elementor-element-bcb3d9f{--width:60%;}.elementor-95 .elementor-element.elementor-element-0eef79d{--width:50%;}.elementor-95 .elementor-element.elementor-element-b0ea223{--content-width:1300px;}.elementor-95 .elementor-element.elementor-element-02633da{--content-width:1300px;}.elementor-95 .elementor-element.elementor-element-e21f747{--width:100%;}.elementor-95 .elementor-element.elementor-element-a78e0f5{--width:300px;}.elementor-95 .elementor-element.elementor-element-af8c68d{--width:100%;}.elementor-95 .elementor-element.elementor-element-252a2b7{--width:300px;}.elementor-95 .elementor-element.elementor-element-11d3238{--width:100%;}.elementor-95 .elementor-element.elementor-element-c7d8f2f{--width:300px;}.elementor-95 .elementor-element.elementor-element-ff5a9c6{--width:100%;}.elementor-95 .elementor-element.elementor-element-895975c{--width:300px;}.elementor-95 .elementor-element.elementor-element-dd2640b{--width:100%;}.elementor-95 .elementor-element.elementor-element-aa70cf0{--width:300px;}.elementor-95 .elementor-element.elementor-element-7d84d61{--width:100%;}.elementor-95 .elementor-element.elementor-element-bce9211{--width:300px;}.elementor-95 .elementor-element.elementor-element-78d68dd{--width:100%;}.elementor-95 .elementor-element.elementor-element-1a81ecc{--width:300px;}}@media(max-width:1024px) and (min-width:768px){.elementor-95 .elementor-element.elementor-element-bcb3d9f{--width:150px;}}/* Start custom CSS for container, class: .elementor-element-a78e0f5 *//* ==== Hoofdcontainer ==== */ 
.hover-container-1 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-1 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-1 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-1 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-1:hover .titel-container {
  transform: translateY(-85px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-1:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-1:hover .titel-container {
    transform: translateY(-70px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-252a2b7 *//* ==== Hoofdcontainer ==== */ 
.hover-container-2 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-2 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-2 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-2 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-2:hover .titel-container {
  transform: translateY(-65px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-2:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-2:hover .titel-container {
    transform: translateY(-80px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7d8f2f *//* ==== Hoofdcontainer slide 3 ==== */ 
.hover-container-3 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-3 .titel-container {
  position: absolute;
  bottom: 10px; 
  left: 20px;   
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-3 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-3 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); 
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect desktop ==== */
.hover-container-3:hover .titel-container {
  transform: translateY(-130px); /* standaard desktop */
}

.hover-container-3:hover .tekst-container {
  transform: translateY(-15px); 
  opacity: 1;
}

/* ==== Tablet: 768px - 1024px ==== */
@media (min-width: 768px) and (max-width: 1024px) {
  .hover-container-3:hover .titel-container {
    transform: translateY(-162px); /* titel hoger op tablet */
  }
}

/* ==== Mobiel: max 767px ==== */
@media (max-width: 767px) {
  .hover-container-3:hover .titel-container {
    transform: translateY(-120px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-895975c *//* ==== Hoofdcontainer ==== */ 
.hover-container-2 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-2 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-2 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-2 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-2:hover .titel-container {
  transform: translateY(-65px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-2:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-2:hover .titel-container {
    transform: translateY(-45px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aa70cf0 *//* ==== Hoofdcontainer ==== */ 
.hover-container-4 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-4 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-4 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-4 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-4:hover .titel-container {
  transform: translateY(-65px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-4:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-4:hover .titel-container {
    transform: translateY(-70px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bce9211 *//* ==== Hoofdcontainer slide 3 ==== */ 
.hover-container-3 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-3 .titel-container {
  position: absolute;
  bottom: 10px; 
  left: 20px;   
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-3 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-3 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); 
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect desktop ==== */
.hover-container-3:hover .titel-container {
  transform: translateY(-130px); /* standaard desktop */
}

.hover-container-3:hover .tekst-container {
  transform: translateY(-15px); 
  opacity: 1;
}

/* ==== Tablet: 768px - 1024px ==== */
@media (min-width: 768px) and (max-width: 1024px) {
  .hover-container-3:hover .titel-container {
    transform: translateY(-162px); /* titel hoger op tablet */
  }
}

/* ==== Mobiel: max 767px ==== */
@media (max-width: 767px) {
  .hover-container-3:hover .titel-container {
    transform: translateY(-120px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a81ecc *//* ==== Hoofdcontainer ==== */ 
.hover-container-1 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-1 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-1 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-1 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-1:hover .titel-container {
  transform: translateY(-85px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-1:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-1:hover .titel-container {
    transform: translateY(-70px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a78e0f5 *//* ==== Hoofdcontainer ==== */ 
.hover-container-1 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-1 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-1 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-1 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-1:hover .titel-container {
  transform: translateY(-85px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-1:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-1:hover .titel-container {
    transform: translateY(-70px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-252a2b7 *//* ==== Hoofdcontainer ==== */ 
.hover-container-2 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-2 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-2 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-2 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-2:hover .titel-container {
  transform: translateY(-65px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-2:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-2:hover .titel-container {
    transform: translateY(-80px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7d8f2f *//* ==== Hoofdcontainer slide 3 ==== */ 
.hover-container-3 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-3 .titel-container {
  position: absolute;
  bottom: 10px; 
  left: 20px;   
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-3 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-3 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); 
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect desktop ==== */
.hover-container-3:hover .titel-container {
  transform: translateY(-130px); /* standaard desktop */
}

.hover-container-3:hover .tekst-container {
  transform: translateY(-15px); 
  opacity: 1;
}

/* ==== Tablet: 768px - 1024px ==== */
@media (min-width: 768px) and (max-width: 1024px) {
  .hover-container-3:hover .titel-container {
    transform: translateY(-162px); /* titel hoger op tablet */
  }
}

/* ==== Mobiel: max 767px ==== */
@media (max-width: 767px) {
  .hover-container-3:hover .titel-container {
    transform: translateY(-120px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-895975c *//* ==== Hoofdcontainer ==== */ 
.hover-container-2 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-2 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-2 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-2 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-2:hover .titel-container {
  transform: translateY(-65px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-2:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-2:hover .titel-container {
    transform: translateY(-45px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aa70cf0 *//* ==== Hoofdcontainer ==== */ 
.hover-container-4 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-4 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-4 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-4 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-4:hover .titel-container {
  transform: translateY(-65px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-4:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-4:hover .titel-container {
    transform: translateY(-70px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bce9211 *//* ==== Hoofdcontainer slide 3 ==== */ 
.hover-container-3 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-3 .titel-container {
  position: absolute;
  bottom: 10px; 
  left: 20px;   
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-3 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-3 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); 
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect desktop ==== */
.hover-container-3:hover .titel-container {
  transform: translateY(-130px); /* standaard desktop */
}

.hover-container-3:hover .tekst-container {
  transform: translateY(-15px); 
  opacity: 1;
}

/* ==== Tablet: 768px - 1024px ==== */
@media (min-width: 768px) and (max-width: 1024px) {
  .hover-container-3:hover .titel-container {
    transform: translateY(-162px); /* titel hoger op tablet */
  }
}

/* ==== Mobiel: max 767px ==== */
@media (max-width: 767px) {
  .hover-container-3:hover .titel-container {
    transform: translateY(-120px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a81ecc *//* ==== Hoofdcontainer ==== */ 
.hover-container-1 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-1 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-1 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-1 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-1:hover .titel-container {
  transform: translateY(-85px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-1:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-1:hover .titel-container {
    transform: translateY(-70px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a78e0f5 *//* ==== Hoofdcontainer ==== */ 
.hover-container-1 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-1 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-1 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-1 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-1:hover .titel-container {
  transform: translateY(-85px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-1:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-1:hover .titel-container {
    transform: translateY(-70px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-252a2b7 *//* ==== Hoofdcontainer ==== */ 
.hover-container-2 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-2 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-2 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-2 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-2:hover .titel-container {
  transform: translateY(-65px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-2:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-2:hover .titel-container {
    transform: translateY(-80px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7d8f2f *//* ==== Hoofdcontainer slide 3 ==== */ 
.hover-container-3 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-3 .titel-container {
  position: absolute;
  bottom: 10px; 
  left: 20px;   
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-3 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-3 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); 
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect desktop ==== */
.hover-container-3:hover .titel-container {
  transform: translateY(-130px); /* standaard desktop */
}

.hover-container-3:hover .tekst-container {
  transform: translateY(-15px); 
  opacity: 1;
}

/* ==== Tablet: 768px - 1024px ==== */
@media (min-width: 768px) and (max-width: 1024px) {
  .hover-container-3:hover .titel-container {
    transform: translateY(-162px); /* titel hoger op tablet */
  }
}

/* ==== Mobiel: max 767px ==== */
@media (max-width: 767px) {
  .hover-container-3:hover .titel-container {
    transform: translateY(-120px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-895975c *//* ==== Hoofdcontainer ==== */ 
.hover-container-2 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-2 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-2 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-2 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-2:hover .titel-container {
  transform: translateY(-65px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-2:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-2:hover .titel-container {
    transform: translateY(-45px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aa70cf0 *//* ==== Hoofdcontainer ==== */ 
.hover-container-4 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-4 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-4 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-4 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-4:hover .titel-container {
  transform: translateY(-65px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-4:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-4:hover .titel-container {
    transform: translateY(-70px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bce9211 *//* ==== Hoofdcontainer slide 3 ==== */ 
.hover-container-3 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-3 .titel-container {
  position: absolute;
  bottom: 10px; 
  left: 20px;   
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-3 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-3 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); 
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect desktop ==== */
.hover-container-3:hover .titel-container {
  transform: translateY(-130px); /* standaard desktop */
}

.hover-container-3:hover .tekst-container {
  transform: translateY(-15px); 
  opacity: 1;
}

/* ==== Tablet: 768px - 1024px ==== */
@media (min-width: 768px) and (max-width: 1024px) {
  .hover-container-3:hover .titel-container {
    transform: translateY(-162px); /* titel hoger op tablet */
  }
}

/* ==== Mobiel: max 767px ==== */
@media (max-width: 767px) {
  .hover-container-3:hover .titel-container {
    transform: translateY(-120px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a81ecc *//* ==== Hoofdcontainer ==== */ 
.hover-container-1 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-1 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-1 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-1 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-1:hover .titel-container {
  transform: translateY(-85px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-1:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-1:hover .titel-container {
    transform: translateY(-70px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a78e0f5 *//* ==== Hoofdcontainer ==== */ 
.hover-container-1 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-1 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-1 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-1 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-1:hover .titel-container {
  transform: translateY(-85px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-1:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-1:hover .titel-container {
    transform: translateY(-70px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-252a2b7 *//* ==== Hoofdcontainer ==== */ 
.hover-container-2 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-2 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-2 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-2 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-2:hover .titel-container {
  transform: translateY(-65px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-2:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-2:hover .titel-container {
    transform: translateY(-80px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7d8f2f *//* ==== Hoofdcontainer slide 3 ==== */ 
.hover-container-3 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-3 .titel-container {
  position: absolute;
  bottom: 10px; 
  left: 20px;   
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-3 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-3 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); 
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect desktop ==== */
.hover-container-3:hover .titel-container {
  transform: translateY(-130px); /* standaard desktop */
}

.hover-container-3:hover .tekst-container {
  transform: translateY(-15px); 
  opacity: 1;
}

/* ==== Tablet: 768px - 1024px ==== */
@media (min-width: 768px) and (max-width: 1024px) {
  .hover-container-3:hover .titel-container {
    transform: translateY(-162px); /* titel hoger op tablet */
  }
}

/* ==== Mobiel: max 767px ==== */
@media (max-width: 767px) {
  .hover-container-3:hover .titel-container {
    transform: translateY(-120px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-895975c *//* ==== Hoofdcontainer ==== */ 
.hover-container-2 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-2 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-2 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-2 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-2:hover .titel-container {
  transform: translateY(-65px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-2:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-2:hover .titel-container {
    transform: translateY(-45px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aa70cf0 *//* ==== Hoofdcontainer ==== */ 
.hover-container-4 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-4 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-4 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-4 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-4:hover .titel-container {
  transform: translateY(-65px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-4:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-4:hover .titel-container {
    transform: translateY(-70px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bce9211 *//* ==== Hoofdcontainer slide 3 ==== */ 
.hover-container-3 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-3 .titel-container {
  position: absolute;
  bottom: 10px; 
  left: 20px;   
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-3 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-3 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); 
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect desktop ==== */
.hover-container-3:hover .titel-container {
  transform: translateY(-130px); /* standaard desktop */
}

.hover-container-3:hover .tekst-container {
  transform: translateY(-15px); 
  opacity: 1;
}

/* ==== Tablet: 768px - 1024px ==== */
@media (min-width: 768px) and (max-width: 1024px) {
  .hover-container-3:hover .titel-container {
    transform: translateY(-162px); /* titel hoger op tablet */
  }
}

/* ==== Mobiel: max 767px ==== */
@media (max-width: 767px) {
  .hover-container-3:hover .titel-container {
    transform: translateY(-120px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a81ecc *//* ==== Hoofdcontainer ==== */ 
.hover-container-1 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-1 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-1 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-1 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-1:hover .titel-container {
  transform: translateY(-85px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-1:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-1:hover .titel-container {
    transform: translateY(-70px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a78e0f5 *//* ==== Hoofdcontainer ==== */ 
.hover-container-1 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-1 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-1 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-1 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-1:hover .titel-container {
  transform: translateY(-85px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-1:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-1:hover .titel-container {
    transform: translateY(-70px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-252a2b7 *//* ==== Hoofdcontainer ==== */ 
.hover-container-2 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-2 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-2 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-2 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-2:hover .titel-container {
  transform: translateY(-65px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-2:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-2:hover .titel-container {
    transform: translateY(-80px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7d8f2f *//* ==== Hoofdcontainer slide 3 ==== */ 
.hover-container-3 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-3 .titel-container {
  position: absolute;
  bottom: 10px; 
  left: 20px;   
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-3 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-3 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); 
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect desktop ==== */
.hover-container-3:hover .titel-container {
  transform: translateY(-130px); /* standaard desktop */
}

.hover-container-3:hover .tekst-container {
  transform: translateY(-15px); 
  opacity: 1;
}

/* ==== Tablet: 768px - 1024px ==== */
@media (min-width: 768px) and (max-width: 1024px) {
  .hover-container-3:hover .titel-container {
    transform: translateY(-162px); /* titel hoger op tablet */
  }
}

/* ==== Mobiel: max 767px ==== */
@media (max-width: 767px) {
  .hover-container-3:hover .titel-container {
    transform: translateY(-120px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-895975c *//* ==== Hoofdcontainer ==== */ 
.hover-container-2 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-2 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-2 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-2 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-2:hover .titel-container {
  transform: translateY(-65px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-2:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-2:hover .titel-container {
    transform: translateY(-45px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aa70cf0 *//* ==== Hoofdcontainer ==== */ 
.hover-container-4 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-4 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-4 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-4 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-4:hover .titel-container {
  transform: translateY(-65px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-4:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-4:hover .titel-container {
    transform: translateY(-70px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bce9211 *//* ==== Hoofdcontainer slide 3 ==== */ 
.hover-container-3 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-3 .titel-container {
  position: absolute;
  bottom: 10px; 
  left: 20px;   
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-3 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-3 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); 
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect desktop ==== */
.hover-container-3:hover .titel-container {
  transform: translateY(-130px); /* standaard desktop */
}

.hover-container-3:hover .tekst-container {
  transform: translateY(-15px); 
  opacity: 1;
}

/* ==== Tablet: 768px - 1024px ==== */
@media (min-width: 768px) and (max-width: 1024px) {
  .hover-container-3:hover .titel-container {
    transform: translateY(-162px); /* titel hoger op tablet */
  }
}

/* ==== Mobiel: max 767px ==== */
@media (max-width: 767px) {
  .hover-container-3:hover .titel-container {
    transform: translateY(-120px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a81ecc *//* ==== Hoofdcontainer ==== */ 
.hover-container-1 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-1 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-1 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-1 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-1:hover .titel-container {
  transform: translateY(-85px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-1:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-1:hover .titel-container {
    transform: translateY(-70px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a78e0f5 *//* ==== Hoofdcontainer ==== */ 
.hover-container-1 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-1 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-1 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-1 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-1:hover .titel-container {
  transform: translateY(-85px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-1:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-1:hover .titel-container {
    transform: translateY(-70px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-252a2b7 *//* ==== Hoofdcontainer ==== */ 
.hover-container-2 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-2 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-2 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-2 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-2:hover .titel-container {
  transform: translateY(-65px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-2:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-2:hover .titel-container {
    transform: translateY(-80px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7d8f2f *//* ==== Hoofdcontainer slide 3 ==== */ 
.hover-container-3 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-3 .titel-container {
  position: absolute;
  bottom: 10px; 
  left: 20px;   
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-3 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-3 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); 
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect desktop ==== */
.hover-container-3:hover .titel-container {
  transform: translateY(-130px); /* standaard desktop */
}

.hover-container-3:hover .tekst-container {
  transform: translateY(-15px); 
  opacity: 1;
}

/* ==== Tablet: 768px - 1024px ==== */
@media (min-width: 768px) and (max-width: 1024px) {
  .hover-container-3:hover .titel-container {
    transform: translateY(-162px); /* titel hoger op tablet */
  }
}

/* ==== Mobiel: max 767px ==== */
@media (max-width: 767px) {
  .hover-container-3:hover .titel-container {
    transform: translateY(-120px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-895975c *//* ==== Hoofdcontainer ==== */ 
.hover-container-2 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-2 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-2 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-2 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-2:hover .titel-container {
  transform: translateY(-65px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-2:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-2:hover .titel-container {
    transform: translateY(-45px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aa70cf0 *//* ==== Hoofdcontainer ==== */ 
.hover-container-4 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-4 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-4 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-4 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-4:hover .titel-container {
  transform: translateY(-65px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-4:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-4:hover .titel-container {
    transform: translateY(-70px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bce9211 *//* ==== Hoofdcontainer slide 3 ==== */ 
.hover-container-3 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-3 .titel-container {
  position: absolute;
  bottom: 10px; 
  left: 20px;   
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-3 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-3 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); 
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect desktop ==== */
.hover-container-3:hover .titel-container {
  transform: translateY(-130px); /* standaard desktop */
}

.hover-container-3:hover .tekst-container {
  transform: translateY(-15px); 
  opacity: 1;
}

/* ==== Tablet: 768px - 1024px ==== */
@media (min-width: 768px) and (max-width: 1024px) {
  .hover-container-3:hover .titel-container {
    transform: translateY(-162px); /* titel hoger op tablet */
  }
}

/* ==== Mobiel: max 767px ==== */
@media (max-width: 767px) {
  .hover-container-3:hover .titel-container {
    transform: translateY(-120px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a81ecc *//* ==== Hoofdcontainer ==== */ 
.hover-container-1 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-1 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-1 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-1 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-1:hover .titel-container {
  transform: translateY(-85px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-1:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-1:hover .titel-container {
    transform: translateY(-70px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a78e0f5 *//* ==== Hoofdcontainer ==== */ 
.hover-container-1 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-1 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-1 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-1 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-1:hover .titel-container {
  transform: translateY(-85px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-1:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-1:hover .titel-container {
    transform: translateY(-70px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-252a2b7 *//* ==== Hoofdcontainer ==== */ 
.hover-container-2 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-2 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-2 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-2 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-2:hover .titel-container {
  transform: translateY(-65px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-2:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-2:hover .titel-container {
    transform: translateY(-80px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7d8f2f *//* ==== Hoofdcontainer slide 3 ==== */ 
.hover-container-3 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-3 .titel-container {
  position: absolute;
  bottom: 10px; 
  left: 20px;   
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-3 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-3 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); 
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect desktop ==== */
.hover-container-3:hover .titel-container {
  transform: translateY(-130px); /* standaard desktop */
}

.hover-container-3:hover .tekst-container {
  transform: translateY(-15px); 
  opacity: 1;
}

/* ==== Tablet: 768px - 1024px ==== */
@media (min-width: 768px) and (max-width: 1024px) {
  .hover-container-3:hover .titel-container {
    transform: translateY(-162px); /* titel hoger op tablet */
  }
}

/* ==== Mobiel: max 767px ==== */
@media (max-width: 767px) {
  .hover-container-3:hover .titel-container {
    transform: translateY(-120px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-895975c *//* ==== Hoofdcontainer ==== */ 
.hover-container-2 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-2 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-2 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-2 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-2:hover .titel-container {
  transform: translateY(-65px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-2:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-2:hover .titel-container {
    transform: translateY(-45px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aa70cf0 *//* ==== Hoofdcontainer ==== */ 
.hover-container-4 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-4 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-4 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-4 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-4:hover .titel-container {
  transform: translateY(-65px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-4:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-4:hover .titel-container {
    transform: translateY(-70px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bce9211 *//* ==== Hoofdcontainer slide 3 ==== */ 
.hover-container-3 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-3 .titel-container {
  position: absolute;
  bottom: 10px; 
  left: 20px;   
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-3 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-3 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); 
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect desktop ==== */
.hover-container-3:hover .titel-container {
  transform: translateY(-130px); /* standaard desktop */
}

.hover-container-3:hover .tekst-container {
  transform: translateY(-15px); 
  opacity: 1;
}

/* ==== Tablet: 768px - 1024px ==== */
@media (min-width: 768px) and (max-width: 1024px) {
  .hover-container-3:hover .titel-container {
    transform: translateY(-162px); /* titel hoger op tablet */
  }
}

/* ==== Mobiel: max 767px ==== */
@media (max-width: 767px) {
  .hover-container-3:hover .titel-container {
    transform: translateY(-120px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a81ecc *//* ==== Hoofdcontainer ==== */ 
.hover-container-1 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-1 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-1 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-1 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-1:hover .titel-container {
  transform: translateY(-85px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-1:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-1:hover .titel-container {
    transform: translateY(-70px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a78e0f5 *//* ==== Hoofdcontainer ==== */ 
.hover-container-1 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-1 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-1 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-1 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-1:hover .titel-container {
  transform: translateY(-85px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-1:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-1:hover .titel-container {
    transform: translateY(-70px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-252a2b7 *//* ==== Hoofdcontainer ==== */ 
.hover-container-2 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-2 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-2 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-2 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-2:hover .titel-container {
  transform: translateY(-65px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-2:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-2:hover .titel-container {
    transform: translateY(-80px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7d8f2f *//* ==== Hoofdcontainer slide 3 ==== */ 
.hover-container-3 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-3 .titel-container {
  position: absolute;
  bottom: 10px; 
  left: 20px;   
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-3 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-3 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); 
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect desktop ==== */
.hover-container-3:hover .titel-container {
  transform: translateY(-130px); /* standaard desktop */
}

.hover-container-3:hover .tekst-container {
  transform: translateY(-15px); 
  opacity: 1;
}

/* ==== Tablet: 768px - 1024px ==== */
@media (min-width: 768px) and (max-width: 1024px) {
  .hover-container-3:hover .titel-container {
    transform: translateY(-162px); /* titel hoger op tablet */
  }
}

/* ==== Mobiel: max 767px ==== */
@media (max-width: 767px) {
  .hover-container-3:hover .titel-container {
    transform: translateY(-120px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-895975c *//* ==== Hoofdcontainer ==== */ 
.hover-container-2 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-2 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-2 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-2 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-2:hover .titel-container {
  transform: translateY(-65px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-2:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-2:hover .titel-container {
    transform: translateY(-45px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aa70cf0 *//* ==== Hoofdcontainer ==== */ 
.hover-container-4 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-4 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-4 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-4 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-4:hover .titel-container {
  transform: translateY(-65px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-4:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-4:hover .titel-container {
    transform: translateY(-70px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bce9211 *//* ==== Hoofdcontainer slide 3 ==== */ 
.hover-container-3 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-3 .titel-container {
  position: absolute;
  bottom: 10px; 
  left: 20px;   
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-3 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-3 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); 
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect desktop ==== */
.hover-container-3:hover .titel-container {
  transform: translateY(-130px); /* standaard desktop */
}

.hover-container-3:hover .tekst-container {
  transform: translateY(-15px); 
  opacity: 1;
}

/* ==== Tablet: 768px - 1024px ==== */
@media (min-width: 768px) and (max-width: 1024px) {
  .hover-container-3:hover .titel-container {
    transform: translateY(-162px); /* titel hoger op tablet */
  }
}

/* ==== Mobiel: max 767px ==== */
@media (max-width: 767px) {
  .hover-container-3:hover .titel-container {
    transform: translateY(-120px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a81ecc *//* ==== Hoofdcontainer ==== */ 
.hover-container-1 {
  position: relative;
  overflow: hidden;
  height: 300px; /* pas aan naar je design */
  padding: 10px;
  cursor: pointer;
}

/* ==== Titel: absoluut onderaan ==== */
.hover-container-1 .titel-container {
  position: absolute;
  bottom: 10px; /* afstand van onderkant container */
  left: 20px;   /* pas aan naar wens */
  right: 20px;
  z-index: 2;
  transition: transform 0.5s ease;
}

/* Divider onder de titel */
.hover-container-1 .titel-container .elementor-heading-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

/* ==== Tekst-container: start onder container (verborgen) ==== */
.hover-container-1 .tekst-container {
  position: absolute;
  bottom: 0;           
  left: 20px;
  right: 20px;
  transform: translateY(100%); /* start onder container */
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}

/* ==== Hover effect ==== */
.hover-container-1:hover .titel-container {
  transform: translateY(-85px); /* schuift omhoog voor ruimte tekst */
}

.hover-container-1:hover .tekst-container {
  transform: translateY(-15px); /* schuift omhoog 5px voor extra ruimte van bottom */
  opacity: 1;
}

/* ==== Mobiel: pas hover hoogte aan ==== */
@media (max-width: 767px) {
  .hover-container-1:hover .titel-container {
    transform: translateY(-70px); /* minder omhoog op mobiel */
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Modulus';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://www.sarana.nu/wp-content/uploads/2025/08/Arkitype-Modulus-Pro-Extra-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Modulus';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://www.sarana.nu/wp-content/uploads/2025/08/Arkitype-Modulus-Pro-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Modulus';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://www.sarana.nu/wp-content/uploads/2025/08/Arkitype-Modulus-Pro-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Modulus';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.sarana.nu/wp-content/uploads/2025/08/Arkitype-Modulus-Pro-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Modulus';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.sarana.nu/wp-content/uploads/2025/08/Arkitype-Modulus-Pro-Semi-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Modulus';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.sarana.nu/wp-content/uploads/2025/08/Arkitype-Modulus-Pro-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Modulus';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.sarana.nu/wp-content/uploads/2025/08/Arkitype-Modulus-Pro-Extra-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Modulus';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://www.sarana.nu/wp-content/uploads/2025/08/Arkitype-Modulus-Pro-Black.ttf') format('truetype');
}
/* End Custom Fonts CSS */