.stom-fws{width:100%;height:var(--stom-fws-h-desktop);position:relative;overflow:hidden}
.stom-fws .swiper-wrapper,.stom-fws .swiper-slide{height:100%}
.stom-fws-slide{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}
.stom-fws-overlay{position:absolute;inset:0;background:var(--stom-fws-overlay);z-index:1}
.stom-fws-inner{position:relative;z-index:2;height:100%;display:flex;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:60px 6vw;box-sizing:border-box}
.stom-fws-content{width:100%;max-width:none;color:#fff}
.stom-fws-pos-center .stom-fws-inner{justify-content:center;text-align:center}
.stom-fws-pos-right .stom-fws-inner{justify-content:flex-end;text-align:right}
.stom-fws-title{width:75%;max-width:75%;margin:0 0 16px;color:#fff;font-size:clamp(2.2rem,5vw,5.2rem);line-height:1.02;font-weight:700}
.stom-fws-subtitle{max-width:760px;font-size:clamp(1.05rem,2vw,1.5rem);line-height:1.5;margin-bottom:28px}
.stom-fws-subtitle p{margin:0}
.stom-fws-button{display:inline-block;background:var(--stom-fws-button-bg,#fff);color:var(--stom-fws-button-text,#111);text-decoration:none;padding:14px 24px;border-radius:4px;font-weight:600;transition:transform .2s ease,opacity .2s ease}
.stom-fws-button:hover{background:var(--stom-fws-button-hover-bg,#fff);color:var(--stom-fws-button-hover-text,#111);transform:translateY(-1px);opacity:.92}
.stom-fws .swiper-button-prev,.stom-fws .swiper-button-next{color:var(--stom-fws-arrow-color);background:var(--stom-fws-arrow-bg)!important;border:0!important;box-shadow:none!important;border-radius:0;padding:0}
.stom-fws .swiper-pagination-bullet{background:#fff;opacity:.5}
.stom-fws .swiper-pagination-bullet-active{opacity:1}
@media (max-width:980px){.stom-fws{height:var(--stom-fws-h-tablet)}.stom-fws-inner{padding:45px 7vw}}
@media (max-width:767px){.stom-fws{height:var(--stom-fws-h-mobile)}.stom-fws-inner{padding:35px 24px}.stom-fws-title{font-size:clamp(2rem,10vw,3.2rem)}.stom-fws-subtitle{max-width:760px;font-size:1rem}.stom-fws .swiper-button-prev,.stom-fws .swiper-button-next{display:none}}

.stom-fws-pos-center .stom-fws-title,.stom-fws-pos-center .stom-fws-subtitle{margin-left:auto;margin-right:auto}
.stom-fws-pos-right .stom-fws-title,.stom-fws-pos-right .stom-fws-subtitle{margin-left:auto}

.stom-fws-video{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.stom-fws-external-video iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-width:177.78vh;min-height:100%;transform:translate(-50%,-50%);border:0;pointer-events:none}
.stom-fws-slide{background-size:cover;background-position:center}
@media (prefers-reduced-motion: reduce){.stom-fws-video{display:none!important}}

.stom-fws-subtitle.is-bold{font-weight:700}
.stom-fws-subtitle.is-italic{font-style:italic}

/* YouTube/Vimeo als echte achtergrond: bewust groter dan het zichtbare vlak zodat tijdelijke player-UI buiten beeld valt. */
.stom-fws-external-video{overflow:hidden}
.stom-fws-external-video iframe{
  width:120vw;
  height:67.5vw;
  min-width:213.34vh;
  min-height:120%;
}

.stom-fws-photo-mask{position:absolute;inset:0;z-index:2;background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none}
.stom-fws-inner{z-index:3}

/* Responsive fotomasker */
.stom-fws.stom-fws-mask-hide-desktop .stom-fws-photo-mask{display:none}
@media (max-width:980px) and (min-width:768px){.stom-fws.stom-fws-mask-hide-desktop .stom-fws-photo-mask{display:block}.stom-fws.stom-fws-mask-hide-tablet .stom-fws-photo-mask{display:none}}
@media (max-width:767px){.stom-fws.stom-fws-mask-hide-desktop .stom-fws-photo-mask{display:block}.stom-fws.stom-fws-mask-hide-mobile .stom-fws-photo-mask{display:none}}

/* v1.9.0 per-slide */
.stom-fws-slide.stom-fws-pos-center .stom-fws-inner{justify-content:center;text-align:center}
.stom-fws-slide.stom-fws-pos-right .stom-fws-inner{justify-content:flex-end;text-align:right}
.stom-fws-slide.stom-fws-pos-left .stom-fws-inner{justify-content:flex-start;text-align:left}
.stom-fws-slide[style*="--stom-fws-slide-text"] .stom-fws-content,.stom-fws-slide[style*="--stom-fws-slide-text"] .stom-fws-title,.stom-fws-slide[style*="--stom-fws-slide-text"] .stom-fws-subtitle{color:var(--stom-fws-slide-text)}
@media(max-width:767px){.stom-fws-slide[style*="--stom-fws-mobile-image"]{background-image:var(--stom-fws-mobile-image)!important}}

/* v1.9.2 globale titel- en ondertitelkleuren */
.stom-fws .stom-fws-title,.stom-fws .stom-fws-title a,.stom-fws .stom-fws-title strong,.stom-fws .stom-fws-title em{color:var(--stom-fws-title-color,#fff)}
.stom-fws .stom-fws-subtitle,.stom-fws .stom-fws-subtitle p,.stom-fws .stom-fws-subtitle a,.stom-fws .stom-fws-subtitle strong,.stom-fws .stom-fws-subtitle em,.stom-fws .stom-fws-subtitle span{color:var(--stom-fws-subtitle-color,#fff)}
.stom-fws-slide[style*="--stom-fws-slide-text"] .stom-fws-title,.stom-fws-slide[style*="--stom-fws-slide-text"] .stom-fws-title *,.stom-fws-slide[style*="--stom-fws-slide-text"] .stom-fws-subtitle,.stom-fws-slide[style*="--stom-fws-slide-text"] .stom-fws-subtitle *{color:var(--stom-fws-slide-text)!important}

/* v1.9.3 responsive typografie */
.stom-fws .stom-fws-title{font-size:var(--stom-fws-title-size-desktop,48px)}
.stom-fws .stom-fws-subtitle,
.stom-fws .stom-fws-subtitle p,
.stom-fws .stom-fws-subtitle a,
.stom-fws .stom-fws-subtitle span,
.stom-fws .stom-fws-subtitle strong,
.stom-fws .stom-fws-subtitle em{font-size:var(--stom-fws-subtitle-size-desktop,20px)}
@media(max-width:980px) and (min-width:768px){
 .stom-fws .stom-fws-title{font-size:var(--stom-fws-title-size-tablet,40px)}
 .stom-fws .stom-fws-subtitle,.stom-fws .stom-fws-subtitle p,.stom-fws .stom-fws-subtitle a,.stom-fws .stom-fws-subtitle span,.stom-fws .stom-fws-subtitle strong,.stom-fws .stom-fws-subtitle em{font-size:var(--stom-fws-subtitle-size-tablet,18px)}
}
@media(max-width:767px){
 .stom-fws .stom-fws-title{font-size:var(--stom-fws-title-size-mobile,32px)}
 .stom-fws .stom-fws-subtitle,.stom-fws .stom-fws-subtitle p,.stom-fws .stom-fws-subtitle a,.stom-fws .stom-fws-subtitle span,.stom-fws .stom-fws-subtitle strong,.stom-fws .stom-fws-subtitle em{font-size:var(--stom-fws-subtitle-size-mobile,17px)}
}

/* v1.9.6 beeldvullende foto-achtergrond en zoomeffect */
.stom-fws-photo-bg{position:absolute;inset:-1px;z-index:0;background-size:cover;background-position:var(--stom-fws-photo-x,50%) var(--stom-fws-photo-y,50%);background-repeat:no-repeat;transform-origin:var(--stom-fws-photo-x,50%) var(--stom-fws-photo-y,50%);will-change:transform;pointer-events:none}
.stom-fws-slide.stom-fws-type-image{background-image:none!important;overflow:hidden}
.stom-fws-slide.stom-fws-type-image.stom-fws-effect-zoom-in.swiper-slide-active .stom-fws-photo-bg{animation:stom-fws-zoom-in var(--stom-fws-photo-duration,8s) linear both}
.stom-fws-slide.stom-fws-type-image.stom-fws-effect-zoom-out.swiper-slide-active .stom-fws-photo-bg{animation:stom-fws-zoom-out var(--stom-fws-photo-duration,8s) linear both}
@keyframes stom-fws-zoom-in{from{transform:scale(1)}to{transform:scale(1.08)}}
@keyframes stom-fws-zoom-out{from{transform:scale(1.08)}to{transform:scale(1)}}
@media(max-width:767px){.stom-fws-photo-bg[style*="--stom-fws-mobile-image"]{background-image:var(--stom-fws-mobile-image)!important}}
@media(prefers-reduced-motion:reduce){.stom-fws-slide.stom-fws-effect-zoom-in.swiper-slide-active .stom-fws-photo-bg,.stom-fws-slide.stom-fws-effect-zoom-out.swiper-slide-active .stom-fws-photo-bg{animation:none!important;transform:none!important}}


/* v1.9.8: optionele schermvullende sliderhoogte */
.stom-fws.stom-fws-fullscreen{height:calc(100vh - var(--stom-fws-header-offset,0px));min-height:200px}
@supports (height:100dvh){.stom-fws.stom-fws-fullscreen{height:calc(100dvh - var(--stom-fws-header-offset,0px))}}
@media (max-width:980px){.stom-fws.stom-fws-fullscreen{height:calc(100vh - var(--stom-fws-header-offset,0px))}@supports (height:100dvh){.stom-fws.stom-fws-fullscreen{height:calc(100dvh - var(--stom-fws-header-offset,0px))}}}
@media (max-width:767px){.stom-fws.stom-fws-fullscreen{height:calc(100vh - var(--stom-fws-header-offset,0px))}@supports (height:100dvh){.stom-fws.stom-fws-fullscreen{height:calc(100dvh - var(--stom-fws-header-offset,0px))}}}

/* v1.10.2 - extra content image and copyright */
.stom-fws-content-layout{display:flex;align-items:center;gap:clamp(20px,4vw,64px);width:100%}
.stom-fws-content-layout .stom-fws-content{min-width:0;flex:1}
.stom-fws-content-image{flex:0 0 auto;display:flex;align-items:center;justify-content:center}
.stom-fws-content-image-img{display:block;width:min(var(--stom-fws-content-image-width,180px),30vw);height:auto;max-height:55vh;object-fit:contain}
.stom-fws-copyright{position:absolute;z-index:4;left:clamp(14px,3vw,42px);right:clamp(14px,3vw,42px);bottom:12px;font-size:11px;line-height:1.35;color:var(--stom-fws-slide-text,#fff);opacity:.8;pointer-events:none}
@media(max-width:767px){
 .stom-fws-content-layout{gap:18px}
 .stom-fws-content-image-img{width:min(var(--stom-fws-content-image-width,180px),24vw);max-height:30vh}
 .stom-fws-copyright{bottom:8px;font-size:10px}
}

/* v2.0.1: logo bepaalt alleen de kolomvolgorde; het complete tekstblok blijft links uitgelijnd. */
.stom-fws-has-content-image .stom-fws-content{text-align:left}
.stom-fws-has-content-image .stom-fws-content .stom-fws-button{margin-left:0;margin-right:auto}
.stom-fws-has-content-image.stom-fws-content-image-on-left .stom-fws-content-layout{flex-direction:row}
.stom-fws-has-content-image.stom-fws-content-image-on-right .stom-fws-content-layout{flex-direction:row}

/* v2.0.2 - tekst + extra afbeelding vormen samen één compacte contentgroep */
.stom-fws-has-content-image .stom-fws-inner{
    display:flex;
    justify-content:center;
}
.stom-fws-has-content-image .stom-fws-content-layout{
    width:auto;
    max-width:100%;
    flex:0 1 auto;
    justify-content:center;
    align-items:center;
    gap:clamp(28px,3vw,56px);
}
.stom-fws-has-content-image .stom-fws-content{
    flex:0 1 auto;
    width:auto;
    max-width:min(760px,65vw);
    text-align:left;
}
.stom-fws-has-content-image .stom-fws-content .stom-fws-title,
.stom-fws-has-content-image .stom-fws-content .stom-fws-subtitle,
.stom-fws-has-content-image .stom-fws-content .stom-fws-subtitle p{
    text-align:left;
}
.stom-fws-has-content-image .stom-fws-content .stom-fws-button{
    display:table;
    margin-left:0;
    margin-right:auto;
}
.stom-fws-has-content-image .stom-fws-content-image{
    flex:0 0 auto;
}
@media(max-width:767px){
    .stom-fws-has-content-image .stom-fws-content-layout{
        gap:20px;
    }
    .stom-fws-has-content-image .stom-fws-content{
        max-width:70vw;
    }
}

/* v2.0.3 - instelbare contentbreedte en consistente linker lijn */
.stom-fws .stom-fws-inner{max-width:var(--stom-fws-content-width,1200px);margin-left:auto;margin-right:auto}
.stom-fws .stom-fws-content-layout{max-width:var(--stom-fws-slide-content-width,var(--stom-fws-content-width,1200px));}
.stom-fws-has-content-image .stom-fws-inner{width:100%}
.stom-fws-has-content-image .stom-fws-content-layout{width:100%;justify-content:space-between}
.stom-fws-has-content-image .stom-fws-content{flex:1 1 0;max-width:none}
.stom-fws-has-content-image .stom-fws-content .stom-fws-title,
.stom-fws-has-content-image .stom-fws-content .stom-fws-subtitle,
.stom-fws-has-content-image .stom-fws-content .stom-fws-subtitle p{margin-left:0!important;margin-right:0!important;text-align:left!important}
.stom-fws-has-content-image .stom-fws-content .stom-fws-button{margin-left:0!important;margin-right:auto!important}

/* v2.0.4 - instelbare verdeling tekstblok binnen contentgroep */
.stom-fws-has-content-image .stom-fws-content{
    flex:0 1 var(--stom-fws-slide-text-block-width,var(--stom-fws-text-block-width,60%));
    width:var(--stom-fws-slide-text-block-width,var(--stom-fws-text-block-width,60%));
    max-width:var(--stom-fws-slide-text-block-width,var(--stom-fws-text-block-width,60%));
}
@media(max-width:767px){
    .stom-fws-has-content-image .stom-fws-content{
        flex:1 1 auto;
        width:auto;
        max-width:none;
    }
}

/* v2.0.5 - instelbare navigatie en buttonvormgeving */
.stom-fws .swiper-button-prev,.stom-fws .swiper-button-next{width:var(--stom-fws-arrow-box-size,48px);height:var(--stom-fws-arrow-box-size,48px);border-radius:var(--stom-fws-arrow-radius,0)}
.stom-fws .swiper-button-prev::after,.stom-fws .swiper-button-next::after{font-size:var(--stom-fws-arrow-icon-size,22px)}
.stom-fws .stom-fws-button{font-size:var(--stom-fws-button-font-size,16px);padding:var(--stom-fws-button-padding-y,12px) var(--stom-fws-button-padding-x,22px);border-radius:var(--stom-fws-button-radius,0)}
/* Breedte tekstblok is leidend; titel en tekst hebben geen afzonderlijke max-width. */
.stom-fws .stom-fws-content .stom-fws-title,.stom-fws .stom-fws-content .stom-fws-subtitle,.stom-fws .stom-fws-content .stom-fws-subtitle p{max-width:none!important;width:auto}
