/* HubSpot */

*, *: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;
}


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

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

/* 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 {
	border: none !important;
	background-color: transparent !important;
}

.hsfc-NavigationRow__Buttons {
	justify-content: start !important;
}

.hsfc-FieldLabel__RequiredIndicator {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.27' height='5.619' fill='none' style='max-height:500px' viewBox='88.825 0 6.27 5.619'%3E%3Cpath fill='%23000' d='M6.596 7.378v.532c0 1.624-1.288 2.282-3.262 2.282H.002V.784h2.982c2.03 0 3.332.644 3.332 2.212v.546c0 .952-.49 1.512-1.358 1.792 1.022.252 1.638.882 1.638 2.044m-1.652.238V7.21c0-1.064-.868-1.218-1.89-1.218h-1.4v2.814h1.414c1.05 0 1.876-.21 1.876-1.19m-.28-3.892V3.29c0-.966-.84-1.134-1.918-1.134H1.654v2.618h1.078c1.078 0 1.932-.126 1.932-1.05m9.651 1.848v1.54c-1.008.07-3.136.084-4.396.014v.546c0 1.092.686 1.274 1.848 1.274.854 0 1.442-.07 2.226-.224.056.392.056.994 0 1.386-.938.168-1.708.252-2.576.252-1.918 0-3.122-.588-3.122-2.282v-2.94c0-1.764 1.274-2.31 3.052-2.31 1.974 0 2.968.868 2.968 2.744m-1.596.434v-.574c0-1.078-.644-1.204-1.386-1.204-.728 0-1.414.126-1.414 1.204v.658l1.302-.084zm8.215 4.228-.126-1.036h-.07c-.252.868-1.134 1.162-2.31 1.162-1.372 0-2.394-.56-2.394-2.086V4.928c0-1.54 1.022-2.1 2.394-2.1 1.176 0 2.058.308 2.31 1.176h.07l-.084-1.176V.126a8 8 0 0 1 1.624 0v10.108a6 6 0 0 1-1.414 0m-.21-2.38V5.32c-.294-.84-.616-1.092-1.666-1.092-.784 0-1.4.154-1.4 1.386v1.96c0 1.204.616 1.372 1.4 1.372 1.05 0 1.372-.252 1.666-1.092m3.942 2.338V2.968a8 8 0 0 1 1.414 0l.112 1.148h.084c.224-.91 1.12-1.288 2.38-1.288a6 6 0 0 1 0 1.428c-1.554 0-1.988.322-2.366 1.33v4.606c-.42.07-1.218.07-1.624 0m5.441 0V3.024c.406-.07 1.204-.07 1.624 0v7.168c-.42.07-1.218.07-1.624 0m1.708-9.87-.042 1.386a9 9 0 0 1-1.722 0L30.023.322c.434-.07 1.344-.07 1.792 0m2.244 10.08V3.024a6.3 6.3 0 0 1 1.624 0v7.364c0 2.016-1.05 2.842-3.486 2.842a5.4 5.4 0 0 1 0-1.344c1.063 0 1.861-.182 1.861-1.484M35.767.322l-.043 1.386a9 9 0 0 1-1.721 0L33.973.322c.434-.07 1.345-.07 1.793 0m2.509 9.87V4.34h-1.064a3.8 3.8 0 0 1 0-1.26l1.064-.07v-.742C38.276.504 39.424 0 40.656 0c.49 0 .882.042 1.358.126.056.434.056.896 0 1.316a4.7 4.7 0 0 0-.896-.084c-.644 0-1.218.112-1.218 1.33v.294h1.904a5.5 5.5 0 0 1 0 1.358H39.9v5.852c-.406.07-1.204.07-1.624 0m9.562-2.31v.602c0 1.358-1.036 1.876-2.66 1.876-.714 0-1.568-.056-2.324-.21a4.4 4.4 0 0 1 0-1.358c.742.14 1.484.182 2.1.182.63 0 1.26-.07 1.26-.672v-.28c0-.476-.294-.574-.784-.714L44.1 6.93c-.854-.238-1.302-.714-1.302-1.61v-.672c0-1.302 1.092-1.82 2.814-1.82.658 0 1.33.056 2.128.224.07.434.07.91 0 1.344-.826-.154-1.344-.196-1.96-.196-.728 0-1.358.07-1.358.672v.266c0 .42.322.574.784.7l1.274.35c.91.252 1.358.672 1.358 1.694m6.565 2.31V5.6c0-1.218-.616-1.372-1.414-1.372-1.036 0-1.372.252-1.652 1.092v4.872c-.42.07-1.218.07-1.624 0V2.968a6 6 0 0 1 1.414 0l.112 1.036h.084c.238-.868 1.12-1.176 2.31-1.176 1.358 0 2.394.532 2.394 2.058v5.306c-.42.07-1.218.07-1.624 0m8.07.07-.112-1.064h-.084c-.224.84-1.106 1.162-2.254 1.162-1.33 0-2.352-.574-2.352-2.072 0-1.904 1.092-2.31 2.646-2.31.686 0 1.218.056 1.946.154v-.714c0-.77-.42-1.19-1.904-1.19-.588 0-1.288.056-2.1.196a5.6 5.6 0 0 1 0-1.372 14 14 0 0 1 2.562-.224c2.016 0 3.066.63 3.066 2.184v5.25c-.378.07-1.036.07-1.414 0m-.21-2.17v-.84a9 9 0 0 0-1.456-.14c-.966 0-1.512.112-1.512.98 0 .826.602.924 1.316.924.952 0 1.344-.252 1.652-.924m7.975 2.17-.112-1.064h-.084c-.224.84-1.106 1.162-2.254 1.162-1.33 0-2.352-.574-2.352-2.072 0-1.904 1.092-2.31 2.646-2.31.686 0 1.218.056 1.946.154v-.714c0-.77-.42-1.19-1.904-1.19-.588 0-1.288.056-2.1.196a5.6 5.6 0 0 1 0-1.372 14 14 0 0 1 2.562-.224c2.016 0 3.066.63 3.066 2.184v5.25c-.378.07-1.036.07-1.414 0m-.21-2.17v-.84a9 9 0 0 0-1.456-.14c-.966 0-1.512.112-1.512.98 0 .826.602.924 1.316.924.952 0 1.344-.252 1.652-.924m12.918 2.1V5.6c0-1.232-.602-1.372-1.358-1.372-.98 0-1.344.238-1.61 1.05v4.914c-.42.07-1.218.07-1.624 0V5.6c0-1.218-.602-1.372-1.372-1.372-.994 0-1.344.252-1.61 1.092v4.872c-.42.07-1.218.07-1.624 0V2.968a6 6 0 0 1 1.414 0l.112 1.036h.084c.238-.868 1.12-1.176 2.268-1.176 1.022 0 1.862.322 2.198 1.176h.126c.252-.868 1.134-1.176 2.268-1.176 1.344 0 2.352.532 2.352 2.058v5.306c-.406.07-1.204.07-1.624 0'/%3E%3Cpath fill='red' d='M94.274 2.296q.225-.014.35.112.14.126.14.308a.43.43 0 0 1-.14.308q-.126.126-.35.112l-1.666-.056.882 1.414a.5.5 0 0 1 .084.266q0 .168-.14.294a.43.43 0 0 1-.294.112q-.238 0-.378-.252l-.784-1.484-.784 1.498q-.14.252-.378.252a.45.45 0 0 1-.308-.126.39.39 0 0 1-.14-.294q0-.126.084-.252l.91-1.428-1.694.056a.41.41 0 0 1-.336-.112.45.45 0 0 1-.126-.308q0-.182.112-.308.126-.126.35-.112l1.694.056-.91-1.414a.47.47 0 0 1-.084-.266q0-.168.14-.294a.45.45 0 0 1 .308-.126q.239 0 .378.252l.784 1.498.784-1.484q.14-.266.392-.266.168 0 .294.126a.36.36 0 0 1 .126.28.6.6 0 0 1-.084.28l-.882 1.414z'/%3E%3C/svg%3E");
  color: transparent !important;
  background-repeat: no-repeat;
}

.hsfc-ErrorAlert {
  font-family: var(--so-font-family);
}

/* Fields */

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

/* Labels */

form label {
	font-size: 14px !important;
	font-weight: 600;
	margin-bottom: 8px !important; 
	font-family: var(--so-font-family), sans-serif !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 !important;
	padding: 0.7rem;
	width: 100%;
	background-color: var(--so-color-offwhite) !important;
	border-radius: 4px !important;
	border: none !important;
	box-sizing: border-box;
	font-family: var(--so-font-family), sans-serif !important;
	color: var(--so-color-charcoal) !important;
}

form input[type=text]::placeholder,
form input[type=search]::placeholder,
form input[type=email]::placeholder,
form input[type=password]::placeholder,
form input[type=tel]::placeholder,
form input[type=number]::placeholder,
form input[type=file]::placeholder,
form select::placeholder,
form textarea::placeholder {
	color: var(--so-color-charcoal) !important;
	opacity: 0.5;
}

form input[type=text]:focus,
form input[type=search]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=number]:focus,
form input[type=file]:focus,
form select:focus,
form textarea:focus {
	box-shadow: 0 0 3px var(--hsf-field-input__border-color, var(--hsf-default-field-input__border-color));
	outline: none;
	border: none;
}


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

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

/* Inputs - checkbox/radio */

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

/* 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 button[type=submit],
form .hs-button {
	transition: all 0.15s linear;
	white-space: normal;
	padding: 16px !important;
	font-size: 16px !important;
	line-height: 1;
	font-weight: 600 !important;
	background-color: var(--so-color-yellow) !important;
	color: var(--so-color-green) !important;
	border-radius: 4px !important;
	box-shadow: 0px 5px 15px 0px rgba(37, 44, 97, 0.35) !important;
	border: 0;
	outline: 0;
	font-family: var(--so-font-family) !important;

	&:hover {
		transform: translateY(-4px) scale(1.02) !important;
		text-decoration: none;
		font-weight: 600 !important;
		border: 0;
		box-shadow: 0px 15px 15px 0px rgba(37, 44, 97, 0.15) !important;
	}
}

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

.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	min-height: var(--so-navigatie-height);
	z-index: 999;
	transition: background-color 0.3s ease, box-shadow 0.3s ease;
	display: flex;
	align-items: center;
	padding: 16px var(--so-body-spacing);

	.container {
		width: calc(var(--so-container-size, 1276px));
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: var(--so-block-gap, 32px);
		
		justify-content: end;
		align-items: center;
		margin: 0 auto;

		@media (max-width: 600px) {
			padding-left: 0;
		}
	}

	a {
		text-decoration: none;
		padding: 8px;
		transition: var(--so-transition-speed) ease all;
		display: inline-flex;
		align-items: center;

		&:hover {
			text-decoration: none;
		}
	}

	a.myb-link {
		color: var(--so-color-green);
		position: relative;
		padding: 0;

		&:before {
			content: '';
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M12 12q-1.65 0-2.825-1.175T8 8t1.175-2.825T12 4t2.825 1.175T16 8t-1.175 2.825T12 12m-8 8v-2.8q0-.85.438-1.562T5.6 14.55q1.55-.775 3.15-1.162T12 13t3.25.388 3.15 1.162q.725.375 1.163 1.088T20 17.2V20z'/%3E%3C/svg%3E");
			display: inline-block;
			background-size: cover;
			display: inline-block;
			margin-right: 4px;
			width: 20px;
			height: 20px;
			filter: var(--so-color-green-filter);
		}

		header:not(.scrolled) & {
			color: var(--so-color-white);

			&:before {
				filter: var(--so-color-white-filter);
			}
		}

		@media (max-width: 550px) {
			span {
				display: none;
			}
			
			&:before {
				margin-right: 0;
			}

			&:after {
				content: none;
			}

		}

	}

	li.hs-item-has-children {
		> a:after {
			content: "";
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m12 15.4-6-6L7.4 8l4.6 4.6L16.6 8 18 9.4z'/%3E%3C/svg%3E");
			margin-left: 4px;
			background-size: contain;
			display: inline-block;
			transition: var(--so-transition-speed) ease all;
			filter: var(--so-color-white-filter);
			width: 22px;
			height: 22px;
		}

		&:hover > a:after {
			transform: rotate(180deg);
		}

		.scrolled & {
			> a:after {
				filter: var(--so-color-green-filter);
			}
		}
	}

	&:not(.scrolled) {
		.hs-menu-depth-1 > a {
			color: var(--so-color-white);
		}
	}

	&.scrolled {
		background-color: var(--so-color-white);
		box-shadow: 0px 0px 15px 0px rgba(37, 44, 97, 0.15);
	}

	.menu-wrapper {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 30px;
	}

	.header_logo {
		position: absolute;
		top: 0;
		left: 0;
		height: 80px;
		min-width: 300px;
		background-repeat: no-repeat;
		transition: all 0.3s ease;
		background-image: url(https://147363973.fs1.hubspotusercontent-eu1.net/hubfs/147363973/raw_assets/public/nextro-hubspot-theme/images/golfstrook.svg); 

		img, a {
			transition: all 0.3s ease;
		}

		a {
			padding: 0;
			margin: 21px 0 21px var(--so-body-spacing);
		}

		@media (max-width: 768px) {
			min-width: 230px;
			background-position: right -1px bottom;

			a {
				margin-top: 25px;
			}
			
			img {
				max-width: 120px;
			}

		}
	}

	#hs_menu_wrapper_hoofdmenu > ul {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 0 14px;
	}

	.search-container {
		display: flex;
		align-items: center;
		position: relative;

		.search-form {
			display: none;
			position: absolute;
			top: calc( 100% + 16px);
			right: 0;
			width: 300px;

			form {
				padding: 12px;
				border-radius: 5px;
				background-color: var(--so-color-white) !important;
				display: flex;
				gap: 0;
			}
		}
	}

	.seperator {
		width: 1px;
		height: 44px;
		background-color: var(--so-color-white);

		header.scrolled & {
			background-color: var(--so-color-green);
		}
	}

}

@media (max-width: 1180px) {
	.menu-wrapper { 
		gap: 15px !important;
	}

	#hs_menu_wrapper_hoofdmenu > ul {
		gap: 4px !important;
	}
}

@media (min-width: 1086px) {
	#mobile-menu-toggle {
		display: none;
	}

	.header {
		.hs-menu-children-wrapper {
			position: absolute;
			background-color: var(--so-color-white);
			padding: 32px 24px;
			border-radius: 10px;
			display: none;
			top: 60px;
			gap: 0;

			li {
				padding-right: 40px;
				position: relative;

				&:after {
					content: '';
					background-size: cover;
					position: absolute;
					right: 0;
					top: 15px;
					width: 6px;
					height: 11px;
					display: inline-block;
					background-size: contain;
					background-repeat: no-repeat;
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='11' fill='none' viewBox='0 0 6 11'%3E%3Cpath fill='%2301513a' d='M5.852 5.145a.5.5 0 0 1 0 .707l-5 5a.5.5 0 0 1-.707 0 .5.5 0 0 1 0-.707l4.647-4.647L.145.852a.5.5 0 0 1 0-.707.5.5 0 0 1 .707 0z'/%3E%3C/svg%3E");
				}

			}
		}

		li.hs-item-has-children:hover ul {
			display: flex;
		}

	}
}

@media (max-width: 1085px) {
	.header .container {
		width: 100%;
	}

	.main_menu {
		position: fixed;
		top: var(--so-navigatie-height);
		left: 0;
		right: 0;
		bottom: 0;
		padding-top: 16px;
		padding-left: var(--so-body-spacing);
		padding-right: var(--so-body-spacing);
		padding-bottom: 16px;
		background-color: var(--so-color-white);
		transform: translate(-200vw, 0);
		transition: var(--so-transition-speed) ease all;
		overflow-x: hidden;
		overflow-y: auto;

		ul {
			display: flex;
			flex-direction: column !important;
			flex-wrap: wrap;

			a {
				color: var(--so-color-green) !important;
				font-size: 24px;

				&:after {
					filter: var(--so-color-green-filter) !important;
				}
			}
			> li.hs-item-has-children > a {
				padding-bottom: 0;
			}
			> li > ul > li > a {
				font-size: 16px;
				padding-top: 0px;
				text-decoration: none;
			}
			> li > ul > li > a:before {
				content: '— ';
				margin-right: 8px;
			}
		}

		header.menu-open & {
			transform: translate(0, 0);
		}
	}

	a.myb-link:after {
		left: -6px !important;
	}

	#hs_cos_wrapper_header_button {
		margin-left: auto;
	}
}

.search-icon {
	width: 14px;
	height: 14px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none' viewBox='0 0 15 15'%3E%3Cpath fill='%23fff' d='M10.063 5.688c0-1.56-.848-2.981-2.188-3.774a4.32 4.32 0 0 0-4.375 0 4.34 4.34 0 0 0-2.187 3.774c0 1.585.82 3.007 2.187 3.8a4.32 4.32 0 0 0 4.375 0 4.41 4.41 0 0 0 2.188-3.8m-.848 4.484a5.73 5.73 0 0 1-3.527 1.203A5.683 5.683 0 0 1 0 5.688C0 2.57 2.543 0 5.688 0c3.117 0 5.687 2.57 5.687 5.688 0 1.34-.465 2.57-1.23 3.554l3.664 3.637c.246.273.246.684 0 .93-.274.273-.684.273-.93 0z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: inline-block;
	cursor: pointer;
	filter: var(--so-color-green-filter);

	header:not(.scrolled) & {
		filter: var(--so-color-white-filter);
	}
}


#mobile-menu-toggle {
	width: 24px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='16' viewBox='0 0 24 16' fill='none'%3E%3Cpath d='M1.33334 16C0.95556 16 0.639116 15.872 0.384005 15.616C0.128894 15.36 0.000893486 15.0435 4.59769e-06 14.6667C-0.000884291 14.2898 0.127116 13.9733 0.384005 13.7173C0.640893 13.4613 0.957338 13.3333 1.33334 13.3333H22.6667C23.0444 13.3333 23.3613 13.4613 23.6173 13.7173C23.8733 13.9733 24.0009 14.2898 24 14.6667C23.9991 15.0435 23.8711 15.3604 23.616 15.6173C23.3609 15.8742 23.0444 16.0018 22.6667 16H1.33334ZM1.33334 9.33333C0.95556 9.33333 0.639116 9.20533 0.384005 8.94933C0.128894 8.69333 0.000893486 8.37689 4.59769e-06 8C-0.000884291 7.62311 0.127116 7.30666 0.384005 7.05066C0.640893 6.79466 0.957338 6.66666 1.33334 6.66666H22.6667C23.0444 6.66666 23.3613 6.79466 23.6173 7.05066C23.8733 7.30666 24.0009 7.62311 24 8C23.9991 8.37689 23.8711 8.69377 23.616 8.95066C23.3609 9.20755 23.0444 9.33511 22.6667 9.33333H1.33334ZM1.33334 2.66667C0.95556 2.66667 0.639116 2.53867 0.384005 2.28267C0.128894 2.02667 0.000893486 1.71022 4.59769e-06 1.33333C-0.000884291 0.956444 0.127116 0.64 0.384005 0.384C0.640893 0.128 0.957338 0 1.33334 0L22.6667 0C23.0444 0 23.3613 0.128 23.6173 0.384C23.8733 0.64 24.0009 0.956444 24 1.33333C23.9991 1.71022 23.8711 2.02711 23.616 2.284C23.3609 2.54089 23.0444 2.66844 22.6667 2.66667H1.33334Z' fill='%23FAFAFA'/%3E%3C/svg%3E");

	header.menu-open & {
		background-size: 24px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23FFFFFF' d='M183.1 137.4C170.6 124.9 150.3 124.9 137.8 137.4C125.3 149.9 125.3 170.2 137.8 182.7L275.2 320L137.9 457.4C125.4 469.9 125.4 490.2 137.9 502.7C150.4 515.2 170.7 515.2 183.2 502.7L320.5 365.3L457.9 502.6C470.4 515.1 490.7 515.1 503.2 502.6C515.7 490.1 515.7 469.8 503.2 457.3L365.8 320L503.1 182.6C515.6 170.1 515.6 149.8 503.1 137.3C490.6 124.8 470.3 124.8 457.8 137.3L320.5 274.7L183.1 137.4z'/%3E%3C/svg%3E");
	}

	.scrolled & {
		filter: var(--so-color-green-filter);
	}
}

@media (max-width: 700px) {
	.search-form {
		left: 0;
		transform: translateX(-50%);
	}
}
footer.footer {
	background-color: #013123;

	.container {
		max-width: calc(var(--so-container-size, 1276px));
		display: flex;
		flex-direction: column;
		padding: 16px var(--so-body-spacing) 0 var(--so-body-spacing);
		align-items: center;
		margin: 0 auto;
		color: var(--so-color-white);
		gap: 40px;
		box-sizing: border-box;
	}

	.footertop {
		display: flex;
		flex-direction: row;
		gap: 100px;
		width: 100%;
		align-self: flex-end;
		flex-wrap: wrap;
		justify-content: space-between;

		h6, p, a {
			color: var(--so-color-white);
			font-size: 14px;
		}

		a {
			text-underline-offset: 2px;
			text-decoration-color:rgba(255, 255, 255, 0.5);
			text-decoration-thickness: 1px;
			transition: all 0.3s ease;
		}
		a:hover {
			text-decoration-color: var(--so-color-white);
		}

		.footer-menu ul {
			display: flex;
			flex-direction: column;
			gap: 0px;

			a {
				padding-bottom: 8px;
				padding-top: 8px;
			}

			&:has(a:hover) {
				a:not(:hover) {
					opacity: 0.5;
					text-decoration-color: var(--so-color-white);
				}
			}
			
		}

		@media (max-width: 1240px) {
			margin-top: 16px;
			width: 100%;
			align-self: unset; 
			justify-content: space-between;     
		}
		@media (max-width: 600px) {
			gap: 32px 64px; 
		}
	}

	.footer_logo {
		position: relative;
		height: 80px;
		width: 300px;
		background-repeat: no-repeat;
		transition: all 0.3s ease;
		margin-bottom: -40px;
		background-image: url(https://147363973.fs1.hubspotusercontent-eu1.net/hubfs/147363973/raw_assets/public/nextro-hubspot-theme/images/golfstrook.svg); 

		img, a {
			transition: all 0.3s ease;
		}

		img {
			margin: 21px 0 21px var(--so-body-spacing);
		}

		a {
			padding: 0;
		}

		@media (max-width: 768px) {

			width: 230px;
			background-position: right -1px bottom;

			a {
				margin-top: 25px;
			}
			
			img {
				max-width: 120px;
			}

		}
	}

	.footerbottom {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		gap: var(--so-block-gap, 32px);
		font-size: 14px;
		padding: 20px 0;
		border-top: 1px solid var(--so-color-white);
		width: 100%;

		@media (max-width: 600px) {
			flex-direction: column;
			gap: 8px;
		}
	}

	@media (max-width: 1840px) AND (min-width: 1300px) {
		.footertop {
			width: 80%;
		}
	}

	@media (max-width: 1300px) {
		.footer_logo {
			margin-bottom: unset;
		}
	}
}
/* 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%;
}
/* 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;
  }
}

/* Blog wrapper */
.blog_overzicht {
	max-width: var(--so-container-size);
	margin: 0px auto;
	display: flex;
	flex-direction: column;
	gap: 48px;
}

@media (max-width: 1340px) {
	.blog_overzicht {
		padding: 0 20px;
	}
}

@media (max-width: 768px) {
	.blog_overzicht {
		gap: 24px;
	}
}

.blog_overzicht .breadcrumbs {
	margin-bottom: 0;
}

/* Blog filters */
.blog_filters {
	display: flex;
	align-items: center;
	gap: 20px;
}
.blog_filters :is(ul, li) {
	all: unset;
}
.blog_filters h3 {
	display: none;
}
.blog_filters ul {
	display: flex;
	align-items: center;
	gap: 20px;
}
.blog_filters a { 
	font-size: 20px;
	font-weight: 300;
	color: var(--so-color-charcoal);
	text-decoration: none;
}
.blog_filters a.active {
	color: var(--so-color-light-green);
}
.blog_filters .filter-link-count {
	display: none;
}

/* Blog grid */
.hs-blog-post__wrapper {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 20px;
}

/* Blog kaart */
article.hs-blog-post {
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.25);
	border-radius: 5px !important;
	overflow: hidden;
	text-decoration: none;
	transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
	position: relative;
	margin: 0 !important;
	width: unset;
}

article.hs-blog-post:hover {
	transform: translateY(-3px) scale(1.02);
	box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.05);
	text-decoration: none;
}
article.hs-blog-post .hs-blog-post__image-wrapper {
	aspect-ratio: 9/5;
	position: relative;
	max-width: 100%;
	margin: 0;
	z-index: 1;
}
article.hs-blog-post .hs-blog-post__image-wrapper * {
	height: 100%;
	width: 100%;
}
article.hs-blog-post .hs-blog-post__image-wrapper img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	margin-bottom: -8px;
}
article.hs-blog-post .hs-blog-post__tags-container {
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 2;
}
article.hs-blog-post .hs-blog-post__tags-container .hs-blog-post__tag {
	background-color: var(--so-color-light-green);
	padding: 10px;
	font-size: 12px;
	font-weight: 400;
	line-height: 12px;
	border-radius: 4px;
	color: var(--so-color-white);
	margin: 0
}

article.hs-blog-post .hs-blog-post__content-wrapper {
	background-color: var(--so-color-white);
	padding: 32px;
    flex: 1;
	max-width: 100%;
}
article.hs-blog-post .hs-blog-post__content-wrapper h2 {
	font-size: 22px !important;
	line-height: 26px !important;
	letter-spacing: 0; 
	margin-bottom: 16px !important;
    color: var(--so-color-green) !important;
	max-width: 100%;

	a {
		font-weight: 550
	}
}
article.hs-blog-post .hs-blog-post__content-wrapper p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    -webkit-box-orient: vertical;
	margin-bottom: 16px;
    color: var(--so-color-charcoal) !important;
}
article.hs-blog-post.h2-height-104 .hs-blog-post__content-wrapper p {
	-webkit-line-clamp: 2;
	line-clamp: 2;
}
article.hs-blog-post.h2-height-52 .hs-blog-post__content-wrapper p {
	-webkit-line-clamp: 4;
	line-clamp: 4;
}
article.hs-blog-post.h2-height-26 .hs-blog-post__content-wrapper p {
	-webkit-line-clamp: 5;
	line-clamp: 5;
}
article.hs-blog-post .hs-blog-post__content-wrapper .button {
	all: unset;
    font-weight: 550;
	color: var(--so-color-light-green);
	display: flex;
	align-items: center;
	gap: 8px;
	transition: all 0.3s ease;
	cursor: pointer;
}
article.hs-blog-post:hover .hs-blog-post__content-wrapper .button {
	gap: 16px
}
article.hs-blog-post .hs-blog-post__content-wrapper .button:after {
	content: '';
	display: inline-block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0.1 0.1 7.02 12.02'%3E%3Cpath fill='%2301513a' d='M6.813 5.406a.964.964 0 0 1 0 1.407l-5 5a.964.964 0 0 1-1.407 0 .964.964 0 0 1 0-1.407l4.282-4.312L.406 1.813a.964.964 0 0 1 0-1.407.964.964 0 0 1 1.406 0z'%3E%3C/path%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 10px;
	height: 10px;
	filter: var(--so-color-light-green-filter)
}

/* Blog paginatie */
.blog_overzicht #hs_cos_wrapper_pagination {
	margin-bottom: var(--so-group-padding);
}
#hs_cos_wrapper_pagination .hs-pagination__link:not(:last-child) {
	margin-right: 16px;
}
.hs-pagination {
	justify-content: flex-end !important;
}
.hs-pagination * {
	transition: all 0.3s ease;
}
.hs-pagination a {
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	background: var(--so-color-offwhite);
	color: var(--so-color-light-green);
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	text-decoration: none;
}
.hs-pagination a svg {
	fill: var(--so-color-light-green);
}
.hs-pagination a.hs-pagination__link--active,
.hs-pagination a:hover {
	background: var(--so-color-light-green);
	color: white;
	font-weight: 400;
}
.hs-pagination a.hs-pagination__link--active svg,
.hs-pagination a:hover svg {
	fill: white;
}
.hs-pagination a:hover {
	opacity: 0.8;
}


/* Blog single */
.blog_single_hero {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
	padding-top: calc(var(--so-group-padding) * 2);
	padding-bottom: calc(var(--so-group-padding) * 1.5);
	color: var(--so-color-white);
	gap: 24px;
}
.blog_single_hero * {
	color: var(--so-color-white);
	text-align: center;
	margin: 0;
}

.blog_single_hero:before {
	content: "";
	position: absolute;
	margin-left: calc(-100vw / 2 + 100% / 2);
	margin-right: calc(-100vw / 2 + 100% / 2);
	width: 100vw;
	left: 0;
	top: 0;
	height: 100%;
	background: linear-gradient(44deg, #01513A 0%, #42B076 82.92%, #FCC00C 97.55%);
	z-index: -1;
	pointer-events: none;	
}

.blog_single_hero:after {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='none' viewBox='0 0 53 46'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23000' d='M.326 33.564h4.922c.74-.037 9.91-.778 15.496-13.097C29.917.233 46.931 0 47.654 0h5.02c.432 3.747.432 8.689 0 12.436H47.73c-.693.033-9.832.712-15.449 13.097C23.142 45.692 6.094 45.996 5.346 46H.326c-.432-3.747-.432-8.689 0-12.436'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23000' d='M0 0h53v46H0z'%3E%3C/path%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	opacity: 0.2;
	background-position: left center;
	background-repeat: no-repeat;
	height: 100%;
	right: 0;	
	margin-right: calc(-100vw / 2 + 100% / 2);
	top: 0;
	width: 50vw;
	position: absolute;
	filter: var(--so-color-green-filter);
	scale: -1 1;
	z-index: -1;
}

.blog_single_hero .blog_single_hero_tags a {
	background-color: var(--so-color-light-green);
	padding: 10px;
	font-size: 12px;
	font-weight: 400;
	line-height: 12px;
	border-radius: 4px;
	color: var(--so-color-white);
	margin: 0;
	text-decoration: none;
}

.blog_single_hero h1 {
	max-width: 820px;
}
@media (min-width: 600px) {
	.blog_single_hero h1 {
		font-size: 48px !important;
	}
}

.blog_single_hero_meta > * {
	display: inline-block;
	margin-right: 16px;
	font-weight: 500;
}
.blog_single_hero_meta > *:not(.blog_single_hero_leestijd):after {
	content: "•";
	display: inline-block;
	margin-left: 16px;
}

.blog_single_hero figure {
	aspect-ratio: 3/1;
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
	min-height: 250px;
}
.blog_single_hero figure img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.blog_single_hero .vormscheiding {
	position: absolute;
	bottom: -1px;
	right: -2px;
	height: var(--so-group-padding);
	pointer-events: none;
	scale: -1;
	clip-path: inset(0 2px 0 0);
	margin-right: calc(-100vw / 2 + 100% / 2);
}

.blog_single_post #hs_cos_wrapper_breadcrumbs {
	margin-top: 20px;
	margin-bottom: 40px;
}

.blog_single_post #hs_cos_wrapper_post_body {
	display: block;
	max-width: 820px;
	margin: 0 auto;
}
.blog_single_post #hs_cos_wrapper_post_body img {
	border-radius: 5px;
}

.blog_single_post .blog_single_auteur {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	max-width: 820px;
	margin: var(--so-group-padding) auto;
}
.blog_single_post .blog_single_auteur figure {
	aspect-ratio: 1/1;
	width: 100px;
	min-width: 100px;
	height: 100px;
	min-height: 100px;
	flex: 0 0 100px;
	border-radius: 100%;
	overflow: hidden;
}
.blog_single_post .blog_single_auteur figure img {	
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.blog_single_post .blog_single_auteur > div {
	flex: 1;
}
.blog_single_post .blog_single_auteur h4 {
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	margin: 0;
}
.blog_single_post .blog_single_auteur p {
	max-width: 600px;
	margin: 0;
	font-size: 14px;
	font-weight: 300;
	font-style: italic;
	line-height: 24px;
	color: var(--so-color-charcoal);
	opacity: 0.7;
}
.blog_single_post + hr {
	margin: var(--so-group-padding) 0;
}
.blog_single_post ~ #hs_cos_wrapper_contactsectie {
	margin-top: var(--so-group-padding);
	margin-bottom: var(--so-group-padding);
}

/* Scherp Online */

:root {
	--so-font-family: 'obvia', sans-serif;

	/* Colors */
    --so-color-black: #000000;
    --so-color-charcoal: #383838;
    --so-color-offwhite: #F2F2F2;
    --so-color-white: #FFFFFF;
    --so-color-gray: #F0F0F0;
    --so-color-green: #01513A;
    --so-color-light-green: #42B076;
    --so-color-yellow: #FCC00C;

	/* Filters */
	--so-color-black-filter: brightness(0) saturate(100%);
	--so-color-charcoal-filter: brightness(0) saturate(100%) invert(18%) sepia(0%) saturate(0%) hue-rotate(347deg) brightness(98%) contrast(87%);
	--so-color-offwhite-filter: brightness(0) saturate(100%) invert(99%) sepia(62%) saturate(90%) hue-rotate(208deg) brightness(113%) contrast(90%);
	--so-color-white-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(63deg) brightness(110%) contrast(106%);
	--so-color-gray-filter: brightness(0) saturate(100%) invert(100%) sepia(77%) saturate(32%) hue-rotate(200deg) brightness(115%) contrast(88%);
	--so-color-green-filter: brightness(0) saturate(100%) invert(22%) sepia(57%) saturate(1074%) hue-rotate(123deg) brightness(90%) contrast(99%);
	--so-color-light-green-filter: brightness(0) saturate(100%) invert(59%) sepia(37%) saturate(616%) hue-rotate(96deg) brightness(93%) contrast(89%);
	--so-color-yellow-filter: brightness(0) saturate(100%) invert(86%) sepia(19%) saturate(7023%) hue-rotate(353deg) brightness(104%) contrast(98%);


	/* Fonts */
	--so-fontsize-body: 16px;
	--so-fontsize-body-large: 28px;
	--so-fontsize-body-medium: 16px;
	--so-fontsize-body-small: 14px;

	--so-fontsize-body-line-height: 1.6;
	--so-fontsize-body-letter-spacing: 0;

	--so-fontsize-h1: 70px;
	--so-fontsize-h2: 40px;
	--so-fontsize-h3: 24px;
	--so-fontsize-h4: 20px;
	--so-fontsize-h5: 18px;
	--so-fontsize-h6: 16px;
	
	--so-fontsize-h1-spacing-bottom: 24px;
	--so-fontsize-h2-spacing-bottom: 24px;
	--so-fontsize-h3-spacing-bottom: 24px;
	--so-fontsize-h4-spacing-bottom: 20px;
	--so-fontsize-h5-spacing-bottom: 20px;
	--so-fontsize-h6-spacing-bottom: 20px;
	
	--so-fontsize-h1-line-height: 1;
	--so-fontsize-h2-line-height: 1;
	--so-fontsize-h3-line-height: 1;
	--so-fontsize-h4-line-height: 1;
	--so-fontsize-h5-line-height: 1;
	--so-fontsize-h6-line-height: 1;
	
	--so-fontsize-h1-letterspacing: 0;
	--so-fontsize-h2-letterspacing: 0;
	--so-fontsize-h3-letterspacing: 0;
	--so-fontsize-h4-letterspacing: -0.04em;
	--so-fontsize-h5-letterspacing: 0;
	--so-fontsize-h6-letterspacing: 0;

	/* Paddings en marges */
	--so-container-size: 1276px;
	
	--so-group-padding: 80px;

	--so-navigatie-height: 80px;

    --so-block-gap: 32px;

	--so-body-spacing: 20px;

	--so-transition-speed: 0.25s;

	@media (max-width: 1140px) {
        --so-group-padding-large: 80px;
    }

	@media (max-width: 768px) {
		--so-fontsize-h1: 54px;
		--so-fontsize-h2: 36px;
		--so-fontsize-h3: 28px;
		--so-fontsize-h4: 24px;
		--so-fontsize-h5: 20px;

		--so-fontsize-body-large: 24px;

		--so-group-padding: 48px;

		--so-block-gap: 24px;
    }

	@media (max-width: 600px) {
		--so-fontsize-h1: 36px;
		--so-fontsize-h2: 28px;
		--so-fontsize-h3: 24px;
		--so-fontsize-h4: 20px;
		--so-fontsize-h5: 18px;

		--so-fontsize-body-large: 20px;

		--so-navigatie-height: 74px;

		--so-block-gap: 16px;
    }
}
/* = Reset default browser CSS
-------------------------------------------------------------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	border: 0;
	font-family: inherit;
	font-display: swap;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	/*outline: 0;*/
	padding: 0;
	vertical-align: baseline;
}

:focus {
	/* remember to define focus styles! */
	/*outline: 0;*/
}

body {
	background: #fff;
	line-height: 1;
	overflow-x: clip;
}

html {
	scroll-behavior: smooth;
}
html * {
	scroll-margin-top: 100px;
}

table {
	/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

a img {
	border: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

.caclearfix {
	clear: both;
}

.clearfix {
	*zoom: 1;
	clear: both;
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
}

.clearfix:after {
	clear: both;
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

audio:not([controls]) {
	display: none;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

a {
	/*outline:none;*/
}

a:focus {
	/*outline: none;*/
}

a:hover,
a:active {
	outline: 0;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	max-width: 100%;
	height: auto;
	border: 0;
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
}

button,
input,
textarea {
	margin: 0;
	font-size: 100%;
	vertical-align: middle;
	border-radius: 0;
}

select {
	margin: 0;
	font-size: 100%;
	vertical-align: middle;
	border-radius: 0;
}

button,
input {
	*overflow: visible;
	line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

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

input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

figure {
	padding: 0;
	margin: 0;
}


/* Body
-------------------------------------------------------------- */
body,
html {
	color: var(--so-color-charcoal, #383838);
	font-size: var(--so-fontsize-body, 16px);
	line-height: var(--so-fontsize-body-line-height, 1.6);
	letter-spacing: var(--so-fontsize-body-letter-spacing, 0);
	overflow-x: clip;
}

@media (min-width: 1140px) {

	div.dnd-section,
	.content-wrapper--vertical-spacing {
		padding: var(--so-group-padding, 80px) var(--so-body-spacing, 16px);
	}
}

@media (max-width: 1140px) {

	.body-container div.dnd-section,
	div.dnd-section,
	.content-wrapper--vertical-spacing {
		padding-top: var(--so-group-padding, 80px) !important;
		padding-left: var(--so-body-spacing, 16px) !important;
		padding-bottom: var(--so-group-padding, 80px) !important;
		padding-right: var(--so-body-spacing, 16px) !important;
	}
}

.dnd-section>.row-fluid {
	max-width: calc(var(--so-container-size, 1276px));
}


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

/* Font styles */

main :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
	color: var(--so-color-green);
}

h1,
.h1 {
	font-size: var(--so-fontsize-h1, 70px) !important;
	line-height: var(--so-fontsize-h1-line-height, 1);
	letter-spacing: var(--so-fontsize-h1-letterspacing, 0);
	margin-bottom: var(--so-fontsize-h1-spacing-bottom, 32px);
}

h2,
.h2 {
	font-size: var(--so-fontsize-h2, 40px) !important;
	line-height: var(--so-fontsize-h2-line-height, 1);
	letter-spacing: var(--so-fontsize-h2-letterspacing, 0);
	margin-bottom: var(--so-fontsize-h2-spacing-bottom, 24px);
}

h3,
.h3 {
	font-size: var(--so-fontsize-h3, 24px) !important;
	line-height: var(--so-fontsize-h3-line-height, 1);
	letter-spacing: var(--so-fontsize-h3-letterspacing, 0);
	margin-bottom: var(--so-fontsize-h3-spacing-bottom, 24px);
}

h4,
.h4 {
	font-size: var(--so-fontsize-h4, 20px) !important;
	line-height: var(--so-fontsize-h4-line-height, 1);
	letter-spacing: var(--so-fontsize-h4-letterspacing, 0);
	margin-bottom: var(--so-fontsize-h4-spacing-bottom, 20px);
}

h5,
.h5 {
	font-size: var(--so-fontsize-h5, 18px) !important;
	line-height: var(--so-fontsize-h5-line-height, 1);
	letter-spacing: var(--so-fontsize-h5-letterspacing, 0);
	margin-bottom: var(--so-fontsize-h5-spacing-bottom, 24px);
}

h6,
.h6 {
	font-size: var(--so-fontsize-h6, 16px) !important;
	line-height: var(--so-fontsize-h6-line-height, 1);
	letter-spacing: var(--so-fontsize-h6-letterspacing, 0);
	margin-bottom: var(--so-fontsize-h6-spacing-bottom, 24px);
}

[class*="dnd_area-row-"][class*="-background-color"] :is(p, h1, h2, h3, h4, h5, h6, li, span) {
  color: var(--so-color-white);
}

p, ol, ul {
	color: var(--so-color-charcoal);
}

ul {
	padding-left: 18px;
}


strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

p {
	margin-bottom: 24px;
}

p+ :is(p, h1, h2, h3, h4, h5, h6) {
	margin-top: 24px;

	@media (max-width: 576px) {
		margin-top: 16px;
	}
}

/* Icons */
[class^="icon-"], [class*=" icon-"] {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
}
.icon-right {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0.1 0.1 7.02 12.02'%3E%3Cpath fill='%2301513a' d='M6.813 5.406a.964.964 0 0 1 0 1.407l-5 5a.964.964 0 0 1-1.407 0 .964.964 0 0 1 0-1.407l4.282-4.312L.406 1.813a.964.964 0 0 1 0-1.407.964.964 0 0 1 1.406 0z'%3E%3C/path%3E%3C/svg%3E");
}

/* Slick 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:#fff0}.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 #fff0}.slick-arrow.slick-hidden{display:none}
 

.slick-arrow {
	width: 44px;
	height: 44px;
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: calc(50% - 22px);
	background-color: var(--so-color-yellow);
	border-radius: 4px;
	cursor: pointer;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0.1 0.1 7.02 12.02'%3E%3Cpath fill='%2301513a' d='M6.813 5.406a.964.964 0 0 1 0 1.407l-5 5a.964.964 0 0 1-1.407 0 .964.964 0 0 1 0-1.407l4.282-4.312L.406 1.813a.964.964 0 0 1 0-1.407.964.964 0 0 1 1.406 0z'%3E%3C/path%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 10px;
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
	z-index: 10;
	opacity: 1;
}

.slick-arrow:hover {
	background-color: var(--so-color-yellow);
	border: 0;
	outline: 0;
	margin-top: -3px
}

.slick-arrow.slick-disabled {
	opacity: 0;
}

.slick-arrow.slick-prev {
	left: 0;
	transform: rotate(180deg);
}

.slick-arrow.slick-next {
	right: 0;
}
 
/* Buttons */
.button-wrapper {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}

a.button, a.button:active, a.button:focus {
	padding: 16px;
	font-size: 16px;
	line-height: 1;
	font-weight: 500;
	color: var(--so-color-white);
	background-color: var(--so-color-light-green);
	border-radius: 4px;
	box-shadow: 0px 5px 15px 0px rgba(37, 44, 97, 0.35);
	border: 0;
	outline: 0;
	
	&:hover {
		transform: translateY(-4px) scale(1.02);
		background-color: var(--so-color-light-green);
		text-decoration: none;
		font-weight: 600;
		border: 0;
		box-shadow: 0px 15px 15px 0px rgba(37, 44, 97, 0.15);
	}
}
	
a.button.geel {
	background-color: var(--so-color-yellow);
	color: var(--so-color-green);

	&:hover {
		background-color: var(--so-color-yellow);
	}
}
a.button.wit {
	background-color: var(--so-color-white);
	color: var(--so-color-green);

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

.button.intern {
	all: unset;
	cursor: pointer;
	color: var(--so-color-charcoal);
	font-size: 16px;
	font-weight: 550;
	line-height: 1.6;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.button.intern:after {
	content: '';
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-width='2' d='M13 5l7 7-7 7M5 12h14'/%3E%3C/svg%3E");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	rotate: 90deg;
	transition: all 0.3s ease;
}
.button.intern:hover, .button.intern:focus {
	padding: unset !important;
	background: unset !important;
	background-color: unset !important;
	box-shadow: unset !important;
	transform: unset !important;
	text-decoration: underline !important;
	cursor: pointer;
	color: var(--so-color-charcoal);
}
.button.intern:hover:after {
	transform: translateX(4px);
}


/* Actueel */
.actueel {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 20px;
}

.actueel_item {
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	overflow: hidden;
	text-decoration: none;
	transition: all 0.3s ease;
	display: flex;
	flex-direction: column;
	max-width: 500px;
}

.actueel_item:hover {
	transform: translateY(-3px) scale(1.02);
	box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.05);
	text-decoration: none;
}

.actueel_item figure {
	aspect-ratio: 9/5;
	position: relative;
	max-width: 100%;
	align-self: flex-start
}
.actueel_item figure img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	margin-bottom: -8px
}
.actueel_item figure .tag {
	position: absolute;
	left: 20px;
	top: 20px;
	background-color: var(--so-color-light-green);
	padding: 10px;
	font-size: 12px;
	font-weight: 400;
	line-height: 12px;
	border-radius: 4px;
	color: var(--so-color-white);
}

.actueel_item > div {
	background-color: var(--so-color-white);
	padding: 32px;
	flex: 1
}
.actueel_item > div h3 {
	font-size: 22px;
	line-height: 26px;
	letter-spacing: 0; 
	margin-bottom: 16px;
	color: var(--so-color-green) !important;
}
.actueel_item > div p {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	overflow: hidden;
	-webkit-box-orient: vertical;
	margin-bottom: 16px;
	color: var(--so-color-charcoal) !important;
}
.actueel_item > div > span {
	font-weight: 550;
	color: var(--so-color-light-green) !important;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: all 0.3s ease;
}
.actueel_item:hover > div span {
	gap: 16px
}
.actueel_item > div span .icon-right {
	width: 10px;
	height: 10px;
	filter: var(--so-color-light-green-filter)
}
.actueel_item.h2-height-104  > div p {
	-webkit-line-clamp: 2;
	line-clamp: 2;
}
.actueel_item.h2-height-52  > div p {
	-webkit-line-clamp: 4;
	line-clamp: 4;
}
.actueel_item.h2-height-26  > div p {
	-webkit-line-clamp: 5;
	line-clamp: 5;
}