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:#7D9C91;--primary-l-1:#A3B5AE;--primary-l-2:#BCC9C3;--primary-l-3:#CDD7D3;--secondary:#DC9C91;--secondary-d-1:#D67C7A;--secondary-d-2:#E36A7A;--secondary-d-3:#C14454;--tertiary:#f7f4eb;--white:#FFFFFF;--text-body:#292929;--text-body-light:#FFFF;--success:hsla(136,95%,56%,1);--error:hsla(351,95%,56%,1);--space-4xs:clamp(0.49rem,calc(0vw + 0.49rem),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-ml:clamp(1.9rem,calc(0.28vw + 1.81rem),2.2rem);--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;}.btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3xs);padding:var(--space-xs) var(--space-xs);background:var(--primary);color:#fff;font-size:var(--text-l);font-weight:600;border-radius:var(--radius-m);border:1px solid var(--primary-d-1);box-shadow:var(--shadow-m);transition:all 0.25s ease-in-out;outline:0;cursor:pointer;}.btn:hover{background:var(--secondary);transform:translateY(-0.1rem);}.btn.small{font-size:var(--text-s);padding:var(--space-xs) var(--space-s);}.btn.large{font-size:var(--text-l);padding:var(--space-s) var(--space-m);}.btn.tertiary{background:var(--tertiary);border-color:var(--tertiary-d-1);}.btn.ghost{color:var(--dark-80);background:transparent;border-color:transparent;box-shadow:none;}.btn.slight{color:var(--dark-80);background:var(--bg-surface);border-color:var(--border-primary);box-shadow:var(--shadow-s);}.btn.secondary{background:var(--secondary);border-color:var(--secondary-d-1);}.btn.ghost:hover{background:var(--dark-10);}.btn.slight:hover{background:var(--dark-5);}.btn.tertiary:hover{background:var(--tertiary-d-1);}.btn.secondary:hover{background:var(--secondary-d-1);}.btn:focus{outline:4px solid var(--primary-l-3);outline-offset:2px;}.btn.no-bg{color:var(--dark-80);background:transparent;box-shadow:none;border-color:transparent;}.btn.no-bg:hover{color:var(--dark);}.badge{display:flex;align-items:center;justify-content:center;gap:var(--space-4xs);padding:var(--space-2xs) var(--space-s);background:var(--dark-10);color:var(--primary);font-size:var(--text-s);font-weight:500;border-radius:var(--radius-full);border:0;outline:0;}.badge.secondary{color:var(--secondary);}.link{color:var(--primary);font-size:var(--text-m);font-weight:600;letter-spacing:0.05rem;box-shadow:0 2px 0 var(--primary-20);-webkit-text-decoration:none;text-decoration:none;transition:all 0.15s ease-in-out;}.link:hover{box-shadow:0 2px 0 var(--primary-40);}.link:focus{background:var(--primary-10);}.link.secondary{color:var(--secondary);border-color:var(--secondary-20);}.link.tertiary{color:var(--tertiary);border-color:var(--tertiary-20);}.input{padding:var(--space-xs) var(--space-s);background:var(--dark-5);color:var(--text-title);font-size:var(--text-m);font-weight:500;border-radius:var(--radius-m);border:1px solid var(--border-primary);box-shadow:var(--shadow-xs);transition:all 0.25s ease-in-out;appearance:none;outline:0;}.input:focus{background:var(--primary-20);border-color:var(--primary);box-shadow:var(--shadow-l);}.input:hover{border-color:var(--primary);background:transparent;box-shadow:var(--shadow-l);}.input::placeholder{color:var(--dark-40);}.input:invalid{border-color:var(--error);background:var(--error-10);}.input:disabled{cursor:not-allowed;opacity:.75;box-shadow:none;background:var(--dark-10);}.select{padding:var(--space-xs) var(--space-s);background:var(--dark-5);color:var(--text-body);font-size:var(--text-m);font-weight:500;border-radius:var(--radius-m);border:1px solid var(--border-primary);box-shadow:var(--shadow-xs);transition:all 0.25s ease-in-out;outline:0;}.select:focus{background:var(--primary-20);border-color:var(--primary);}.select:hover{border-color:var(--primary);}.select::placeholder{color:var(--dark-40);}.select:invalid{border-color:var(--error);background:var(--error-10);}.select:disabled{cursor:not-allowed;opacity:.75;box-shadow:none;background:var(--dark-10);}.card{display:grid;gap:var(--space-xs);padding:var(--space-m);font-size:var(--text-m);color:var(--text-body);background:var(--bg-surface);line-height:1.3;border-radius:var(--radius-m);box-shadow:var(--shadow-m);}.card.secondary{background:var(--secondary);color:#fff;}.card.primary{background:var(--primary);color:#fff;}.icon{color:var(--primary);width:var(--space-2xl);height:auto;font-size:var(--space-2xl);}.icon.large{width:var(--space-3xl);font-size:var(--space-3xl);}.icon.secondary{color:var(--secondary);}.icon.tertiary{color:var(--tertiary);}.icon.outline{padding:0.5em;border:1px solid var(--border-primary);border-radius:100%;box-sizing:content-box;}.icon.filled{padding:0.5em;border-radius:100%;box-sizing:content-box;background:var(--dark-10);}.icon.small{width:var(--space-l);font-size:var(--space-l);}.avatar{width:var(--space-2xl);height:var(--space-2xl);border-radius:100%;box-shadow:var(--shadow-m);object-fit:cover;}.avatar.small{width:var(--space-l);height:var(--space-l);}.avatar.large{width:var(--space-4xl);height:var(--space-4xl);}.divider{min-width:100%;width:100%;max-width:100%;min-height:1px;height:1px;max-height:1px;background:var(--border-primary);margin:var(--space-m) 0;border:0;}.divider.vertical{min-width:1px;width:1px;max-width:1px;min-height:100%;height:100%;max-height:100%;}.checkbox{appearance:none;display:grid;place-content:center;border:2px solid var(--dark-40);border-radius:var(--radius-s);width:clamp(1.8rem,calc(0.37vw + 1.68rem),2.2rem);height:clamp(1.8rem,calc(0.37vw + 1.68rem),2.2rem);}.checkbox:checked:before{transform:scale(1);}.checkbox::before{content:"";width:1em;height:1em;box-shadow:inset 1em 1em #fff;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transform:scale(0);transition:transform 0.2s;}.checkbox:hover{border-color:var(--primary);}.checkbox:focus{outline:3px solid var(--primary-l-3);outline-offset:2px;}.checkbox:checked{background:var(--primary);border-color:var(--primary);}.radio{appearance:none;display:grid;place-content:center;border:2px solid var(--dark-40);border-radius:var(--radius-full);width:clamp(1.8rem,calc(0.37vw + 1.68rem),2.2rem);height:clamp(1.8rem,calc(0.37vw + 1.68rem),2.2rem);}.radio:checked:before{transform:scale(1);}.radio::before{content:"";width:1em;height:1em;border-radius:100%;transform:scale(0);transition:transform 0.2s;background:var(--primary);}.radio:hover{border-color:var(--primary);}.radio:focus{outline:3px solid var(--primary-l-3);outline-offset:2px;}.radio:checked{border-color:var(--primary);}.bg-primary{background-color:var(--primary);}.bg-primary-l-1{background-color:var(--primary-l-1);}.bg-primary-l-2{background-color:var(--primary-l-2);}.bg-primary-l-3{background-color:var(--primary-l-3);}/* 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!!! */ /* --------------------------------------------- */