:root {
	/* Font family
	-------------------------------------------------------------- */
	--so-font-family: 'Filson Pro', sans-serif;
	--so-font-family-soft: 'Filson Pro Soft', sans-serif;
	--so-font-family-heading: 'Vodka Sans', sans-serif;

	/* Colors
	-------------------------------------------------------------- */
	--so-color-black: #1E1E1C;
	--so-color-soft-peach: #FAF5F2;
	--so-color-dark-teal: #113032;
	--so-color-white: #FFFFFF;
	--so-color-bright-yellow: #DDDB00;
	--so-color-deep-teal: #00454A;
	--so-color-light-lavender: #C5C1DA;
	--so-color-olive: #878A2C;
	--so-color-pale-green-gray: #D0D2B4;

	--so-filter-color-soft-peach: brightness(0) saturate(100%) invert(92%) sepia(16%) saturate(270%) hue-rotate(319deg) brightness(104%) contrast(91%);
	--so-filter-color-dark-teal: brightness(0) saturate(100%) invert(13%) sepia(74%) saturate(386%) hue-rotate(135deg) brightness(95%) contrast(94%);
	--so-filter-color-white: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(2784%) hue-rotate(19deg) brightness(109%) contrast(101%);
	--so-filter-color-bright-yellow: brightness(0) saturate(100%) invert(80%) sepia(21%) saturate(4566%) hue-rotate(14deg) brightness(106%) contrast(102%);
	--so-filter-color-deep-teal: brightness(0) saturate(100%) invert(21%) sepia(28%) saturate(1756%) hue-rotate(140deg) brightness(94%) contrast(104%);
	--so-filter-color-light-lavender: brightness(0) saturate(100%) invert(86%) sepia(18%) saturate(321%) hue-rotate(207deg) brightness(91%) contrast(87%);
	--so-filter-color-olive: brightness(0) saturate(100%) invert(50%) sepia(8%) saturate(3106%) hue-rotate(23deg) brightness(101%) contrast(83%);
	--so-filter-color-pale-green-gray: brightness(0) saturate(100%) invert(82%) sepia(9%) saturate(532%) hue-rotate(25deg) brightness(104%) contrast(84%);


	/* Typografie
	-------------------------------------------------------------- */
	/* Body font size */
	--so-fontsize-body: 18px;
	--so-fontsize-body-line-height: 1.5;
	--so-fontsize-body-letter-spacing: 0;

	/* Heading font size */
	--so-fontsize-display: 64px;
	--so-fontsize-h1: 52px;
	--so-fontsize-h2: 48px;
	--so-fontsize-h3: 36px;
	--so-fontsize-h4: 28px;
	--so-fontsize-h5: 20px;
	--so-fontsize-h6: 18px;
	
	/* Heading spacing bottom */
	--so-fontsize-h-default-spacing-bottom: 8px;
	--so-fontsize-display-spacing-bottom: var(--so-fontsize-h-default-spacing-bottom);
	--so-fontsize-h1-spacing-bottom: var(--so-fontsize-h-default-spacing-bottom);
	--so-fontsize-h2-spacing-bottom: var(--so-fontsize-h-default-spacing-bottom);
	--so-fontsize-h3-spacing-bottom: var(--so-fontsize-h-default-spacing-bottom);
	--so-fontsize-h4-spacing-bottom: var(--so-fontsize-h-default-spacing-bottom);
	--so-fontsize-h5-spacing-bottom: var(--so-fontsize-h-default-spacing-bottom);
	--so-fontsize-h6-spacing-bottom: var(--so-fontsize-h-default-spacing-bottom);

	/* Heading line height */
	--so-fontsize-h-default-line-height: 1;
	--so-fontsize-display-line-height: var(--so-fontsize-h-default-line-height);
	--so-fontsize-h1-line-height: var(--so-fontsize-h-default-line-height);
	--so-fontsize-h2-line-height: var(--so-fontsize-h-default-line-height);
	--so-fontsize-h3-line-height: var(--so-fontsize-h-default-line-height);
	--so-fontsize-h4-line-height: var(--so-fontsize-h-default-line-height);
	--so-fontsize-h5-line-height: var(--so-fontsize-h-default-line-height);
	--so-fontsize-h6-line-height: var(--so-fontsize-h-default-line-height);
	
	/* Heading letter spacing */
	--so-fontsize-h-default-letter-spacing: 0.03em;
	--so-fontsize-display-letterspacing: var(--so-fontsize-h-default-letter-spacing);
	--so-fontsize-h1-letterspacing: var(--so-fontsize-h-default-letter-spacing);
	--so-fontsize-h2-letterspacing: var(--so-fontsize-h-default-letter-spacing);
	--so-fontsize-h3-letterspacing: var(--so-fontsize-h-default-letter-spacing);
	--so-fontsize-h4-letterspacing: var(--so-fontsize-h-default-letter-spacing);
	--so-fontsize-h5-letterspacing: var(--so-fontsize-h-default-letter-spacing);
	--so-fontsize-h6-letterspacing: var(--so-fontsize-h-default-letter-spacing);

	
	/* Paddings en marges
	-------------------------------------------------------------- */
	--so-group-spacing: 80px;
	--so-body-spacing: 16px;
	--so-container-size: 1312px;
	--so-transition-speed: 0.35s;
	--so-block-gap: 32px;

	--so-border-radius: 40px;

	@media (width <= 1312px) {
		--so-group-spacing: 80px;
		--so-block-gap: 24px;
	}

	@media (width <= 1080px) {
		--so-fontsize-display: var(--so-fontsize-h1);
	}

	@media (width <= 768px) {
		--so-group-spacing: 64px;
		--so-border-radius: 32px;
	}

	@media (width <= 576px) {
		--so-fontsize-body: 16px;

		--so-fontsize-display: 48px;
		--so-fontsize-h1: 40px;
		--so-fontsize-h2: 36px;
		--so-fontsize-h3: 28px;
		--so-fontsize-h4: 20px;
		--so-fontsize-h5: 18px;
		--so-fontsize-h6: 16px;

		--so-group-spacing: 32px;

		--so-border-radius: 24px;

		--so-block-gap: 16px;
	}
}
/*! Lity - v2.4.1 - 2020-04-26 */
.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none}

/* Font family
-------------------------------------------------------------- */
/* Filson Pro - uitgebreid met alle beschikbare gewichten en stijlen */
@font-face {
	font-family: 'Filson Pro';
	src: url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpro-bookitalic-webfont.woff2') format('woff2'),
		 url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpro-bookitalic-webfont.woff') format('woff');
	font-weight: 350;
	font-style: italic;
}

@font-face {
	font-family: 'Filson Pro';
	src: url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpro-heavy-webfont.woff2') format('woff2'),
		 url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpro-heavy-webfont.woff') format('woff');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Filson Pro';
	src: url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpro-heavyitalic-webfont.woff2') format('woff2'),
		 url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpro-heavyitalic-webfont.woff') format('woff');
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-family: 'Filson Pro';
	src: url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpro-light-webfont.woff2') format('woff2'),
		 url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpro-light-webfont.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Filson Pro';
	src: url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpro-lightitalic-webfont.woff2') format('woff2'),
		 url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpro-lightitalic-webfont.woff') format('woff');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Filson Pro';
	src: url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpro-black-webfont.woff2') format('woff2'),
		 url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpro-black-webfont.woff') format('woff');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Filson Pro';
	src: url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpro-blackitalic-webfont.woff2') format('woff2'),
		 url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpro-blackitalic-webfont.woff') format('woff');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'Filson Pro';
	src: url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonprobold-webfont.woff2') format('woff2'),
		 url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonprobold-webfont.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Filson Pro';
	src: url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpro-bold-webfont.woff2') format('woff2'),
		 url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpro-bold-webfont.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Filson Pro';
	src: url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonprobolditalic-webfont.woff2') format('woff2'),
		 url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonprobolditalic-webfont.woff') format('woff');
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: 'Filson Pro';
	src: url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpro-bolditalic-webfont.woff2') format('woff2'),
		 url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpro-bolditalic-webfont.woff') format('woff');
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: 'Filson Pro';
	src: url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpro-book-webfont.woff2') format('woff2'),
		 url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpro-book-webfont.woff') format('woff');
	font-weight: 350;
	font-style: normal;
}

@font-face {
	font-family: 'Filson Pro';
	src: url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpromediumitalic-webfont.woff2') format('woff2'),
		 url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpromediumitalic-webfont.woff') format('woff');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'Filson Pro';
	src: url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpro-mediumitalic-webfont.woff2') format('woff2'),
		 url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpro-mediumitalic-webfont.woff') format('woff');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'Filson Pro';
	src: url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonproregular-webfont.woff2') format('woff2'),
		 url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonproregular-webfont.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Filson Pro';
	src: url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpro-regularitalic-webfont.woff2') format('woff2'),
		 url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpro-regularitalic-webfont.woff') format('woff');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'Filson Pro';
	src: url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpro-thin-webfont.woff2') format('woff2'),
		 url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpro-thin-webfont.woff') format('woff');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Filson Pro';
	src: url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpro-thinitalic-webfont.woff2') format('woff2'),
		 url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpro-thinitalic-webfont.woff') format('woff');
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: 'Filson Pro';
	src: url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpromedium-webfont.woff2') format('woff2'),
		 url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpromedium-webfont.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Filson Pro';
	src: url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpro-medium-webfont.woff2') format('woff2'),
		 url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/filsonpro-medium-webfont.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

/* Vodka Sans */
@font-face {
	font-family: 'Vodka Sans';
	src: url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/vodkasans-regular_1.woff2') format('woff2'),
		 url('https://146737632.fs1.hubspotusercontent-eu1.net/hubfs/146737632/raw_assets/public/appel/fonts/vodkasans-regular_1.woff') format('woff');
	font-weight: 100 900;
	font-style: normal;
}


/* Selection
-------------------------------------------------------------- */
::-moz-selection {
	color: var(--so-color-black);
	background: var(--so-color-bright-yellow);
}

::selection {
	color: var(--so-color-black);
	background: var(--so-color-bright-yellow);
}


/* Reset & normalize
-------------------------------------------------------------- */
 html {
	line-height: var(--so-fontsize-body-line-height);
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;

	p {
		font-weight: 300;
	}
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

b,
strong {
	font-weight: bolder;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
}

button,
select {
	text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

legend {
	padding: 0;
}

progress {
	vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details {
	display: block;
}

summary {
	display: list-item;
}

*, *:before, *:after {
	box-sizing: border-box;
}


/* List items
-------------------------------------------------------------- */
ul {
	padding-left: 18px;

	li p {
		margin: 0;
	}
}

/* CTA, logo, and rich text images
-------------------------------------------------------------- */
.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
	height: auto;
	max-width: 100%;
}


/* Buttons & knoppen
-------------------------------------------------------------- */
form input[type=submit],
form .hs-button,
button,
.button,
.hs-button {
	cursor: pointer;
	display: inline-block;
	text-align: center;
	transition: all 0.15s linear;
	white-space: normal;
}

form input[type=submit]:disabled,
form .hs-button:disabled,
button:disabled,
.button:disabled,
.hs-button:disabled {
	background-color: #D0D0D0;
	border-color: #D0D0D0;
	color: #E6E6E6;
}


/* Formuliervelden & Forms
-------------------------------------------------------------- */
.hs-form-field {
	margin-bottom: 1.4rem;
}

form {
	padding: 32px 24px 24px 24px;
	background-color: #f5f0ec;
	border-radius: 20px;
}

form label {
	display: block;
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 8px;
}

.form-title {
	margin-bottom: 0;
}

form legend {
	font-size: 0.875rem;
}

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
	display: inline-block;
	padding: 16px;
	width: 100%;
	min-height: 56px;
	border-radius: 16px;
	border: 1px solid rgba(0, 0, 0, 0.20);
	width: 100%;

	&:focus,
	&:focus-visible {
		border: 1px solid rgba(0, 0, 0, 0.20);
		outline: 0;
	}
}

form textarea {
	resize: vertical;
	min-height: 121px;
}

form fieldset {
	max-width: 100% !important;
}

form .inputs-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

form .inputs-list > li {
	display: block;
	margin: 0.7rem 0;
}

form .inputs-list input,
form .inputs-list span {
	vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
	cursor: pointer;
	margin-right: 0.35rem;
}

form .input {
	display: flex;
}

.hs-dateinput {
	position: relative;
}

.hs-dateinput:before {
	content:'\01F4C5';
	position: absolute;
	right: 10%;
	top: 50%;
	transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
	color: #FFF;
}

.fn-date-picker td.is-selected .pika-button {
	border-radius: 0;
	box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
	border-radius: 0 !important;
	color: #FFF;
}

form input[type=file] {
	background-color: transparent;
	border: initial;
	padding: initial;
}

form .hs-richtext,
form .hs-richtext p {
	font-size: 0.875rem;
	margin: 0 0 1.4rem;
}

form .hs-richtext img {
	max-width: 100% !important;
}

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
	margin-left: 1rem !important;
}

.hs-form-required {
	color: #EF6B51;
}

.hs-input.invalid.error {
	border-color: #EF6B51;
}

.hs-error-msg {
	color: #EF6B51;
	margin-top: 0.35rem;
}

.grecaptcha-badge {
	margin: 0 auto;
}

.hs-form-field {
	margin-bottom: 10px;
}

form input[type=submit] {
	background-color: var(--so-color-deep-teal);
	color: var(--so-color-white);
	border: none;
	padding: 12px 16px;
	border-radius: 40px;
	font-size: 14px;
	font-weight: 600;
	width: 100%;
	font-family: var(--so-font-family);
	line-height: 1.1;
	min-height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: normal;
	transition: var(--so-transition-speed) ease background-color;

	&:hover {
		background-color: #163032;
	}
}


/* Table
-------------------------------------------------------------- */
table {
	border-collapse: collapse;
	margin-bottom: 1.4rem;
	overflow-wrap: break-word;
}

td,
th {
	vertical-align: top;
}

thead th {
	vertical-align: bottom;
}


/* Drag & Drop containers & functies
-------------------------------------------------------------- */
.content-wrapper {
	margin: 0 auto;
	padding: 0 1rem;
}

@media screen and (min-width: 1380px) {
	.content-wrapper {
		padding: 0;
	}
}

.dnd-section > .row-fluid {
	margin: 0 auto;
}

.dnd-section .dnd-column {
	padding: 0 16px;
}

@media (max-width: 767px) {
	.dnd-section .dnd-column {
		padding: 0;
	}
}



:root {
	--column-gap: 2.13%;
	--column-width-multiplier: 8.333;
}

.row-fluid {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}


	.row-fluid .span1,
	.row-fluid .span2,
	.row-fluid .span3,
	.row-fluid .span4,
	.row-fluid .span5,
	.row-fluid .span6,
	.row-fluid .span7,
	.row-fluid .span8,
	.row-fluid .span9,
	.row-fluid .span10,
	.row-fluid .span11,
	.row-fluid .span12{
	min-height: 1px;
	width: 100%;
}

@media (min-width: 768px) {
	.row-fluid {
		flex-wrap: nowrap;
		justify-content: space-between;
	}

	
		.row-fluid .span1 {
			width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
		}
	
		.row-fluid .span2 {
			width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
		}
	
		.row-fluid .span3 {
			width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
		}
	
		.row-fluid .span4 {
			width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
		}
	
		.row-fluid .span5 {
			width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
		}
	
		.row-fluid .span6 {
			width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
		}
	
		.row-fluid .span7 {
			width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
		}
	
		.row-fluid .span8 {
			width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
		}
	
		.row-fluid .span9 {
			width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
		}
	
		.row-fluid .span10 {
			width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
		}
	
		.row-fluid .span11 {
			width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
		}
	
}



/* Image
-------------------------------------------------------------- */
.hs_cos_wrapper_type_linked_image {
	display: flex;
	
	img {
		border-radius: var(--so-border-radius);
	}
}


/* Video
-------------------------------------------------------------- */
.hs-video-widget {
	border-radius: 30px;
	overflow: hidden;
}


/* Video
-------------------------------------------------------------- */
.template-contact [data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 0;
	justify-content: space-between;

	&, * {
		font-family: var(--so-font-family);
	}

	@media (width >= 768px) {
		margin-left: auto;
		max-width: 534px;
	}

	@media (width <= 768px) {
		margin-top: 32px !important;
	}

	.hsfc-Row {
		flex: 1 0 100%;
		width: 100%;
		margin-bottom: 10px;

		@media (width >= 768px) {
			&:nth-child(1),
			&:nth-child(2) {
				flex: 1 0 calc(50% - 8px);
				width: calc(50% - 8px);
				max-width: calc(50% - 8px);
			}
		}
	}

	.hsfc-FieldLabel {
		color: var(--so-color-white);
		font-size: 12px;
		line-height: 1;
		font-weight: 400;
	}

	.hsfc-NavigationRow {
		display: flex;
		margin: 0 0 0 auto;

		.hsfc-Button {
			background-color: var(--so-color-bright-yellow);
			color: var(--so-color-black);
			font-family: var(--so-font-family);
			font-size: 14px;
			line-height: 1;
			transition: var(--so-transition-speed) ease all;

			&:hover {
				background-color: #00454A;
				color: var(--so-color-white);
			}
		}

		.hsfc-NavigationRow__Alerts {
			order: -1;
		}
	}
}
/* Container
-------------------------------------------------------------- */
main#main-content {
	max-width: 100vw;
	overflow-x: clip;
}
.container,
main#main-content > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > * {
	max-width: calc(var(--so-container-size) + 32px);
	padding-left: var(--so-body-spacing);
	padding-right: var(--so-body-spacing);
	margin-left: auto;
	margin-right: auto;
}
	
main#main-content > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > * > .row-fluid {
	margin-left: calc(-1 * var(--so-body-spacing));
	margin-right: calc(-1 * var(--so-body-spacing));
	max-width: calc(var(--so-container-size) + 32px) !important;
	width: 100% !important;
}

main#main-content > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > *[class*="max-width-section-centering"] > .row-fluid {
	margin-left: auto !important;
	margin-right: auto !important;
}

main#main-content > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > div[class*="full-width-section"]:not(:first-child) {
	margin-top: 40px !important;

	@media (width <= 768px) {
		margin-top: 32px !important;
	}
	
	@media (width <= 576px) {
		margin-top: 24px !important;
	}	
}

main#main-content > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > div[class*="full-width-section"] {
	width: 100vw;
	padding-top: var(--so-group-spacing);
	padding-bottom: var(--so-group-spacing);
	margin-bottom: 40px !important;
	padding-left: 16px;
	padding-right: 16px;
	border-radius: var(--so-border-radius);
	max-width: 1788px;

	@media (max-width: 1790px) {
		max-width: calc(100vw - 64px);
	}

	@media (max-width: 1376px) {
		max-width: calc(100vw - 32px);
	}

	@media (max-width: 767px) {
		max-width: 100vw;
	}

	@media (width <= 768px) {
		margin-bottom: 32px !important;
	}
	
	@media (width <= 576px) {
		margin-bottom: 24px !important;
	}	
}

@media (min-width: 1101px) {
	main#main-content > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > div[class*="full-width-section"]:first-child:first-of-type {
		margin-top: -94px;
		padding-top: calc(var(--so-group-spacing) + 94px);
	}
	.template-bottom-section {
		padding-top: 94px;
		margin-top: 64px;
	}
}

main#main-content > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > div[class*="full-width-section"]:has( + div[class*="full-width-section"]) {
	margin-bottom: 0;
}
main#main-content > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > div[class*="full-width-section"] + div[class*="full-width-section"] {
	margin-top: 0;
}

main#main-content > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > div[class*="full-width-section"] > .row-fluid {
	max-width: calc(var(--so-container-size) + 32px) !important;
	width: 100% !important;
	margin-left: auto;
	margin-right: auto;
}

main#main-content > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > div[class*="background-color"]:not([class*="full-width-section"]) {
	padding: 40px;
	border-radius: 16px;
}

main#main-content > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > div:last-child:is([class*="full-width-section"]) {
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.container,
	main#main-content > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > div[class*="full-width-section"] > .row-fluid {
		max-width: 100%;
		width: 100vw;
		/* padding-left: 16px;
		padding-right: 16px; */
		margin-left: auto;
		margin-right: auto;
	}
	main#main-content > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > * > .row-fluid {
		margin-left: 0;
		margin-right: 0;
	}
}


/* Typografie
-------------------------------------------------------------- */
html,
body {
	background-color: var(--so-color-soft-peach);
	font-family: var(--so-font-family);
	font-size: var(--so-fontsize-body);
	line-height: var(--so-fontsize-body-line-height);
	letter-spacing: var(--so-fontsize-body-letter-spacing);
}

a {
	color: inherit;
}

/* Headings */
.h-display, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	color: var(--so-color-deep-teal);
	font-family: var(--so-font-family-heading);
	overflow-wrap: break-word;

	& + p {
		margin-top: 24px;
	}
}

.h-display {
	font-size: var(--so-fontsize-display);
	margin-bottom: var(--so-fontsize-display-spacing-bottom);
	line-height: var(--so-fontsize-display-line-height);
	letter-spacing: var(--so-fontsize-display-letterspacing);
	margin-top: 0;
}

h1,
.h1 {
	font-size: var(--so-fontsize-h1);
	margin-bottom: var(--so-fontsize-h1-spacing-bottom);
	line-height: var(--so-fontsize-h1-line-height);
	letter-spacing: var(--so-fontsize-h1-letterspacing);
	margin-top: 0;
}

h2,
.h2 {
	font-size: var(--so-fontsize-h2);
	margin-bottom: var(--so-fontsize-h2-spacing-bottom);
	line-height: var(--so-fontsize-h2-line-height);
	letter-spacing: var(--so-fontsize-h2-letterspacing);
	margin-top: 0;
}

h3,
.h3 {
	font-size: var(--so-fontsize-h3);
	margin-bottom: var(--so-fontsize-h3-spacing-bottom);
	line-height: var(--so-fontsize-h3-line-height);
	letter-spacing: var(--so-fontsize-h3-letterspacing);
	margin-top: 0;
}

h4,
.h4 {
	font-size: var(--so-fontsize-h4);
	margin-bottom: var(--so-fontsize-h4-spacing-bottom);
	line-height: var(--so-fontsize-h4-line-height);
	letter-spacing: var(--so-fontsize-h4-letterspacing);
	margin-top: 0;
}

h5,
.h5 {
	font-size: var(--so-fontsize-h5);
	margin-bottom: var(--so-fontsize-h5-spacing-bottom);
	line-height: var(--so-fontsize-h5-line-height);
	letter-spacing: var(--so-fontsize-h5-letterspacing);
	margin-top: 0;
}

h6,
.h6 {
	font-size: var(--so-fontsize-h6);
	margin-bottom: var(--so-fontsize-h6-spacing-bottom);
	line-height: var(--so-fontsize-h6-line-height);
	letter-spacing: var(--so-fontsize-h6-letterspacing);
	margin-top: 0;
}


/* Icons
De flow is als volgt:
Zoek icoon op https://icones.js.org/ en kopieer in het zwart (Snippets -> SVG (vinkje 'copy with color' aan))
Gebruik https://svgcrop.com/ om de svg te croppen en de viewbox te optimaliseren
Gebruik https://jakearchibald.github.io/svgomg/ om de svg code te optimaliseren
Gebruik https://yoksel.github.io/url-encoder/ om de svg te encoden en in de css te plakken
-------------------------------------------------------------- */
[class^="icon-"], [class*=" icon-"] {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
}
.icon-arrow-right {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='4 6 16 12'%3E%3Cpath d='m14 18-1.4-1.45L16.15 13H4v-2h12.15L12.6 7.45 14 6l6 6z'/%3E%3C/svg%3E");
}
.icon-arrow-left {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='4 6 16 12'%3E%3Cpath d='m10 18-6-6 6-6 1.4 1.45L7.85 11H20v2H7.85l3.55 3.55z'/%3E%3C/svg%3E");
}


/* Buttons
-------------------------------------------------------------- */
.button {
	padding: 20px 24px;
	border-radius: 50px;
	text-decoration: none;
	font-size: 16px;
	line-height: 1;
	font-weight: normal;
	text-wrap: nowrap;
	transition: var(--so-transition-speed) ease all;
}

.button.primary,
.button.primary-arrow {
	background-color: var(--so-color-bright-yellow);
	color: var(--so-color-black);

	&:hover {
		background-color: #00454A !important;
		color: var(--so-color-white) !important;
	}
}

.button.primary-arrow {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none'%3E%3Cpath d='M4.6 6L0 1.4L1.4 0L7.4 6L1.4 12L0 10.6L4.6 6Z' fill='%2300454A'/%3E%3C/svg%3E");

	&:hover {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none'%3E%3Cpath d='M4.6 6L0 1.4L1.4 0L7.4 6L1.4 12L0 10.6L4.6 6Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
	}
}

.button.primary-arrow,
.button.secondary-arrow,
.button.tertiary-arrow {
	padding-right: 48px;
	background-position: center right 24px;
	background-repeat: no-repeat;
}

.button.secondary,
.button.tertiary {
	padding: 18px 22px;
}	

.button.secondary-arrow,
.button.tertiary-arrow {
	padding-top: 18px !important;
	padding-bottom: 18px !important;
}

.button.secondary,
.button.secondary-arrow {
	background-color: transparent;
	color: var(--so-color-deep-teal);
	border: 2px solid var(--so-color-deep-teal);

	&:hover {
		border: 2px solid #00454A !important;
		background-color: #00454A !important;
		color: var(--so-color-white) !important;
	}
}

.button.secondary-arrow {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none'%3E%3Cpath d='M4.6 6L0 1.4L1.4 0L7.4 6L1.4 12L0 10.6L4.6 6Z' fill='%2300454A'/%3E%3C/svg%3E");

	&:hover {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none'%3E%3Cpath d='M4.6 6L0 1.4L1.4 0L7.4 6L1.4 12L0 10.6L4.6 6Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
	}
}

.button.tertiary,
.button.tertiary-arrow {
	background-color: transparent;
	color: var(--so-color-white);
	border: 2px solid var(--so-color-white);

	&:hover {
		background-color: var(--so-color-white);
		color: var(--so-color-black);
	}
}

.button.tertiary-arrow {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none'%3E%3Cpath d='M4.6 6L0 1.4L1.4 0L7.4 6L1.4 12L0 10.6L4.6 6Z' fill='%23FFFFFF'/%3E%3C/svg%3E");

	&:hover {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none'%3E%3Cpath d='M4.6 6L0 1.4L1.4 0L7.4 6L1.4 12L0 10.6L4.6 6Z' fill='%2300454A'/%3E%3C/svg%3E");
	}
}


/* Form
-------------------------------------------------------------- */



/* Tables
-------------------------------------------------------------- */



/* Website header
-------------------------------------------------------------- */






.blog-post,
.blog-header__inner,
.blog-related-posts {
	padding: px 0;
}

/* Blog post */

.blog-post__meta a {
	color: ;
}

.blog-post__tag-link {
	color: ;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
	color: ;
}

.blog-post__tag-link:active {
	color: ;
}

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
	;
	text-transform: ;
}

.blog-related-posts__title-link {
	color: ;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
	color: ;
}

.blog-related-posts__title-link:active {
	color: ;
}

/* Blog comments */

.blog-comments {
	margin-bottom: px;
}

#comments-listing .comment-reply-to {
	color: ;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
	color: ;
}

#comments-listing .comment-reply-to:active {
	color: ;
}





.hs-search-results__title {
	;
	color: ;
}





/* Blog listing */

.hs-blog-post-listing__post-title-link,
.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus,
.hs-blog-post-listing__post-title-link:active {
	;
	text-transform: ;
}

.hs-blog-post-listing__post-title-link {
	color: ;
}

.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus {
	color: ;
}

.hs-blog-post-listing__post-title-link:active {
	color: ;
}


.hs-blog-post-listing__post-tag,
.hs-blog-post-listing__post-author-name {
	color: ;
}

/* Blog pagination */

.hs-pagination__link-text,
.hs-pagination__link--number {
	color: ;
}

.hs-pagination__link:hover .hs-pagination__link-text,
.hs-pagination__link:focus .hs-pagination__link-text,
.hs-pagination__link--number:hover,
.hs-pagination__link--number:focus {
	color: ;
}

.hs-pagination__link:active .hs-pagination__link-text,
.hs-pagination__link--number:active {
	color: ;
}

.hs-pagination__link-icon svg {
	fill: ;
}

/* Pricing card */

.card__price {
	;
	color: ;
	font-size: ;
}

.card__body svg {
	fill: ;
}

/* Social follow */

.social-links__icon {
	background-color: ;
}

.social-links__icon:hover,
.social-links__icon:focus {
	background-color: ;
}

.social-links__icon:active {
	background-color: ;
	;
	color: ;
	font-size: ;
}



/* Tag
-------------------------------------------------------------- */
.tag {
	color: #727425;
	font-size: 12px;
	line-height: 1;
	padding: 8px;
	background-color: #FAFAEA;
	border-radius: 999px;
}



/* Card styling
-------------------------------------------------------------- */
.card {
	position: relative;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 16px;

	@media (width >= 576px) {
		padding-bottom: 24px;
	}

	nav {
		display: flex;
		flex-direction: row;
		gap: 6px;
		flex-wrap: wrap;
	}

	@media (width <= 576px) {
		gap: 12px;
	}

	&, * {
		transition: var(--so-transition-speed) ease all;
		margin: 0;
	}

	a {
		text-decoration: none;
	}

	.card-link:before {
		content: '';
		position: absolute;
		inset: 0;
		z-index: 1;
	}

	.card-tag-link {
		position: relative;
		z-index: 2;
	}

	figure {
		display: flex;
		overflow: hidden;
		border-radius: 20px;
		margin: 0;

		img {
			width: 100%;
			aspect-ratio: 3/2;
			object-fit: cover;
			transform: scale(1);
		}
	}

	ul {
		padding: 0;
		margin: 0;
		list-style: none;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 6px 12px;
	}

	&:hover img {
		transform: scale(1.1);
	}

	h3 {
		font-family: var(--so-font-family);
		font-size: var(--so-fontsize-h5);
		font-weight: 700;
	}

	.card-meta {
		color: #808080;
		font-size: 12px;
		gap: 16px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
}



/* Blog posts row
-------------------------------------------------------------- */
.blog-posts {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	max-width: var(--so-container-size);
	margin: 32px auto;

	.card {
		margin: 0;
	}

	@media (width <= 880px) {
		grid-template-columns: repeat(2, 1fr);
	}

	@media (width <= 576px) {
		grid-template-columns: repeat(1, 1fr);
	}
}



/* Cases
-------------------------------------------------------------- */

.blog-cases {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--so-block-gap, 32px) 16px;
	max-width: var(--so-container-size);
	margin: 32px auto var(--so-group-spacing) auto;

	@media (width <= 880px) {
		grid-template-columns: repeat(2, 1fr);
	}

	@media (width <= 576px) {
		grid-template-columns: repeat(1, 1fr);
	}
}

.case {
	display: flex;
	position: relative;
	box-sizing: border-box;
	border-radius: 30px;
	padding: 32px;
	aspect-ratio: 426/500;
	background: linear-gradient(0deg, var(--secondary-dark, rgba(17, 48, 50, 0.30)) 0%, rgba(78, 91, 49, 0.00) 100%), url(<path-to-image>) lightgray 50% / cover no-repeat, var(--bg1-Container-2, rgba(255, 255, 255, 0.90));
	overflow: hidden;

	&, * {
		transition: var(--so-transition-speed) ease all;
	}

	img {
		inset: 0;
		position: absolute;
		z-index: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		transform: scale(1);
	}

	.case-tag {
		position: absolute;
		height: 71px;
		padding: 14px 12px;
		width: 199px;
		top: 0;
		left: 50%;
		transform: translate(-50%, 0);
		z-index: 2;
		color: var(--so-color-white);
		text-align: center;
		font-weight: 700;
		font-size: 16px;
		max-width: calc(100% - 24px);

		&.onderwijscatering {
			color: var(--so-color-deep-teal);

			&:after {
				filter: var(--so-filter-color-bright-yellow);
			}
		}

		&:after {
			content: '';
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='199' height='71' viewBox='0 0 199 71' fill='none'%3E%3Cpath d='M199 26.5011V-20.5011C199 -31.4743 191.736 -41.0439 181.467 -43.9786L111.46 -63.3732C103.57 -65.5423 95.3046 -65.5423 87.54 -63.3732L17.533 -43.9786C7.26369 -41.0439 0 -31.4743 0 -20.5011L0 26.5011C0 37.4743 7.26369 47.044 17.533 49.9786L87.4147 69.3732C95.3046 71.5423 103.57 71.5423 111.335 69.3732L181.217 49.9786C191.736 47.044 199 37.4743 199 26.5011Z' fill='%23000000'/%3E%3C/svg%3E");
			position: absolute;
			inset: 0;
			filter: var(--so-filter-color-olive);
			z-index: -1;
		}
	}

	a.case-link {
		color: var(--so-color-white);
		margin-top: auto;
		text-decoration: none;
		
		h3 {
			position: relative;
			margin-bottom: 0!important;
			font-family: var(--so-font-family);
			z-index: 2;
			color: inherit;
			background-image: url(data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAAJEAAACQCAMAAAA/Wnm0AAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAABjUExURQAAAN/fANvbANzaAN3bAN7bANzbAN3bAN3bAN/aAN3cAN/XANzcAN3bAN3bAN7aAN3bAKerEnqDImhzKE5bMXF7JYOLH7CzD8vLBl9rK7m7DFZjLpWbGdTTA8LDCYyTHP///zEdwyEAAAAQdFJOUwAQQGCAsMDQ4DCQIFDwcKA2wczYAAAAAWJLR0Qgs2s9gAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+oFBAYtCWHyFJoAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjYtMDUtMDRUMDY6NDU6MDkrMDA6MDD3W9+HAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDI2LTA1LTA0VDA2OjQ1OjA5KzAwOjAwhgZnOwAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyNi0wNS0wNFQwNjo0NTowOSswMDowMNETRuQAAAABb3JOVAHPoneaAAADbklEQVR42t2c6XbiMAyFszgbITSAC6VA+/5vORMGhkAT4itbOff0/id8x5YlL5KiSK44SU2WF21PRZ6ZNIk9PipWYrKyHVWZmWROmsrkrYNyU82DsyhdcK5jtdCGqhGcG1Stx7N0mqyB6Vuq4MQpPDy9gUqDL7/YNHKeTo0Jy+QzPvdxCseTBOC5MAXyUXUWhqdTFmLdrTwN6FHNynuAhAt+XLnfMC2DDtB1mHy801t4nk5v4hkr/P98WIVs5iqFGbupkQTgVI+nE+4ulYFwJCWb7guz7xmAMKRZgBCkmYDckdSN+i43854RyA2pmhOobaddZa3oqYfUTAYUtVg2poJlmd31esEt5wdq21f7JdCI1putfd/tfYlemRK0hf3Y2n86fHoi5aNAK+Qz+6P9r5Mn0thxAJqzte1r50c0Nm/IuWxnH7U7eyFlg0CJB5C1Wz+kwdMucJQ+WRsYqRwAAgLs2trgSD9Dbuw+RHs7rMOXzyD9uMwxzr89H0eI7NEHyTwPkfvKP1mrgdTEYis6WB2kJ0tyt6KztTpIj8sNiPmfVgvpYQ8AhNgvq4XUD7g18kOrhtSLbgvkdxs1pIUogIx57BBId9sGD0RbNaRKNGl/bfuohbQQTZomUimbNEck0U6gQoMsgiTanBjYPWojXZ2kZHi1kOD9NYa0wb+aCM3IFQk/NBn0UIQifaPfzCTeCEJag5/sPFIsBnJCQu8EYrFhuyKhzjvxvQidRjpgPiCVLzVnpC30PeOx1JyRIB+QyWIIiIQsuDzE5ewkEmLdhTCqgUiIKQUhmkYC5i0M0SQSEHMDEU0izU80heQeTIIRte+BiGo6ot87a3SWTbf66Txk4CjCF2n5diN8Oza+XS3fzp/vdMR3guQ7ZaveRMCP3BnnbY3ejZbgzT3hvPUjvBnluz3mu2Hne4UgfKnhe83ie/EjfBXleznme10nzEDgy9IgzGThy/bhy4hCssbGbDtw1hhfZh1h9iFhhiZ0TPp+AlLJYiXM9OXLhibMGCfMquerPCCsziCsYCGs8uGrhCKsFiOsqCOsOiSszCSsXiWs8CWsgiasFCespifsOKBn3+KuDBFh5wrC7h4RXweUiLBLTMTXSacTW7ehiLAjU8TXteoiss5eF7F1P7uIrEPcFYqri95VXJ0Gb9LpxvgHFNwsaRPH6WwAAAAASUVORK5CYII=);
			background-repeat: no-repeat;
			background-position: center right 0;
			background-size: 26px;
			padding-right: 38px;
			overflow: hidden;
			display: -webkit-box;
			line-clamp: 2; 
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}

		&:before {
			content: '';
			position: absolute;
			inset: 0;
			z-index: 3;
		}
	}

	&:after {
		content: '';
		position: absolute;
		inset: 0;
		border-radius: 30px;
		background: linear-gradient(180deg,rgba(17, 48, 50, 0.3) 0%, rgba(17, 48, 50, 1) 100%);
		z-index: 1;
		opacity: 0.3;
		transition: var(--so-transition-speed) ease all;
	}

	&:hover {
		padding: 32px 32px 48px 32px;

		img {
			transform: scale(1.1);
		}

		a.case-link:before {
			padding-top: 20px;
		}

		&:after {
			opacity: 0.8;
		}
	}
}

.andere-cases {
	margin-top: 80px;
}

.case-post-intro {
	margin-bottom: 32px;
}


.filter-buttons {
	display: flex;
	flex-direction: row;
	gap: 12px 16px;
	flex-wrap: wrap;
	justify-content: center;

	.branches-module &,
	.latest-blog-posts & {
		justify-content: flex-start;
	}
	
	a:not(.link-button),
	button {
		text-decoration: none;
		border: 0;
		border-radius: 9999px;
		padding: 12px 24px;
		line-height: 1;
		font-size: 14px;
		background-color: #FAFAEA;
		color: var(--so-color-dark-teal);
		border: 2px solid #FAFAEA;
		transition: var(--so-transition-speed) ease all;

		&.active {
			border: 2px solid var(--so-color-olive);
		}

		&:hover {
			background-color: #00454A;
			border: 2px solid #00454A;
			color: var(--so-color-white);
		}
	}

	@media (width >= 768px) {
		a:has(+ .link-button) {
			margin-right: 48px;
		}
	}

	.link-button {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 14px;
		text-decoration: none;
		color: var(--so-color-deep-teal);
		font-size: 14px;
		font-family: var(--so-font-family);
		line-height: 1;

		&:after {
			content: '';
			display: block;
			height: 10px;
			width: 7px;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10' fill='none'%3E%3Cpath d='M3.83333 5L0 1.16667L1.16667 0L6.16667 5L1.16667 10L0 8.83333L3.83333 5Z' fill='%2300454A'/%3E%3C/svg%3E");
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center right;
		}
	}
}


/* Team */
.team-items {
	display: grid;
	gap: 32px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-bottom: 84px;

	@media (max-width: 880px) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	@media (max-width: 540px) {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}

.team-item {
	background-color: #FFF;
	border-radius: 20px;
	padding: 32px 8px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 16px;

	figure {
		margin: 0;
		img {
			aspect-ratio: 4/2.2;
			object-fit: cover;
			border-radius: 20px;
			display: block;
			max-width: 100%;
		}
	}

	h3 {
		color: #000;
		text-align: center;
		font-family: var(--so-font-family);
	}
}


/* Paginatie */
.pagination,
.blog-pagination {
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: center;
	margin-top: 64px;
	margin-bottom: var(--so-group-spacing);

	.page,
	.pagination__item {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 52px;
		width: 52px;
		border-radius: 100%;
		border: 2px solid var(--so-color-dark-teal);
		line-height: 1;
		font-size: 18px;
		text-decoration: none;
		transition: var(--so-transition-speed) ease all;

		&.active, &.current, &:hover {
			background-color: var(--so-color-dark-teal);
			color: var(--so-color-white);
		}
	}

	.arrow {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 24px;
		width: 24px;
		font-size: 0;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none'%3E%3Cpath d='M4.6 6L0 1.4L1.4 0L7.4 6L1.4 12L0 10.6L4.6 6Z' fill='%23113032'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: center;

		&.prev {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none' style=' transform: scaleX(-1);%0A'%3E%3Cpath d='M4.6 6L0 1.4L1.4 0L7.4 6L1.4 12L0 10.6L4.6 6Z' fill='%23113032'%3E%3C/path%3E%3C/svg%3E");
		}
	}
}

/* Case/Blog CTA */
.case-cta-container,
.blog-cta-container {
	display: grid;
	grid-template-columns: 1fr 46%;
	border-radius: 30px;
	overflow: hidden;
	margin: 80px auto;
	max-width: 1312px;
	box-sizing: border-box;

	@media (width <= 576px) {
		grid-template-columns: 1fr;
	}
}

.case-cta-container {
	background-color: var(--so-color-olive);
}

.blog-cta-container {
	background-color: var(--so-color-deep-teal);
}

.case-cta-content,
.blog-cta-content {
	padding: 64px 64px 64px 80px;

	@media (width <= 1180px) {
		padding: 32px 32px 32px 40px;
	}

	@media (width <= 768px) {
		padding: 16px 16px 16px 20px;
	}

	h1,h2,h3,p {
		color: var(--so-color-white);
	}
}

.case-cta-image,
.blog-cta-image {
	position: relative;

	img {
		position: absolute;
		inset: 0;
		object-fit: cover;
		width: 100% !important;
		height: 100% !important;
	}

	@media (width <= 576px) {
		display: none;
	}
}


/* Search bar
-------------------------------------------------------------- */
.so-search-header {
	display: flex;
	align-items: center;
	gap: 16px;
	left: 50%;
	position: fixed;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 999;
	width: calc(100% - 32px);
	max-width: 880px;
	opacity: 1;
	transition: var(--so-transition-speed) ease opacity;

	#hs_cos_wrapper_site_search {
		flex: 1;
	}

	button.hs-search-field__button  {
		position: absolute;
		top: 50%;
		right: 12px;
		transform: translate(0, -50%);
		cursor: pointer;
		font-size: 0 !important;
		border: 0;
		height: 40px !important;
		width: 52px !important;
		border-radius: 40px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 18px;
		transition: var(--so-transition-speed) ease all;
	}

	.hs-search-field__bar button svg {
		height: 14px;
	}

	body:not(.search-active) & {
		top: -200dvh;
		left: -200dvw;
		opacity: 0;
	}
}

.so-search-form-close {
	background-color: var(--so-color-white);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M5.69748 7.31371L0.848744 2.46498L2.46499 0.848733L7.31372 5.69747L12.1625 0.848733L13.7787 2.46498L8.92996 7.31371L13.7787 12.1624L12.1625 13.7787L7.31372 8.92995L2.46499 13.7787L0.848745 12.1624L5.69748 7.31371Z' fill='%23322F31'/%3E%3C/svg%3E");
	height: 40px;
	width: 58px;
	border-radius: 40px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	transition: var(--so-transition-speed) ease all;
}


/* Drawer overlay
-------------------------------------------------------------- */
#drawer-overlay {
	opacity: 0;
	transition: 0.25s ease opacity;
}

#drawer-overlay.active,
body:has(.drawer.active) #drawer-overlay {
	background-color: rgba(0, 0, 0, .4);
	bottom: 0;
	left: 0;
	opacity: 1;
	position: fixed;
	right: 0;
	top: 0;
	transition: opacity .3s;
	z-index: 998;
}

.so-search-header .hs-search-field__form {
	padding: 0;
	display: flex;
	flex-direction: row;
	gap: 0 8px;
	background: unset;
}


/* Blog and case
-------------------------------------------------------------- */
.template-blog-index {
	padding-left: 16px;
	padding-right: 16px;
}


/* Breadcrumb
-------------------------------------------------------------- */
.breadcrumb {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px 8px;
	color: var(--so-color-deep-teal);
	text-decoration: none;
	transition: var(--so-transition-speed) ease all;
	justify-content: center;

	&, * {
		font-size: 12px;
		font-weight: 800;
		font-family: var(--so-font-family);
		text-decoration: none;
	}

	.breadcrumb-arrow {
		width: 6px;
		height: 10px;
		background-repeat: no-repeat;
		background-position: center;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10' fill='none'%3E%3Cpath d='M0 9.115L0.885 10L5.885 5L0.885 0L0 0.885L4.115 5L0 9.115Z' fill='%2300454A'/%3E%3C/svg%3E");
		background-size: contain;
	}

	span.breadcrumb-arrow:last-child,
	.breadcrumb-current {
		opacity: 0.6;
	}
}


/* Search page
-------------------------------------------------------------- */
.search-results-intro {
	margin-top: 96px;
}

.search-results {
	margin-top: 64px;
	max-width: var(--so-container-size);
	margin-left: auto;
	margin-right: auto;
	margin-bottom: var(--so-group-spacing);
}


.template-blog-post {
	padding-top: 60px;
}
:root {
	--mobile-breakpoint: 1100px;
}

/* Algemene header styling */
.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	transition: var(--so-transition-speed) ease box-shadow;

	@media (width >= 1700px) {
		.container {
			max-width: 1788px;
		}
	}

	body.scrolled &,
	body:has(main.template-search-results) &,
	body:has(main.template-blog-index) &,
	body:has(main.template-blog-post) &,
	body:has(.error-page) & {
		box-shadow: 0 3px 54px 0 rgba(0,0,0,.25);
	}

	ul {
		all: unset;
	}

	li {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.button-wrapper {
		gap: 8px 10px;
	}

	.button {
		padding: 12px 16px;

		&.secondary {
			padding: 10px 14px;
		}

		&.primary {
			background-color: var(--so-color-white);
					
			body.scrolled &,
			body:has(main.template-search-results) &,
			body:has(main.template-blog-index) &,
			body:has(main.template-blog-post) &,
			body:has(.error-page) & {
				background-color: var(--so-color-bright-yellow);

				&:hover {
					color: var(--so-color-white);
					background-color: #00454A;
				}
			}

			&:hover {
				background-color: var(--so-color-bright-yellow);
				color: var(--so-color-black);
			}

			@media (width <= 1100px) {
				background-color: var(--so-color-bright-yellow);

				&:hover {
					color: var(--so-color-white);
					background-color: #00454A;
				}
			}
		}

		&.secondary {
			background-color: #E9573B;
			border: 2px solid #E9573B;
			color: var(--so-color-white);

			&:hover {
				background-color: #00454A;
				border: 2px solid #00454A;
				color: var(--so-color-white);
			}
		}
	}
}

.top-bar {
	padding: 16px 0;
	background-color: transparent;
	transition: var(--so-transition-speed) ease all;
	height: 50px;
	margin-top: 0;

	body:has(main.template-search-results) &,
	body:has(main.template-blog-index) &,
	body:has(main.template-blog-post) &,
	body:has(.error-page) & {
		height: 28px;
		padding: 5px 0;
		background-color: #F4EBE5;
	}

	ul li {
		display: flex;
	}
	
	body.scrolled & {
		margin-top: -50px;
		background-color: #F3EBE5;

		@media (width <= 768px) {
			margin-top: -30px;
		}

		body:has(main.template-search-results) &,
		body:has(main.template-blog-index) &,
		body:has(main.template-blog-post) &,
		body:has(.error-page) & {
			margin-top: -28px !important;
		}
	}

	@media (width <= 768px) {
		padding: 6px 0;
		height: 30px;
	}
}

.menu-bar {
	padding: 10px 0;
	background-color: transparent;
	transition: var(--so-transition-speed) ease all;
	
	body.scrolled &,
	body:has(main.template-search-results) &,
	body:has(main.template-blog-index) &,
	body:has(main.template-blog-post) &,
	body:has(.error-page) & {
		background-color: var(--so-color-soft-peach);
	}

	.container {
		max-width: 1756px;

		@media (1700px <= width <= 1920px) {
			max-width: calc(100vw - 224px);
		}

		@media (1376px <= width <= 1700px) {
			max-width: calc(100vw - 128px);
		}

		@media (768px <= width <= 1376px) {
			max-width: calc(100vw - 64px);
		}
	}

	#hs-link-site_logo_hs_logo_widget {
		display: flex;
	}

	.widget-type-logo {
		max-width: 120px;

		@media (width <= 768px) {
			max-width: 90px;
		}
	}

	.hs-image-widget {
		min-width: 70px;
	}
}

:is(.top-bar, .menu-bar) .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
}

/* Language switcher styling */
.header nav.hs-language-switcher {
	z-index: 1;
}
.header ul.hs-language-switcher__menu {
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	height: 0;
	max-height: 0;
	overflow: hidden;
	transition: height 0.3s ease;
}
.header ul.hs-language-switcher__menu:focus-within,
.header ul.hs-language-switcher__menu.visible {
	height: auto;
	max-height: 300px;
}

/* Actiebutton styling */
.menu-action-buttons {
	display: flex;
	gap: 24px;

	.search-bar-button {
		display: flex;
		height: fit-content;
		align-items: center;
		cursor: pointer;
		margin-top: auto;
		margin-bottom: auto;

		@media (width <= 1167px) {
			display: none;
		}
	}
	
	.button-wrapper {
		margin: 0


		@media (width >= 1168px) {
			display: flex;
			justify-content: flex-end;
		}
	}

	@media (width <= 1167px) {
		width: 100%;
		margin-top: auto;

		& #hs_cos_wrapper_actie_knoppen {
			width: 100%;

			.button {
				flex: 1 0 40%;
			}
		}
	}

	@media (width <= 767px) {
		flex-direction: column;

		.button {
			width: 100%;
		}

		.button-wrapper {
			display: flex;
			flex-direction: column;
			gap: 8px 16px;
			flex-wrap: wrap;
		}
	}
}

@media (width <= 1167px) {
	.menu-action-buttons {
		width: 100%;
	}
}

/* Main menu styling */
@media (min-width: 1168px) {
	:root :where(body),
	body {
		padding-top: 144px;
	}

	body:has(.blog-cases) {
		padding-top: 160px;
	}

	.main-menu {
		display: flex;
		gap: 32px;
		align-items: center;
		flex: 1;

		& > span#hs_cos_wrapper_main_menu {
			margin-left: auto;
			margin-right: auto;
		}
	}

	body:has(main#main-content>.container-fluid>.row-fluid-wrapper>.row-fluid>.widget-span>div[class*=full-width-section][class*=has-bg-green]:first-child:first-of-type):not(.scrolled) .search-bar-button {
		filter: var(--so-filter-color-white);
	}

	.main-menu .hs-menu-wrapper > ul {
		display: flex;
		gap: 0 24px;
		flex: 1;
		justify-content: center;
		--submenu-spacing: 16px;
		
		a {
			display: block;
			text-decoration: none;
			font-size: 16px;
			font-weight: 700;
			text-wrap: nowrap;
			padding: 8px 12px;
			color: var(--so-color-white);
			border-radius: 12px;
			transition: var(--so-transition-speed) ease all;

			&:hover {
				background-color: var(--so-color-white);
				color: var(--so-color-black);
			}
		}

		& > li > a {
			padding: 8px 12px;
			color: #000000;
			border-radius: 12px;
			transition: var(--so-transition-speed) ease all;

			&:hover {
				background-color: var(--so-color-white);
				color: var(--so-color-black);
			}
		}

		body:has(main#main-content>.container-fluid>.row-fluid-wrapper>.row-fluid>.widget-span>div[class*=full-width-section][class*=has-bg-green]:first-child:first-of-type):not(.scrolled) & > li > a:not(:hover) {
			color: white;
		}
		
		body:has(main#main-content>.container-fluid>.row-fluid-wrapper>.row-fluid>.widget-span>div[class*=full-width-section][class*=has-bg-green]:first-child:first-of-type):not(.scrolled) & > .hs-item-has-children > a:not(:hover) {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' fill='none' viewBox='0 0 8 6'%3E%3Cpath fill='%23FFFFFF' d='M4 3.315 7.067 0 8 1.009 4 5.333 0 1.01.933 0z'/%3E%3C/svg%3E");
		}
		
		/* Menu items zonder megamenu */
		& > .hs-item-has-children,
		.hs-item-has-children .hs-item-has-children {
			position: relative;
			overflow: hidden;
			
			& > a {
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'%3E%3Cpath d='M4 3.31532L7.06667 -4.07973e-08L8 1.00901L4 5.33333L-4.41052e-08 1.00901L0.933333 -3.08894e-07L4 3.31532Z' fill='black'/%3E%3C/svg%3E");
				background-repeat: no-repeat;
				background-position: center right 12px;
				background-size: 8px;
				padding-right: 26px;

				.hs-menu-children-wrapper & {
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24' style='&%2310; transform: rotate(270deg);&%2310;'%3E%3Cpath fill='%23000000' d='M12 14.5a.74.74 0 0 1-.53-.22L8 10.78a.75.75 0 0 1 1-1.06l3 3l3-3a.75.75 0 0 1 1 1.06l-3.5 3.5a.74.74 0 0 1-.5.22'/%3E%3C/svg%3E");
				}
			}

			&:hover, &:focus, &:focus-within {
				overflow: unset;

				.hs-menu-children-wrapper, .hs-menu-children-wrapper .hs-menu-children-wrapper {
					overflow: unset;
					height: auto;
					width: auto;
					opacity: 1;
				}
			}

			.hs-menu-children-wrapper {
				position: absolute;
				background-color: #254449;
				display: flex;
				flex-direction: column;
				gap: 12px;
				transition: 0.3s ease opacity;
				padding-top: var(--submenu-spacing, 16px);
				padding-bottom: var(--submenu-spacing, 16px);
				z-index: 3;
				min-width: 318px;
				border-radius: 12px;

				/*inactive state*/
				height: 0;
				width: 0;
				overflow: hidden;
				opacity: 0;

				li {
					padding-left: var(--submenu-spacing, 16px);
					padding-right: var(--submenu-spacing, 16px);
				}

				.hs-menu-children-wrapper {
					top: calc(-1 * var(--submenu-spacing, 16px));
					left: 100%;
				}
			}
		}
	}

	.hs-menu-children-wrapper {
		padding: 0;
	}
}

@media (min-width: 1312px) {
	.main-menu .hs-menu-wrapper > ul {
		gap: 0 48px;
	}
}
@media (max-width: 1312px) {
	.main-menu .hs-menu-wrapper > ul {
		gap: 0;
	}
	.menu-bar .container,
	.main-menu {
		gap: 12px;
	}
}

/* Mobile menu styling */
.menu-back,
.mobile-menu-button {
	display: none;
}

@media (max-width: 1167px) {
	:root :where(body),
	body {
		padding-top: 50px;
	}

	.main-menu {
		display: flex;
		flex-direction: column;
		position: absolute;
		top: 100%;
		right: 110%;
		pointer-events: none;
		opacity: 0;
		width: 100vw;
		height: calc(100vh - 100%);
		background: #FFF;
		padding: 24px 16px 16px;
		overflow: auto;
		scroll-behavior: smooth;
		transition: all .3s;
		z-index: 99;
	}

	@media (width >= 767px) {
		.main-menu {
			padding: 32px 48px;

			.hs-menu-wrapper > ul a {
				font-size: 20px !important;
			}
		}
	}

	.mobile-menu-open .main-menu {
		right: 0;
		pointer-events: auto;
		opacity: 1;
		border-top: solid 1px #E6E6E6;
	}

	.main-menu .hs-menu-wrapper > ul a {
		display: block;
		text-decoration: none;
		font-size: 14px;
		line-height: 20px;
		font-weight: 600;
		white-space: nowrap;
		padding: 12px 0;
	}

	.main-menu .hs-menu-wrapper > ul ul.hs-menu-children-wrapper {
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100vw;
		height: calc(100vh - 82px);
		background: #FFF;
		padding: 64px 16px 16px;
		overflow: auto;
		scroll-behavior: smooth;
		box-sizing: border-box;
		pointer-events: none;
	}

	.main-menu .hs-menu-wrapper > ul li.hs-item-has-children a {
		position: relative;
	}

	.main-menu .hs-menu-wrapper > ul li.hs-item-has-children > a:after {
		content: '';
		display: block;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='4 4 16 16'%3E%3C!--Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE--%3E%3Cpath d='M16.175 13H4v-2h12.175l-5.6-5.6L12 4l8 8-8 8-1.425-1.4z'%3E%3C/path%3E%3C/svg%3E");
		width: 16px;
		height: 16px;
		background-repeat: no-repeat;
		background-size: 16px;
		background-position: center;
		filter: var(--color-dark-blue);
		position: absolute;
		top: 15px;
		right: 0;
	}

	.main-menu .hs-menu-wrapper > ul li.menu-back {
		display: flex;
		gap: 8px;
		align-items: center;
		position: absolute;
		top: 16px;
		left: 16px;
		width: 160px;
		z-index: 1;
		text-decoration: none;
		font-size: 14px;
		line-height: 14px;
		text-transform: uppercase;
	}

	.menu-back:before {
		content: '';
		display: inline-block;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='4.43 4.43 15.57 15.16'%3E%3C!--Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE--%3E%3Cpath d='m7.825 13 4.9 4.9q.3.3.288.7t-.313.7q-.3.275-.7.288t-.7-.288l-6.6-6.6q-.15-.15-.213-.325T4.426 12t.063-.375.212-.325l6.6-6.6q.275-.275.688-.275t.712.275q.3.3.3.713t-.3.712L7.825 11H19q.425 0 .713.288T20 12t-.288.713T19 13z'%3E%3C/path%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-size: 12px;
		background-position: center;
		width: 32px;
		height: 32px;
		background-color: #F2F2F2;
		border-radius: 100%;
	}

	.main-menu .hs-menu-wrapper > ul li.hs-item-has-children > ul.hs-menu-children-wrapper {
		display: block;
		position: absolute;
		left: 0;
		visibility: hidden;
		pointer-events: none;
		opacity: 0;
		background: #FFF;
		transition: all .3s;
	}

	.main-menu .hs-menu-wrapper > ul li.hs-item-has-children.active {
		z-index: 4;
	}

	.main-menu .hs-menu-wrapper > ul li.hs-item-has-children.active > ul.hs-menu-children-wrapper {
		pointer-events: auto;
		visibility: visible;
		opacity: 1;
		left: 0;
		z-index: 3;
	}

	.menu-title {
		position: absolute;
		left: 140px;
		top: 16px;
		color: var(--color-dusty-gray);
		text-transform: uppercase;
		font-size: 12px;
		line-height: 44px;
		font-weight: 600;
		z-index: 2;
	}

	.mobile-menu-button {
		display: block;
		width: 30px;
		cursor: pointer;
		padding: 0;
		margin: 0;
		border: 0;
		background: none;
	}

	.mobile-menu-button span {
		display: block;
		width: 100%;
		height: 4px;
		background: #333;
		transition: all .2s;
		position: relative;
	}

	.mobile-menu-button span + span {
		margin-top: 6px;
	}

	.mobile-menu-button.active span:nth-child(1) {
		animation: ease .4s top forwards;
	}

	.mobile-menu-button.not-active span:nth-child(1) {
		animation: ease .4s top-2 forwards;
		margin-left: -8px;
	}

	.mobile-menu-button.active span:nth-child(2) {
		animation: ease .4s bottom forwards;
	}

	.mobile-menu-button.not-active span:nth-child(2) {
		animation: ease .4s bottom-2 forwards;
	}

	@keyframes top {
		0% {
			top: 0;
			transform: rotate(0);
		}
		50% {
			top: 5px;
			transform: rotate(0);
		}
		100% {
			top: 5px;
			transform: rotate(45deg);
		}
	}

	@keyframes top-2 {
		0% {
			top: 8px;
			transform: rotate(45deg);
		}
		50% {
			top: 8px;
			transform: rotate(0deg);
		}
		100% {
			top: 0;
			transform: rotate(0deg);
		}
	}

	@keyframes bottom {
		0% {
			bottom: 0;
			transform: rotate(0);
		}
		50% {
			bottom: 5px;
			transform: rotate(0);
		}
		100% {
			bottom: 5px;
			transform: rotate(135deg);
		}
	}

	@keyframes bottom-2 {
		0% {
			bottom: 8px;
			transform: rotate(135deg);
		}
		50% {
			bottom: 8px;
			transform: rotate(0);
		}
		100% {
			bottom: 0;
			transform: rotate(0);
		}
	}
}

@media (max-width: 768px) {
	:root :where(body),
	body {
		padding-top: 95px;
	}
}

/* Top bar */
.top-bar ul {
	display: flex;
	flex-direction: row;
	gap: 16px 48px;

	@media (width <= 576px) {
		gap: 16px 32px;
	}

	@media (width <= 400px) {
		gap: 16px 24px;
	}

	a {
		color: #000000;
		font-size: 12px;
		font-weight: 700;
		white-space: nowrap;
	}
}

#hs_cos_wrapper_top_header {
	margin-left: auto;
}
.footer {
	padding-top: var(--so-group-spacing);
	padding-bottom: var(--so-group-spacing);
	background-color: var(--so-color-dark-teal);

	&, *:not(h1) {
		font-size: 14px;
		color: var(--so-color-white);
	}

	ul, .footer li {
		all: unset;
	}

	h6, .h6 {
		font-family: var(--so-font-family-soft);
	}

	address {
		font-style: normal;
		margin-top: 32px;
	}

	.footer-info,
	#hs_cos_wrapper_certificaten {
		grid-column: span 2;

	}

	.footer-form-content {
		p {
			font-size: var(--so-fontsize-body);
			margin-bottom: 16px;
		}

		.button-wrapper {
			margin-top: 0;
		}
	}

	@media (width >= 980px) {
		#hs_cos_wrapper_socials {
			margin-left: auto;
		}
	}
}

.footer-top {
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	gap: 42px 16px;
	margin-top: 64px;

	@media (width <= 1180px) {
		grid-template-columns: repeat(6, 1fr);
	}

	@media (width <= 540px) {
		grid-template-columns: repeat(2, 1fr);
	}
}

.footer-info, .footer-form {
	width: 20%;
	min-width: 260px;
}

.footer-menus {
	display: flex;
	grid-column: span 6;
	gap: 32px 16px;
	flex-direction: row;
	flex-wrap: wrap;



	.footer-menu {
		flex: 1;

		@media (width <= 540px) {
			flex: 1 0 45%;
		}
	}

	ul {
		display: flex;
		flex-direction: column;
		gap: 10px;
		list-style: none;

		li {
			display: flex;
		}

		a {
			font-size: 14px;
			text-decoration: none;
		}
	}

	li.hs-item-has-children > ul {
		padding-left: 16px;
	}
}

.footer-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px 48px;
	padding-top: 16px;
	border-top: 1px solid #00454A;
	margin-top: 24px;

	&, * {
		font-size: 12px;
		line-height: 1.25;
	}

	p {
		margin: 0;
	}

	ul {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 102px;
		list-style: none;

		@media (width <= 1312px) {
			gap: 16px 32px;
			justify-content: center;
		}
	}

	@media (width <= 980px) {
		flex-direction: column;
		align-items: flex-start;
	}
}