html{font-size:62.5%;}:root,:root.cf-theme-dark .theme-inverted,:root.cf-theme-dark .theme-always-light,:root.cf-theme-light .theme-inverted .theme-always-light{--min-screen-width:320px;--max-screen-width:1400px;--primary:#69bfd9;--secondary:#051435;--tertiary:#f1be43;--purple:#995c98;--beige:#f5f3ed;--white:#FFFFFF;--text-body:#000000;--text-body-light:#FFFF;--success:hsla(136,95%,56%,1);--error:hsla(351,95%,56%,1);--space-4xs:clamp(0.52rem,calc(-0.03vw + 0.53rem),0.49rem);--space-3xs:clamp(0.66rem,calc(0.04vw + 0.64rem),0.7rem);--space-2xs:clamp(0.82rem,calc(0.16vw + 0.77rem),0.99rem);--space-xs:clamp(1.02rem,calc(0.35vw + 0.91rem),1.4rem);--space-s:clamp(1.28rem,calc(0.65vw + 1.07rem),1.98rem);--space-m:clamp(1.6rem,calc(1.11vw + 1.24rem),2.8rem);--space-l:clamp(2rem,calc(1.81vw + 1.42rem),3.96rem);--space-xl:clamp(2.5rem,calc(2.87vw + 1.58rem),5.6rem);--space-2xl:clamp(3.13rem,calc(4.44vw + 1.71rem),7.92rem);--space-3xl:clamp(3.91rem,calc(6.75vw + 1.75rem),11.19rem);--space-4xl:clamp(4.88rem,calc(10.13vw + 1.64rem),15.83rem);--text-xs:clamp(1.2rem,calc(0.09vw + 1.17rem),1.3rem);--text-s:clamp(1.4rem,calc(0.14vw + 1.36rem),1.55rem);--text-m:clamp(1.7rem,calc(0.09vw + 1.67rem),1.8rem);--text-l:clamp(2rem,calc(0.46vw + 1.85rem),2.5rem);--text-xl:clamp(2.2rem,calc(0.74vw + 1.96rem),3rem);--text-2xl:clamp(2.4rem,calc(1.02vw + 2.07rem),3.5rem);--text-3xl:clamp(2.6rem,calc(2.22vw + 1.89rem),5rem);--text-4xl:clamp(3rem,calc(2.04vw + 2.35rem),5.2rem);--text-5xl:clamp(3.5rem,calc(2.31vw + 2.76rem),6rem);--radius-xs:clamp(0.4rem,calc(0vw + 0.4rem),0.4rem);--radius-s:clamp(0.6rem,calc(0.19vw + 0.54rem),0.8rem);--radius-m:clamp(1rem,calc(0.19vw + 0.94rem),1.2rem);--radius-l:clamp(1.6rem,calc(0.37vw + 1.48rem),2rem);--radius-xl:clamp(2.6rem,calc(0.56vw + 2.42rem),3.2rem);--radius-full:999rem;}.bg-primary{background-color:var(--primary);}/* Custom Stylesheets */ /* Equalizer Design - CF CUSTOM CSS */ /* --------------------------------------------- */ /* SECTION */ /* --------------------------------------------- */ .section{padding-top:0;padding-bottom:0;width:100%;max-width:100vw;box-sizing:border-box;overflow-x:hidden;}.section--overflow{overflow-x:visible;}.section--header{top:0;padding-top:{padding-top:0;};padding-bottom:{padding-bottom:0;};}/* SECTION TOP SPACING */ .section--pt-0{padding-top:0;}.section--pt-4xs{padding-top:var(--space-4xs);}.section--pt-3xs{padding-top:var(--space-3xs);}.section--pt-2xs{padding-top:var(--space-2xs);}.section--pt-xs{padding-top:var(--space-xs);}.section--pt-s{padding-top:var(--space-s);}.section--pt-m{padding-top:var(--space-m);}.section--pt-l{padding-top:var(--space-l);}.section--pt-xl{padding-top:var(--space-xl);}.section--pt-2xl{padding-top:var(--space-2xl);}.section--pt-3xl{padding-top:var(--space-3xl);}.section--pt-4xl{padding-top:var(--space-4xl);}/* SECTION BOTTOM SPACING */ .section--pb-0{padding-bottom:0;}.section--pb-4xs{padding-bottom:var(--space-4xs);}.section--pb-3xs{padding-bottom:var(--space-3xs);}.section--pb-2xs{padding-bottom:var(--space-2xs);}.section--pb-xs{padding-bottom:var(--space-xs);}.section--pb-s{padding-bottom:var(--space-s);}.section--pb-m{padding-bottom:var(--space-m);}.section--pb-l{padding-bottom:var(--space-l);}.section--pb-xl{padding-bottom:var(--space-xl);}.section--pb-2xl{padding-bottom:var(--space-2xl);}.section--pb-3xl{padding-bottom:var(--space-3xl);}.section--pb-4xl{padding-bottom:var(--space-4xl);}/* --------------------------------------------- */ /* CONTAINER */ /* --------------------------------------------- */ .container{width:100%;margin-inline:auto;/* centreer binnen section */ padding-inline:var(--space-m);box-sizing:border-box;max-width:none;/* default = full */ }:root{--container-s:1000px;--container-m:1200px;--container-l:1400px;--container-xl:1600px;--container-2xl:1800px;}/* verschillende formaten containers */ .container--s{max-width:var(--container-s);}.container--m{max-width:var(--container-m);}.container--l{max-width:var(--container-l);}.container--xl{max-width:var(--container-xl);}.container--2xl{max-width:var(--container-2xl);}/* --------------------------------------------- */ /* STACK (vertical spacing layout) */ /* --------------------------------------------- */ /* Default stack (medium spacing) */ .stack > * + *{margin-top:var(--space-m);}/* Small spacing */ .stack--s > * + *{margin-top:var(--space-s);}/* Medium spacing (explicit) */ .stack--m > * + *{margin-top:var(--space-m);}/* Large spacing */ .stack--l > * + *{margin-top:var(--space-l);}/* Extra large (optioneel,handig voor hero-secties) */ .stack--xl > * + *{margin-top:var(--space-xl);}/* --------------------------------------------- */ /* BLOCK / DIV's > DEFAULT BRICKS!!! */ /* --------------------------------------------- */ /* --------------------------------------------- */ /* GRID / FLEX > IN BRICKS!!! */ /* --------------------------------------------- */ /* --------------------------------------------- */ /* BACKGROUND */ /* --------------------------------------------- */ .bg-gradient-primary-secondary{background:linear-gradient( 180deg,var(--primary),var(--white) );}@media (min-width:767px){.bg-gradient-primary-secondary{background:linear-gradient( 90deg,var(--primary),var(--white) );}}/* --------------------------------------------- */ /* RADIUS */ /* --------------------------------------------- */ .custom-radius{position:relative;z-index:1;border-bottom-left-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full);border-top-left-radius:var(--radius-full);}.custom-radius::after{content:"";position:absolute;transform:translate(6px,6px);inset:0px;border:1px solid var(--tertiary);border-bottom-left-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full);border-top-left-radius:var(--radius-full);z-index:-1;}@media (min-width:767px){.custom-radius::after{content:"";position:absolute;transform:translate(10px,10px);inset:0px;border:1.5px solid var(--tertiary);}}.custom-radius .bricks-image{width:100%;height:100%;object-fit:cover;border-bottom-left-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full);border-top-left-radius:var(--radius-full);}.custom-radius-purple{position:relative;z-index:1;border-bottom-left-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full);border-top-left-radius:var(--radius-full);}.custom-radius-purple::after{content:"";position:absolute;transform:translate(6px,6px);inset:0px;border:1px solid var(--purple);border-bottom-left-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full);border-top-left-radius:var(--radius-full);z-index:-1;}@media (min-width:767px){.custom-radius-purple::after{content:"";position:absolute;transform:translate(10px,10px);inset:0px;border:1.5px solid var(--purple);}}.custom-radius-purple .bricks-image{width:100%;height:100%;object-fit:cover;border-bottom-left-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full);border-top-left-radius:var(--radius-full);}/* --------------------------------------------- */ /* CUSTOM PUNT */ /* --------------------------------------------- */ /* basispunt zonder animatie */ .ig-dot-yellow{display:inline-block;width:clamp(7px,1.2vw,12px);height:clamp(7px,1.2vw,12px);margin-left:clamp(3px,0.6vw,5px);background:var(--tertiary);border-radius:50% 50% 50% 0;flex:0 0 auto;}.ig-dot-purple{display:inline-block;width:clamp(7px,1.2vw,12px);height:clamp(7px,1.2vw,12px);margin-left:clamp(3px,0.6vw,5px);background:var(--purple);border-radius:50% 50% 50% 0;flex:0 0 auto;}/* punt met animatie */ .ig-dot-yellow{display:inline-block;width:clamp(7px,1.2vw,12px);height:clamp(7px,1.2vw,12px);margin-left:clamp(3px,0.6vw,5px);background:var(--tertiary);border-radius:50% 50% 50% 0;flex:0 0 auto;}.ig-dot-purple{display:inline-block;width:clamp(7px,1.2vw,12px);height:clamp(7px,1.2vw,12px);margin-left:clamp(3px,0.6vw,5px);background:var(--purple);border-radius:50% 50% 50% 0;flex:0 0 auto;}.ig-dot-blue{display:inline-block;width:clamp(7px,1.2vw,12px);height:clamp(7px,1.2vw,12px);margin-left:clamp(3px,0.6vw,5px);background:var(--secondary);border-radius:50% 50% 50% 0;flex:0 0 auto;}/* animatie-laag:dot is er wel,maar onzichtbaar tot typing klaar is */ .ig-dot-anim{opacity:0;transform:translateX(-6px);transition:opacity .25s ease,transform .25s ease;}.ig-dot-anim.is-in{opacity:1;transform:translateX(0);}