/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct box sizing in Firefox.
 */

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

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

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
 */

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

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

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

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

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

/**
 * Correct the padding in Firefox.
 */

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

/**
 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

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

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/



/* CSS variables */

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

/* Mobile layout */

.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%;
}

/* Desktop layout */

@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));
    }
  
}


::selection {
  color: #fff;
  background-color: #051F34;
}
.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 1rem;
}
.dnd-section .row-fluid .row-fluid .dnd-column {
	padding: 0;
}

@media (max-width: 867px) {
	.dnd-section .dnd-column {
		padding: 0;
	}
	.dnd-section .dnd-column:not(:last-child) {
		margin-bottom: 32px;
	}
}

body:not(.template-contact) .dnd_area-row-0-background-layers p,
body:not(.template-contact) .dnd_area-row-0-background-layers li {
	color: var(--color-white);
}

/* Elements
Base HMTL elements are styled in this section (<body>, <h1>, <a>, <p>, <button> etc.)
*/

/* The overflow-wrap is meant to prevent long/large words from breaking the mobile responsiveness of a page (e.g. horizontal scrolling). It is preferred to reduce font sizes on mobile to address this, with this CSS specifically helping with extreme scenarios where a reduction in font size is not possible. */

body {
  line-height: 1.4;
  overflow-wrap: break-word;
}

/* Handles word breaking for a few specific languages which handle breaks in words differently. If your content is not translated into these languages, you can safely remove this.  */

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
  line-break: strict;
  overflow-wrap: normal;
  word-break: break-all;
}

/* Paragraphs */

p {
  font-size: 1rem;
  margin: 0 0 1.4rem;
}

/* Anchors */

a {
  cursor: pointer;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1.4rem;
}

/* Lists */

ul,
ol {
  margin: 0 0 1.4rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
}

ul.no-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding-left: 0.7rem;
}

/* Horizontal rules */

hr {
  border: none;
  border-bottom: 1px solid #CCC;
}

/* Image alt text */

img {
  font-size: 0.583rem;
  word-break: normal;
}
button,
.button,
.hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

button:disabled,
.button:disabled,
.hs-button:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

/* No button */

.no-button,
.no-button:hover,
.no-button:focus,
.no-button:active {
  background: none;
  border: none;
  border-radius: 0;
  color: initial;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  transition: none;
}
form {
  font-family: var(--font-family) !important;
}

/* Fields */

.hs-form-field {
  margin-bottom: 1.4rem;
}

/* Labels */

form label {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.35rem;
  font-family: var(--font-family) !important;
}

/* Form Title */
.form-title {
  margin-bottom: 0;
}

/* Help text */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

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;
  font-size: 14px;
  padding: 18px;
  width: 100%;

  border-radius: 12px !important;
  border: 1px solid #CFD5D9 !important;
  color: var(--color-blue);
  font-family: var(--font-family) !important;
}

::placeholder { 
  font-family: var(--font-family) !important;
  font-size: 14px;
  color: #808080;
}

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

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

/* Inputs - checkbox/radio */

label:has(input[type='checkbox']) span {
  color: var(--color-blue) !important;
  font-size: 12px;
  font-family: var(--font-family) !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[type=checkbox] {
  border: 1px solid #CFD5D9 !important;
  border-radius: 8px !important;
}

:is(input[type=radio]:checked,input[type=checkbox]:checked) {
  background-color: var(--color-yellow) !important;
  background-image: none !important;
}

:is(input[type=radio]:checked:after,input[type=checkbox]:checked):after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.082' height='10.754' viewBox='0 0 14.082 10.754'%3E%3Cpath id='Path_358' data-name='Path 358' d='M11.621,18.554,6.5,13.433l1.792-1.792,3.328,3.328L18.79,7.8l1.792,1.792Z' transform='translate(-6.5 -7.8)' fill='%23fff'/%3E%3C/svg%3E%0A") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.082' height='10.754' viewBox='0 0 14.082 10.754'%3E%3Cpath id='Path_358' data-name='Path 358' d='M11.621,18.554,6.5,13.433l1.792-1.792,3.328,3.328L18.79,7.8l1.792,1.792Z' transform='translate(-6.5 -7.8)' fill='%23fff'/%3E%3C/svg%3E%0A") !important;
  background-color: var(--color-white) !important; 
  -webkit-mask-size: 12px !important;
  mask-size: 12px !important;
}

form div:has(button) {
  width: 100% !important;
}

form div:has(button),
form button {
  font-size: 16px !important;
  font-weight: 500 !important;
  width: 100% !important;
  padding: 14px 0;
}

form button:hover {
  filter: none !important;
  background-color: #d28e2a;
}

/* Inputs - date picker */

.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;
}

/* Inputs - file picker */

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

/* Headings and text */

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

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

/* GDPR */

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

/* Validation */

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

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

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

/* Submit button */

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

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}


  /* Search button input field and suggestions */
  .body-container-wrapper .hs-search-field__button {
    padding: 15px;
  }

  .body-container-wrapper .hs-search-field__bar--button-inline .hs-search-field__button {
    margin-left: 6px;
    margin-bottom: 0;
  }

  .body-container-wrapper .hs-search-field__button svg {
    height: 15px;
    fill: #fff;
  }

  .body-container-wrapper .hs-search-field__bar > form > .hs-search-field__input {
    padding: 10px;
  }

  .body-container-wrapper .hs-search-field__suggestions li a {
    color: #494A52;
    padding: 0.35rem 0.7rem;
    text-decoration: none;
    transition: background-color 0.3s;
  }

/* Table */

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

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}
.klantverhaal-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 24px;
	aspect-ratio: 634/656;
	max-width: 634px;
	border-radius: var(--border-radius);
	overflow: hidden;
	padding: 32px;
	color: var(--color-white);
}

.slick-slide .klantverhaal-card {
	margin-top: 0;
}

.klantverhaal-card:before {
	content: '';
	position: absolute;
	inset: 0;
	background: rgb(5, 31, 52);
	background: linear-gradient(180deg, rgba(5, 31, 52, 0.1) 0%, rgba(5, 31, 52, 0.6) 100%);
}

.klantverhaal-card:after {
	content: '';
	inset: 0;
	background-image: var(--klantverhaal-bg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	z-index: -1;
	transform: scale(1);
	transition: 0.2s ease all;
}

.klantverhaal-card:has(a):hover:after {
	transform: scale(1.1);
}

.klantverhaal-card * {
	color: inherit;
	margin-bottom: 0
}

.klantverhaal-card > * {
	z-index: 1;
}

.klantverhaal-card > *:not(a) {
	pointer-events: none;
}

.klantverhaal-card a {
	margin-top: auto;
	text-decoration: none;
}

.klantverhaal-card a:hover, .klantverhaal-card a:focus, .klantverhaal-card a:active {
	color: inherit;
	text-decoration: none;
}

.klantverhaal-card a:before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 2;
}

.klantverhaal-card h4 {
	font-size: 24px;
	letter-spacing: 0;
	line-height: 1.166666666666667;
	margin-top: auto;
	font-weight: 500;
}

.klantverhaal-card p {
	font-size: 14px;
	letter-spacing: 0;
	line-height: 1.2;
}

.klantverhaal-card .btn-outline {
	width: fit-content;
	font-size: 16px;
	line-height: 1;
	letter-spacing: 0;
	padding: 12px 24px;
	border: 1px solid var(--color-white);
	border-radius: 34px;
}

.klantverhaal-card:hover .btn-outline {
	background-color: var(--color-white);
	color: var(--color-blue);
}

.klantverhaal-card-intro, .klantverhaal-modules {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.klantverhaal-card-intro {
	align-items: center;
	gap: 16px 32px;
	justify-content: space-between;
}

.klantverhaal-card-intro img {
	max-width: 175px;
	filter: brightness(0) invert(1);
}

.klantverhaal-modules {
	align-items: center;
	justify-content: flex-end;
}

.klantverhaal-modules .klantverhaal-module {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 64px;
	width: 64px;
	border-radius: 100%;
	mix-blend-mode: darken;
}

.klantverhaal-modules .klantverhaal-module img {
	width: 100%;
	padding: 18px;
	height: 100%;
}

.klantverhaal-modules > .klantverhaal-module:not(:last-child) {
	transform: translate(8px, 0);
}

@media screen and (min-width: 768px) and (max-width: 1140px) {
	.klantverhaal-archive .klantverhaal-card {
		aspect-ratio: 4/5;
		padding: 24px;
	}

	.klantverhaal-archive .klantverhaal-card h4 {
		font-size: 18px;
	}

	.klantverhaal-archive .klantverhaal-modules .klantverhaal-module {
		height: 40px;
		width: 40px;
	}

	.klantverhaal-archive .klantverhaal-modules .klantverhaal-module img {
		padding: 12px;
	}
}

@media (max-width: 576px) {
	.klantverhaal-card {
		aspect-ratio: 4/5;
		padding: 24px;
	}

	.klantverhaal-card h4 {
		font-size: 18px;
	}

	.klantverhaal-modules .klantverhaal-module {
		height: 40px;
		width: 40px;
	}

	.klantverhaal-modules .klantverhaal-module img {
		padding: 12px;
	}
}

@media (max-width: 480px) {
	.klantverhaal-card h4 {
		font-size: 16px;
	}
}

@media (max-width: 390px) {
	.klantverhaal-card-intro {
		flex-direction: row;
		align-items: center;
	}

	.klantverhaal-card-intro .klantverhaal-modules {
		margin-left: -8px;
	}

	.klantverhaal-card {
		aspect-ratio: 2/3;
		gap: 16px;
	}

	.klantverhaal-card h4 {
		font-size: 16px;
	}

	.klantverhaal-card .btn-outline {
		font-size: 12px;
		padding: 10px;
	}

	.klantverhaal-card h4 {
		font-size: 14px;
	}

	.klantverhaal-card-slider .klantverhaal-card-intro > img {
		max-width: 40%;
	}
}
.artikelen {
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
    margin-top: 32px;
}

.artikelen .artikel {
	flex: 1 0 calc(33.33333333333333333333333333333333333333333333333% - 21.33333333333333px);
	max-width: calc(33.33333333333333333333333333333333333333333333333% - 21.33333333333333px);
	position: relative;
}

.artikel figure:has(+ a) {
    margin-bottom: 12px;
}

.artikel figure {
    display: flex;
    margin: 0;
    overflow: hidden;
    border-radius: 16px;
    aspect-ratio: 412/272;
}

.artikel img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    transform: scale(1);
    transition: 0.2s ease transform;
}

.artikel:hover img {
    transform: scale(1.1);
}

.artikelen .tag {
	padding: 4px 16px;
	border: 1px solid var(--color-blue);
	border-radius: 17px;
	font-size: 12px;
	color: var(--color-blue);
	display: inline-block;
    margin: 12px 8px 12px 0;
}

.artikelen .artikel a {
	text-decoration: none;
}

.artikelen .artikel a:before {
    content: '';
    inset: 0;
    position: absolute;
    z-index: 2;
}

.artikel .datum {
	font-size: 14px;
	color: #808080;
}

.artikelen_slide .artikel.slick-slide figure > img {
    width: 100%;
    height: 100%;
    max-height: unset;
}

@media (max-width: 840px) {
    .blog-related-posts .artikelen .artikel {
        flex: 1 0 calc(50% - 16px);
        max-width: calc(50% - 16px);
    }
}

@media only screen and (min-width: 576px) and (max-width: 1045px) {
    .blog-related-posts .artikelen > .artikel:nth-child(n+3) {
        display: none;
    }
}

@media (max-width: 764px) {
    .artikelen_slide.slick-initialized {
        margin-right: -32px;
        margin-left: -32px;
    }

    .artikelen_slide.slick-initialized .slick-list {
        padding-left: 32px;
    }
}
.videoimage {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	aspect-ratio: 16/9;
	border-radius: var(--border-radius);
}

.videoimage .button {
	color: var(--color-blue);
}

.videoimage .button:hover,
.videoimage .button:focus,
.videoimage .button:active {
	color: var(--color-blue);
	text-decoration: none;
}

.videoimage .button i {
	width: 16px;
	height: 14px;
	margin-right: 12px;
}

@media (max-width: 500px) {
	.videoimage {
		aspect-ratio: 4/3;
	}
}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/

/* Algemeen */
body {
	margin-top: 42px;
}

body:has(#main-content > #hs_cos_wrapper_codesnippet + .template_hero) {
	margin-top: 120px;
}

body:has(#main-content > #hs_cos_wrapper_codesnippet + div:is(.container-fluid)) .dnd_area-row-0-background-layers {
	padding-top: 148px;
	background-color: var(--color-blue);
	background-image: url(https://144641067.fs1.hubspotusercontent-eu1.net/hubfs/144641067/raw_assets/public/iwebdevelopment-hubspot-theme/images/hero_bg.svg) !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: 70% top !important;
}

header.header {
	position: fixed;
	background: transparent;
	width: 100%;
	top: 0;
	z-index: 99;
}

body.scrolled header.header {
	background: var(--color-blue);
}

body:has(.mainmenu li.open) :is(#main-content, footer.footer) {
	opacity: 0.2;
	filter: blur(6px)
}

body:has(.mainmenu li.open) header.header {
	background-color: var(--color-blue);
}

body.hubspot-disable-focus-styles header.header {
	max-height: 120px;
	overflow: hidden;
}

@media (max-width: 876px) {
	body:has(#main-content > #hs_cos_wrapper_codesnippet + div:is(.container-fluid)) .dnd_area-row-0-background-layers {
		padding-top: 80px;
		background-position: bottom !important;
		background-size: 100% !important;
		height: unset;
	}
}


/* Topheader */
.topheader {
	background-color: #1B3C50;
	padding: 10px 0;
}

.topheader .content-wrapper {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 32px;
}

.topheader a {
	color: var(--color-white);
	font-size: 16px;
	text-decoration: none;
}

.header__container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 80px;
	line-height: 80px;
	position: relative;
	padding: 0 1rem;
}

body:has(#main-content > #hs_cos_wrapper_codesnippet + .template_hero) .header .mainmenu a:hover,
.header a:hover {
	text-decoration: none;
	color: #d28e2a;
}


/* Header -> Wit */
body:has(#main-content > #hs_cos_wrapper_codesnippet + .template_hero) .header {
	background-color: white;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.08);
	color: var(--color-blue);
}

body:has(#main-content > #hs_cos_wrapper_codesnippet + .template_hero) .header .mainmenu a {
	color: var(--color-blue);
}

body:has(#main-content > #hs_cos_wrapper_codesnippet + .template_hero) .header .knoppenmenu a {
	border-color: var(--color-blue);
	color: var(--color-blue);
}

body:has(#main-content > #hs_cos_wrapper_codesnippet + .template_hero) .header .mainmenu li.hs-item-has-children a:after,
body:has(#main-content > #hs_cos_wrapper_codesnippet + .template_hero) .header #hs_menu_wrapper_hoofdmenu>ul>li:first-of-type>a:after {
	filter: var(--color-blue-filter);
}

body:has(#main-content > #hs_cos_wrapper_codesnippet + .template_hero) .header .mainmenu li.hs-item-has-children a:after:hover,
body:has(#main-content > #hs_cos_wrapper_codesnippet + .template_hero) .header #hs_menu_wrapper_hoofdmenu>ul>li:first-of-type>a:after:hover {
	filter: var(--color-yellow-filter);
}

body:has(#main-content > #hs_cos_wrapper_codesnippet + .template_hero) .header svg .dynamic {
	fill: var(--color-blue-filter)
}

body:has(#main-content > #hs_cos_wrapper_codesnippet + .template_hero) .header .menu_icon i {
	filter: var(--color-blue-filter)
}

/* Logo */
.header__logo {
	align-items: center;
	display: flex;
	height: auto;
	overflow: hidden;
}

.header__logo svg {
	vertical-align: middle;
	width: 220px;
}

@media (max-width: 767px) {
	.header__logo {
		margin: 0 auto;
		width: 100%;
	}
}

/* Menu */
.mainmenu ul {
	display: flex;
	gap: 32px;
}

.mainmenu li {
	padding: 0;
	border-bottom: 4px solid transparent;
}

@media (min-width: 921px) {
	.mainmenu a {
		color: var(--color-white);
		text-decoration: none;
		font-size: 16px;
		font-weight: 400;
	}

	.mainmenu a:focus {
		text-decoration: none;
	}

	#hs_menu_wrapper_hoofdmenu>ul>li:first-of-type>a:after,
	.mainmenu li.hs-item-has-children>a:after {
		content: '';
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6.613'%3E%3Cpath fill='%23fff' d='M6.004 4.889 10.655.238a.732.732 0 0 1 .554-.23.786.786 0 0 1 .554.246.765.765 0 0 1 0 1.107L6.906 6.238a1.267 1.267 0 0 1-1.8 0L.233 1.365a.742.742 0 0 1-.23-.562.793.793 0 0 1 .246-.561.765.765 0 0 1 1.107 0Z' data-name='Path 813'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		display: inline-block;
		margin-left: 4px;
		width: 12px;
		height: 7px;
	}

	#hs_menu_wrapper_hoofdmenu>ul>li:first-of-type>a:hover:after,
	.mainmenu li.hs-item-has-children>a:hover:after {
		filter: var(--color-yellow-filter) !important;
	}

	.mainmenu li.open>a:after {
		transform: rotate(180deg);
	}

	.mainmenu li.open {
		border-bottom: 4px solid var(--color-yellow);
	}

	.mainmenu li.open > a {
		color: var(--color-yellow) !important;
	}

	.mainmenu li.open > a:after {
		filter: var(--color-yellow-filter) !important;
	}

	.mainmenu li .hs-menu-children-wrapper {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background-color: #f2f4f7;
		color: var(--color-blue);
		height: 0;
		max-height: 0;
		overflow: hidden;
		z-index: -1;
		padding: 0 1rem;
		flex-direction: row !important;
	}

	.mainmenu li .hs-menu-children-wrapper > li {
		flex: 1;
	}

	.mainmenu li .hs-menu-children-wrapper > li a {
		display: inline-flex;
		padding: 24px 32px;
		background-color: white;
		border-radius: 16px;
	}
	.mainmenu li .hs-menu-children-wrapper > li a:after {
		margin-left: auto;
	}

	.mainmenu li.open .hs-menu-children-wrapper {
		padding: 48px 1rem;
		height: auto;
		max-height: 50vh;
		overflow: visible;
	}

	.mainmenu li .hs-menu-children-wrapper:before {
		content: '';
		position: absolute;
		top: 0%;
		left: 0;
		width: 100vw;
		height: 100%;
		margin-left: calc(-100vw / 2 + 100% / 2);
		margin-right: calc(-100vw / 2 + 100% / 2);
		background-color: #f2f4f7;
		z-index: -1;
	}

	.mainmenu li .hs-menu-children-wrapper li {
		line-height: 24px;
	}

	.mainmenu li .hs-menu-children-wrapper a {
		color: var(--color-blue);
		position: relative;
		z-index: 2;
		font-size: 20px;
		width: 100%;
	}

	.mainmenu li .hs-menu-children-wrapper a:after {
		content: '';
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%230d0d0d' d='M12.175 9H0V7h12.175l-5.6-5.6L8 0l8 8-8 8-1.425-1.4Z' data-name='Path 352'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		display: inline-block;
		margin-left: 8px;
		width: 16px;
		height: 16px;
		transition: 0.2s all;
	}

	.mainmenu li .hs-menu-children-wrapper a:hover:after {
		transform: translateX(8px);
	}
}


/* Knoppenmenu */
.knoppenmenu a {
	color: var(--color-white);
	padding: 9px 16px 10px 16px;
	text-decoration: none;
	border: 1px solid var(--color-white);
	border-radius: 32px;
	font-size: 16px
}
.knoppenmenu a:hover {
	background-color: var(--color-white);
    color: var(--color-blue);
}

/* Mega dropdown - Desktop */
@media (min-width: 921px) {
	.header_mega_dropdown {
		height: 0;
		max-height: 0;
		overflow: hidden;
		padding-top: 0;
		transition: 0.2s all;
		background: linear-gradient(90deg, rgba(242, 244, 247, 1) 0%, rgba(242, 244, 247, 1) 50%, rgba(255, 255, 255, 1) 51%, rgba(255, 255, 255, 1) 100%);
	}

	.header_mega_dropdown.active {
		height: auto;
		max-height: 100vh;
		overflow: hidden;
	}

	.header_mega_dropdown .content-wrapper {
		display: flex;
		width: 100%;
		gap: 8px;
		position: relative;
	}

	.header_mega_dropdown h6 {
		text-transform: uppercase;
		color: #808080;
		font-size: 10px;
	}

	.header_mega_dropdown .header_mega_doelen {
		flex: 0 0 30%;
		padding-top: 48px;
		padding-bottom: 48px;
	}

	.header_mega_dropdown .header_mega_doelen a {
		padding: 16px 32px;
		min-height: 106px;
		display: flex;
		gap: 16px;
		align-items: center;
		border-radius: 16px;
		background-color: transparent;
		text-decoration: none;
		box-sizing: border-box;
		position: relative;
	}

	.header_mega_dropdown .header_mega_doelen a.active {
		background-color: white;
	}

	.header_mega_dropdown .header_mega_doelen a .doel_kleur {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		opacity: 0;
		border-radius: 16px;
		z-index: 0;
	}

	.header_mega_dropdown .header_mega_doelen a>*:not(.doel_kleur) {
		position: relative;
		z-index: 1;
	}

	.header_mega_dropdown .header_mega_doelen a:not(.active):hover .doel_kleur {
		opacity: 0.05;
	}

	.header_mega_dropdown .header_mega_doelen a>img {
		border-radius: 14px;
		border: 1px solid #C0C6CC;
		width: 56px;
		min-width: 56px;
		height: 56px;
		min-height: 56px;
		padding: 8px;
		object-fit: contain;
		object-position: center;
	}

	.header_mega_dropdown .header_mega_doelen a h5 {
		margin-bottom: 6px;
		font-size: 18px;
	}

	.header_mega_dropdown .header_mega_doelen a i {
		width: 14px;
		height: 14px;
		transition: 0.2s all;
	}

	.header_mega_dropdown .header_mega_doelen a.active i {
		transform: translateX(12px);
	}

	.header_mega_dropdown .header_mega_doelen a p {
		font-size: 13px;
		line-height: 18px;
		color: #768084;
		margin: 0;
	}

	.header_mega_dropdown .header_mega_bronnen {
		flex: 1 0 65%;
		background-color: white;
		padding-top: 48px;
		display: none;
		justify-content: space-between;
		padding-left: 100px;
	}
	.header_mega_dropdown .header_mega_bronnen.active {
		display: flex;
		animation: fade 0.6s;
	}
	@keyframes  fade {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}

	.header_mega_dropdown .header_mega_bronnen>div {
		min-width: 220px;
	}

	.header_mega_bronnen a {
		display: flex;
		align-items: center;
		text-decoration: none;
		margin-bottom: 12px;
		gap: 12px;
	}

	.header_mega_bronnen a img {
		border-radius: 4px;
		background-color: #F2F4F7;
		width: 32px;
		min-width: 32px;
		height: 32px;
		min-height: 32px;
		padding: 6px;
		object-fit: contain;
		object-position: center;
	}

	.header_mega_bronnen a h5 {
		margin: 0;
		font-size: 14px;
		font-weight: 400;
		transition: 0.2s all;
	}

	.header_mega_bronnen a:hover h5 {
		font-weight: 700;
	}

	header.header .terug_knop {
		display: none;
	}
}

.header_mega_doelen_footer {
	display: flex;
	gap: 44px;
	width: 70%;
	padding-left: 100px;
	position: absolute;
	top: calc(100% - 58px);
	left: calc(30% + 8px);
	padding-top: 20px;
}
.header_mega_doelen_footer:before {
	content: '';
	width: 70vw;
	left: 0;
	top: 0;
	height: 1px;
	position: absolute;
	background-color: #c0c6cc28;
}
.header_mega_doelen_footer i {
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
	transition: 0.2s all;
}
.header_mega_doelen_footer a {
	color: var(--color-blue);
	text-decoration: none;
	font-size: 14px;
	line-height: 18px;
}
.header_mega_doelen_footer a:hover i  {
	filter: var(--color-yellow-filter);
}

.header_mega_bronnen>div:not(:has(a)) h6 {
	visibility: hidden;
}

.header_mega_bronnen a h5 span {
	font-size: 10px;
	text-transform: uppercase;
	background-color: #FEE0B4;
	border-radius: 6px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 4px;
	padding: 2px 6px;
}

.menu_icon {
	display: none;
}

/* Talentswitch */
.talenswitch {
	display: none;
	position: relative;
	cursor: pointer;
}

.talenswitch:has(.hs-language-switcher__item) {
	display: flex;
}

.talenswitch nav button {
	display: none !important;
}

.talenswitch>div:not(.current) {
	display: none;
	position: absolute;
	top: 50%;
	left: 0;
}

.talenswitch.active>div:not(.current) {
	display: block;
}

.talenswitch.active .hs-language-switcher__menu {
	display: inline-block;
}

.hs-language-switcher__menu {
	padding: 6px 0 !important;
}

.hs-language-switcher__item {
	padding: 6px 16px !important;
}

.hs-language-switcher__item:last-child {
	padding-bottom: 12px !important;
}

.hs-language-switcher__menu {
	border: 0;
	border-radius: 20px;
}

.hs-language-switcher__item a:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin-right: 8px;
	background-size: cover;
	border-radius: 100%;
	background-position: center;
}

.hs-language-switcher__item a[lang="en"]:before {
	background-image: url("https://144641067.fs1.hubspotusercontent-eu1.net/hubfs/144641067/flags/en.svg");
}
.hs-language-switcher__item a[lang="fr"]:before {
	background-image: url("https://144641067.fs1.hubspotusercontent-eu1.net/hubfs/144641067/flags/fr.svg");
}
.hs-language-switcher__item a[lang="es"]:before {
	background-image: url("https://144641067.fs1.hubspotusercontent-eu1.net/hubfs/144641067/flags/es.svg");
}
.hs-language-switcher__item a[lang="nl"]:before {
	background-image: url("https://144641067.fs1.hubspotusercontent-eu1.net/hubfs/144641067/flags/nl.svg");
}
.hs-language-switcher__item a[lang="de"]:before {
	background-image: url("https://144641067.fs1.hubspotusercontent-eu1.net/hubfs/144641067/flags/de.svg");
}

.hs-language-switcher__inner-wrapper:has( > button.hs-language-switcher__button[aria-label="Deutsch"]) .hs-language-switcher__item:has(> a[data-value="Deutsch"]) {
	display: none;
}
.hs-language-switcher__inner-wrapper:has( > button.hs-language-switcher__button[aria-label="English"]) .hs-language-switcher__item:has(> a[data-value="English"]) {
	display: none;
}
.hs-language-switcher__inner-wrapper:has( > button.hs-language-switcher__button[aria-label="Nederlands"]) .hs-language-switcher__item:has(> a[data-value="Nederlands"]) {
	display: none;
}

.talenswitch .current:before {
	content: '';
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 20px;
}

.talenswitch .current {
	display: inline-flex;
	gap: 4px;
	align-items: center;
}

.talenswitch .current img {
	height: 20px;
	width: 20px;
	border-radius: 100%;
	object-fit: cover;
}

.talenswitch .actievetaal {
	font-size: 16px;
	letter-spacing: -0.51px;
	color: var(--color-white);
	margin: 0;
	text-transform: uppercase;
}

.talenswitch.active .actievetaal {
	color: var(--color-yellow);
}

.talenswitch .actievetaal:after {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6.613'%3E%3Cpath fill='%23fff' d='M6.004 4.889 10.655.238a.732.732 0 0 1 .554-.23.786.786 0 0 1 .554.246.765.765 0 0 1 0 1.107L6.906 6.238a1.267 1.267 0 0 1-1.8 0L.233 1.365a.742.742 0 0 1-.23-.562.793.793 0 0 1 .246-.561.765.765 0 0 1 1.107 0Z' data-name='Path 223'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	display: inline-block;
	height: 7px;
	margin-left: 4px;
	width: 12px;
	transition: 0.2s all;
}
.talenswitch.active .actievetaal:after {
	transform: rotate(-180deg);
	filter: var(--color-yellow-filter);
}

/* .talenswitch:hover .actievetaal:after {
	transform: rotate(180deg) translateY(3px);
} */

.talenswitch.active .lang_switcher_class {
	display: block;
}

/* .talenswitch .lang_switcher_class {
	display: none;
	position: absolute;
	transform: translate(-1px, 65px);
	width: calc(100% - 44px);
	border-top: 1px solid #0C0C0C;
	border-left: 1px solid #0C0C0C;
	border-bottom: 1px solid #0C0C0C;
	border-right: 1px solid #0C0C0C;
	padding: 11px 22px;
	background: white;
}

.talenswitch .lang_switcher_link {
	color: #2C363C;
}

.talenswitch .lang_list_class > li:not(:last-of-type) {
	margin-bottom: 6px;
}

.talenswitch .lang_list_class > li {
	cursor: pointer;
} */

@media (max-width: 1200px) {
	.header_mega_dropdown .header_mega_bronnen {
		padding-left: 32px;
		padding-right: 1rem;
	}

	.header_mega_dropdown .header_mega_doelen a {
		padding: 16px;
	}

	.header_mega_dropdown .header_mega_bronnen>div {
		min-width: 180px;
	}

	.mainmenu a {
		font-size: 16px;
	}
}

@media (max-width: 920px) {
	.topheader {
		padding: 8px 0;
	}

	.header_mega_dropdown {
		display: none;
	}

	/* header.header {
		background: var(--color-blue);
	} */
	.header__container {
		justify-content: unset;
		gap: 32px;
	}

	.header__container .knoppenmenu {
		margin-left: auto;
	}

	.menu_icon {
		display: block;
		width: 32px;
		height: 32px;
	}

	.menu_icon i {
		display: block;
		width: 32px;
		height: 32px;
		filter: invert(1);
		transition: 0.2s all;
		background-size: 32px auto
	}

	.header_mega_dropdown .header_mega_bronnen,
	.hs-menu-children-wrapper,
	.mainmenu {
		width: 100vw;
		background-color: #f2f4f7;
		height: 0;
		position: absolute;
		top: 100%;
		left: -100vw;
		z-index: -1;
		transition: 0.2s all;
		overflow: hidden;
		height: calc(100vh - 100%);
		padding: 64px;
	}

	.header_mega_dropdown .header_mega_bronnen.mob_active,
	li.hs-item-has-children.open>.hs-menu-children-wrapper,
	.mainmenu.mob_active {
		left: 0;
	}

	.hs-menu-children-wrapper {
		height: 100% !important;
		top: 0;
		left: -100%;
		flex-direction: column;
		z-index: 0;
		padding: 64px !important;
	}

	li.hs-item-has-children.open>.hs-menu-children-wrapper {
		height: 100%;
		left: 0;
		overflow: auto;
	}

	.mainmenu.mob_active~.menu_icon i {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 7 7 17M7 7l10 10'/%3E%3C/svg%3E");
		background-size: 40px auto
	}

	.hs-menu-wrapper ul {
		flex-direction: column;
	}

	.mainmenu li {
		line-height: 32px;
	}

	a.terug_knop,
	a.terug_knop:focus,
	a.terug_knop:active,
	a.terug_knop:hover,
	.mainmenu a,
	.mainmenu a:focus,
	.mainmenu a:active,
	.mainmenu a:hover {
		color: var(--color-blue);
		font-size: 20px;
		text-decoration: none;
	}

	#hs_menu_wrapper_hoofdmenu>ul>li:first-of-type>a:after,
	li.terug_knop a:before,
	a.terug_knop:before,
	.mainmenu li.hs-item-has-children>a:after {
		content: '';
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%230d0d0d' d='M12.175 9H0V7h12.175l-5.6-5.6L8 0l8 8-8 8-1.425-1.4Z' data-name='Path 352'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		display: inline-block;
		margin-left: 8px;
		width: 16px;
		height: 16px;
		transition: 0.2s all;
	}

	a.terug_knop:before,
	li.terug_knop a:before {
		margin-left: 0px;
		margin-right: 8px;
		transform: rotate(180deg);
	}

	.header_mega_dropdown {
		width: 100vw;
		background-color: #f2f4f7;
		height: 0;
		position: absolute;
		top: 100%;
		left: -100vw;
		z-index: -1;
		transition: 0.2s all;
		overflow: hidden;
		display: block;
		height: calc(100vh - 100%);
		padding: 64px;
	}

	.header_mega_dropdown.active {
		left: 0;
	}

	.header_mega_dropdown .content-wrapper {
		padding: 0;
	}

	.header_mega_dropdown a.terug_knop {
		padding: 0 0 16px 0;
	}

	.header_mega_dropdown .header_mega_doelen h6 {
		display: none;
	}

	.header_mega_dropdown .header_mega_doelen a:not(.terug_knop) {
		position: relative;
		display: flex;
		gap: 32px;
		text-decoration: none;
		padding: 16px 0;
		align-items: center;
	}

	.header_mega_dropdown .header_mega_doelen a:not(.terug_knop) i.icon-arrow-right {
		background-repeat: no-repeat;
		content: "";
		display: inline-block;
		height: 16px;
		margin-left: 8px;
		transition: all .2s;
		width: 16px;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translate(0, -50%);
	}


	.header_mega_dropdown .header_mega_doelen a.terug_knop {
		display: block;
	}

	.header_mega_doelen .doel_kleur {
		display: none;
	}

	.header_mega_doelen img {
		width: 32px;
		height: 32px;
		object-fit: contain;
		object-position: center;
	}

	.header_mega_doelen :is(h5, p) {
		margin: 0
	}

	.header_mega_doelen p {
		font-size: 13px;
		line-height: 18px;
		color: #768084;
	}


	.header_mega_dropdown .header_mega_bronnen {
		height: 100%;
		top: 0;
		z-index: 1;
	}

	.header_mega_dropdown .header_mega_bronnen.mob_active {
		overflow: auto;
		left: 0;
	}

	.header_mega_dropdown .header_mega_bronnen a:not(.terug_knop) {
		display: flex;
		align-items: center;
		text-decoration: none;
		margin-bottom: 12px;
		font-size: 15px;
		gap: 32px;
	}

	.header_mega_dropdown .header_mega_bronnen a img {
		border-radius: 4px;
		background-color: #F2F4F7;
		width: 36px;
		min-width: 36px;
		height: 36px;
		min-height: 36px;
		padding: 6px;
		object-fit: contain;
		object-position: center;
	}

	.header_mega_dropdown .header_mega_bronnen a h5 {
		margin: 0;
		font-size: 14px;
		font-weight: 400;
		transition: 0.2s all;
	}

	.header_mega_dropdown .header_mega_bronnen h6 {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 8px;
		margin-top: 32px;
		display: flex;
		flex-direction: row;
		gap: 16px;
		align-items: center;
	}

	.header_mega_dropdown .header_mega_bronnen h6:after {
		content: "";
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='27.555' viewBox='0 0 50 27.555'%3E%3Cpath id='Path_829' data-name='Path 829' d='M14.01,27.529,33.389,46.909a3.051,3.051,0,0,1,.957,2.307,3.276,3.276,0,0,1-1.023,2.307,3.186,3.186,0,0,1-4.614,0L8.407,31.286a5.279,5.279,0,0,1,0-7.514l20.3-20.3a3.091,3.091,0,0,1,2.341-.957,3.3,3.3,0,0,1,2.339,1.023,3.186,3.186,0,0,1,0,4.614Z' transform='translate(-2.512 34.379) rotate(-90)' fill='%23051f34'/%3E%3C/svg%3E%0A");
		height: 16px;
		width: 14px;
		display: block;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		margin-left: auto;
	}

	.header_mega_dropdown .header_mega_bronnen h6.mob_active:after {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='27.555' viewBox='0 0 50 27.555'%3E%3Cpath id='Path_830' data-name='Path 830' d='M14.01,27.529,33.389,46.909a3.051,3.051,0,0,1,.957,2.307,3.276,3.276,0,0,1-1.023,2.307,3.186,3.186,0,0,1-4.614,0L8.407,31.286a5.279,5.279,0,0,1,0-7.514l20.3-20.3a3.091,3.091,0,0,1,2.341-.957,3.3,3.3,0,0,1,2.339,1.023,3.186,3.186,0,0,1,0,4.614Z' transform='translate(52.512 -6.824) rotate(90)' fill='%23051f34'/%3E%3C/svg%3E%0A");
	}

	.header_mega_dropdown .header_mega_bronnen h6~a:not(.terug_knop) {
		height: 0;
		max-height: 0;
		overflow: hidden;
		margin-bottom: 0;
	}

	.header_mega_dropdown .header_mega_bronnen h6.mob_active~a:not(.terug_knop) {
		height: auto;
		max-height: 48px;
		overflow: visible;
		margin-bottom: 12px;
	}

	.header_mega_doelen_footer {
		left: 0;
		width: 100%;
		padding: 20px 64px;
	}
	.header_mega_doelen_footer:before {
		width: 100%;
	}
}

@media (max-width: 470px) {
	.header_mega_doelen img {
		min-width: 32px;
	}

	.header_mega_dropdown .header_mega_bronnen a:not(.terug_knop),
	.header_mega_dropdown .header_mega_doelen a:not(.terug_knop) {
		gap: 24px;
	}

	.header__logo svg {
		width: 170px;
	}

	.header__container {
		gap: 16px;
	}

	.hs-menu-children-wrapper {
		padding: 48px 32px !important;
	}
	
	.header_mega_doelen_footer {
		padding: 20px 32px;
	}

	.header_mega_dropdown .header_mega_bronnen,
	.hs-menu-children-wrapper,
	.mainmenu,
	.header_mega_dropdown {
		padding: 48px 32px;
	}
}
.footer {
	padding-top: 84px;
}

.footer > .content-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
	padding-left: 1rem;
	padding-right: 1rem;
}

.footer .footer__logo {
	filter: var(--color-white-filter);
	max-width: 250px;
}

.google_reviews {
	padding: 24px 0 32px;
}


.iso_images {
	display: inline-flex;
}

.footer .info {
	flex: 1 0 calc(33.33%- 32px);
}

.footer .bottomfooter .info {
	flex: unset;
}

.footer .menu {
	flex: 1 0 calc(16.66%- 32px);
}

.footer .menu ul {
	flex-direction: column;
	gap: 22px;
}

.footer .menu a {
	color: var(--color-white);
	font-size: 14px;
	opacity: 0.5;
	font-weight: 400;
	text-decoration: none;
}

.footer .menu a:hover {
	opacity: 0.9;
}

.footer .footer_title {
	color: var(--color-white);
	font-size: 16px;
	margin-bottom: 22px;
}

.footer .bottomfooter {
	background-color: #1B3C50;
	padding: 18px 0;
	margin-top: 174px;
}

.footer .bottomfooter .content-wrapper {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 32px;
}


.footer .bottomfooter p {
	color: var(--color-white);
	opacity: 0.5;
	font-size: 12px;
	margin-bottom: 0;
}

.footer .bottomfooter .info {
	display: inline-flex;
	justify-content: center;
	flex-wrap: nowrap;
	gap: 40px;
	font-weight: 400;
}

.footer .bottomfooter .socials,
.footer .bottomfooter .socials a {
	display: inline-block;
	height: 28px;
}


#hs_cos_wrapper_Subfooter_menu {
	margin-left: auto;
}
#hs_cos_wrapper_Subfooter_menu ul {
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	flex-direction: row !important;
	gap: 32px;
}
#hs_cos_wrapper_Subfooter_menu a {
	color: var(--color-white);
	font-size: 12px;
	opacity: 0.5;
	font-weight: 300;
	text-decoration: underline;
}
#hs_cos_wrapper_Subfooter_menu a:hover {
	opacity: 1;
}

@media (max-width: 900px) {
	#hs_cos_wrapper_Subfooter_menu ul {
		gap: 24px;
	}
	.footer .info {
		flex: 1 0 calc(100%- 32px);
	}
	.footer .menu {
		flex: 1 0 calc(25%- 32px);
	}
}

@media (max-width: 600px) {
	.footer .bottomfooter {
		margin-top: 64px;
	}
	.footer .menu {
		flex: 1 0 calc(50%- 32px);
		margin-bottom: 32px;
	}
}
/* Menu and simple menu */

.hs-menu-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}

/* 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%;
}

/* Utilities
Helper classes with ability to override anything that comes before it
*/

/* For content that needs to be visually hidden but stay visible for screenreaders */

.show-for-sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}


:root {
	--font-family: "Alexandria", sans-serif;

	--color-blue: #051F34;
	--color-pale-blue: #1B3C50;
	--color-yellow: #FAAE3E;
	--color-pale-yellow: #FEE0B4;
	--color-grey: #F2F4F7;
	--color-white: #FFF;

	
	--color-blue-filter: brightness(0) saturate(100%) invert(9%) sepia(42%) saturate(1730%) hue-rotate(177deg) brightness(102%);
	--color-yellow-filter: brightness(0) saturate(100%) invert(73%) sepia(25%) saturate(1140%) hue-rotate(347deg) brightness(97%) contrast(102%);
	--color-white-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(101deg) brightness(103%) contrast(101%);

	--container-size: 1312px;
	
	--section-padding: 80px;

	--border-radius: 40px;
}

@media (max-width: 876px) {
	:root {
		--section-padding: 64px;
	}
}
@media (max-width: 450px) {
	:root {
		--border-radius: 24px;
		--section-padding: 48px;
	}
}
body, html {
	overflow-x: clip;
}

p {
	font-weight: 300;
	line-height: 28px;
}

h1 {
	line-height: 1;
	background: #FFDEAD;
	background: linear-gradient(to right, #FFDEAD 0%, #FFFFFF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	padding-bottom: 8px;
}

h4, h5 {
	margin-bottom: 16px;
}

a {
	transition: 0.2s all;
}


/* Lijst */
.faq-container .antwoord ul:not([class]),
.hs_cos_wrapper_type_rich_text ul:not([class]) {
	padding-left: 0;
	list-style-type: none;
}
.faq-container .antwoord ul:not([class]) li,
.hs_cos_wrapper_type_rich_text ul:not([class]) li {
	position: relative;
	padding-left: 24px;
	padding-bottom: 16px;
}
.faq-container .antwoord ul:not([class]) li:before,
.hs_cos_wrapper_type_rich_text ul:not([class]) li:before {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' data-name='Group 1274'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2352cc5e' data-name='Ellipse 81'/%3E%3Cpath fill='%23fff' d='M6.636 11.581 3 7.945l1.273-1.273 2.364 2.364 5.09-5.091L13 5.218Z' data-name='Path 358'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: 4px;
}
.hs_cos_wrapper_type_rich_text ul:not([class]) li > strong {
	color: var(--color-blue);
	margin-bottom: 6px;
	display: block;
}
.faq-container .antwoord ul:not([class]) li::marker,
.hs_cos_wrapper_type_rich_text ul:not([class]) li::marker {
	content: none;
}

.widget-type-cell[class*="-background-color"] {
	border-radius: var(--border-radius);
	padding: 64px;
	box-shadow: 0px 0px 48px rgba(0, 0, 0, 0.06);
	margin: 0 1rem;
}

@media (max-width: 1200px) {
	.widget-type-cell[class*="-background-color"] {
		margin: 0;
		padding: 64px 32px;
	}
}
@media (max-width: 600px) {
	.widget-type-cell[class*="-background-color"] {
		padding: 32px;
	}
}

.faq-container .antwoord ol:not([class]),
.hs_cos_wrapper_type_rich_text ol:not([class]) {
	padding-left: 0;
	counter-reset: counterol;
	list-style-type: none;
}
.faq-container .antwoord ol:not([class]) li,
.hs_cos_wrapper_type_rich_text ol:not([class]) li {
	position: relative;
	padding-left: 24px;
	padding-bottom: 16px;
	counter-increment: counterol;
}
.faq-container .antwoord ol:not([class]) li:before,
.hs_cos_wrapper_type_rich_text ol:not([class]) li:before {
	content: counter(counterol);
	color: white;
	font-size: 8px;
	line-height: 16px;
	font-weight: bold;
	text-align: center;
	background-color: #64CC58;
	border-radius: 100%;
	background-repeat: no-repeat;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: 4px;
}
.faq-container .antwoord ol:not([class]) li::marker,
.hs_cos_wrapper_type_rich_text ol:not([class]) li::marker {
	content: none;
}


/* Global -> Icoontjes */
[class^="icon-"], [class*=" icon-"] {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
}
.icon-arrow-down-small {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 6.613'%3E%3Cpath fill='%23000' d='M6.004 4.889 10.655.238a.732.732 0 0 1 .554-.23.786.786 0 0 1 .554.246.765.765 0 0 1 0 1.107L6.906 6.238a1.267 1.267 0 0 1-1.8 0L.233 1.365a.742.742 0 0 1-.23-.562.793.793 0 0 1 .246-.561.765.765 0 0 1 1.107 0Z' data-name='Path 43'/%3E%3C/svg%3E");
}
.icon-arrow-right-small {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.248 9.523'%3E%3Cpath fill='%23000' d='M3.88 4.758.189 1.067A.581.581 0 0 1 .007.628.624.624 0 0 1 .202.189a.607.607 0 0 1 .879 0l3.867 3.854a1.005 1.005 0 0 1 0 1.431L1.08 9.341a.589.589 0 0 1-.446.182.629.629 0 0 1-.445-.2.607.607 0 0 1 0-.879Z' data-name='Path 108'/%3E%3C/svg%3E");
}
.icon-arrow-right {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%230d0d0d' d='M12.175 9H0V7h12.175l-5.6-5.6L8 0l8 8-8 8-1.425-1.4Z' data-name='Path 352'/%3E%3C/svg%3E");
}

.icon-quote {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.006 16'%3E%3Cpath fill='%23...' d='M1.697 2.292C3.1.771 5.223 0 8.006 0h1v2.819l-.8.161a4.16 4.16 0 0 0-2.833 1.6A2.9 2.9 0 0 0 4.931 6h3.075a1 1 0 0 1 1 1v7a2 2 0 0 1-2 2h-6a1 1 0 0 1-1-1V7.081a6.8 6.8 0 0 1 1.691-4.789M18.006 16h-6a1 1 0 0 1-1-1V7.081a6.8 6.8 0 0 1 1.688-4.789C14.1.771 16.223 0 19.006 0h1v2.819l-.8.161a4.16 4.16 0 0 0-2.833 1.6A2.9 2.9 0 0 0 15.931 6h3.075a1 1 0 0 1 1 1v7a2 2 0 0 1-2 2' data-name='Path 351'/%3E%3C/svg%3E");
}
.icon-maatwerk {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.275 17.24'%3E%3Cpath fill='%23000' d='m14.396 6.034-.948-2.069-2.073-.948 2.069-.948L14.396 0l.948 2.069 2.069.948-2.069.948Zm1.724 6.034-.69-1.465-1.465-.69 1.465-.69.69-1.465.69 1.465 1.465.69-1.465.69ZM4.913 17.24l-.258-2.026a1.628 1.628 0 0 1-.334-.172 1.815 1.815 0 0 1-.27-.216l-1.9.819L0 11.9l1.638-1.207V10L0 8.793l2.155-3.75 1.9.819a1.757 1.757 0 0 1 .27-.216 1.658 1.658 0 0 1 .334-.172l.259-2.026h4.31l.259 2.026a1.649 1.649 0 0 1 .334.172 1.719 1.719 0 0 1 .269.216l1.9-.819 2.155 3.75L12.499 10v.69l1.638 1.21-2.155 3.75-1.9-.819a1.775 1.775 0 0 1-.269.216 1.62 1.62 0 0 1-.334.172l-.259 2.026H4.913Zm2.155-4.31a2.575 2.575 0 0 0 2.586-2.586 2.575 2.575 0 0 0-2.586-2.586 2.575 2.575 0 0 0-2.586 2.586 2.575 2.575 0 0 0 2.586 2.586Z' data-name='Path 392'/%3E%3C/svg%3E");
}
.icon-overview {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23000' d='M1.556 6.222A1.56 1.56 0 0 1 0 4.667V1.556A1.561 1.561 0 0 1 1.556 0h3.111a1.56 1.56 0 0 1 1.555 1.556v3.111a1.559 1.559 0 0 1-1.555 1.555Zm0 7.778A1.56 1.56 0 0 1 0 12.444V9.333a1.561 1.561 0 0 1 1.556-1.556h3.111a1.56 1.56 0 0 1 1.556 1.556v3.111A1.559 1.559 0 0 1 4.667 14Zm7.778-7.778a1.56 1.56 0 0 1-1.556-1.556v-3.11A1.561 1.561 0 0 1 9.333 0h3.111A1.56 1.56 0 0 1 14 1.556v3.111a1.559 1.559 0 0 1-1.556 1.556Zm0 7.778a1.56 1.56 0 0 1-1.556-1.556V9.333a1.561 1.561 0 0 1 1.556-1.556h3.111A1.56 1.56 0 0 1 14 9.333v3.111A1.559 1.559 0 0 1 12.444 14Z' data-name='Path 391'/%3E%3C/svg%3E");
}
.icon-overview-outline {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.83 15.83'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' data-name='Group 2128' transform='translate(-2 -2)'%3E%3Crect width='5.378' height='5.378' stroke='%23000' data-name='Rectangle 1422' rx='1' transform='translate(3 3)'/%3E%3Crect width='5.378' height='5.378' stroke='%23000' data-name='Rectangle 1423' rx='1' transform='translate(11.452 3)'/%3E%3Crect width='5.378' height='5.378' stroke='%23000' data-name='Rectangle 1424' rx='1' transform='translate(11.452 11.452)'/%3E%3Crect width='5.378' height='5.378' stroke='%23000' data-name='Rectangle 1425' rx='1' transform='translate(3 11.452)'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-play {
	 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.641 16.263'%3E%3Cpath fill='%23000' d='M13.112 7.161a1.153 1.153 0 0 1 0 1.94l-11.54 7.012A1.052 1.052 0 0 1 0 15.143V1.119a1.052 1.052 0 0 1 1.572-.97Z' data-name='Path 360'/%3E%3C/svg%3E");
}
.icon-star {
 	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.541 14.833'%3E%3Cpath fill='%23000' d='M7.77 0 9.6 5.666h5.936l-4.8 3.5 1.834 5.666-4.8-3.5-4.8 3.5L4.8 9.167 0 5.666h5.936Z' data-name='Polygon 1'/%3E%3C/svg%3E");
}
.icon-clock {
 	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M8 16a7.741 7.741 0 0 1-3.122-.633 8.037 8.037 0 0 1-4.244-4.244 8.007 8.007 0 0 1 0-6.244 8.191 8.191 0 0 1 1.71-2.533A8.067 8.067 0 0 1 4.877.634 7.786 7.786 0 0 1 8 0a7.707 7.707 0 0 1 3.123.634 8.037 8.037 0 0 1 4.244 4.244A7.694 7.694 0 0 1 16 8a7.82 7.82 0 0 1-.633 3.123 8.014 8.014 0 0 1-1.711 2.533 8.252 8.252 0 0 1-2.533 1.711A7.653 7.653 0 0 1 8 16m2.489-4.267 1.244-1.244-2.844-2.844V3.556H7.111v4.8ZM8 14.222A6.182 6.182 0 0 0 14.222 8 6.184 6.184 0 0 0 8 1.778a5.988 5.988 0 0 0-4.411 1.811A6.02 6.02 0 0 0 1.778 8a6 6 0 0 0 1.812 4.412A5.992 5.992 0 0 0 8 14.222' data-name='Path 389'/%3E%3C/svg%3E");
}
.icon-webshop {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.982 20'%3E%3Cpath fill='%23000' d='M6 20a2 2 0 1 1 1.413-3.412A1.916 1.916 0 0 1 8 18a1.951 1.951 0 0 1-.587 1.413A1.9 1.9 0 0 1 6 20m10 0a2 2 0 1 1 2-2 1.951 1.951 0 0 1-.587 1.413A1.9 1.9 0 0 1 16 20M5.15 4l2.4 5h7l2.75-5ZM4.2 2h14.75a.957.957 0 0 1 .875.513 1.007 1.007 0 0 1 .025 1.037l-3.55 6.4a2 2 0 0 1-.737.775A1.944 1.944 0 0 1 14.55 11H7.1L6 13h12v2H6a1.851 1.851 0 0 1-1.7-.987 1.891 1.891 0 0 1-.05-1.963L5.6 9.6 2 2H0V0h3.25Zm3.35 7Z' data-name='Path 781'/%3E%3C/svg%3E"); 
}
.icon-marketplaces {
 	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.994 18'%3E%3Cpath fill='%23000' d='m19.895 5.89-1.05-4.37A1.964 1.964 0 0 0 16.935 0H3.045a1.964 1.964 0 0 0-1.9 1.52L.095 5.89a3.375 3.375 0 0 0 .62 2.88 3.834 3.834 0 0 0 .28.29V16a2.006 2.006 0 0 0 2 2h14a2.006 2.006 0 0 0 2-2V9.06a3.7 3.7 0 0 0 .28-.28 3.364 3.364 0 0 0 .62-2.89m-2.99-3.9 1.05 4.37a1.356 1.356 0 0 1-.25 1.17 1.173 1.173 0 0 1-.94.47 1.25 1.25 0 0 1-1.21-1.14L14.975 2Zm-5.91.01h1.96l.54 4.52a1.344 1.344 0 0 1-.33 1.07 1.193 1.193 0 0 1-.95.41 1.272 1.272 0 0 1-1.22-1.31Zm-4.51 4.52L7.035 2h1.96v4.69A1.285 1.285 0 0 1 7.705 8a1.2 1.2 0 0 1-.89-.41 1.42 1.42 0 0 1-.33-1.07m-4.45-.16L3.045 2h1.97l-.58 4.86A1.257 1.257 0 0 1 3.225 8a1.151 1.151 0 0 1-.93-.47 1.322 1.322 0 0 1-.26-1.17m.96 9.64V9.97a1.81 1.81 0 0 0 .23.03 3.129 3.129 0 0 0 2.24-.95 3.216 3.216 0 0 0 2.31.95 3.17 3.17 0 0 0 2.23-.93 3.278 3.278 0 0 0 2.29.93 3.175 3.175 0 0 0 2.24-.95 3.129 3.129 0 0 0 2.24.95 1.81 1.81 0 0 0 .23-.03V16Z' data-name='Path 780'/%3E%3C/svg%3E");
}
.icon-connection {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 8'%3E%3Cpath fill='%23000' d='M4 8a4.012 4.012 0 0 1-4-4 4.012 4.012 0 0 1 4-4h2v2H4a2 2 0 0 0 0 4h2v2Zm0-3V3h6v2Zm4 3V6h2a2 2 0 0 0 0-4H8V0h2a3.991 3.991 0 0 1 4 4 4.012 4.012 0 0 1-4 4Z' data-name='Path 662'/%3E%3C/svg%3E"); 
}
.icon-tools--services {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 17'%3E%3Cpath fill='%23000' d='M5 3V2a2.008 2.008 0 0 1 2-2h6a2.006 2.006 0 0 1 2 2v1h.7a1.867 1.867 0 0 1 1.088.338 1.981 1.981 0 0 1 .712.862l2.35 5.4a2.43 2.43 0 0 1 .113.4 2.083 2.083 0 0 1 .037.4V15a2 2 0 0 1-2 2H2a1.925 1.925 0 0 1-1.412-.587A1.93 1.93 0 0 1 0 15v-4.6a2.139 2.139 0 0 1 .038-.4 2.493 2.493 0 0 1 .112-.4L2.5 4.2a1.987 1.987 0 0 1 .713-.863A1.86 1.86 0 0 1 4.3 3Zm2 0h6V2H7ZM5 9V8h2v1h6V8h2v1h2.4l-1.7-4H4.3L2.6 9Zm0 2H2v4h16v-4h-3v1h-2v-1H7v1H5Zm5 0' data-name='Path 782'/%3E%3C/svg%3E"); 
}
.icon-module {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 16'%3E%3Cpath fill='%23000' d='M0 14.5v-9A1.5 1.5 0 0 1 1.5 4H3V1.5A1.5 1.5 0 0 1 4.5 0h3A1.494 1.494 0 0 1 9 1.5V4h2V1.5A1.5 1.5 0 0 1 12.5 0h3A1.494 1.494 0 0 1 17 1.5V4h1.5A1.494 1.494 0 0 1 20 5.5v9a1.492 1.492 0 0 1-1.5 1.5h-17A1.494 1.494 0 0 1 0 14.5m2-.5h16V6H2ZM5 4h2V2H5Zm8 0h2V2h-2ZM2 14ZM5 4Zm8 0Z' data-name='Path 783'/%3E%3C/svg%3E");
}
.icon-menu {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M0 3.75A.75.75 0 0 1 .75 3h14.5a.75.75 0 0 1 0 1.5H.75A.75.75 0 0 1 0 3.75M0 8a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H.75A.75.75 0 0 1 0 8m.75 3.5a.75.75 0 0 0 0 1.5h14.5a.75.75 0 0 0 0-1.5z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.icon-crm {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 19V5v4.475V9zm2-6h5.525q.05-.55.25-1.05t.5-.95H7zm0 4h3.925q.425-.5.975-.812t1.15-.513q-.1-.15-.175-.325T12.75 15H7zm-4 4V3h18v8.45q-.35-.65-.85-1.15T19 9.475V5H5v14h5.05q-.025.15-.038.3t-.012.3V21zm14-5q-1.05 0-1.775-.725T14.5 13.5t.725-1.775T17 11t1.775.725.725 1.775-.725 1.775T17 16m-5 5v-1.4q0-.6.313-1.112t.887-.738q.9-.375 1.863-.562T17 17t1.938.188 1.862.562q.575.225.888.738T22 19.6V21zM7 9h10V7H7z'/%3E%3C/svg%3E");
}
.icon-logistiek {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6 20q-1.25 0-2.125-.875T3 17H1V6q0-.825.588-1.412T3 4h14v4h3l3 4v5h-2q0 1.25-.875 2.125T18 20t-2.125-.875T15 17H9q0 1.25-.875 2.125T6 20m0-2q.425 0 .713-.288T7 17t-.288-.712T6 16t-.712.288T5 17t.288.713T6 18m-3-3h.8q.425-.45.975-.725T6 14t1.225.275T8.2 15H15V6H3zm15 3q.425 0 .713-.288T19 17t-.288-.712T18 16t-.712.288T17 17t.288.713T18 18m-1-5h4.25L19 10h-2zm-8-2.5'/%3E%3C/svg%3E");
}
 
.icon-linkedin {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.621 28.621'%3E%3Cpath fill='%23000' d='M24.385 24.39h-4.237v-6.642c0-1.584-.032-3.622-2.21-3.622-2.209 0-2.546 1.724-2.546 3.506v6.758h-4.239V10.733h4.071v1.86h.056a4.47 4.47 0 0 1 4.02-2.205c4.293 0 5.088 2.827 5.088 6.507v7.5M6.367 8.865A2.461 2.461 0 1 1 8.828 6.4a2.458 2.458 0 0 1-2.461 2.46m2.122 15.53H4.241V10.733h4.25ZM26.506 0H2.115A2.087 2.087 0 0 0 0 2.062v24.5a2.086 2.086 0 0 0 2.112 2.062H26.5a2.094 2.094 0 0 0 2.12-2.062v-24.5A2.1 2.1 0 0 0 26.5 0Z' data-name='Path 216'/%3E%3C/svg%3E");
}

/* Global -> Product kaart */
.product_kaart {
	padding: 24px;
	border: 2px solid #F0F0F0;
	border-radius: var(--border-radius);
	display: inline-flex;
	flex-direction: column;
	text-decoration: none;
	color: var(--color-pale-blue);
	background-color: #FFFFFF;
}
.product_kaart * {
	transition: 0.2s ease all;
}
.product_kaart:hover {
	color: var(--color-pale-blue);
	text-decoration: none;
}
.product_kaart .koppeling_icons img {
	padding: 8px;
	border-radius: 12px;
	aspect-ratio: 1/1;
	width: 40px;
	height: 40px;
	border: 2px solid #F0F0F0;
	object-fit: contain;
	object-position: center;
	position: relative;
	z-index: 2;
	background-color: #FFFFFF;
}
.product_kaart .koppeling_icons img:nth-of-type(2) {
	margin-left: -20px;
	z-index: 1;
}
.product_kaart h4 {
	margin-bottom: 4px;
}
.product_kaart .koppeling_text {
	display: inline-flex;
	gap: 8px;
	color: #4C606F;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 10px;
	align-items: center;
}
.product_kaart .koppeling_text i {
	height: 8px;
	width: 16px;
	filter: invert(32%) sepia(18%) saturate(650%) hue-rotate(163deg) brightness(100%) contrast(83%);
}
.product_kaart .overline {
	align-self: flex-start;
}
.product_kaart .prijs {
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	margin-bottom: 36px;
	color: var(--color-blue)
}
.product_kaart sub {
	font-weight: 400;
	color: #4C606F;
}
.product_kaart .btn-pijl {
	margin-top: auto;
	margin-left: -6px;
    margin-right: -6px;
    margin-bottom: -6px;
    width: calc(100% + 12px);
}
.product_kaart .btn-pijl:hover,
.product_kaart:hover .btn-pijl {
	background-color: #0D0D0D;
	border: 2px solid #0D0D0D;
	color: var(--color-white);
}
.product_kaart .btn-pijl:hover i {
	transform: unset;
}
.product_kaart:hover .btn-pijl i {
	filter: var(--color-white-filter);
}

/* Global -> Overline */
.overline {
	font-size: 10px;
	padding: 4px 8px;
	background-color: var(--color-pale-yellow);
	border-radius: 6px;
	text-transform: uppercase;
	margin-bottom: 8px;
	display: inline-block;
	color: var(--color-blue);
}

/* Global -> Arrow knop */
.btn-pijl {
	padding: 24px;
	width: 100%;
	box-shadow: 0px 3px 6px #00000000;
	border: 2px solid #F0F0F0;
	border-radius: 22px;
	display: inline-flex;
	justify-content: space-between;
	font-size: 16px;
	line-height: 18px;
	text-decoration: none;
	font-weight: 500;
	color: var(--color-blue);
}
.btn-pijl i {
	width: 16px;
	height: 16px;
	transition: 0.2s all;
}
.btn-pijl:hover {
	border-color: #131313;
	text-decoration: none;
	color: var(--color-blue);
}
.btn-pijl:hover i {
	transform: translateX(8px);
}

/* Global -> Template hero */
.template_hero {
	padding: 104px 0;
	background-color: #F2F4F7;
}
.template_hero h1 {
	color: #051F34;
	-webkit-text-fill-color: #051F34;
	max-width: 532px;
}
.template_hero p {
	max-width: 532px;
}

.template_hero.blog_hero {
	padding: 48px 0 64px 0;
}

@media (max-width: 876px) {
	.template_hero {
		padding: var(--section-padding) 0;
	}	
}

/* Global -> Forms */
form {
	background-color: var(--color-white) !important;
	padding: 32px !important;
	border-radius: var(--border-radius) !important;
}

@media (max-width: 768px) {
	form {
		padding: 24px !important;
	}
}

form input[type="email"], 
input[type="text"] {
	border: 1px solid #CFD5D9 !important;
	border-radius: 12px !important;
}


form input[type="email"]::placeholder, 
input[type="text"]::placeholder {
	color: #808080 !important;
	opacity: 0.9;
}

textarea, input:not([type="submit"], [type="range"], [type="checkbox"], [type="radio"]), select {
	font-family: var(--font-family);
	font-size: 14px;
	line-height: 18px;
	outline: 0;	
	background-color: #fff;
	padding: 18px;
	width: 100%;
	border: 1px solid #CFD5D9;
	border-radius: 12px;
}
textarea::placeholder, input:not([type="submit"]::placeholder, [type="range"]::placeholder, [type="checkbox"]::placeholder, [type="radio"])::placeholder, select::placeholder {
	color: #808080 !important;
	opacity: 0.9;
	font-weight: 400;
}
textarea:focus, 
input:not([type="submit"], [type="range"], [type="checkbox"], [type="radio"]):focus, 
select:focus,
textarea:active, 
input:not([type="submit"], [type="range"], [type="checkbox"], [type="radio"]):active, 
select:active {
	border: 1px solid var(--color-blue);
}

:is(input[type="radio"], input[type="checkbox"]) {
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	margin: 0;
	font: inherit;
	color: var(--color-blue);
	width: 24px;
	height: 24px;
	border: 3px solid var(--color-blue);
	border-radius: 4px;
	display: inline-grid;
	place-content: center;
	vertical-align: baseline;
} 
input[type="radio"] {
	border-radius: 100%;
}
:is(input[type="radio"]:checked, input[type="checkbox"]:checked) {
	background-color:#E6E6E6;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='' height='' viewBox='0 0 24 24'%3E%3Cpath fill='%232164AB' d='m9.55 15.15l8.475-8.475q.3-.3.7-.3t.7.3t.3.713t-.3.712l-9.175 9.2q-.3.3-.7.3t-.7-.3L4.55 13q-.3-.3-.288-.712t.313-.713t.713-.3t.712.3z'/%3E%3C/svg%3E");
	border:none;
	box-shadow:none;
}
:is(input[type="radio"]:disabled, input[type="checkbox"]:disabled) {
	cursor: not-allowed;
}
:is(input[type="radio"], input[type="checkbox"]) + label {
	display: inline-block;
	vertical-align: middle;
	padding-left: 8px;
	max-width: calc(100% - 8px - 24px);
}
:is(input[type="checkbox"]) {
	border: none;
}

form .hs-button {
	background-color: var(--color-yellow) !important;
	width: 100%;
	font-size: 16px !important;
}

form .hs-button:hover {
	background-color: #aa6602 !important;
}

form label {
	font-size: 14px !important;
}

/* Global -> Inline afbeelding */
.hs_cos_wrapper_type_rich_text p img {
	display: inline-block;
	vertical-align: middle;
}

/* Pagination */

.blog-pagination {
	display: flex;
	justify-content: center;
	gap: 8px;
}

.blog-pagination a {
	border-radius: 100%;
	border: 1px solid var(--color-blue);
	aspect-ratio: 1;
	width: 56px;
	font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: var(--color-blue);
    margin: var(--section-padding) 0 ;
}

.blog-pagination a:not(.blog-pagination__number-link) {
	border-color: #CCC;
}

.blog-pagination .blog-pagination__link--active {
	color: var(--color-white);
	background-color: var(--color-yellow);
	border-color: var(--color-yellow);
}


.blog-post__body ol {
	padding: 0;
	list-style-type: none;
}

.blog-post__body ol li {
    position: relative;
	padding-bottom: 24px;
    padding-left: 28px;
	counter-increment: ol-counter;
}

.blog-post__body ol li:before {
    content: counter(ol-counter);
    height: 20px;
    width: 20px;
    border-radius: 100%;
    background: var(--color-blue);
    position: absolute;
    top: 4px;
    left: 0;
    color: var(--color-white);
    font-size: 14px;
    text-align: center;
    line-height: 20px;
}

/* Button */
.buttons-wrapper {
	display: flex;
	gap: 18px;
	flex-wrap: wrap;
}
.buttons-wrapper.uitlijning_midden {
	justify-content: center;
}
.buttons-wrapper.uitlijning_rechts {
	justify-content: flex-end;
}

.button-wrapper .button {
	text-decoration: none;
}
.button-wrapper .button.secundary {
	background-color: transparent;
	border-color: white;
}
.button-wrapper .button.secundary:hover {
	background-color: var(--color-white);
    color: var(--color-blue);
}
.button-wrapper .button.secundary.black {
	background-color: transparent;
	border-color: var(--color-blue);
	color: var(--color-blue);
}
.button-wrapper .button.secundary.black:hover {
	background-color: rgba(0,0,0,0.05);
	border-color: var(--color-blue);
	color: var(--color-blue);
}

@media (max-width: 867px) {
	.buttons-wrapper.uitlijning_rechts {
		justify-content: flex-start;
	}
}
/*! Lity - v2.4.1 - 2020-04-26
* http://sorgalla.com/lity/
* Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */.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}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
	background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
	font-family: 'slick';
	font-weight: normal;
	font-style: normal;

	src: url('https://144641067.fs1.hubspotusercontent-eu1.net/hubfs/144641067/slick/fonts/slick.eot');
	src: url('https://144641067.fs1.hubspotusercontent-eu1.net/hubfs/144641067/slick/fonts/slick.eot#iefix') format('embedded-opentype'), url('https://144641067.fs1.hubspotusercontent-eu1.net/hubfs/144641067/slick/fonts/slick.woff') format('woff'), url('https://144641067.fs1.hubspotusercontent-eu1.net/hubfs/144641067/slick/fonts/slick.ttf') format('truetype'), url('https://144641067.fs1.hubspotusercontent-eu1.net/hubfs/144641067/slick/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
	position: absolute;
	top: 56px;

	display: block;

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42'%3E%3Cg data-name='Group 2192' transform='translate(-814 -73)'%3E%3Ccircle cx='21' cy='21' r='21' fill='%23051f34' data-name='Ellipse 22' transform='translate(814 73)'/%3E%3Cpath fill='%23fff' d='m836.802 93.996-5.3-5.3a.834.834 0 0 1-.262-.631.9.9 0 0 1 .28-.631.871.871 0 0 1 1.262 0l5.552 5.534a1.443 1.443 0 0 1 0 2.055l-5.551 5.551a.845.845 0 0 1-.64.262.9.9 0 0 1-.639-.28.871.871 0 0 1 0-1.262Z' data-name='Path 93'/%3E%3C/g%3E%3C/svg%3E") !important;
	background-color: red;
	border-radius: 100%;
	width: 42px;
	height: 42px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);

	transform-origin: center;

	cursor: pointer;

	color: transparent;
	border: none;
	outline: none;
	background: transparent;
	z-index: 9;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
	color: transparent;
	outline: none;
	background: transparent;
	border: none !important;
}


.slick-prev
{
	left: 0;

	-webkit-transform: translate(0, -50%) rotate(180deg);
	-ms-transform: translate(0, -50%) rotate(180deg);
	transform: translate(0, -50%) rotate(180deg);
}
.slick-next
{
	right: 0;
}

.slick-prev:hover,
.slick-next:hover {
	border: none !important;
}

/* .slick-prev:after,
.slick-next:after 
{
	content: '';
	position: absolute;
	width: 70px;
	background: transparent linear-gradient(90deg, #FFFFFF00 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
	height: 109px;
	top: -34px;
	right: 0;
	z-index: -1;
	pointer-events: none;
} */

/* Dots */
ul.slick-dots {
    display: flex;
    width: 100%;
    padding-left: 0;
    height: 8px;
    margin-top: 18px;
    margin-bottom: 0
}

ul.slick-dots:before {
	content: none;
}

ul.slick-dots li {
    list-style: none;
    flex-grow: 1;
    position: relative;
    display: flex;
    height: 2px;
}

ul.slick-dots {
	top: 127px !important;
}

ul.slick-dots li {
	border: none !important;
	height: 4px !important;
}

ul.slick-dots li button {
    font-size: 0;
    width: 100%;
    height: 100%;
    border: 0 !important;
    outline: 0;
    padding: 0;
    cursor: pointer;
    background-color: #D9D9D9;
    border-radius: 0;
}

ul.slick-dots li:not(.slick-active ~ li) button {
    background-color: var(--color-yellow);
}

.slick-slide {
	margin-right: 16px;
}

.slick-slide img {
    display: block;
    width: 50px;
    max-height: 50px;
    transition: 0.2s all;
}


body.template-koppelingen-overzicht .template_hero {
	position: relative;
	overflow: hidden;
	z-index: 0;
}
#hs_cos_wrapper_Intro_achtergrond {
	position: absolute;
	left: 50%;
	height: 100%;
	width: auto;
	top: 0;
	z-index: 0;
}
#hs_cos_wrapper_Intro_achtergrond img {
	height: 100%;
	width: auto !important;
	max-width: unset;
	object-fit: auto 100%;
}
#hs_cos_wrapper_Intro_tekst {
	position: relative;
	z-index: 1;
}
.koppeling_overzicht {
	margin: 40px 0
}
.koppeling_overzicht .content-wrapper {
	display: flex;
	gap: 32px;
}

.koppeling_filter {
	flex: 0 0 300px;
	display: inline-flex;
	flex-direction: column;
	align-self: flex-start;
	position: sticky;
	top: 108px;
	bottom: 0;
}
.koppeling_filter input {
	padding-left: 40px;
	margin-bottom: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23cfd5d9' d='m14.756 16-5.6-5.6a5.3 5.3 0 0 1-1.533.844 5.418 5.418 0 0 1-1.844.311 5.575 5.575 0 0 1-4.1-1.678A5.582 5.582 0 0 1 0 5.778a5.572 5.572 0 0 1 1.678-4.1A5.579 5.579 0 0 1 5.778 0a5.582 5.582 0 0 1 4.1 1.678 5.565 5.565 0 0 1 1.677 4.1 5.418 5.418 0 0 1-.311 1.844 5.3 5.3 0 0 1-.844 1.533l5.6 5.6ZM5.778 9.778a3.982 3.982 0 0 0 4-4 3.983 3.983 0 0 0-4-4 3.842 3.842 0 0 0-2.833 1.167 3.875 3.875 0 0 0-1.167 2.833 3.983 3.983 0 0 0 4 4' data-name='Path 670'/%3E%3C/svg%3E");
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: 16px center;
}
.koppeling_filter a,
.koppeling_filter a:focus,
.koppeling_filter a:hover {
	color: var(--color-blue);
	text-decoration: none;
	padding: 12px 16px;
	border-radius: var(--border-radius);
	line-height: 22px;
	display: block;
}
.koppeling_filter a:hover {
	background: #fdfdfd;
}
.koppeling_filter a i {
	width: 14px;
	height: 14px;
	margin-right: 8px;
	transition: 0.2s all;
}
.koppeling_filter a.active i {
	transform: rotate(90deg);
}
.koppeling_filter > a.active {
	background: #F2F4F7;
}
.koppeling_filter > a {
	font-size: 18px;
}
.koppeling_filter ul {
	height: 0;
	overflow: hidden;
	max-height: 0;
	transition: 0.2s all;
	list-style-type: none;
	display: block;
	margin: 0;
	padding-inline-start: 40px;
}
.koppeling_filter ul:has(a.active),
.koppeling_filter a.active + ul {
	height: auto;
	max-height: 400px;
}
.koppeling_filter ul li {
	display: block;
}
.koppeling_filter ul li a {
	font-size: 14px;
	font-weight: 400;
}
.koppeling_filter ul li a.active {
	font-weight: 700;
}


.koppelingen {
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
	flex: 1;
	align-self: flex-start
}
.koppeling_header {
	flex: 1 0 100%;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.koppeling_header i {
	width: 24px;
	height: 24px;
}
.koppeling_header h3 {
	margin: 0;
}
.koppeling_header:not(:first-of-type) {
	padding-top: 32px;
	border-top: 2px solid #F0F0F0;
}
.koppelingen .product_kaart {
	flex: 1 0 30%;
	max-width: calc(33% - 16px);
}

@media (max-width: 1160px) {
	.koppeling_filter {
		flex: 0 0 200px;
	}
	.koppelingen {
		gap: 16px;
	}
}

@media (max-width: 1070px) {
	.koppelingen .product_kaart {
		flex: 1 0 40%;
		max-width: calc(50% - 8px);
	}
}

@media (max-width: 770px) {
	#hs_cos_wrapper_Intro_achtergrond {
		display: none;
	}
	.koppeling_filter {
		position: relative;
		top: unset;
		bottom: unset;
		width: 100%;
	}
	.koppeling_overzicht .content-wrapper {
		flex-direction: column;
	}
}

.koppeling-open-filter {
	background: #faae3e;
    border-radius: 34px;
    color: var(--color-white);
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1;
    padding: 14px 18px;
    text-align: center;
}

.koppeling-filter-close {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3l105.4 105.3c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 30px;
}

@media (min-width: 770px) {
	.koppeling-open-filter {
		display: none;
	}
}

@media (max-width: 770px) {
	.koppeling_filter {
		background: #fff;
		height: 100%;
		inset: 0;
		padding: 16px;
		position: fixed;
		transform: translate(200vw);
		width: 100%;
		z-index: 9999;
		overflow-y: auto;
		overflow-x: hidden;
		transition: 0.2s ease transform;
	}

	.koppeling_filter_intro {
		margin-bottom: 16px;
	}

	.koppeling_filter_intro:before {
		content: "Filteren";
		font-size: 22px;
		font-weight: 700;
	}

	.koppeling_filter.active {
		transform: translate(0, 0);
	}
}

@media (max-width: 540px) {
	.koppelingen .product_kaart {
		flex: 1 0 100%;
		width: 100%;
		max-width: 100%;
	}
}