:root {
    --sf-dark: #1E2F28;
    --sf-sage: #9DB59A;
    --sf-cream: #F2F4EE;
    --sf-grey: #B9B8B6;
    --sf-white: #FFFFFF;
}

html,
body {
    background: var(--sf-cream);
    color: var(--sf-dark);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--sf-dark);
}

p,
.blog-item .bi-text ul li,
.ts-item p,
.ps-item ul li,
.sidebar-option .so-categories ul li a,
.latest-large-set .ll-text ul li,
.latest-item .li-text ul li,
.blog-details-text .blog-details-title ul li,
.blog-details-text .blog-details-title p,
.blog-details-text .blog-details-tag-share .tags a,
.contact-widget .cw-text p,
.footer-section .fs-about p,
.footer-section .fa-social a,
.footer-section .fs-widget ul li a,
.copyright-text p,
.copyright-text a,
.copyright-text i {
    color: rgba(30, 47, 40, 0.74);
}

a:hover,
a:focus {
    color: var(--sf-sage);
}

.section-title span,
.cs-item span,
.class-item .ci-text span,
.cta-section .cta-text h2 span,
.price-item .pi-price h2,
.ps-item h3,
.blog-item .bi-text span,
.footer-section .fs-widget h4,
.contact-widget .cw-text i,
.breadcrumb-section .breadcrumb-text .bt-option a,
.blog-details-text .blog-details-title .post-date,
.bd-quote p,
.sidebar-option .so-latest h5,
.latest-large-set .ll-text h5 a,
.latest-item .li-text h6 a,
.leave-comment h5,
.contact-section .section-title span,
.about-text .section-title span,
.team-title .section-title span,
.gallery-section .section-title span,
.bmi-text .section-title span {
    color: var(--sf-sage) !important;
}

.primary-btn,
.site-btn,
.cs-item:hover span,
.bs-text .play-btn,
.price-item .primary-btn,
.gettouch-section,
.search-model-form button,
.blog-pagination a:hover,
.blog-pagination a.active,
.leave-comment form button,
.contact-form form button,
.sidebar-option .so-tags a:hover,
.canvas-open,
.offcanvas-menu-wrapper .canvas-close {
    background: var(--sf-sage) !important;
    border-color: var(--sf-sage) !important;
    color: var(--sf-dark) !important;
}

.primary-btn:hover,
.site-btn:hover,
.price-item:hover .primary-btn,
.search-model-form button:hover,
.leave-comment form button:hover,
.contact-form form button:hover {
    background: var(--sf-dark) !important;
    border-color: var(--sf-dark) !important;
    color: var(--sf-white) !important;
}

#preloder,
.choseus-section,
.pricing-section,
.team-section,
.bmi-calculator-section,
.blog-section,
.contact-section,
.classes-timetable-section,
.team-section.team-page,
.aboutus-section,
.services-section,
.blog-details-section {
    background: var(--sf-cream) !important;
}

.classes-section,
.gallery-section,
.footer-section,
.latest-blog-section,
.contact-widget-section,
.team-section.team-page,
.class-details-section {
    background: var(--sf-white) !important;
}

.header-section {
    background: transparent !important;
    border-bottom: 0 !important;
}

.logo img {
    width: auto;
    max-height: 74px;
}

.nav-menu ul li a,
.top-option .to-search i,
.top-option .to-social a {
    color: var(--sf-white) !important;
}

.nav-menu ul li .dropdown li a,
.canvas-open i,
.offcanvas-menu-wrapper .canvas-close i,
.offcanvas-menu-wrapper .canvas-search i,
.slicknav_nav a,
.slicknav_nav .slicknav_row {
    color: var(--sf-dark) !important;
}

.nav-menu ul li.active > a,
.nav-menu ul li:hover > a,
.nav-menu ul li a:hover,
.slicknav_nav a:hover,
.slicknav_nav .slicknav_row:hover {
    color: var(--sf-sage) !important;
}

.nav-menu ul li a:after,
.nav-menu ul li .dropdown,
.offcanvas-menu-wrapper,
.slicknav_nav {
    background: var(--sf-white) !important;
}

.nav-menu ul li .dropdown {
    border: 1px solid rgba(157, 181, 154, 0.28);
    box-shadow: 0 18px 45px rgba(30, 47, 40, 0.12);
}

.top-option .to-search:after {
    background: rgba(30, 47, 40, 0.22);
}

.hs-slider .hs-item:before,
.breadcrumb-section:before,
.banner-section:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(30,47,40,.72), rgba(30,47,40,.28));
    pointer-events: none;
}

.hs-slider .hs-item,
.breadcrumb-section,
.banner-section {
    position: relative;
}

.hs-slider .hs-item .container,
.breadcrumb-section .container,
.banner-section .container {
    position: relative;
    z-index: 1;
}

.hs-slider .hs-item .hi-text span,
.hs-slider .hs-item .hi-text h1,
.bs-text h2,
.bs-text .bt-tips,
.breadcrumb-text h2,
.breadcrumb-text .bt-option span {
    color: var(--sf-white) !important;
}

.hs-slider .hs-item .hi-text h1 strong {
    color: var(--sf-sage) !important;
}

.hs-slider.owl-carousel .owl-nav button,
.cs-item span,
.class-item .ci-text a,
.ts-item .ti-pic .quote,
.latest-item.large-item .li-text,
.blog-item .bi-pic .bi-date,
.bd-quote,
.contact-widget .cw-text i,
.search-model-form input {
    background: rgba(157, 181, 154, 0.16) !important;
    color: var(--sf-dark) !important;
}

.cs-item h4,
.class-item .ci-text h4,
.class-item .ci-text h5,
.ps-item h3,
.ps-item .pi-price h2,
.team-item .ti-text h5,
.latest-blog-section .section-title h2,
.blog-item .bi-text h5 a,
.footer-section .fs-widget h4,
.breadcrumb-text h2,
.about-text .section-title h2,
.class-details-text .cd-text .cd-single-item h3,
.sidebar-option .so-title h5,
.blog-details-text .blog-details-title h5,
.contact-section .section-title h2,
.bmi-text .section-title h2,
.team-title .section-title h2,
.gallery-section .section-title h2 {
    color: var(--sf-dark) !important;
}

.class-item .ci-text,
.class-item .ci-text:after,
.ps-item,
.team-item .ti-text,
.blog-item .bi-text,
.footer-section,
.search-model,
.offcanvas-menu-wrapper,
.sidebar-option .so-categories,
.sidebar-option .so-latest,
.sidebar-option .so-tags,
.contact-form form input,
.contact-form form textarea,
.leave-comment form input,
.leave-comment form textarea,
.bmi-calculator-chart .chart-table table tbody tr,
.class-timetable table tbody tr td {
    background: var(--sf-white) !important;
    border-color: rgba(157, 181, 154, 0.28) !important;
}

.class-item,
.ps-item,
.blog-item,
.team-item,
.contact-widget .cw-text,
.sidebar-option > div,
.bmi-calculator-chart,
.class-timetable {
    box-shadow: 0 18px 48px rgba(30, 47, 40, 0.08);
}

.price-item:hover,
.ps-item:hover,
.team-item:hover .ti-text,
.class-item:hover .ci-text,
.blog-item:hover .bi-text {
    border-color: var(--sf-sage) !important;
}

.banner-section,
.breadcrumb-section,
.cta-section,
.gettouch-section {
    background-color: var(--sf-dark) !important;
}

.search-model-form input {
    border-color: var(--sf-sage) !important;
    color: var(--sf-dark) !important;
}

.search-model-form input::placeholder,
.contact-form form input::placeholder,
.contact-form form textarea::placeholder,
.leave-comment form input::placeholder,
.leave-comment form textarea::placeholder {
    color: rgba(30, 47, 40, 0.58) !important;
}

.slicknav_btn {
    background-color: var(--sf-sage) !important;
}

.slicknav_menu {
    background: transparent !important;
}

.barfiller .fill {
    background: var(--sf-sage) !important;
}

.footer-section .fs-about .fa-logo img {
    max-height: 90px;
    width: auto;
}
.breadcrumb-section.set-bg{background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;isolation:isolate}.breadcrumb-section:before{z-index:0;background:linear-gradient(90deg,rgba(30,47,40,.52),rgba(30,47,40,.20))!important}.breadcrumb-section .container{position:relative;z-index:2}.breadcrumb-section .breadcrumb-text{position:relative;z-index:3}

.breadcrumb-section.set-bg{
    background-color: var(--sf-dark) !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    overflow: hidden;
}
.breadcrumb-section.set-bg:before{
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}
.breadcrumb-section .container,
.breadcrumb-section .breadcrumb-text{
    position: relative;
    z-index: 5;
}
.breadcrumb-section .breadcrumb-text h2,
.breadcrumb-section .breadcrumb-text .bt-option,
.breadcrumb-section .breadcrumb-text .bt-option a,
.breadcrumb-section .breadcrumb-text .bt-option span{
    position: relative;
    z-index: 6;
}


.breadcrumb-section.set-bg[data-setbg]{
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.breadcrumb-section.set-bg:before{
    display: none !important;
}
.breadcrumb-section .breadcrumb-text h2{color:var(--sf-breadcrumb-title,#fff)!important;text-shadow:0 2px 24px rgba(0,0,0,.55)!important}.breadcrumb-section .breadcrumb-text .bt-option a,.breadcrumb-section .breadcrumb-text .bt-option span{color:var(--sf-light-text,#fff)!important;text-shadow:0 1px 16px rgba(0,0,0,.5)}.hs-slider .hs-item .hi-text p,.banner-section .bs-text p,.banner-section .bt-tips,.bs-text .bt-tips{color:var(--sf-hero-text,#fff)!important;text-shadow:0 1px 18px rgba(0,0,0,.45)!important}.chart-calculate-form select{width:100%;height:50px;border:1px solid rgba(157,181,154,.45);background:#fff;color:var(--sf-dark);padding:0 20px;margin-bottom:20px}.bmi-result{margin-top:22px;background:rgba(157,181,154,.16);border:1px solid rgba(157,181,154,.36);padding:20px;border-radius:4px;color:var(--sf-dark)}.bmi-result strong{display:block;font-size:28px;line-height:1.1;color:var(--sf-dark);font-family:Oswald,sans-serif;text-transform:uppercase}.bmi-result span{display:block;color:var(--sf-sage);font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin:8px 0}.bmi-result p{margin:0;color:var(--sf-dark)!important}.gettouch-section .gt-text{display:flex!important;align-items:center!important;justify-content:center;gap:20px}.gettouch-section .gt-text p,.gettouch-section .gt-text ul{margin:0!important;padding:0!important}.gettouch-section .gt-text ul li{color:#fff}.footer-section .fa-social a[aria-label]{display:inline-flex;align-items:center;justify-content:center}@media(max-width:575px){.footer-section .row>[class*="col-lg-2"][class*="col-md-3"][class*="col-sm-6"]{flex:0 0 50%!important;max-width:50%!important;width:50%!important}.footer-section .fs-widget h4{font-size:24px}.footer-section .fs-widget ul li{margin-bottom:8px}.footer-section .fs-about{margin-bottom:28px}.gettouch-section .gt-text{justify-content:flex-start!important;padding:16px 0}}

.sf-lesson-detail .sf-lesson-card{background:#ffffff;box-shadow:0 16px 45px rgba(30,47,40,.08);padding:0 0 36px;border-radius:2px;overflow:hidden}.sf-lesson-hero-image img{width:100%;height:420px;object-fit:cover;display:block}.sf-next-lessons{margin:30px;padding:28px;background:#f2f4ee;border-left:5px solid #9db59a}.sf-next-lessons>span,.sf-detail-label{display:block;color:#9db59a;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin-bottom:8px}.sf-next-lessons h3{color:#1e2f28;margin-bottom:18px}.sf-next-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sf-next-card{background:#fff;border:1px solid rgba(157,181,154,.35);padding:16px}.sf-next-card strong{display:block;color:#1e2f28;text-transform:uppercase;font-family:Oswald,sans-serif;font-size:18px}.sf-next-card span{display:block;color:#1e2f28;font-weight:700;margin-top:5px}.sf-next-card small{display:block;color:#6f7772;margin-top:6px}.sf-lesson-content{padding:0 30px}.sf-detail-intro{font-size:19px;color:#5e6964}.sf-lesson-trainer{margin:26px 30px 0;padding-top:28px;border-top:1px solid rgba(30,47,40,.12)}.sf-trainer-pic{background:#f2f4ee;display:flex;align-items:center;justify-content:center;min-height:260px}.sf-trainer-pic img{width:100%;height:100%;max-height:340px;object-fit:contain}.sf-lesson-trainer .primary-btn{margin-top:14px}.classes-section .class-item .ci-pic img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:991px){.sf-next-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-lesson-hero-image img{height:330px}}@media(max-width:575px){.sf-lesson-card{margin-left:-10px;margin-right:-10px}.sf-lesson-hero-image img{height:250px}.sf-next-lessons{margin:18px;padding:20px}.sf-next-grid{grid-template-columns:1fr}.sf-lesson-content{padding:0 18px}.sf-lesson-trainer{margin:20px 18px 0}.sf-trainer-pic{min-height:180px}}

/* Fase 8 stap 5: Abonnementen + FAQ module, zonder bestaande layout om te gooien */
.sf-abonnementen-intro{background:var(--sf-cream,#F2F4EE)!important;padding-bottom:35px!important}.sf-abonnementen-intro .section-title span{color:var(--sf-dark,#1E2F28)!important}.sf-abonnementen-intro .section-title h2{color:var(--sf-sage,#9DB59A)!important;text-shadow:none!important}.sf-page-intro{max-width:760px;margin:0 auto;color:var(--sf-text,#30403B)!important;font-size:18px;line-height:1.75}.sf-pricing-from-module{padding-top:70px!important}.sf-pricing-from-module .section-title span{color:var(--sf-dark,#1E2F28)!important}.sf-pricing-from-module .section-title h2{color:var(--sf-sage,#9DB59A)!important;text-shadow:none!important}.sf-page-faq,.sf-faq-page{background:var(--sf-cream,#F2F4EE)!important}.sf-page-faq .section-title span,.sf-faq-page .section-title span{color:var(--sf-dark,#1E2F28)!important}.sf-page-faq .section-title h2,.sf-faq-page .section-title h2{color:var(--sf-sage,#9DB59A)!important;text-shadow:none!important}.sf-faq-intro{max-width:820px;margin:0 auto 28px;text-align:center;color:var(--sf-text,#30403B)!important;font-size:18px;line-height:1.75}.sf-faq-search{max-width:860px;margin:0 auto 24px}.sf-faq-search input{width:100%;height:58px;border:1px solid rgba(30,47,40,.16);background:#fff;border-radius:6px;padding:0 20px;color:var(--sf-dark,#1E2F28);font-size:17px;box-shadow:0 12px 35px rgba(30,47,40,.06)}.sf-faq-search span{display:block;margin-top:10px;color:var(--sf-muted,#68756F);font-size:14px}.sf-faq-list{max-width:920px;margin:0 auto;display:grid;gap:14px}.sf-faq-item{background:#fff;border:1px solid rgba(30,47,40,.08);box-shadow:0 12px 35px rgba(30,47,40,.06);border-radius:6px;overflow:hidden}.sf-faq-item summary{cursor:pointer;list-style:none;padding:22px 26px;color:var(--sf-dark,#1E2F28);font-family:Oswald,sans-serif;font-size:25px;font-weight:700;line-height:1.25}.sf-faq-item summary::-webkit-details-marker{display:none}.sf-faq-item summary:after{content:'+';float:right;color:var(--sf-sage,#9DB59A);font-family:Arial,sans-serif;font-size:30px;line-height:1}.sf-faq-item[open] summary:after{content:'–'}.sf-faq-item div{padding:0 26px 24px;color:var(--sf-text,#30403B);font-size:16px;line-height:1.75}.sf-faq-no-results,.sf-faq-empty{max-width:920px;margin:0 auto;background:#fff;border:1px solid rgba(30,47,40,.08);border-radius:6px;padding:24px;color:var(--sf-text,#30403B)}.nav-menu ul li a[href$="faq.php"],.canvas-menu ul li a[href$="faq.php"]{text-transform:uppercase}.services-section .section-title h2{color:var(--sf-sage,#9DB59A)!important;text-shadow:none!important}.services-section .section-title span{color:var(--sf-dark,#1E2F28)!important}.ss-text p{color:rgba(255,255,255,.82)!important}.ss-text h4{color:#fff!important}.ss-text a{color:#fff!important}@media(max-width:767px){.sf-faq-item summary{font-size:21px;padding:18px 20px}.sf-faq-item div{padding:0 20px 20px}.sf-faq-search input{height:52px}.sf-page-intro,.sf-faq-intro{font-size:16px}.sf-pricing-from-module{padding-top:48px!important}}

/* Fase 8 stap 6: vrije secties onderaan pagina's */
.sf-custom-section{
    margin:72px 0 72px;
    padding:78px 0;
    background-position:center center;
    color:var(--sf-text, #1E2F28);
}
.sf-custom-section + .sf-custom-section{margin-top:-42px;}
.sf-custom-section--light{color:#fff;}
.sf-custom-section__inner{
    max-width:1120px;
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:36px;
    align-items:center;
}
.sf-custom-section--split .sf-custom-section__inner{
    grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);
}
.sf-custom-section--image-left .sf-custom-section__inner{
    grid-template-columns:minmax(320px,1.05fr) minmax(0,.95fr);
}
.sf-custom-section__content{text-align:center;max-width:820px;margin:0 auto;}
.sf-custom-section--split .sf-custom-section__content{text-align:left;max-width:none;margin:0;}
.sf-custom-section__content span{
    display:block;
    margin-bottom:12px;
    color:var(--sf-sage,#9DB59A);
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.12em;
}
.sf-custom-section--light .sf-custom-section__content span{color:#dfe9db;}
.sf-custom-section__content h2{
    margin:0 0 18px;
    color:inherit;
    font-size:44px;
    line-height:1.08;
    text-transform:uppercase;
}
.sf-custom-section__content p{
    margin:0 auto 24px;
    max-width:720px;
    color:inherit;
    opacity:.86;
    line-height:1.8;
    font-size:17px;
}
.sf-custom-section--split .sf-custom-section__content p{margin-left:0;margin-right:0;}
.sf-custom-section__image{
    border-radius:0;
    overflow:hidden;
    box-shadow:0 24px 70px rgba(30,47,40,.14);
    background:rgba(255,255,255,.45);
}
.sf-custom-section__image img{
    display:block;
    width:100%;
    height:auto;
    max-height:520px;
    object-fit:contain;
    background:rgba(255,255,255,.18);
}
.sf-custom-section .primary-btn{margin-top:2px;}
@media(max-width:991px){
    .sf-custom-section{margin:50px 0;padding:54px 0;}
    .sf-custom-section + .sf-custom-section{margin-top:-24px;}
    .sf-custom-section--split .sf-custom-section__inner,
    .sf-custom-section--image-left .sf-custom-section__inner{grid-template-columns:1fr;}
    .sf-custom-section--split .sf-custom-section__content{text-align:center;}
    .sf-custom-section--split .sf-custom-section__content p{margin-left:auto;margin-right:auto;}
    .sf-custom-section__content h2{font-size:34px;}
}
@media(max-width:575px){
    .sf-custom-section{margin:38px 0;padding:42px 0;}
    .sf-custom-section__content h2{font-size:28px;}
    .sf-custom-section__content p{font-size:15px;line-height:1.7;}
}


/* Fase 8 stap 8: context-aware beeldweergave
   - aanbodkaarten: standaard vullend, met focuspunt
   - detailpagina: standaard natuurlijk volledige foto breed
   - contain blijft beschikbaar voor beelden die absoluut volledig binnen een vast kader moeten passen
*/
.class-item .ci-pic,
.sf-lesson-hero-image,
.class-details-text .cd-pic,
.sf-custom-section__image,
.sf-trainer-pic{
    background:var(--sf-cream,#F2F4EE)!important;
    overflow:hidden!important;
}
.class-item .ci-pic img,
.classes-section .class-item .ci-pic img,
.sf-lesson-hero-image img,
.class-details-text .cd-pic img,
.sf-custom-section__image img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-width:0!important;
}
.class-item .ci-pic[data-image-mode="cover"] img,
.class-item .ci-pic:not([data-image-mode]) img{
    width:100%!important;
    height:auto!important;
    object-fit:cover!important;
}
.class-item .ci-pic[data-image-mode="contain"] img,
.class-item .ci-pic[data-image-mode="natural"] img{
    object-fit:contain!important;
}
.sf-lesson-hero-image img,
.class-details-text .cd-pic img{
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
}
.sf-lesson-hero-image[data-image-mode="cover"] img{
    object-fit:cover!important;
}
.sf-trainer-pic img,
.class-details-text .cd-trainer .cd-trainer-pic img{
    width:100%!important;
    height:100%!important;
    max-height:340px!important;
    object-fit:contain!important;
    object-position:center center!important;
    display:block!important;
}
.ts-item.sf-fit-bg,
.team-section .ts-item.sf-fit-bg{
    background-size:contain!important;
    background-repeat:no-repeat!important;
    background-position:center bottom!important;
    background-color:#565856!important;
}
.gallery .gs-item,
.set-bg[data-image-mode="contain"]{
    background-size:contain!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-color:var(--sf-cream,#F2F4EE)!important;
}
@media(max-width:575px){
    .sf-lesson-hero-image img{height:auto!important;max-height:none!important;}
}

/* Fase 8 stap 9: modulaire secties, zonder bestaande layout te wijzigen */
.sf-custom-section--spacing-compact{margin-top:44px!important;margin-bottom:44px!important;padding-top:48px!important;padding-bottom:48px!important}.sf-custom-section--spacing-normal{margin-top:72px!important;margin-bottom:72px!important;padding-top:78px!important;padding-bottom:78px!important}.sf-custom-section--spacing-large{margin-top:96px!important;margin-bottom:96px!important;padding-top:104px!important;padding-bottom:104px!important}.sf-custom-section--width-wide .container{max-width:1380px}.sf-custom-section--layout-center .sf-custom-section__inner,.sf-custom-section--layout-banner .sf-custom-section__inner{grid-template-columns:1fr!important;max-width:940px}.sf-custom-section--layout-banner{min-height:360px;display:flex;align-items:center;text-align:center;background-attachment:scroll}.sf-custom-section--layout-banner .sf-custom-section__content{max-width:900px;text-align:center}.sf-custom-section--layout-banner .sf-custom-section__content h2{font-size:54px}.sf-custom-section__image[data-image-mode="cover"] img{height:440px!important;object-fit:cover!important}.sf-custom-section__image[data-image-mode="contain"] img{height:440px!important;object-fit:contain!important}.sf-custom-section__image[data-image-mode="natural"] img{height:auto!important;object-fit:contain!important}.sf-custom-section--light .sf-custom-section__content h2,.sf-custom-section--light .sf-custom-section__content p{color:#fff!important}.sf-custom-section--light .sf-custom-section__content span{color:#d8e6d4!important}.sf-custom-section--dark .sf-custom-section__content h2{color:var(--sf-dark,#1E2F28)!important}.sf-custom-section--dark .sf-custom-section__content p{color:var(--sf-text,#30403B)!important}.sf-custom-section--dark .sf-custom-section__content span{color:var(--sf-sage,#9DB59A)!important}@media(max-width:991px){.sf-custom-section--layout-banner .sf-custom-section__content h2{font-size:38px}.sf-custom-section__image[data-image-mode="cover"] img,.sf-custom-section__image[data-image-mode="contain"] img{height:340px!important}}@media(max-width:575px){.sf-custom-section--spacing-compact,.sf-custom-section--spacing-normal,.sf-custom-section--spacing-large{margin-top:36px!important;margin-bottom:36px!important;padding-top:42px!important;padding-bottom:42px!important}.sf-custom-section--layout-banner .sf-custom-section__content h2{font-size:30px}.sf-custom-section__image[data-image-mode="cover"] img,.sf-custom-section__image[data-image-mode="contain"] img{height:260px!important}}

/* Fase 8 stap 11: 10 premade sectie-layouts */
.sf-custom-section--layout-split-card .sf-custom-section__content{background:rgba(255,255,255,.88);padding:42px;box-shadow:0 24px 70px rgba(30,47,40,.12)}
.sf-custom-section--layout-split-card.sf-custom-section--light .sf-custom-section__content{background:rgba(30,47,40,.72)}
.sf-custom-section--layout-split-card .sf-custom-section__image{box-shadow:0 34px 90px rgba(30,47,40,.18)}
.sf-custom-section--layout-media-left .sf-custom-section__inner{grid-template-columns:minmax(420px,1.22fr) minmax(0,.78fr)!important;max-width:1260px}.sf-custom-section--layout-media-left.sf-custom-section--image-right .sf-custom-section__inner{grid-template-columns:minmax(0,.78fr) minmax(420px,1.22fr)!important}.sf-custom-section--layout-media-left .sf-custom-section__image img{height:520px!important;object-fit:cover!important}.sf-custom-section--layout-media-left .sf-custom-section__content{padding:32px 0}
.sf-custom-section--layout-overlay{min-height:460px;display:flex;align-items:center}.sf-custom-section--layout-overlay .sf-custom-section__inner{max-width:1180px;grid-template-columns:minmax(0,.62fr) minmax(360px,.38fr)!important}.sf-custom-section--layout-overlay .sf-custom-section__content{background:rgba(255,255,255,.90);padding:46px;box-shadow:0 30px 90px rgba(0,0,0,.20);text-align:left;max-width:620px;margin:0}.sf-custom-section--layout-overlay.sf-custom-section--light .sf-custom-section__content{background:rgba(30,47,40,.78)}
.sf-custom-section--layout-quote .sf-custom-section__inner{max-width:980px}.sf-custom-section--layout-quote .sf-custom-section__content{text-align:center}.sf-custom-section--layout-quote .sf-custom-section__content blockquote{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:42px;line-height:1.18;color:inherit;margin:0 auto 26px;max-width:940px}.sf-custom-section--layout-quote .sf-custom-section__content blockquote:before{content:'“';display:block;color:var(--sf-sage,#9DB59A);font-size:70px;line-height:.7}
.sf-section-list{list-style:none;margin:24px auto 26px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:820px;text-align:left}.sf-section-list li{background:rgba(255,255,255,.72);border:1px solid rgba(30,47,40,.08);padding:16px 18px;color:var(--sf-text,#30403B);line-height:1.55}.sf-custom-section--light .sf-section-list li{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#fff}.sf-section-list li:before{content:'✓';font-weight:900;color:var(--sf-sage,#9DB59A);margin-right:9px}
.sf-section-steps{counter-reset:sfstep;list-style:none;margin:26px auto 28px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1040px;text-align:left}.sf-section-steps li{counter-increment:sfstep;background:rgba(255,255,255,.75);border:1px solid rgba(30,47,40,.08);padding:22px;color:var(--sf-dark,#1E2F28);line-height:1.45}.sf-section-steps li:before{content:counter(sfstep, decimal-leading-zero);display:block;font-family:Oswald,sans-serif;font-size:28px;color:var(--sf-sage,#9DB59A);margin-bottom:10px}.sf-custom-section--light .sf-section-steps li{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#fff}
.sf-custom-section--layout-spotlight .sf-custom-section__inner{grid-template-columns:1fr!important;max-width:1040px}.sf-custom-section--layout-spotlight .sf-custom-section__image{order:0;width:100%;box-shadow:0 28px 80px rgba(30,47,40,.14)}.sf-custom-section--layout-spotlight .sf-custom-section__image img{height:auto!important;max-height:none!important;object-fit:contain!important}.sf-custom-section--layout-spotlight .sf-custom-section__content{order:1;text-align:center;max-width:860px;margin:0 auto}.sf-custom-section--layout-spotlight .sf-custom-section__content p{max-width:840px}
.sf-custom-section--layout-list .sf-custom-section__inner,.sf-custom-section--layout-steps .sf-custom-section__inner{grid-template-columns:1fr!important;max-width:1120px}.sf-custom-section--layout-list .sf-custom-section__content,.sf-custom-section--layout-steps .sf-custom-section__content{text-align:center;max-width:1120px}.sf-custom-section--layout-list .sf-custom-section__content p,.sf-custom-section--layout-steps .sf-custom-section__content p{max-width:820px}
@media(max-width:991px){.sf-custom-section--layout-media-left .sf-custom-section__inner,.sf-custom-section--layout-media-left.sf-custom-section--image-right .sf-custom-section__inner,.sf-custom-section--layout-overlay .sf-custom-section__inner{grid-template-columns:1fr!important}.sf-custom-section--layout-media-left .sf-custom-section__image img{height:340px!important}.sf-custom-section--layout-overlay .sf-custom-section__content{text-align:center;margin:0 auto;padding:34px}.sf-section-list,.sf-section-steps{grid-template-columns:1fr}.sf-custom-section--layout-quote .sf-custom-section__content blockquote{font-size:32px}}
@media(max-width:575px){.sf-custom-section--layout-split-card .sf-custom-section__content,.sf-custom-section--layout-overlay .sf-custom-section__content{padding:26px 22px}.sf-custom-section--layout-quote .sf-custom-section__content blockquote{font-size:27px}.sf-section-list li,.sf-section-steps li{padding:16px}.sf-custom-section--layout-media-left .sf-custom-section__image img{height:260px!important}}

.sf-custom-section--align-center .sf-custom-section__content{text-align:center!important;margin-left:auto;margin-right:auto}.sf-custom-section--align-left .sf-custom-section__content{text-align:left}.sf-custom-section__icon{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(157,181,154,.18);color:var(--sf-dark,#1E2F28);font-size:34px;margin:0 0 22px}.sf-custom-section--align-center .sf-custom-section__icon,.sf-custom-section--center .sf-custom-section__icon{margin-left:auto;margin-right:auto}.sf-custom-section--light .sf-custom-section__icon{background:rgba(255,255,255,.16);color:#fff}
.sf-custom-section--corners-square .sf-custom-section__content,.sf-custom-section--corners-square .sf-custom-section__image,.sf-custom-section--corners-square .sf-section-list li,.sf-custom-section--corners-square .sf-section-steps li,.sf-custom-section--corners-square .sf-section-stat,.sf-custom-section--corners-square .sf-section-mini-faq details{border-radius:0!important}.sf-custom-section--corners-soft .sf-custom-section__content,.sf-custom-section--corners-soft .sf-custom-section__image,.sf-custom-section--corners-soft .sf-section-list li,.sf-custom-section--corners-soft .sf-section-steps li,.sf-custom-section--corners-soft .sf-section-stat,.sf-custom-section--corners-soft .sf-section-mini-faq details{border-radius:12px}.sf-custom-section--corners-rounded .sf-custom-section__content,.sf-custom-section--corners-rounded .sf-custom-section__image,.sf-custom-section--corners-rounded .sf-section-list li,.sf-custom-section--corners-rounded .sf-section-steps li,.sf-custom-section--corners-rounded .sf-section-stat,.sf-custom-section--corners-rounded .sf-section-mini-faq details{border-radius:28px}.sf-custom-section--corners-pill .sf-custom-section__content,.sf-custom-section--corners-pill .sf-custom-section__image,.sf-custom-section--corners-pill .sf-section-list li,.sf-custom-section--corners-pill .sf-section-steps li,.sf-custom-section--corners-pill .sf-section-stat,.sf-custom-section--corners-pill .sf-section-mini-faq details{border-radius:999px}
.sf-custom-section--card-soft .sf-custom-section__content{background:rgba(255,255,255,.78);padding:38px;box-shadow:0 22px 65px rgba(30,47,40,.10)}.sf-custom-section--card-border .sf-custom-section__content{background:rgba(255,255,255,.34);padding:38px;border:1px solid rgba(30,47,40,.14)}.sf-custom-section--card-dark .sf-custom-section__content{background:rgba(30,47,40,.92);padding:38px;color:#fff}.sf-custom-section--card-dark .sf-custom-section__content h2,.sf-custom-section--card-dark .sf-custom-section__content p{color:#fff!important}.sf-custom-section--card-glass .sf-custom-section__content{background:rgba(255,255,255,.58);backdrop-filter:blur(10px);padding:38px;border:1px solid rgba(255,255,255,.45);box-shadow:0 24px 80px rgba(30,47,40,.12)}.sf-custom-section--card-none .sf-custom-section__content{background:transparent!important;box-shadow:none!important;border:0!important;padding-left:0!important;padding-right:0!important}
.sf-custom-section--image-shape-rectangle .sf-custom-section__image,.sf-custom-section--image-shape-rectangle .sf-custom-section__image img{border-radius:0!important}.sf-custom-section--image-shape-rounded .sf-custom-section__image,.sf-custom-section--image-shape-rounded .sf-custom-section__image img{border-radius:26px!important;overflow:hidden}.sf-custom-section--image-shape-circle .sf-custom-section__image{aspect-ratio:1/1;border-radius:50%!important;overflow:hidden;max-width:520px;margin:auto}.sf-custom-section--image-shape-circle .sf-custom-section__image img{height:100%!important;width:100%!important;border-radius:50%!important;object-fit:cover!important}.sf-custom-section--image-shape-arch .sf-custom-section__image{border-radius:999px 999px 26px 26px!important;overflow:hidden}.sf-custom-section--image-shape-arch .sf-custom-section__image img{border-radius:999px 999px 26px 26px!important}.sf-custom-section--image-shape-blob .sf-custom-section__image{border-radius:38% 62% 54% 46% / 42% 38% 62% 58%!important;overflow:hidden}.sf-custom-section--image-shape-blob .sf-custom-section__image img{border-radius:38% 62% 54% 46% / 42% 38% 62% 58%!important}
.sf-custom-section--layout-icon-text .sf-custom-section__inner{grid-template-columns:1fr!important;max-width:880px}.sf-custom-section--layout-icon-text .sf-custom-section__content{text-align:center;margin:auto}.sf-custom-section--layout-icon-cards .sf-custom-section__inner{grid-template-columns:1fr!important;max-width:1160px}.sf-section-list--icon-cards{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1120px}.sf-section-list--icon-cards li{display:flex;align-items:flex-start;gap:14px;min-height:112px}.sf-section-list--icon-cards li i{font-size:24px;color:var(--sf-sage,#9DB59A);margin-top:3px}.sf-section-list--icon-cards li:before{display:none!important}.sf-custom-section--layout-image-circle .sf-custom-section__inner{grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr)!important}.sf-custom-section--layout-image-circle.sf-custom-section--image-right .sf-custom-section__inner{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)!important}.sf-custom-section--layout-diagonal .sf-custom-section__inner{position:relative;overflow:hidden;background:rgba(255,255,255,.52);padding:42px;box-shadow:0 30px 90px rgba(30,47,40,.10)}.sf-custom-section--layout-diagonal .sf-custom-section__inner:before{content:'';position:absolute;inset:-20% auto -20% 48%;width:220px;background:rgba(157,181,154,.22);transform:skewX(-16deg);z-index:0}.sf-custom-section--layout-diagonal .sf-custom-section__content,.sf-custom-section--layout-diagonal .sf-custom-section__image{position:relative;z-index:1}.sf-custom-section--layout-two-column .sf-custom-section__inner{grid-template-columns:1fr!important;max-width:1120px}.sf-section-two-col-text{columns:2;column-gap:55px;line-height:1.9;color:var(--sf-text,#30403B)}.sf-custom-section--layout-stats .sf-custom-section__inner,.sf-custom-section--layout-timeline .sf-custom-section__inner,.sf-custom-section--layout-mini-faq .sf-custom-section__inner{grid-template-columns:1fr!important;max-width:1120px}.sf-section-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:26px}.sf-section-stat{background:rgba(255,255,255,.76);padding:26px 18px;text-align:center;border:1px solid rgba(30,47,40,.09)}.sf-section-stat strong{display:block;font-family:Oswald,sans-serif;font-size:44px;line-height:1;color:var(--sf-dark,#1E2F28)}.sf-section-stat span{display:block;margin-top:10px;color:var(--sf-text,#30403B);font-weight:700}.sf-custom-section--layout-dark-panel{background-color:var(--sf-dark,#1E2F28)!important}.sf-custom-section--layout-dark-panel .sf-custom-section__inner{grid-template-columns:1fr!important;max-width:980px}.sf-custom-section--layout-dark-panel .sf-custom-section__content{background:rgba(0,0,0,.30);color:#fff;text-align:center;margin:auto}.sf-custom-section--layout-dark-panel .sf-custom-section__content h2,.sf-custom-section--layout-dark-panel .sf-custom-section__content p{color:#fff!important}.sf-custom-section--layout-logo-strip .sf-custom-section__inner{grid-template-columns:minmax(180px,.36fr) minmax(0,1fr)!important;align-items:center}.sf-custom-section--layout-logo-strip .sf-custom-section__image img{height:auto!important;max-height:170px!important;object-fit:contain!important}.sf-section-timeline{position:relative;display:grid;gap:16px;margin-top:28px;text-align:left}.sf-section-timeline__item{background:rgba(255,255,255,.74);border-left:5px solid var(--sf-sage,#9DB59A);padding:20px 24px;box-shadow:0 16px 45px rgba(30,47,40,.07)}.sf-section-timeline__item strong{display:block;font-family:Oswald,sans-serif;text-transform:uppercase;font-size:22px;color:var(--sf-dark,#1E2F28)}.sf-section-timeline__item p{margin:7px 0 0!important}.sf-section-mini-faq{display:grid;gap:12px;margin-top:26px;text-align:left}.sf-section-mini-faq details{background:rgba(255,255,255,.84);border:1px solid rgba(30,47,40,.10);padding:18px 22px}.sf-section-mini-faq summary{font-family:Oswald,sans-serif;font-weight:700;font-size:20px;color:var(--sf-dark,#1E2F28);cursor:pointer}.sf-section-mini-faq p{margin:12px 0 0!important}.sf-custom-section--light .sf-section-stat,.sf-custom-section--light .sf-section-timeline__item,.sf-custom-section--light .sf-section-mini-faq details{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.18)}.sf-custom-section--light .sf-section-stat strong,.sf-custom-section--light .sf-section-stat span,.sf-custom-section--light .sf-section-timeline__item strong,.sf-custom-section--light .sf-section-mini-faq summary{color:#fff!important}
@media(max-width:991px){.sf-section-list--icon-cards,.sf-section-stats{grid-template-columns:1fr 1fr}.sf-custom-section--layout-image-circle .sf-custom-section__inner,.sf-custom-section--layout-image-circle.sf-custom-section--image-right .sf-custom-section__inner,.sf-custom-section--layout-logo-strip .sf-custom-section__inner{grid-template-columns:1fr!important}.sf-section-two-col-text{columns:1}.sf-custom-section--layout-diagonal .sf-custom-section__inner{padding:28px}.sf-custom-section--layout-diagonal .sf-custom-section__inner:before{display:none}}@media(max-width:575px){.sf-custom-section--card-soft .sf-custom-section__content,.sf-custom-section--card-border .sf-custom-section__content,.sf-custom-section--card-dark .sf-custom-section__content,.sf-custom-section--card-glass .sf-custom-section__content{padding:24px}.sf-section-list--icon-cards,.sf-section-stats{grid-template-columns:1fr}.sf-section-stat strong{font-size:36px}.sf-custom-section__icon{width:62px;height:62px;font-size:28px}}

.sf-custom-section__visual-icon{min-height:360px;display:flex!important;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(157,181,154,.32),rgba(242,244,238,.84));border:1px solid rgba(30,47,40,.10);box-shadow:0 28px 80px rgba(30,47,40,.12)}.sf-custom-section__visual-icon i{font-size:clamp(76px,9vw,150px);line-height:1;color:var(--sf-dark,#1E2F28)}.sf-custom-section--light .sf-custom-section__visual-icon{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.22)}.sf-custom-section--light .sf-custom-section__visual-icon i{color:#fff}.sf-custom-section--image-shape-circle .sf-custom-section__visual-icon{aspect-ratio:1/1;min-height:auto;width:min(440px,100%);height:auto}.sf-custom-section--image-shape-arch .sf-custom-section__visual-icon{border-radius:999px 999px 30px 30px!important}.sf-custom-section--image-shape-blob .sf-custom-section__visual-icon{border-radius:38% 62% 54% 46% / 42% 38% 62% 58%!important}.nav-menu ul li .dropdown{z-index:999;}.nav-menu ul li .dropdown li a{white-space:nowrap}@media(max-width:991px){.sf-custom-section__visual-icon{min-height:260px}.sf-custom-section--image-shape-circle .sf-custom-section__visual-icon{width:min(320px,100%);margin:0 auto}}

/* Fase 8 stap 14: custom sectie beeldschaal, focus en extra vormen */
.sf-custom-section__image{width:min(var(--sf-image-size,100%),100%);max-width:100%;justify-self:center}
.sf-custom-section__image[data-image-mode="cover"] img,.sf-custom-section__image[data-image-mode="contain"] img{height:var(--sf-image-height,440px)!important}
.sf-custom-section__visual-icon{width:min(var(--sf-image-size,100%),100%);min-height:var(--sf-image-height,360px)}
.sf-custom-section--image-shape-soft-square .sf-custom-section__image,.sf-custom-section--image-shape-soft-square .sf-custom-section__image img{border-radius:42px!important;overflow:hidden}.sf-custom-section--image-shape-oval .sf-custom-section__image,.sf-custom-section--image-shape-oval .sf-custom-section__image img{border-radius:50% / 34%!important;overflow:hidden}.sf-custom-section--image-shape-diamond .sf-custom-section__image,.sf-custom-section--image-shape-diamond .sf-custom-section__image img{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border-radius:0!important;overflow:hidden}.sf-custom-section--image-shape-hexagon .sf-custom-section__image,.sf-custom-section--image-shape-hexagon .sf-custom-section__image img{clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);border-radius:0!important;overflow:hidden}.sf-custom-section--image-shape-leaf .sf-custom-section__image,.sf-custom-section--image-shape-leaf .sf-custom-section__image img{border-radius:72% 28% 68% 32% / 34% 70% 30% 66%!important;overflow:hidden}.sf-custom-section--image-shape-wave .sf-custom-section__image,.sf-custom-section--image-shape-wave .sf-custom-section__image img{border-radius:34% 66% 31% 69% / 65% 30% 70% 35%!important;overflow:hidden}.sf-custom-section--image-shape-tilt-left .sf-custom-section__image{transform:skewX(-5deg);border-radius:22px!important;overflow:hidden}.sf-custom-section--image-shape-tilt-left .sf-custom-section__image img{transform:skewX(5deg);border-radius:0!important}.sf-custom-section--image-shape-tilt-right .sf-custom-section__image{transform:skewX(5deg);border-radius:22px!important;overflow:hidden}.sf-custom-section--image-shape-tilt-right .sf-custom-section__image img{transform:skewX(-5deg);border-radius:0!important}.sf-custom-section--image-shape-shield .sf-custom-section__image,.sf-custom-section--image-shape-shield .sf-custom-section__image img{clip-path:polygon(50% 0,92% 14%,86% 70%,50% 100%,14% 70%,8% 14%);border-radius:0!important;overflow:hidden}.sf-custom-section--image-shape-ticket .sf-custom-section__image,.sf-custom-section--image-shape-ticket .sf-custom-section__image img{clip-path:polygon(0 0,100% 0,100% 38%,92% 50%,100% 62%,100% 100%,0 100%,0 62%,8% 50%,0 38%);border-radius:0!important;overflow:hidden}.sf-custom-section--image-shape-drop .sf-custom-section__image,.sf-custom-section--image-shape-drop .sf-custom-section__image img{border-radius:68% 32% 54% 46% / 72% 30% 70% 28%!important;overflow:hidden}
.sf-custom-section--image-shape-diamond .sf-custom-section__visual-icon,.sf-custom-section--image-shape-hexagon .sf-custom-section__visual-icon,.sf-custom-section--image-shape-shield .sf-custom-section__visual-icon,.sf-custom-section--image-shape-ticket .sf-custom-section__visual-icon{display:flex!important;align-items:center;justify-content:center}
@media(max-width:991px){.sf-custom-section__image[data-image-mode="cover"] img,.sf-custom-section__image[data-image-mode="contain"] img{height:min(var(--sf-image-height,340px),420px)!important}.sf-custom-section__visual-icon{min-height:min(var(--sf-image-height,260px),360px)}}

/* Stap 15: manuele beeldpositie krijgt voorrang op de server-side GD-fit/crop */
.sf-custom-section__image[data-image-manual="1"]{overflow:hidden!important}.sf-custom-section__image[data-image-manual="1"] img{height:var(--sf-image-height,440px)!important;object-fit:cover!important;object-position:var(--sf-image-focus-x,50%) var(--sf-image-focus-y,50%)!important;transform:scale(var(--sf-image-zoom,1))!important;transform-origin:var(--sf-image-focus-x,50%) var(--sf-image-focus-y,50%)!important;will-change:transform,object-position}.sf-custom-section--image-shape-circle .sf-custom-section__image[data-image-manual="1"] img{height:100%!important}.sf-custom-section--layout-spotlight .sf-custom-section__image[data-image-manual="1"] img{height:var(--sf-image-height,440px)!important;object-fit:cover!important}@media(max-width:991px){.sf-custom-section__image[data-image-manual="1"] img{height:min(var(--sf-image-height,340px),420px)!important}.sf-custom-section--image-shape-circle .sf-custom-section__image[data-image-manual="1"] img{height:100%!important}}@media(max-width:575px){.sf-custom-section__image[data-image-manual="1"] img{height:min(var(--sf-image-height,260px),360px)!important}.sf-custom-section--image-shape-circle .sf-custom-section__image[data-image-manual="1"] img{height:100%!important}}

/* Stap 16: universele manuele beeldpositie/schaal */
.ci-pic[data-image-manual="1"],
.sf-lesson-hero-image[data-image-manual="1"],
.sf-trainer-pic[data-image-manual="1"],
.sf-content-bg-tuned,
.sf-manual-bg{position:relative;overflow:hidden!important}
.ci-pic[data-image-manual="1"]{width:min(var(--sf-image-size,100%),100%);margin-left:auto;margin-right:auto}
.ci-pic[data-image-manual="1"] img,
.sf-lesson-hero-image[data-image-manual="1"] img,
.sf-trainer-pic[data-image-manual="1"] img,
.sf-content-image-tuned[data-image-manual="1"]{width:100%!important;height:var(--sf-image-height,440px)!important;object-fit:cover!important;object-position:var(--sf-image-focus-x,50%) var(--sf-image-focus-y,50%)!important;transform:scale(var(--sf-image-zoom,1))!important;transform-origin:var(--sf-image-focus-x,50%) var(--sf-image-focus-y,50%)!important;will-change:transform,object-position;display:block}
.sf-trainer-pic[data-image-manual="1"] img{max-height:none!important}
.sf-manual-bg{background-image:none!important;background-color:#f2f4ee}
.sf-manual-bg-img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;object-position:var(--sf-image-focus-x,50%) var(--sf-image-focus-y,50%)!important;transform:scale(var(--sf-image-zoom,1))!important;transform-origin:var(--sf-image-focus-x,50%) var(--sf-image-focus-y,50%)!important;z-index:0;display:block}
.sf-manual-bg .ts_text{position:relative;z-index:2}
.sf-module-section{position:relative}
@media(max-width:991px){.ci-pic[data-image-manual="1"] img,.sf-lesson-hero-image[data-image-manual="1"] img,.sf-trainer-pic[data-image-manual="1"] img{height:min(var(--sf-image-height,340px),460px)!important}}
@media(max-width:575px){.ci-pic[data-image-manual="1"] img,.sf-lesson-hero-image[data-image-manual="1"] img,.sf-trainer-pic[data-image-manual="1"] img{height:min(var(--sf-image-height,260px),360px)!important}}

/* Fase 8 stap 17: universele socials */
.header-section .top-option{display:flex;align-items:center;justify-content:flex-end;gap:18px}.header-section .to-social{display:flex;align-items:center;gap:12px}.header-section .to-social a,.footer-section .fa-social a,.offcanvas-menu-wrapper .canvas-social a{display:inline-flex;align-items:center;justify-content:center;transition:all .22s ease}.header-section .to-social a:hover,.footer-section .fa-social a:hover,.offcanvas-menu-wrapper .canvas-social a:hover{transform:translateY(-2px);color:var(--sf-sage,#9DB59A)!important}.offcanvas-menu-wrapper .canvas-social{display:grid!important;grid-template-columns:repeat(3,44px);gap:12px;margin:26px 0 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);justify-content:start}.offcanvas-menu-wrapper .canvas-social a{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff!important}.footer-section .fa-social{display:flex;flex-wrap:wrap;gap:10px}.footer-section .fa-social a{margin-right:0!important}@media(max-width:991px){.header-section .to-social{display:none}.offcanvas-menu-wrapper .canvas-social{max-width:156px}}

/* Fase 8 stap 17: optionele CSS patterns voor custom secties */
.sf-custom-section--has-pattern{position:relative;overflow:hidden}.sf-custom-section--has-pattern>.container{position:relative;z-index:1}.sf-custom-section--has-pattern:before{content:"";position:absolute;inset:0;z-index:0;opacity:var(--sf-pattern-opacity,.14);pointer-events:none;background-image:none;background-size:auto}.sf-custom-section--pattern-none:before{display:none}.sf-custom-section--pattern-soft-dots:before{background-image:radial-gradient(circle,rgba(30,47,40,.82) 1.4px,transparent 1.6px);background-size:22px 22px}.sf-custom-section--pattern-micro-dots:before{background-image:radial-gradient(circle,rgba(30,47,40,.78) 1px,transparent 1.2px);background-size:12px 12px}.sf-custom-section--pattern-large-dots:before{background-image:radial-gradient(circle,rgba(30,47,40,.72) 4px,transparent 4.5px);background-size:34px 34px}.sf-custom-section--pattern-grid:before{background-image:linear-gradient(rgba(30,47,40,.58) 1px,transparent 1px),linear-gradient(90deg,rgba(30,47,40,.58) 1px,transparent 1px);background-size:28px 28px}.sf-custom-section--pattern-micro-grid:before{background-image:linear-gradient(rgba(30,47,40,.50) 1px,transparent 1px),linear-gradient(90deg,rgba(30,47,40,.50) 1px,transparent 1px);background-size:14px 14px}.sf-custom-section--pattern-diagonal:before{background-image:repeating-linear-gradient(45deg,rgba(30,47,40,.70) 0 1px,transparent 1px 16px)}.sf-custom-section--pattern-diagonal-wide:before{background-image:repeating-linear-gradient(45deg,rgba(30,47,40,.70) 0 2px,transparent 2px 34px)}.sf-custom-section--pattern-cross:before{background-image:repeating-linear-gradient(45deg,rgba(30,47,40,.55) 0 1px,transparent 1px 18px),repeating-linear-gradient(-45deg,rgba(30,47,40,.55) 0 1px,transparent 1px 18px)}.sf-custom-section--pattern-waves:before{background-image:radial-gradient(ellipse at center,transparent 44%,rgba(30,47,40,.68) 45%,rgba(30,47,40,.68) 47%,transparent 48%);background-size:42px 20px}.sf-custom-section--pattern-rings:before{background-image:repeating-radial-gradient(circle,rgba(30,47,40,.62) 0 1px,transparent 1px 13px);background-size:36px 36px}.sf-custom-section--pattern-checker:before{background-image:linear-gradient(45deg,rgba(30,47,40,.45) 25%,transparent 25%,transparent 75%,rgba(30,47,40,.45) 75%),linear-gradient(45deg,rgba(30,47,40,.45) 25%,transparent 25%,transparent 75%,rgba(30,47,40,.45) 75%);background-position:0 0,13px 13px;background-size:26px 26px}.sf-custom-section--pattern-zigzag:before{background-image:linear-gradient(135deg,rgba(30,47,40,.65) 25%,transparent 25%),linear-gradient(225deg,rgba(30,47,40,.65) 25%,transparent 25%);background-size:24px 24px}.sf-custom-section--pattern-triangles:before{background-image:linear-gradient(60deg,rgba(30,47,40,.45) 25%,transparent 25%),linear-gradient(120deg,rgba(30,47,40,.45) 25%,transparent 25%);background-size:32px 32px}.sf-custom-section--pattern-plus:before{background-image:linear-gradient(rgba(30,47,40,.60) 2px,transparent 2px),linear-gradient(90deg,rgba(30,47,40,.60) 2px,transparent 2px);background-size:28px 28px;background-position:13px 13px}.sf-custom-section--pattern-diamonds:before{background-image:linear-gradient(45deg,transparent 46%,rgba(30,47,40,.60) 48%,rgba(30,47,40,.60) 52%,transparent 54%),linear-gradient(-45deg,transparent 46%,rgba(30,47,40,.60) 48%,rgba(30,47,40,.60) 52%,transparent 54%);background-size:28px 28px}.sf-custom-section--pattern-vertical-lines:before{background-image:repeating-linear-gradient(90deg,rgba(30,47,40,.65) 0 1px,transparent 1px 18px)}.sf-custom-section--pattern-horizontal-lines:before{background-image:repeating-linear-gradient(0deg,rgba(30,47,40,.65) 0 1px,transparent 1px 18px)}.sf-custom-section--pattern-mesh:before{background-image:radial-gradient(circle at 1px 1px,rgba(30,47,40,.65) 1px,transparent 0),linear-gradient(rgba(30,47,40,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(30,47,40,.35) 1px,transparent 1px);background-size:24px 24px}.sf-custom-section--pattern-corner-glow:before{background-image:radial-gradient(circle at 12% 18%,rgba(30,47,40,.9),transparent 28%),radial-gradient(circle at 86% 78%,rgba(157,181,154,.9),transparent 30%)}.sf-custom-section--pattern-noise:before{background-image:radial-gradient(circle at 15% 20%,rgba(30,47,40,.55) 1px,transparent 1.5px),radial-gradient(circle at 70% 30%,rgba(30,47,40,.42) 1px,transparent 1.5px),radial-gradient(circle at 38% 80%,rgba(30,47,40,.45) 1px,transparent 1.5px),radial-gradient(circle at 90% 65%,rgba(30,47,40,.35) 1px,transparent 1.5px);background-size:18px 18px,22px 22px,26px 26px,30px 30px}.sf-custom-section--light.sf-custom-section--has-pattern:before{filter:invert(1);opacity:calc(var(--sf-pattern-opacity,.14) * .7)}

/* Fase 8 stap 18: dynamisch uurrooster en herbruikbare module */
.sf-module-section--timetable{position:relative}.sf-timetable-controls ul{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.sf-timetable-controls ul li{margin:0!important;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#070807;color:#d7ded4;padding:13px 18px!important}.sf-timetable-controls ul li:after{display:none!important}.sf-timetable-controls ul li.active,.sf-timetable-controls ul li:hover{background:var(--sf-sage,#9DB59A);color:#1e2f28}.sf-timetable-shell{border-radius:0;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.18);background:#fff}.sf-dynamic-timetable table{width:100%;border-collapse:collapse}.sf-dynamic-timetable table thead tr th{background:var(--sf-sage,#9DB59A)!important;color:#fff!important;border-color:rgba(30,47,40,.55)!important;font-weight:800}.sf-dynamic-timetable table tbody tr td{height:auto;min-height:126px;vertical-align:top;background:#fff!important;border-color:#e0e7dd!important;padding:12px!important}.sf-dynamic-timetable .class-time{white-space:nowrap;color:var(--sf-sage,#9DB59A)!important;font-weight:800;text-align:center;vertical-align:middle!important;background:#fbfdf8!important}.sf-timetable-class{display:block;background:#f4f7f1;border:1px solid #e2ebdf;border-left:5px solid var(--sf-sage,#9DB59A);padding:14px 12px;margin:0 0 8px;text-decoration:none!important;transition:all .22s ease}.sf-timetable-class:hover{transform:translateY(-2px);background:#1e2f28;border-color:#1e2f28}.sf-timetable-class h5{font-family:Oswald,sans-serif;font-size:18px;line-height:1.15;color:#1e2f28;margin:0 0 6px;text-transform:uppercase}.sf-timetable-class span{display:block;color:#69766f;font-size:13px}.sf-timetable-class:hover h5,.sf-timetable-class:hover span{color:#fff!important}.sf-dynamic-timetable.filtering .ts-meta{opacity:.16;filter:grayscale(1)}.sf-dynamic-timetable.filtering .ts-meta.show{opacity:1;filter:none}.sf-timetable-mobile{display:none}.sf-mobile-day{background:#fff;border:1px solid #e0e7dd;margin-bottom:14px;padding:18px}.sf-mobile-day h3{font-family:Oswald,sans-serif;text-transform:uppercase;color:#1e2f28;margin:0 0 12px;font-size:24px}.sf-mobile-class{display:grid;grid-template-columns:104px 1fr;gap:2px 14px;align-items:center;text-decoration:none!important;background:#f4f7f1;border-left:5px solid var(--sf-sage,#9DB59A);padding:12px;margin-bottom:8px}.sf-mobile-class strong{grid-row:span 2;color:#1e2f28}.sf-mobile-class span{font-family:Oswald,sans-serif;text-transform:uppercase;color:#1e2f28;font-size:17px}.sf-mobile-class small{color:#6f7d74}.sf-timetable-empty{background:#fff;border-left:5px solid var(--sf-sage,#9DB59A);padding:28px;color:#1e2f28;font-weight:800}.sf-next-lessons .sf-next-card strong .sf-next-date{display:block;font-family:Muli,sans-serif;font-size:12px;letter-spacing:.08em;color:#9db59a;margin-bottom:3px}@media(max-width:991px){.sf-timetable-controls ul{justify-content:flex-start;margin-top:12px}.sf-timetable-shell{overflow-x:auto}.sf-dynamic-timetable table{min-width:950px}.sf-dynamic-timetable table tbody tr td{min-width:150px}.sf-timetable-mobile{display:block;margin-top:22px}.sf-timetable-shell{display:none}}@media(max-width:575px){.sf-timetable-controls ul li{padding:10px 13px!important;font-size:13px}.sf-mobile-class{grid-template-columns:1fr}.sf-mobile-class strong{grid-row:auto}.sf-mobile-day{padding:15px}}
.sf-timetable-mobile.filtering .ts-meta{display:none}.sf-timetable-mobile.filtering .ts-meta.show{display:grid}

/* Fase 8 stap 18a: dynamisch uurrooster met openingsuren */
.sf-dynamic-timetable table tbody tr td{position:relative;min-height:138px}.sf-dynamic-timetable .class-time span{display:block;font-size:14px;line-height:1.35}.sf-dynamic-timetable .blank-td{background:#fbfdf9!important;background-image:repeating-linear-gradient(135deg,transparent 0 58px,rgba(30,47,40,.32) 59px,rgba(30,47,40,.32) 60px,transparent 61px,transparent 118px)!important}.sf-dynamic-timetable .blank-td:after{display:none!important}.sf-dynamic-timetable .sf-open-empty{background:#fbfdf8!important}.sf-open-range{display:inline-flex;align-items:center;gap:6px;border:1px solid #e0eadf;background:#fff;color:#7b8d82;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;margin-bottom:9px}.sf-timetable-class small{display:inline-block;color:#9db59a;font-weight:900;font-size:12px;margin-bottom:5px}.sf-timetable-class:hover small{color:#fff!important}.sf-mobile-open-range{display:inline-flex;border:1px solid #dfe8dc;background:#fbfdf8;color:#6a7b70;border-radius:999px;padding:6px 11px;font-weight:800;font-size:13px;margin:2px 0 10px}.sf-mobile-closed{border:1px dashed #d8e2d5;background:#f8faf6;color:#7b8c82;padding:14px;border-radius:14px;font-weight:800}.sf-module-section--timetable{background:#fff!important}.sf-module-section--timetable .section-title h2{color:#1e2f28}.sf-module-section--timetable .sf-timetable-controls ul{background:transparent;padding:0}.sf-module-section--timetable .sf-timetable-controls ul li{background:#f6f8f4;color:#1e2f28;border-color:#dfe8dc}.sf-module-section--timetable .sf-timetable-controls ul li.active,.sf-module-section--timetable .sf-timetable-controls ul li:hover{background:var(--sf-sage,#9DB59A);color:#1e2f28}@media(max-width:991px){.sf-dynamic-timetable table{min-width:1080px}.sf-dynamic-timetable table tbody tr td{min-width:165px}.sf-open-range{white-space:nowrap}}

/* Fase 8 stap 18b: professioneler dynamisch uurrooster met openingsuren en gesloten blokken */
.sf-timetable-shell{border-radius:20px;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.20);background:#fff}.sf-dynamic-timetable table{border-collapse:separate!important;border-spacing:0;width:100%}.sf-dynamic-timetable table thead tr th{height:68px;background:var(--sf-sage,#9DB59A)!important;color:#fff!important;border:0!important;border-right:1px solid rgba(30,47,40,.34)!important;font-weight:900;letter-spacing:.02em}.sf-dynamic-timetable table thead tr th:first-child{background:#879f84!important;width:150px}.sf-dynamic-timetable table tbody tr td{height:auto;min-height:118px!important;padding:14px!important;border-top:1px solid #e1e9de!important;border-right:1px solid #e1e9de!important;background:#fff!important}.sf-dynamic-timetable table tbody tr td.class-time{width:150px;background:#fbfdf8!important;text-align:center!important;vertical-align:middle!important;color:#9db59a!important;font-weight:900}.sf-dynamic-timetable .class-time span{font-size:16px!important;line-height:1.25!important}.sf-dynamic-timetable .class-time small{display:block;margin-top:6px;color:#7c8d82;font-family:Muli,sans-serif;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.sf-dynamic-timetable .sf-closed-row td.class-time{background:#f2f5ef!important;color:#6f7e75!important}.sf-dynamic-timetable .blank-td,.sf-dynamic-timetable .sf-closed-band,.sf-dynamic-timetable .sf-day-closed{background:#fbfdf9!important;background-image:repeating-linear-gradient(135deg,transparent 0 58px,rgba(30,47,40,.28) 59px,rgba(30,47,40,.28) 60px,transparent 61px,transparent 118px)!important}.sf-dynamic-timetable .sf-closed-band{min-height:92px!important}.sf-closed-label{display:inline-flex;align-items:center;border:1px solid rgba(30,47,40,.12);background:rgba(255,255,255,.74);color:#7a8b81;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.sf-dynamic-timetable .sf-open-empty{background:#fbfdf8!important;background-image:linear-gradient(180deg,rgba(157,181,154,.08),rgba(255,255,255,.7))!important}.sf-open-range{background:#fff!important;border:1px solid #dfe8dc!important;color:#65766c!important;border-radius:999px!important;padding:6px 11px!important;font-size:12px!important;font-weight:900!important;margin-bottom:10px!important}.sf-timetable-class{border-radius:0 16px 16px 0!important;background:#f4f7f1!important;border:1px solid #e2ebdf!important;border-left:6px solid var(--sf-sage,#9DB59A)!important;padding:13px 14px!important;margin:0 0 10px!important;box-shadow:0 12px 28px rgba(30,47,40,.06)}.sf-timetable-class small{display:block!important;color:#9db59a!important;font-weight:900!important;font-size:12px!important;margin-bottom:6px!important}.sf-timetable-class h5{font-size:19px!important;margin:0 0 6px!important}.sf-timetable-class:hover{background:#1e2f28!important;transform:translateY(-2px)}.sf-timetable-class:hover small,.sf-timetable-class:hover h5,.sf-timetable-class:hover span{color:#fff!important}.sf-module-section--timetable .sf-timetable-shell{box-shadow:0 18px 55px rgba(30,47,40,.11)}.sf-mobile-open-range{display:inline-flex!important;border:1px solid #dfe8dc!important;background:#fbfdf8!important;color:#6a7b70!important;border-radius:999px!important;padding:7px 12px!important;font-weight:900!important;font-size:13px!important;margin:4px 0 11px!important}.sf-mobile-class{border-radius:0 16px 16px 0!important;box-shadow:0 10px 24px rgba(30,47,40,.06)}.sf-mobile-closed{background-image:repeating-linear-gradient(135deg,transparent 0 44px,rgba(30,47,40,.22) 45px,rgba(30,47,40,.22) 46px,transparent 47px,transparent 88px)!important}
@media(max-width:991px){.sf-dynamic-timetable table{min-width:1120px!important}.sf-dynamic-timetable table thead tr th:first-child,.sf-dynamic-timetable table tbody tr td.class-time{width:140px!important}.sf-dynamic-timetable table tbody tr td{min-width:160px!important}.sf-timetable-shell{display:none}.sf-timetable-mobile{display:block;margin-top:22px}.sf-mobile-day{border-radius:20px!important;box-shadow:0 14px 34px rgba(30,47,40,.08)}}

/* Fase 8 stap 18c: volledig herwerkte frontend uurrooster-weergave, week past netjes op desktop */
.class-timetable-section .container{max-width:1260px}.sf-timetable-shell{border-radius:22px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 28px 80px rgba(0,0,0,.20)!important}.sf-dynamic-timetable table{width:100%!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important}.sf-dynamic-timetable table thead tr th{height:62px!important;padding:12px 8px!important;text-align:center!important;font-size:15px!important;line-height:1.15!important;background:#9db59a!important;color:#fff!important;border-right:1px solid rgba(30,47,40,.22)!important}.sf-dynamic-timetable table thead tr th:first-child{width:112px!important;background:#8da78a!important}.sf-dynamic-timetable table tbody tr td{height:auto!important;min-height:118px!important;padding:10px!important;vertical-align:top!important;border-right:1px solid #e1eadf!important;border-top:1px solid #e1eadf!important;background:#fff!important}.sf-dynamic-timetable table tbody tr td.class-time{width:112px!important;padding:10px 8px!important;text-align:center!important;vertical-align:middle!important;background:#fbfdf8!important;color:#9db59a!important}.sf-dynamic-timetable .class-time span{display:block!important;font-family:Muli,sans-serif!important;font-size:14px!important;line-height:1.25!important;font-weight:900!important;color:#9db59a!important}.sf-dynamic-timetable .class-time small{font-size:10px!important;letter-spacing:.08em!important;line-height:1.25!important;color:#7f8f84!important}.sf-dynamic-timetable .sf-closed-row td{height:78px!important;min-height:78px!important;vertical-align:middle!important}.sf-dynamic-timetable .sf-closed-row td:not(.class-time){padding:0!important}.sf-dynamic-timetable .blank-td,.sf-dynamic-timetable .sf-closed-band,.sf-dynamic-timetable .sf-day-closed{position:relative!important;background-color:#fbfdf9!important;background-image:repeating-linear-gradient(135deg,transparent 0 50px,rgba(30,47,40,.22) 51px,rgba(30,47,40,.22) 52px,transparent 53px,transparent 100px)!important}.sf-closed-label{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;white-space:nowrap!important;background:rgba(255,255,255,.86)!important;border:1px solid rgba(30,47,40,.14)!important;color:#7b8d82!important;border-radius:999px!important;padding:6px 12px!important;font-size:10px!important;font-weight:900!important;letter-spacing:.06em!important;text-transform:uppercase!important}.sf-dynamic-timetable .sf-open-empty{background:#fbfdf8!important;background-image:linear-gradient(180deg,rgba(157,181,154,.05),rgba(255,255,255,.75))!important}.sf-open-range{display:inline-flex!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:100%!important;margin:0 0 8px!important;border:1px solid #dfe8dc!important;background:#fff!important;color:#63756a!important;border-radius:999px!important;padding:5px 8px!important;font-size:10px!important;font-weight:900!important;line-height:1.25!important;text-align:center!important}.sf-timetable-class{display:block!important;width:100%!important;min-width:0!important;border-radius:0 14px 14px 0!important;background:#f4f7f1!important;border:1px solid #e2ebdf!important;border-left:5px solid #9db59a!important;padding:10px 9px!important;margin:0 0 8px!important;box-shadow:0 10px 24px rgba(30,47,40,.055)!important;text-align:left!important}.sf-timetable-class small{display:block!important;color:#8fa88d!important;font-size:11px!important;line-height:1.2!important;font-weight:900!important;margin:0 0 6px!important;white-space:normal!important}.sf-timetable-class h5{display:block!important;margin:0 0 5px!important;color:#1e2f28!important;font-size:15px!important;line-height:1.12!important;letter-spacing:.01em!important;overflow-wrap:anywhere!important}.sf-timetable-class span{display:block!important;color:#6c7a70!important;font-size:12px!important;line-height:1.25!important;overflow-wrap:anywhere!important}.sf-timetable-class:hover{background:#1e2f28!important;border-color:#1e2f28!important;transform:translateY(-2px)!important}.sf-timetable-class:hover small,.sf-timetable-class:hover h5,.sf-timetable-class:hover span{color:#fff!important}.sf-timetable-controls ul{gap:9px!important}.sf-timetable-controls ul li{padding:10px 14px!important;font-size:13px!important}.sf-module-section--timetable{background:#fff!important;padding-top:70px!important;padding-bottom:70px!important}.sf-module-section--timetable .section-title h2{color:#1e2f28!important}.sf-module-section--timetable .sf-timetable-shell{box-shadow:0 18px 50px rgba(30,47,40,.10)!important}.sf-module-section--timetable .sf-timetable-controls ul li{background:#f6f8f4!important;color:#1e2f28!important;border-color:#dfe8dc!important}.sf-module-section--timetable .sf-timetable-controls ul li.active,.sf-module-section--timetable .sf-timetable-controls ul li:hover{background:#9db59a!important;color:#1e2f28!important}.sf-timetable-mobile{display:none!important}
@media(min-width:1200px){.sf-dynamic-timetable table thead tr th:first-child,.sf-dynamic-timetable table tbody tr td.class-time{width:118px!important}.sf-timetable-class h5{font-size:16px!important}.sf-timetable-class{padding:11px 10px!important}}
@media(max-width:1199px) and (min-width:992px){.class-timetable-section .container{max-width:100%;padding-left:18px!important;padding-right:18px!important}.sf-dynamic-timetable table thead tr th:first-child,.sf-dynamic-timetable table tbody tr td.class-time{width:104px!important}.sf-timetable-class h5{font-size:14px!important}.sf-timetable-class span{font-size:11px!important}.sf-timetable-class{padding:9px 8px!important}}
@media(max-width:991px){.sf-timetable-shell{display:none!important}.sf-timetable-mobile{display:block!important;margin-top:20px!important}.sf-mobile-day{border-radius:20px!important;border:1px solid #e1eadf!important;box-shadow:0 14px 34px rgba(30,47,40,.08)!important}.sf-mobile-day h3{font-size:23px!important}.sf-mobile-open-range{display:inline-flex!important;background:#fbfdf8!important;border:1px solid #dfe8dc!important;color:#65766c!important;border-radius:999px!important;padding:7px 12px!important;font-weight:900!important}.sf-mobile-class{border-radius:0 16px 16px 0!important}.sf-mobile-closed{background-image:repeating-linear-gradient(135deg,transparent 0 44px,rgba(30,47,40,.20) 45px,rgba(30,47,40,.20) 46px,transparent 47px,transparent 88px)!important}}

/* Fase 8 stap 19: premium contactpagina + spamveilige form layout */
.sf-contact-section{background:linear-gradient(180deg,#fbfcf8 0%,#f2f4ee 100%)!important;position:relative;overflow:hidden}.sf-contact-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 10%,rgba(157,181,154,.22),transparent 32%),radial-gradient(circle at 88% 82%,rgba(30,47,40,.10),transparent 34%);pointer-events:none}.sf-contact-section>.container{position:relative;z-index:1}.sf-contact-hero{text-align:center;max-width:860px;margin:0 auto 42px}.sf-contact-hero span{display:block;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.22em;color:var(--sf-sage,#9DB59A);font-weight:800;margin-bottom:10px}.sf-contact-hero h2{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:54px;line-height:1.05;color:var(--sf-dark,#1E2F28);margin-bottom:16px}.sf-contact-hero p{font-size:18px;line-height:1.75;color:var(--sf-text,#30403B);margin:0}.sf-contact-layout{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:30px;align-items:stretch}.sf-contact-info-card,.sf-contact-form-card{background:rgba(255,255,255,.9);border:1px solid rgba(30,47,40,.08);border-radius:34px;box-shadow:0 28px 80px rgba(30,47,40,.10)}.sf-contact-info-card{padding:42px;display:flex;flex-direction:column}.sf-contact-logo-mark{width:74px;height:74px;border-radius:26px;background:var(--sf-dark,#1E2F28);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Oswald,sans-serif;font-size:30px;font-weight:900;letter-spacing:.04em;margin-bottom:25px;box-shadow:0 18px 42px rgba(30,47,40,.2)}.sf-contact-info-card h3{font-size:34px;line-height:1.12;color:var(--sf-dark,#1E2F28);margin-bottom:16px}.sf-contact-info-card>p{font-size:16px;line-height:1.75;color:#66756d;margin-bottom:28px}.sf-contact-info-list{display:grid;gap:14px;margin-bottom:28px}.sf-contact-info-list>div{display:flex;gap:14px;align-items:flex-start;background:#f6f9f3;border:1px solid #e4ecdf;border-radius:18px;padding:16px 18px;color:var(--sf-dark,#1E2F28)}.sf-contact-info-list i{width:34px;height:34px;border-radius:50%;background:rgba(157,181,154,.22);color:var(--sf-dark,#1E2F28);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.sf-contact-info-list a,.sf-contact-info-list span{color:#536159;font-weight:700;line-height:1.55}.sf-contact-route{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--sf-dark,#1E2F28);color:#fff!important;border-radius:999px;padding:17px 22px;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.sf-contact-route:hover{background:var(--sf-sage,#9DB59A);color:var(--sf-dark,#1E2F28)!important}.sf-contact-mini-note{margin-top:18px;border-left:4px solid var(--sf-sage,#9DB59A);background:rgba(157,181,154,.12);padding:16px 18px;border-radius:14px;display:grid;gap:3px}.sf-contact-mini-note strong{font-family:Oswald,sans-serif;text-transform:uppercase;color:var(--sf-dark,#1E2F28);letter-spacing:.08em}.sf-contact-mini-note span{font-size:14px;color:#68756f;line-height:1.55}.sf-contact-form-card{padding:42px}.sf-contact-form{display:grid;gap:18px}.sf-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sf-contact-form label{display:grid;gap:9px;color:var(--sf-dark,#1E2F28);font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:800}.sf-contact-form label small{font-family:Muli,sans-serif;text-transform:none;letter-spacing:0;color:#7c8982;font-weight:700}.sf-contact-form input,.sf-contact-form select,.sf-contact-form textarea{width:100%;border:1px solid #dce8d8!important;background:#fbfdf9!important;border-radius:18px!important;padding:16px 17px!important;color:var(--sf-dark,#1E2F28)!important;font-family:Muli,sans-serif!important;font-size:15px!important;outline:none!important;box-shadow:none!important}.sf-contact-form textarea{min-height:178px;resize:vertical}.sf-contact-form input:focus,.sf-contact-form select:focus,.sf-contact-form textarea:focus{border-color:var(--sf-sage,#9DB59A)!important;box-shadow:0 0 0 4px rgba(157,181,154,.16)!important;background:#fff!important}.sf-contact-bottom{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-top:4px}.sf-contact-bottom p{margin:0;color:#7c8982;font-size:13px;line-height:1.55;max-width:430px}.sf-contact-bottom .primary-btn{border:0!important;border-radius:999px!important;padding:17px 28px!important;background:var(--sf-dark,#1E2F28)!important;color:#fff!important;white-space:nowrap}.sf-contact-bottom .primary-btn:hover{background:var(--sf-sage,#9DB59A)!important;color:var(--sf-dark,#1E2F28)!important}.sf-contact-alert{border-radius:18px;padding:16px 18px;margin-bottom:20px;font-weight:800;line-height:1.55}.sf-contact-alert--success{background:#edf8ea;border:1px solid #cfe6c9;color:#264d2a}.sf-contact-alert--error{background:#fff0ed;border:1px solid #f2c7bd;color:#8a2d20}.sf-contact-prefill{display:flex;align-items:center;gap:10px;background:rgba(157,181,154,.15);border:1px solid #dbe8d6;border-radius:16px;padding:13px 16px;color:#536159}.sf-contact-prefill i{color:var(--sf-dark,#1E2F28)}.sf-hp-field{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}.contact-section .map,.contact-section+.gettouch-section{display:none!important}@media(max-width:991px){.sf-contact-layout{grid-template-columns:1fr}.sf-contact-hero h2{font-size:42px}.sf-contact-info-card,.sf-contact-form-card{padding:30px;border-radius:26px}}@media(max-width:575px){.sf-contact-section{padding-top:70px!important;padding-bottom:70px!important}.sf-contact-hero{text-align:left;margin-bottom:28px}.sf-contact-hero h2{font-size:34px}.sf-contact-hero p{font-size:16px}.sf-form-grid{grid-template-columns:1fr}.sf-contact-info-card,.sf-contact-form-card{padding:24px;border-radius:22px}.sf-contact-info-card h3{font-size:28px}.sf-contact-bottom{display:grid}.sf-contact-bottom .primary-btn{width:100%;text-align:center}}


/* Step 19a contact polish */
.sf-contact-logo-mark--image{width:180px;height:auto;min-height:96px;border-radius:0;background:transparent;color:inherit;box-shadow:none;justify-content:flex-start;margin-bottom:24px;padding:0}.sf-contact-logo-mark--image img{display:block;width:100%;max-width:180px;height:auto;object-fit:contain}.sf-contact-bottom--clean{justify-content:flex-end}.sf-contact-bottom--clean .primary-btn{min-width:235px}.sf-contact-bottom--clean p{display:none!important}@media(max-width:575px){.sf-contact-logo-mark--image{width:150px;min-height:78px}.sf-contact-logo-mark--image img{max-width:150px}.sf-contact-bottom--clean{justify-content:stretch}.sf-contact-bottom--clean .primary-btn{min-width:0}}

/* Step 20 fitness tools */
.sf-fitness-tool-section{background:#f6f8f2;position:relative;overflow:hidden}.sf-fitness-tool-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 12%,rgba(157,181,154,.18),transparent 36%),radial-gradient(circle at 88% 20%,rgba(30,47,40,.08),transparent 30%);pointer-events:none}.sf-fitness-tool-section .container{position:relative;z-index:1}.sf-tool-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:34px;align-items:stretch}.sf-tool-copy,.sf-tool-card,.sf-tool-seo-row{background:rgba(255,255,255,.88);border:1px solid rgba(30,47,40,.09);border-radius:30px;box-shadow:0 28px 70px rgba(30,47,40,.08)}.sf-tool-copy{padding:48px}.sf-tool-kicker{display:inline-flex;gap:10px;align-items:center;color:#9DB59A;text-transform:uppercase;letter-spacing:3px;font-weight:800;font-size:13px;margin-bottom:18px}.sf-tool-kicker i{width:38px;height:38px;border-radius:14px;background:#1E2F28;color:#fff;display:inline-flex;align-items:center;justify-content:center;letter-spacing:0}.sf-tool-copy h2{font-family:Oswald,sans-serif;font-size:46px;line-height:1.08;color:#1E2F28;text-transform:uppercase;margin:0 0 18px}.sf-tool-intro{font-size:19px;line-height:1.75;color:#5d6a63;margin-bottom:24px}.sf-tool-body p{font-size:16px;line-height:1.85;color:#65726b;margin-bottom:15px}.sf-tool-cta{margin-top:12px}.sf-tool-card{padding:34px;background:#fff}.sf-tool-card__head{margin-bottom:24px}.sf-tool-card__head strong{display:block;font-family:Oswald,sans-serif;font-size:30px;color:#1E2F28;text-transform:uppercase}.sf-tool-card__head span{display:block;color:#758179;font-size:15px}.sf-tool-form label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1.6px;color:#1E2F28;font-weight:800;margin:0}.sf-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sf-tool-grid .sf-wide{grid-column:1/-1}.sf-tool-form input,.sf-tool-form select{width:100%;height:58px;border:1px solid #dbe6d7;border-radius:18px;padding:0 18px;margin-top:8px;background:#f9fbf6;color:#1E2F28;font-size:15px}.sf-tool-form button{height:58px;border:0;border-radius:999px;background:#1E2F28;color:#fff;text-transform:uppercase;letter-spacing:1.5px;font-weight:900;padding:0 28px;margin-top:22px;box-shadow:0 18px 34px rgba(30,47,40,.18);cursor:pointer}.sf-tool-result{margin-top:24px;border-radius:24px;background:#f2f6ec;border:1px solid #dbe8d5;padding:24px;color:#1E2F28}.sf-tool-result strong{display:block;font-family:Oswald,sans-serif;font-size:34px;line-height:1.05;text-transform:uppercase}.sf-tool-result span{display:block;color:#8fa98c;font-weight:800;text-transform:uppercase;letter-spacing:2px;margin:8px 0}.sf-tool-result p{margin:0;color:#5d6a63;line-height:1.75}.sf-tool-result-cta{margin-top:18px;padding-top:16px;border-top:1px solid rgba(30,47,40,.12);display:flex;gap:14px;align-items:center;justify-content:space-between}.sf-tool-result-cta strong{font-family:Muli,sans-serif;font-size:14px;text-transform:none;letter-spacing:0}.sf-tool-result-cta a{display:inline-flex;white-space:nowrap;background:#fff;border:1px solid #dbe6d7;border-radius:999px;padding:10px 16px;color:#1E2F28;font-weight:800}.sf-tool-goals{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:18px}.sf-tool-goals label{cursor:pointer}.sf-tool-goals input{display:none}.sf-tool-goals span{display:block;border:1px solid #dbe6d7;background:#f9fbf6;border-radius:18px;padding:16px 18px;text-transform:none;letter-spacing:0;font-size:15px}.sf-tool-goals input:checked+span{background:#1E2F28;border-color:#1E2F28;color:#fff}.sf-macro-bars{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:15px 0}.sf-macro-bars span{background:#fff;border-radius:16px;padding:14px 10px;text-align:center;letter-spacing:0;text-transform:none;color:#65726b}.sf-macro-bars b{display:block;font-family:Oswald,sans-serif;font-size:28px;color:#1E2F28}.sf-tool-seo-row{margin-top:34px;padding:26px;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:24px;align-items:center}.sf-tool-seo-row strong{display:block;font-family:Oswald,sans-serif;font-size:28px;color:#1E2F28;text-transform:uppercase}.sf-tool-seo-row span{display:block;color:#65726b;line-height:1.7}.sf-tool-visual{height:var(--sf-image-height,420px);width:var(--sf-image-size,100%);max-width:100%;margin-left:auto;border-radius:28px;overflow:hidden;background:#eaf0e6;box-shadow:0 25px 55px rgba(30,47,40,.12)}.sf-tool-visual img{width:100%;height:100%;object-fit:cover;display:block}.sf-tools-overview-section{background:#fff}.sf-tools-overview-section--compact{padding-top:30px}.sf-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.sf-tool-tile{display:block;background:#f6f8f2;border:1px solid #dfe8db;border-radius:24px;padding:26px;min-height:210px;color:#1E2F28;transition:.22s}.sf-tool-tile:hover{transform:translateY(-4px);box-shadow:0 22px 45px rgba(30,47,40,.10);color:#1E2F28}.sf-tool-tile i{width:46px;height:46px;border-radius:16px;background:#1E2F28;color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.sf-tool-tile strong{display:block;font-family:Oswald,sans-serif;font-size:25px;text-transform:uppercase;margin-bottom:10px}.sf-tool-tile span{display:block;color:#65726b;line-height:1.6;font-size:14px}@media(max-width:991px){.sf-tool-wrap,.sf-tool-seo-row{grid-template-columns:1fr}.sf-tools-grid{grid-template-columns:1fr 1fr}.sf-tool-copy{padding:34px}.sf-tool-copy h2{font-size:38px}}@media(max-width:575px){.sf-tool-grid,.sf-tools-grid,.sf-macro-bars{grid-template-columns:1fr}.sf-tool-copy,.sf-tool-card{padding:24px;border-radius:22px}.sf-tool-copy h2{font-size:32px}.sf-tool-result-cta{display:block}.sf-tool-result-cta a{margin-top:12px}.sf-tool-seo-row{padding:20px;border-radius:22px}.sf-tool-visual{height:280px}}

/* Step 23 appointments */
.sf-appointment-section{background:#f7f9f4;}
.sf-appointment-hero-card{max-width:980px;margin:0 auto 34px;text-align:center;background:rgba(255,255,255,.82);border:1px solid rgba(157,181,154,.35);border-radius:34px;padding:38px 30px;box-shadow:0 22px 70px rgba(30,47,40,.08)}
.sf-appointment-hero-card span{display:block;color:#9db59a;text-transform:uppercase;font-weight:800;letter-spacing:.18em;margin-bottom:8px}
.sf-appointment-hero-card h2{font-family:Oswald,sans-serif;text-transform:uppercase;color:#1e2f28;font-size:44px;margin:0 0 12px}.sf-appointment-hero-card p{max-width:780px;margin:0 auto;color:#64736c;font-size:18px;line-height:1.7}
.sf-appointment-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);gap:24px;align-items:start}.sf-appointment-panel{background:#fff;border:1px solid rgba(157,181,154,.32);border-radius:28px;padding:26px;box-shadow:0 20px 60px rgba(30,47,40,.07)}.sf-appointment-panel--wide{grid-column:1/-1}.sf-appointment-panel h3{font-family:Oswald,sans-serif;text-transform:uppercase;color:#1e2f28;font-size:25px;margin:0 0 18px}.sf-appointment-service-list{display:grid;gap:14px}.sf-appointment-service-card{display:block;margin:0;border:1px solid rgba(157,181,154,.35);border-radius:20px;padding:18px 18px 16px;cursor:pointer;background:#f8faf5;transition:.2s}.sf-appointment-service-card input{display:none}.sf-appointment-service-card strong{display:block;color:#1e2f28;font-size:18px}.sf-appointment-service-card span{display:inline-block;margin:8px 0;color:#87a083;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.sf-appointment-service-card em{display:block;color:#65736d;font-style:normal;line-height:1.55}.sf-appointment-service-card.is-selected,.sf-appointment-service-card:has(input:checked){border-color:#9db59a;background:#eef5eb;box-shadow:0 12px 30px rgba(157,181,154,.18)}
.sf-appointment-slot-days{max-height:640px;overflow:auto;padding-right:8px}.sf-slot-day{border-bottom:1px solid rgba(157,181,154,.24);padding:0 0 18px;margin-bottom:18px}.sf-slot-day h4{font-family:Oswald,sans-serif;color:#1e2f28;text-transform:uppercase;font-size:20px;margin-bottom:12px}.sf-slot-buttons{display:flex;flex-wrap:wrap;gap:10px}.sf-slot-buttons label{margin:0;cursor:pointer}.sf-slot-buttons input{display:none}.sf-slot-buttons span{display:block;border:1px solid rgba(157,181,154,.42);background:#fff;border-radius:999px;padding:11px 16px;color:#1e2f28;font-weight:800}.sf-slot-buttons label:has(input:checked) span{background:#1e2f28;color:#fff;border-color:#1e2f28}.sf-appointment-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sf-appointment-fields label{display:block;text-transform:uppercase;font-size:12px;letter-spacing:.1em;font-weight:800;color:#1e2f28}.sf-appointment-fields input,.sf-appointment-fields textarea{display:block;width:100%;margin-top:8px;border:1px solid rgba(157,181,154,.45);border-radius:18px;padding:15px 17px;text-transform:none;letter-spacing:0;font-weight:500;color:#1e2f28;background:#fbfdf9}.sf-appointment-fields .wide{grid-column:1/-1}.sf-appointment-submit{border:0;margin-top:18px}.sf-form-alert{max-width:980px;margin:0 auto 22px;padding:16px 20px;border-radius:18px;font-weight:700}.sf-form-alert.success{background:#eaf5e6;color:#1e5b31}.sf-form-alert.error{background:#fff1f0;color:#8a241f}.sf-hp-field{position:absolute!important;left:-9999px!important;opacity:0!important}.sf-muted{color:#6b7b74;line-height:1.65}@media(max-width:991px){.sf-appointment-grid,.sf-appointment-fields{grid-template-columns:1fr}.sf-appointment-hero-card h2{font-size:34px}}


/* Stap 24b: zelfstandige aanbod/diensten-module */
.sf-offer-section{background:var(--sf-white)!important;}
.sf-offer-section .sf-offer-card .ci-text h4,
.sf-offer-section .sf-offer-card .ci-text h5{min-height:0;}
.sf-offer-section .sf-offer-card .ci-text span{letter-spacing:.08em;}
.sf-offer-section .sf-offer-card:hover{transform:translateY(-3px);transition:.24s ease;}