:root {
	--scrollbarwidth: 0px;
	
	--vw100: calc(100vw - var(--scrollbarwidth));
	--vw50: calc(var(--vw100) * 0.5);

	--bs-gutter-y: 0;
	--bs-gutter-x: 24px;
	--bs-gutter-row: 24px;
	--gy: var(--bs-gutter-y);

	--gx: 24px;
	--gxd: calc(var(--gx) * 2);
	--gx2: calc(var(--gx) * 2);
	--gx3: calc(var(--gx) * 3);
	--gx4: calc(var(--gx) * 4);
	--gxh: calc(var(--gx) * 0.5);
	--gxq: calc(var(--gx) * 0.25);
	--gx3q: calc(var(--gx) * 0.75);
	--gx5q: calc(var(--gx) * 1.25);
	--gx6q: calc(var(--gx) * 1.50);

	--ngx: calc(var(--gx) * -1);
	--ngxd: calc(var(--gxd) * -1);
	--ngx2: calc(var(--gx2) * -1);
	--ngx3: calc(var(--gx3) * -1);
	--ngx4: calc(var(--gx3) * -1);
	--ngxh: calc(var(--gxh) * -1);
	--ngxq: calc(var(--gxq) * -1);
	--ngx3q: calc(var(--gx3q) * -1);
	--ngx5q: calc(var(--gx5q) * -1);
	--ngx6q: calc(var(--gx6q) * -1);

	--containerwidth: 1400px; /* vul beneden ook max containerwidth in */
	--widecontentwidth: 1600px;
	--fullcontentwidth: calc(2560px - var(--scrollbarwidth));

	--font-scale: 100%;

	--headerheight: 80px;

	--sliderHeight: calc(var(--vw100) / 6);

	--widemargin: calc((var(--widecontentwidth) - var(--containerwidth) + var(--gx)) * -0.5);
	--fullmargin: calc((var(--vw100) - var(--containerwidth) + var(--gx)) * -0.5);

	--c-1: #1D1D1B; 	/* bijna zwart */
	--c-2-rgb: 29, 29, 27;

	--c-2: #142D37; /* donker blauw */
	--c-2-rgb: 20, 45, 55;

	--c-3: #2E6A7C; /* licht blauw */
	--c-3-rgb:46, 106, 124;

	--c-4: #ED7203; /* oranje */
	--c-4-rgb: 237, 114, 3;

	--c-white: #ffffff;
	--c-white-rgb: 255, 255, 255;

	--c-light-grey: #e7e7e7;
	--c-light-grey-rgb: 231, 231, 231;

	--c-grey: #d4d4d4;
	--c-grey-rgb: 212, 212, 212;

	--c-medium-grey: #B4B4B4;
	--c-medium-grey-rgb: 180, 180, 180;

	--c-dark-grey: #777777;
	--c-dark-grey-rgb: 119, 119, 119;

	--c-black: #000000;
	--c-black-rgb: 0, 0, 0;

	--c-transparent: transparent;

	--c-link: var(--c-1);
	--c-link-hover: var(--c-2);

	--c-text: var(--c-1);
	--c-text-hover: var(--c-black);

	--c-primary: var(--c-1);
	--c-primary-hover: var(--c-black);

	--c-secondary: var(--c-2);
	--c-secondary-hover: var(--c-1);

	--c-tertiary: var(--c-3);
	--c-tertiary-hover: var(--c-2);

	--c-highlight: var(--c-1);
	--c-highlight-hover: var(--c-2);

	--c-headers: var(--c-1);
	--c-headers-hover: var(--c-1);

	--fw-thin: 100;
	--fw-light: 200;
	--fw-semilight: 300;
	--fw-regular: 400;
	--fw-normal: 400;
	--fw-medium: 500;
	--fw-bold: 600;
	--fw-bold: 700;
	--fw-extrabold: 800;
	--fw-black: 900;

	--h-ff: 'bebas-neue', sans-serif;
	--p-ff: 'calibri', sans-serif;

	--p-fs: 1.00rem;
	--p-fw: var(--fw-regular);
	--p-lh: 1.40;
	--p-ls: 0;
	--p-c: var(--c-text);
	--p-fst: normal;

	--h1-fs: 5.00rem;
	--h2-fs: 3.50rem;
	--h3-fs: 3.50rem;
	--h4-fs: 1.50rem;
	--h5-fs: 1.00rem;
	--h6-fs: 1.00rem;

	--h1-lh: 1.1;
	--h2-lh: 1.1;
	--h3-lh: 1.1;
	--h4-lh: 1.1;
	--h5-lh: 1.1;
	--h6-lh: 1.1;

	--h1-fw: var(--fw-bold);
	--h2-fw: var(--fw-bold);
	--h3-fw: var(--fw-bold);
	--h4-fw: var(--fw-regular);
	--h5-fw: var(--fw-regular);
	--h6-fw: var(--fw-regular);

	--h1-fst: normal;
	--h2-fst: normal;
	--h3-fst: normal;
	--h4-fst: normal;
	--h5-fst: normal;
	--h6-fst: normal;

	--h1-mb: 1rem;
	--h2-mb: .5rem;
	--h3-mb: .5rem;
	--h4-mb: .5rem;
	--h5-mb: .5rem;
	--h6-mb: .5rem;

	--h1-ls: 0;
	--h2-ls: 0;
	--h3-ls: 0;
	--h4-ls: 0;
	--h5-ls: 0;
	--h6-ls: 0;

	--h1-c: var(--c-headers);
	--h2-c: var(--c-headers);
	--h3-c: var(--c-headers);
	--h4-c: var(--c-headers);
	--h5-c: var(--c-headers);
	--h6-c: var(--c-headers);

	--h-fs: var(--h2-fs);
	--h-fw: var(--h2-fw);
	--h-lh: var(--h2-lh);
	--h-ls: var(--h2-ls);
	--h-c: var(--c-headers);

	--fs-xxxxs: 0.50rem;
	--fs-xxxs: 0.60rem;
	--fs-xxs: 0.70rem;
	--fs-xs: 0.80rem;
	--fs-sm: 0.90rem;
	--fs-regular: var(--p-fs);
	--fs-p: var(--p-fs);
	--fs-md: 1.20rem;
	--fs-lg: 2.00rem;
	--fs-xl: 2.50rem;
	--fs-xxl: 3.00rem;
	--fs-xxxl: 3.50rem;
	--fs-xxxxl: 4.00rem;
	--fs-xxxxxl: 5.00rem;

	--swiper-theme-color: var(--c-2);

	--u-box-shadow: 6px 6px 12px #00000093;
	--u-text-shadow: 6px 6px 12px #00000093;

	--u-box-shadow-soft: 3px 3px 6px #00000066;
	--u-text-shadow-soft: 3px 3px 6px #00000066;

	--u-hr-height: 1px;
	--u-hr-width: 100%;

	--u-border-radius: var(--gxh);
	--u-border-radius-xs: var(--gxq);

	--u-transform-scale: 1.05;
	--u-transition: 0.3s ease-in-out;

	--u-input-padding: .33em .75em .33em .75em;
	--u-input-padding-select: .33em .5em .33em .5em;

	--u-button-ff: 'bebas-neue', sans-serif;

	--u-button-fw: var(--fw-bold);
	--u-button-fs: 1.0rem;
	--u-button-lh: 1.00;

	--u-button-tt: uppercase;
	--u-button-padding: .33em 1em .33em 1em;

	--u-button-border-radius: 6px;

	--u-button-color: var(--c-white);
	--u-button-bg-color: var(--c-2);
	--u-button-border-color: var(--u-button-bg-color);
	--u-button-border-width: 2px;
	--u-button-border-style: solid;
	--u-button-border: var(--u-button-border-width) var(--u-button-border-style) var(--u-button-border-color);

	--u-button-hover-color: var(--c-white);
	--u-button-hover-bg-color: var(--c-1);
	--u-button-hover-border-color: var(--c-1);
	--u-button-hover-border-width: var(--u-button-border-width);
	--u-button-hover-border-style: var(--u-button-border-style);
	--u-button-hover-border: var(--u-button-hover-border-width) var(--u-button-hover-border-style) var(--u-button-hover-border-color);

	--u-button-outline-color: var(--c-1);
	--u-button-outline-bg-color: var(--c-3);
	--u-button-outline-border-color: var(--c-2);
	--u-button-outline-border-width: var(--u-button-border-width);
	--u-button-outline-border-style: var(--u-button-border-style);
	--u-button-outline-border: var(--u-button-outline-border-width) var(--u-button-outline-border-style) var(--u-button-outline-border-color);

	--u-button-outline-hover-color: var(--c-white);
	--u-button-outline-hover-bg-color: var(--c-2);
	--u-button-outline-hover-border-width: var(--u-button-border-width);
	--u-button-outline-hover-border-style: var(--u-button-border-style);
	--u-button-outline-hover-border-color: var(--u-button-outline-hover-bg-color);
	--u-button-outline-hover-border: var(--u-button-outline-hover-border-width) var(--u-button-outline-hover-border-style) var(--u-button-outline-hover-border-color);

	--slideDistance: 100px;
	--slideDistanceNeg: -100px;

	--swiper-pagination-color: var(--swiper-theme-color);
	--swiper-pagination-bullet-size: 8px;
	--swiper-pagination-bullet-width: 8px;
	--swiper-pagination-bullet-height: 8px;
	--swiper-pagination-bullet-inactive-color: #ffffff;
	--swiper-pagination-bullet-inactive-opacity: 0.2;
	--swiper-pagination-bullet-opacity: 1;
	--swiper-pagination-bullet-horizontal-gap: 4px;
	--swiper-pagination-bullet-vertical-gap: 6px;

	--wp--preset--spacing--20: var(--gxq);
	--wp--preset--spacing--20: var(--gxh);
	--wp--preset--spacing--30: var(--gx3q);
	--wp--preset--spacing--40: var(--gx);
	--wp--preset--spacing--50: var(--gx5q);
	--wp--preset--spacing--60: var(--gx6q);
	--wp--preset--spacing--70: var(--gxd);
	--wp--preset--spacing--80: var(--gx3);



}


@media all and (min-width: 2560px) {
	:root {
		--alignfull: var(--fullcontentwidth);
		--fullmargin: calc((var(--fullcontentwidth) - var(--containerwidth) + var(--gx)) * -0.5);
		--sliderHeight: calc(var(--alignfull) / 6);
	}
}


@media all and (max-width: 1599.98px) {
	:root {
		--widecontentwidth: var(--containerwidth);
		--fullcontentwidth: var(--vw100);
		--fullmargin: calc((var(--vw100) - var(--containerwidth) + var(--gx)) * -0.5);
		--widemargin: var(--ngxh);
		--sliderHeight: 25vw;
	}
}

@media all and (max-width: 1399.98px) { /* max containerwidth */
	:root {
		--font-scale: 100%;
		--containerwidth: calc(var(--vw100) - var(--gx));
		--fullcontentwidth: var(--vw100);
		--fullmargin: calc((var(--vw100) - var(--containerwidth) + var(--gx)) * -0.5);
	}
}


@media all and (max-width: 1199.98px) {
	:root {
		--font-scale: 95%;
		--containerwidth: calc(var(--vw100) - var(--gx));

		--h1-fs: 4.00rem;
		--h2-fs: 3.00rem;
		--h3-fs: 2.75rem;
		--h4-fs: 1.50rem;
		--h5-fs: 1.00rem;
		--h6-fs: 1.00rem;

	}
}


@media all and (max-width: 991.98px) {
	:root {
		--font-scale: 90%;
		--headerheight: 50px;


	}
}

@media all and (max-width: 767.98px) {
	:root {

	}
}

@media all and (max-width: 575.98px) {
	:root {

	}
}

@media all and (max-width: 413.98px) {
	:root {

	}
}