/* F4S klikbare blokken: hele kaart klikbaar via 'stretched link' + hover */
.f4s-klik{position:relative; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; cursor:pointer;}
.f4s-klik :is(.e-con,.elementor-widget,.elementor-widget-container,img){position:static !important;}
.f4s-klik .f4s-hoofdlink a::after{content:""; position:absolute; inset:0; z-index:10; border-radius:inherit;}
.f4s-klik:hover, .f4s-klik:focus-within{transform:translateY(-6px); box-shadow:0 22px 44px rgba(18,38,66,.14);}
.f4s-klik:hover .f4s-titel .elementor-heading-title, .f4s-klik:focus-within .f4s-titel .elementor-heading-title{color:var(--e-global-color-secondary,#35B3CE) !important; transition:color .2s ease;}
.f4s-klik:hover .elementor-button, .f4s-klik:focus-within .elementor-button{border-color:var(--e-global-color-secondary,#35B3CE);}
.f4s-klik .f4s-hoofdlink a:focus-visible{outline:none;}
.f4s-klik:has(.f4s-hoofdlink a:focus-visible){outline:3px solid var(--e-global-color-secondary,#35B3CE); outline-offset:4px;}
@media (prefers-reduced-motion: reduce){ .f4s-klik{transition:none;} .f4s-klik:hover{transform:none;} }
/* kaartfoto vult de hoogte van het beeldvlak (brede kaart: foto = hele linkerhelft) */
.f4s-klik .f4s-kaartfoto, .f4s-klik .f4s-kaartfoto .elementor-widget-container{height:100%;}
.f4s-klik .elementor-element:has(> .f4s-kaartfoto), .f4s-klik .e-con:has(> .f4s-kaartfoto){position:relative !important;}
.f4s-klik .f4s-catpill{position:absolute !important;}
/* brede berichtkaart (loop 11252): foto vult altijd de volle hoogte van de linkerhelft */
.elementor-11252 .e-con:has(> .f4s-kaartfoto){align-self:stretch;}
.elementor-11252 .f4s-kaartfoto img{height:100% !important; min-height:460px;}
@media (max-width:767px){ .elementor-11252 .f4s-kaartfoto img{min-height:220px;} }