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


::selection {
  color: var(--so-color-white);
  background-color: var(--so-color-teal);
}
.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;
}

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

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

/* Labels */

form label {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.35rem;
}

/* 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: 0.875rem;
  padding: 0.7rem;
  width: 100%;
}

form textarea {
  resize: vertical;
}

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 .hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}

  {
  % if (get_asset_version("@hubspot/search_input")=="1") %
}

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







form {

  &,
  *:not(#hsfc-Heading) {
    font-family: var(--so-font-family), sans-serif;
  }

  #hsfc-Heading {
    font-family: var(--so-font-family-heading, 'Neue Machina'), sans-serif;
  }
}

[data-hsfc-id=Renderer],
.hsfc-Form {
  padding: 40px !important;
  border-radius: 16px;

  @media (max-width: 960px) {
    padding: 32px !important;
  }

  input,
  textarea,
  select {
    border: 0 solid var(--so-color-charcoal) !important;
    background-color: var(--so-color-charcoal) !important;
    font-family: var(--so-font-family) !important;
    font-size: var(--so-fontsize-body-small) !important;
    line-height: 1;
    font-weight: 400;
    padding-left: 24px !important;
    padding-right: 24px !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  
  textarea {
    min-height: 120px;
  }

  input:not([type="tel"]),
  select {
    border-radius: 36px !important;
  }

  textarea {
    border-radius: 16px !important;
  }

  .hsfc-PhoneField {
    .hsfc-PhoneInput__FlagAndCaret {
      border-radius: 36px 0 0 36px;
    }

    input[type="tel"] {
      border-radius: 0 36px 36px 0;
    }
  }

  .hsfc-Row {
    margin-bottom: 32px !important;

    &:has(.hsfc-Heading),
    &:has(.hsfc-RichText) {
      padding-left: 24px;
      padding-right: 24px;
    }
    
    &:has(.hsfc-Heading) {
      margin-bottom: 24px !important;
    }

    .hsfc-RichText p {
      font-size: 16px !important;
    }

    .hsfc-Heading {
      margin-bottom: 0 !important;
    }
  }

  .hsfc-FieldLabel {
    padding-left: 24px;
    padding-right: 24px;
    font-size: var(--so-fontsize-body-medium) !important;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 8px !important;

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

  .hsfc-Heading {
    font-size: var(--so-fontsize-h2) !important;
    line-height: var(--so-fontsize-h2-line-height);
    letter-spacing: var(--so-fontsize-h2-letterspacing);
    margin-bottom: var(--so-fontsize-h2-spacing-bottom);
  }

  .hsfc-RichText {
    margin-bottom: 16px;

    &,
    * {
      font-size: var(--so-fontsize-body-small) !important;
      line-height: var(--so-fontsize-body-line-height);
      letter-spacing: var(--so-fontsize-body-letter-spacing);
      color: var(--so-color-gray) !important;
    }
  }

  .hsfc-Step {
    background-color: unset !important;
  }

  .hsfc-Step__Content {
    padding: 0 !important;
  }

  :is(button[type="submit"], input[type="submit"]),
  .hsfc-NavigationRow__Buttons :is(button[type="submit"], input[type="submit"]) {
    font-size: var(--so-fontsize-body);
    text-align: left;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.0156em;
    color: var(--so-color-black);
    width: 100%;
    padding-top: 17px;
    padding-bottom: 17px;
    border: 0;
    transform: unset !important;
    background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 21C0 9.40202 9.40202 0 21 0C32.598 0 42 9.40202 42 21C42 32.598 32.598 42 21 42C9.40202 42 0 32.598 0 21Z' fill='black'/%3E%3Cpath d='M30.219 19.8068H10V22.0533H30.219V19.8068Z' fill='white'/%3E%3Cpath d='M31.8074 20.737L23.0703 12L21.4818 13.5886L30.2188 22.3256L31.8074 20.737Z' fill='white'/%3E%3Cpath d='M30.4115 19.3406L21.4814 28.2706L23.07 29.8592L32 20.9291L30.4115 19.3406Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center right 5px;
    background-size: auto calc(100% - 10px);
    padding-right: 60px;

    &:hover {
      color: var(--so-color-black) !important;
      background-color: var(--so-color-teal-hover) !important;
      transform: unset !important;
    }
  }
}
/* 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 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--so-block-gap, 32px);
  padding: 16px 32px;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--so-color-charcoal);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--so-color-black);
  min-height: var(--so-navigatie-height);
  z-index: 999;

  .main_menu {
    &::-webkit-scrollbar {
      width: 6px;
    }

    &::-webkit-scrollbar-track {
      background: var(--so-color-black);
      border-radius: 4px;
    }

    &::-webkit-scrollbar-thumb {
      background: var(--so-color-teal);
      border-radius: 4px;
    }
  }

  @media (max-width: 980px) {
    padding: 16px 32px 16px var(--so-body-spacing);
  }

  @media (max-width: 600px) {
    --so-navigatie-height: 74px;
  }

  #hs_cos_wrapper_site_logo img {
    display: flex;
    width: 168px !important;

    @media (max-width: 600px) {
      width: 103px !important;
    }
  }

  #hs_menu_wrapper_hoofdmenu>ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px 40px;

    @media (max-width: 980px) {
      gap: 16px 32px;
    }

    @media (max-width: 860px) {
      gap: 16px 24px;
    }

    li,
    a {
      font-size: var(--so-fontsize-body-medium, 16px);
      line-height: 1.5;
      font-weight: 700;
      text-decoration: none;
      color: var(--so-color-white, #FFFFFF);
      transition: var(--so-transition-speed) ease all;
    }

    li.active a,
    a:hover {
      color: var(--so-color-lime, #DCE500);
    }
  }

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

  @media (max-width: 768px) {
    .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-black);
      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;
      }

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

    #hs_cos_wrapper_header_button {
      margin-left: auto;
    }
  }
}

#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");
  }
}
footer.footer {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    background-color: var(--so-color-black);
    background-image: url(https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/images/horizon.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;

    input::placeholder {
        color: #969696;
    }

    .hsfc-Row {

        &:has(.hsfc-Heading),
        &:has(.hsfc-RichText) {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
    }

    &:before {
        content: "";
        aspect-ratio: 1920/270;
        display: block;
        width: 100%;

        @media (max-width: 600px) {
            margin-bottom: -20px;
        }
    }

    &>* {
        padding-left: var(--so-body-spacing);
        padding-right: var(--so-body-spacing);
    }

    .footer_form {
        @media (min-width: 860px) {
            max-width: 528px;
        }

        #hs_form_target_footer_form-r {
            padding: 0 !important;
        }
    }

    .footer_top {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 56px var(--so-block-gap);

        @media (max-width: 860px) {
            flex-direction: column !important;
        }
    }

    .footer_adresses {
        display: flex;
        flex-direction: row;
        gap: 16px;
        flex-wrap: wrap;

        @media (max-width: 600px) {
            flex: 1 0 100%;
            width: 100%;
        }

        p,
        p * {
            font-size: var(--so-fontsize-body-small);
        }

        &>* {
            flex: 1;
        }

        a {
            color: var(--so-color-gray);
            transition: var(--so-transition-speed) ease all;
            text-decoration: none;

            &:hover {
                color: var(--so-color-teal-hover);
            }
        }
    }

    .footer_top,
    .footer_logo,
    .footer_bottom {
        width: 100%;
    }

    .footer_content {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        flex: 1;

        @media (min-width: 860px) {
            max-width: 640px;
        }

        /* @media (max-width: 600px) {
            flex-direction: column-reverse;
        } */
    }

    .footer_content_top {
        display: grid;
        gap: 56px 16px;

        @media (min-width: 600px) {
            grid-template-columns: 1fr 2fr;
        }

        @media (max-width: 600px) {
            display: flex;
            flex-wrap: wrap;

            #hs_cos_wrapper_certificates {
                display: flex;
                align-items: flex-end;
            }
        }
    }

    .footer_menu {
        @media (max-width: 600px) {
            flex: 1;
        }

        h6 {
            color: var(--so-color-teal);
            margin-bottom: 16px;
        }

        #hs_menu_wrapper_footermenu ul {
            display: flex;
            flex-direction: column;
            gap: 8px;
            flex-wrap: wrap;

            li {
                display: flex;
            }

            a {
                font-size: var(--so-fontsize-body-small);
                line-height: 1.5;
                text-decoration: none;
                color: var(--so-color-gray);
                transition: var(--so-transition-speed) ease all;

                &:hover {
                    color: var(--so-color-teal-hover);
                }
            }
        }
    }

    .hsfc-Form {
        background-color: var(--so-color-charcoal);

        input {
            background-color: var(--so-color-black) !important;

            &::placeholder {
                color: #969696 !important;
            }
        }

        .hsfc-RichText {
            padding-bottom: 0;
            margin-bottom: 0;

            p, & > p {
                font-size: 14px !important;
            }

            &>p:not(:last-child) {
                margin-bottom: 16px;
                padding-bottom: 16px;
            }

            &>p:last-child {
                margin-bottom: 0;
                padding-bottom: 0;
            }
        }

        .hsfc-FieldLabel {
            display: none !important;
        }

        .hsfc-Heading {
            font-size: var(--so-fontsize-h4) !important;
            line-height: var(--so-fontsize-h4-line-height);
            letter-spacing: var(--so-fontsize-h4-letterspacing);
            margin-bottom: var(--so-fontsize-h4-spacing-bottom);
        }

        .hsfc-Step__Content {
            display: flex;
            flex-direction: column;

            .hsfc-Row {
                order: 1;
            }

            >.hsfc-Row:has(+ .hsfc-NavigationRow) {
                order: 3;
                margin-bottom: 0 !important;

                input {
                    margin-bottom: 0 !important;
                    min-height: 52px !important;
                    padding-right: 184px !important;
                }
            }

            .hsfc-NavigationRow {
                order: 2;
                margin-bottom: -48px;
                width: fit-content;
                margin-left: auto;
            }

            [data-hsfc-id=Renderer] .hsfc-EmailField input,
            .hsfc-Row:last-child input {
                margin: 0 !important;
                min-height: 52px !important;
            }
        }

        .hsfc-NavigationRow__Alerts {
            display: none !important;
        }

        .hsfc-NavigationRow {
            margin-top: 0;
            padding-top: 0;

            button {
                padding-top: 15px;
                padding-bottom: 15px;
                margin-right: 4px;
                padding-right: 51px;
                font-size: var(--so-fontsize-body-small);
            }
        }
    }

    .footer_top,
    .footer_logo {
        max-width: calc(var(--so-container-size) + var(--so-body-spacing) * 2);
        width: 100%;
    }

    .footer_top {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;

        @media (min-width: 600px) {
            padding-top: 56px;
        }

        :is(#hs_cos_wrapper_footer_content_one, #hs_cos_wrapper_footer_content_two)>span {
            &>*:last-child {
                margin-bottom: 0;
            }

            &>*:not(:last-child) {
                margin-bottom: 16px;
            }
        }
    }

    .footer_logo {
        display: flex;
        flex-direction: column;
        gap: 24px;
        align-items: center;
        flex-wrap: wrap;
        padding-top: 100px;
        padding-bottom: 40px;

        @media (max-width: 768px) {
            padding-top: 80px;
        }

        @media (max-width: 600px) {
            padding-top: 56px;
        }

        h3 {
            margin-bottom: 0;
        }
    }

    .footer_bottom {
        display: flex;
        justify-content: center;
        gap: 16px;
        background-color: var(--so-color-charcoal);
        padding-top: 13px;
        padding-bottom: 13px;

        @media (max-width: 800px) {
            flex-direction: column;
        }

        &,
        * {
            font-size: var(--so-fontsize-body-small, 14px);
            color: #B3B4B4;
        }

        .footer_credentials {
            display: flex;
            justify-content: center;
            gap: 16px;

            @media (min-width: 800px) {
                &::after {
                    content: '•';
                    font-size: var(--so-fontsize-body-small, 14px);
                    font-weight: 400;
                }
            }
        }

        #hs_menu_wrapper_footermenubottom ul {
            display: flex;
            justify-content: center;
            flex-direction: row;
            flex-wrap: wrap;
            gap: 16px;

            @media (max-width: 400px) {
                gap: 8px;
            }

            &>li:not(:last-child)::after {
                content: '•';
                font-size: var(--so-fontsize-body-small, 14px);
                font-weight: 400;
                margin-left: 16px;

                @media (max-width: 400px) {
                    margin-left: 8px;
                }
            }

            a {
                text-decoration: none;
                transition: var(--so-transition-speed) ease all;

                &:hover {
                    color: var(--so-color-teal-hover);
                }
            }
        }
    }

    .footer_content_bottom {
        display: flex;
        flex-direction: row;
        gap: 16px 32px;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-end;
        margin-top: auto;
        padding-top: 32px;

        @media (max-width: 600px) {
            padding-top: 56px;
        }

        /* @media (max-width: 600px) {
            transform: translate(0, 100%);
            padding-top: 0;
        } */
    }
}
/* Overline */
.so-overline {
    display: flex;
    gap: 8px;
    color: var(--so-color-gray);
    align-items: center;
    font-size: var(--so-fontsize-body-medium);
    margin-bottom: var(--so-block-gap);

    img {
        width: 20px;
        flex: 0 0 20px;
        aspect-ratio: 1/1;
        object-fit: cover;
        object-position: center;
    }
}

/* USP's */
.so-usps-wrapper {
    container: so-usps / inline-size;

    .so-usps {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        gap: var(--so-block-gap);

        li {
            padding-left: 20px;
            border-left: 2px solid var(--so-color-white);
            display: flex;
            flex-direction: column;
            justify-items: flex-end;
            flex-grow: 1;

            img {
                margin-bottom: var(--so-block-gap);
                width: 40px;
                aspect-ratio: 1/1;
                object-fit: contain;
                object-position: center;
            }

            span {
                h4 {
                    margin: 0 0 8px 0;

                    @media (max-width: 600px) {
                        font-size: 22px !important;
                    }
                }

                p {
                    text-wrap-mode: nowrap;
                    font-size: 16px;
                    margin: 0;
                    color: var(--so-color-gray);
                }
            }
        }
    }

    @container so-usps (max-width: 768px) {
        .so-usps {
            li {
                flex: 1;
            }
        }
    }

    @container so-usps (max-width: 600px) {
        .so-usps {
            flex-direction: column;
            gap: 0;

            li {
                display: flex;
                gap: 24px;
                align-items: center;
                flex-direction: row;
                border-left: none;
                padding: var(--so-body-spacing) 0;
                border-bottom: 2px solid var(--so-color-white);

                img {
                    margin-bottom: 0;
                }

                span h4 {
                    margin: 0;
                }
            }
        }
    }
}

/* Video */
.so-video {
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    background: var(--so-color-gray);

    &.portrait {
        aspect-ratio: 464/619;
    }

    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .play {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4px;
        z-index: 2;

        &:has(.button-text) {
            background-color: rgba(0, 0, 0, .6);
            border-radius: 16px;
            padding: 16px;
            box-sizing: border-box;
            max-width: calc(100% - (var(--so-body-spacing) * 2));
            max-height: calc(100% - (var(--so-body-spacing) * 2));
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 224px;
        }

        a {
            background-color: var(--so-color-white);
            display: inline-block;
            aspect-ratio: 1/1;
            width: 72px;
            border-radius: 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 32px;
            background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.875 31.5001C7.57663 31.5001 7.29048 31.3815 7.07951 31.1705C6.86853 30.9596 6.75 30.6734 6.75 30.3751V5.62505C6.75003 5.42956 6.80101 5.23745 6.8979 5.06766C6.99479 4.89787 7.13426 4.75626 7.30255 4.65678C7.47084 4.5573 7.66215 4.5034 7.85761 4.50038C8.05308 4.49736 8.24597 4.54532 8.41725 4.63955L30.9172 17.0146C31.0936 17.1117 31.2407 17.2543 31.3432 17.4277C31.4456 17.601 31.4997 17.7987 31.4997 18.0001C31.4997 18.2014 31.4456 18.3991 31.3432 18.5724C31.2407 18.7458 31.0936 18.8884 30.9172 18.9856L8.41725 31.3605C8.25114 31.452 8.06462 31.5 7.875 31.5001Z' fill='%23202524'/%3E%3C/svg%3E%0A");
            transition: all .2s ease-in-out;

            &:before {
                content: '';
                position: absolute;
                inset: 0;
            }

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

        .button-text {
            font-family: var(--so-font-family-head) !important;
            font-size: var(--so-fontsize-body-medium);
            color: var(--so-color-white);
            font-weight: bold;
        }
    }

    video {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        object-fit: cover;
        object-position: center;
    }
}

.lity-container {
    max-width: 1400px !important;
    width: calc(100% - (2 * var(--so-body-spacing))) !important;
    margin-left: var(--so-body-spacing);
    margin-right: var(--so-body-spacing);
    border-radius: 16px;
    overflow: hidden;
}
/* 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 post */
.blog-post {
  --blog-post-content-width: 864px;
  margin: 0 auto;

  h1 {
    text-align: center;
    max-width: 966px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px;

    @media screen and (max-width: 820px) {
      text-align: left;
    }
  }

  .blog-post__featured-image {
    display: flex;
    flex-direction: column;
    position: relative;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    padding: 0 var(--so-body-spacing);
    background-position: center top;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/images/horizon.svg);

    &:before {
      content: '';
      display: block;
      width: 100%;
      aspect-ratio: 1920 / 160;
      max-height: 160px;
      min-height: 40px;
    }

    img {
      margin: 0 auto;
      width: 100%;
      aspect-ratio: 16 / 9;
      border-radius: 12px;
      max-width: var(--so-container-size);
      max-height: 520px;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }
  }

  .blog-post__meta {
    display: flex;
    gap: 8px 16px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-size: var(--so-fontsize-body-medium);

    > *:not(:first-child):before {
      content: "•";
      color: var(--so-color-teal);
      margin-right: var(--so-body-spacing);
    }

    .meta {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 8px 16px;

      > *:not(:first-child):before {
        content: "•";
        color: var(--so-color-teal);
        margin-right: 16px;
      }
    }

    .blog-post__tags {
      display: flex;
      flex-wrap: wrap;
      align-items: center;

      .blog-post__tags-wrapper {
        display: flex;
        gap: 8px;
        align-items: center;

        .blog-post__tag-link {
          display: block;
          padding: 4px 12px;
          border-radius: 40px;
          background: var(--so-color-teal);
          color: var(--so-color-white);
          font-size: 12px;
          text-decoration: none;
          transition: var(--so-transition-speed) ease all;

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

    @media screen and (max-width: 820px) {
      flex-direction: column-reverse;
      align-items: flex-start;

      :before {
        display: none;
      }
      
      .meta {
        flex-direction: column;
        align-items: flex-start;
      }

      .blog-post__tags {
        margin-bottom: 16px;
      }
    }
  }

  .blog-post__table-of-contents {
    max-width: var(--blog-post-content-width);
    margin: var(--so-group-padding) auto 0 auto;

    h3 {
      font-size: var(--so-fontsize-h4) !important;
    }

    ul {
      display: flex;
      flex-direction: column;
      gap: 12px;

      li {
        font-size: var(--so-fontsize-body-medium);
        padding-left: 32px;
        position: relative;

        &:before {
          content: '';
          width: 24px;
          aspect-ratio: 1/1;
          background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.9142 11.1051H3.75V12.79H18.9142V11.1051Z' fill='%23FAFAFA'/%3E%3Cpath d='M20.1055 11.8028L13.5527 5.25L12.3613 6.44141L18.9141 12.9942L20.1055 11.8028Z' fill='%23FAFAFA'/%3E%3Cpath d='M19.0589 10.7555L12.3613 17.453L13.5527 18.6444L20.2503 11.9469L19.0589 10.7555Z' fill='%23FAFAFA'/%3E%3C/svg%3E%0A");
          background-size: 100%;
          background-position: center;
          background-repeat: no-repeat;
          position: absolute;
          left: 0;
          top: 0;
          transition: all .1s ease-in-out;
        }

        &:hover {
          &:before {
            left: 4px;
          }
        }

        a {
          text-decoration: none;
        }
      }
    }
  }

  .blog-post__body {
    max-width: var(--blog-post-content-width);
    margin: var(--so-group-padding) auto 0 auto;

    h2 {
      font-size: var(--so-fontsize-h3) !important;
    }

    h3 {
      font-size: var(--so-fontsize-h4) !important;
    }

    h4 {
      font-size: var(--so-fontsize-h5) !important;
    }

    h5 {
      font-size: var(--so-fontsize-h6) !important;
    }

    img {
      width: var(--so-container-size) !important;
      max-width: unset !important;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
      border-radius: 12px;
      aspect-ratio: 16 / 9;
      object-fit: cover;
      object-position: center;
      margin-top: var(--so-group-padding);
      margin-bottom: var(--so-group-padding);

      @media screen and (max-width: 1344px) {
        width: calc(100vw - (2 * var(--so-body-spacing))) !important;
      }
    }

    blockquote.so-quote {
      max-width: 1104px; 
      width: calc(100vw - (var(--so-body-spacing) * 2));
      position: relative;
      left: 50%;
      transform: translateX(-50%);
    }
  }

  .blog-author {
    display: flex;
    align-items: flex-start;
    gap: 8px 24px;
    border-top: 1px solid #1A1A1A;
    padding-top: 32px;
    margin: var(--so-group-padding) auto 0 auto;
    max-width: var(--blog-post-content-width);
    --avatar-height: 88px;

    figure {
      flex: 0 0 var(--avatar-height);
      aspect-ratio: 1 / 1;
      border-radius: 100%;
      margin: 0;
      overflow: hidden;

      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
      }
    }

    .blog-author__heading {
      display: flex;
      flex-direction: column;
      justify-content: center;
      min-height: var(--avatar-height);

      h4 {
        font-size: var(--so-fontsize-body) !important;
        font-family: var(--so-font-family) !important;
        margin: 0;
        font-weight: bold;
        color: var(--so-color-white);
      }

      .blog-author__function {
        color: #B3B4B4;
        font-size: var(--so-fontsize-body);
      }

      @media screen and (max-width: 560px) {
        margin-bottom: var(--so-body-spacing);
      }
    }

    .blog-author__bio {
      font-size: var(--so-fontsize-body);
      color: var(--so-color-white);
    }

    @media screen and (max-width: 820px) {
      --avatar-height: 64px;
    }
  }
}

.hs-blog-post #hs_cos_wrapper_cta {
  margin-left: var(--so-body-spacing);
  margin-right: var(--so-body-spacing);

  .cta {
    margin-top: var(--so-group-padding-large);
  }
}

/* Blog related posts */
.blog-related-posts {
  padding: var(--so-group-padding-large) 0 !important;

  h2 {
    text-align: center;
    margin-bottom: 56px;
  }

  .blog-related-posts__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: var(--so-block-gap);
    row-gap: var(--so-group-padding);
    max-width: var(--so-container-size);
    margin: 0 auto;    

    &::-webkit-scrollbar {
      display: none;
    }
    
    @media screen and (max-width: 1100px) {
      display: flex;
      flex-wrap: nowrap;
      margin-left: calc(var(--so-body-spacing) * -1);
      margin-right: calc(var(--so-body-spacing) * -1);
      overflow-x: auto;
      overflow-y: hidden;

      .blog-card {
        min-width: 340px;

        &:first-child {
          margin-left: var(--so-body-spacing);
        }

        &:last-child {
          margin-right: var(--so-body-spacing);
        }
      }
    }
  }
}

.hs-blog-post:has(#hs_cos_wrapper_cta .cta) .blog-related-posts  {
  background-color: var(--so-color-charcoal);
}

/* Blog archive */
.hs-blog-listing main#main-content {
  h1 {
    max-width: calc(var(--so-container-size) + (var(--so-body-spacing) * 2));
    width: 100%;
    padding-left: var(--so-body-spacing);
    padding-right: var(--so-body-spacing);
    margin: var(--so-group-padding-large) auto;
    text-align: center;

    @media screen and (max-width: 600px) {
      text-align: left;
      margin: var(--so-group-padding-large) auto 52px auto;
    }
  }
}

.blog-listing {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: var(--so-block-gap);
  row-gap: var(--so-group-padding);
  max-width: calc(var(--so-container-size) + (2 * var(--so-body-spacing)));
  margin: 0 auto;
  position: relative;
  padding-left: var(--so-body-spacing);
  padding-right: var(--so-body-spacing);
  min-height: 200px;

  &:before {
    content: '';
    width: 100vw;
    left: 50%;
    top: -80px;
    transform: translateX(-50%);
    position: absolute;
    background-position: center top;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/images/horizon.svg);
    aspect-ratio: 1920 / 400;
  }

  @media screen and (max-width: 820px) {
    grid-template-columns: repeat(2, 1fr);

    &:before {
      top: -56px;
    }
  }

  @media screen and (max-width: 600px) {
    grid-template-columns: repeat(1, 1fr);

    &:before {
      top: -40px;
    }
  }

  @media screen and (max-width: 380px) {
    &:before {
      top: -24px;
    }
  }
}

/* Blog-card */
.blog-card {
  display: flex;
  flex-direction: column;
  position: relative;

  figure {
    width: 100%;
    aspect-ratio: 4/3;
    overflow: hidden;
    border-radius: 16px;
    margin-bottom: 16px;

    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      transition: all .2s ease-in-out;
    }
  }

  .heading {
    display: flex;
    flex-direction: column;
    gap: var(--so-body-spacing);

    time {
      font-size: var(--so-fontsize-body-medium);
      color: #B3B4B4;
    }

    h3 {
      font-size: var(--so-fontsize-h4) !important;
      margin: 0;
      min-height: 48px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-bottom: var(--so-body-spacing);

      a {
        color: var(--so-color-white);
        text-decoration: none;
        font-family: var(--so-font-family-head);
        font-weight: bold;

        &:after {
          content: '';
          position: absolute;
          inset: 0;
        }
      }
    }
  }
  
  p {
    margin-top: auto;
    font-size: var(--so-fontsize-body-medium);
  }

  button {
    width: 44px;
    aspect-ratio: 1 / 1;
    border-radius: 100%;
    background-color: var(--so-color-teal);
    outline: none;
    border: none;
    background-size: 40%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='18' viewBox='0 0 22 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.219 7.80664H0V10.0532H20.219V7.80664Z' fill='black'/%3E%3Cpath d='M21.8074 8.73704L13.0703 0L11.4818 1.58855L20.2188 10.3256L21.8074 8.73704Z' fill='black'/%3E%3Cpath d='M20.4115 7.34058L11.4814 16.2706L13.07 17.8592L22 8.92913L20.4115 7.34058Z' fill='black'/%3E%3C/svg%3E%0A");
    margin-top: var(--so-block-gap);
  }

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

    button {
      background-color: var(--so-color-teal-hover);
    }
  }
}

/* Blog archive pagination */
.blog-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--so-body-spacing) / 2);
  padding: 0 var(--so-body-spacing);
  box-sizing: border-box;
  margin-top: var(--so-group-padding);

  :is(a, span) {
    text-decoration: none !important;
    display: block;
    color: var(--so-color-white);
    transition: all .2s ease-in-out;

    &.page {
      width: 40px;
      border-radius: 100%;
      aspect-ratio: 1 / 1;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;

      &.current {
        background-color: var(--so-color-teal);
        color: var(--so-color-black);
        pointer-events: none;
      }
    }

    &.arrow {
      background-size: 32px;
      background-repeat: no-repeat;

      &.prev, &.next {
        font-size: var(--so-fontsize-body-medium);
        background-size: 24px;
      }

      &.prev {
        background-position: center left;
        padding-left: 32px;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.34687 12.875L13.2469 17.775L12 19L5 12L12 5L13.2469 6.225L8.34687 11.125H19V12.875H8.34687Z' fill='%23D8D9D9'/%3E%3C/svg%3E%0A");

        &:hover {
          background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.34687 12.875L13.2469 17.775L12 19L5 12L12 5L13.2469 6.225L8.34687 11.125H19V12.875H8.34687Z' fill='%23027962'/%3E%3C/svg%3E%0A");
        }
      }

      &.next {
        background-position: center right;
        padding-right: 32px;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6531 12.875H5V11.125H15.6531L10.7531 6.225L12 5L19 12L12 19L10.7531 17.775L15.6531 12.875Z' fill='%23D8D9D9'/%3E%3C/svg%3E%0A");
      
        &:hover {
          background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6531 12.875H5V11.125H15.6531L10.7531 6.225L12 5L19 12L12 19L10.7531 17.775L15.6531 12.875Z' fill='%23027962'/%3E%3C/svg%3E%0A");
        }
      }
    }
  }

  .disabled {
    opacity: .6;
    pointer-events: none;
  }
}

/* Scherp Online */

:root {
	--so-font-family: "Inter", sans-serif;
	--so-font-family-head: 'Neue Machina', sans-serif;

	/* Colors */
    --so-color-black: #000000;
    --so-color-charcoal: #1A1A1A;
    --so-color-offwhite: #FAFAFA;
    --so-color-white: #FFFFFF;
    --so-color-gray: #D8D9D9;
    --so-color-teal: #00AA7C;
    --so-color-teal-hover: #027962;
    --so-color-lime: #DCE500;
    --so-color-lime-hover: #AAD126;

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

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

	--so-fontsize-h1: 64px;
	--so-fontsize-h2: 48px;
	--so-fontsize-h3: 36px;
	--so-fontsize-h4: 28px;
	--so-fontsize-h5: 24px;
	--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: 24px;
	--so-fontsize-h5-spacing-bottom: 24px;
	--so-fontsize-h6-spacing-bottom: 24px;
	
	--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: 1312px;
	
	--so-group-padding: 80px;
	--so-group-padding-small: 40px;
	--so-group-padding-large: 160px;

	--so-navigatie-height: 85px;

    --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-block-gap: 24px;
    }

	@media (max-width: 600px) {
		--so-fontsize-h1: 48px;
		--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: hidden;
}

ol,
ul {
	list-style: none;
}

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 {
	background-color: var(--so-color-black, #000000);
	color: var(--so-color-gray, #D8D9D9);
	font-size: var(--so-fontsize-body, 18px);
	line-height: var(--so-fontsize-body-line-height, 1.5);
	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, 1312px));
}


/* Fonts
-------------------------------------------------------------- */

/* Font Family */
@font-face {
	font-family: 'Inter';
	font-style: italic;
	font-weight: 100 900;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwkT9nA2.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
	font-family: 'Inter';
	font-style: italic;
	font-weight: 100 900;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwAT9nA2.woff2) format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
	font-family: 'Inter';
	font-style: italic;
	font-weight: 100 900;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwgT9nA2.woff2) format('woff2');
	unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
	font-family: 'Inter';
	font-style: italic;
	font-weight: 100 900;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwcT9nA2.woff2) format('woff2');
	unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* vietnamese */
@font-face {
	font-family: 'Inter';
	font-style: italic;
	font-weight: 100 900;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwsT9nA2.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
	font-family: 'Inter';
	font-style: italic;
	font-weight: 100 900;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwoT9nA2.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Inter';
	font-style: italic;
	font-weight: 100 900;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwQT9g.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvvYwYL8g.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvmYwYL8g.woff2) format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvuYwYL8g.woff2) format('woff2');
	unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvhYwYL8g.woff2) format('woff2');
	unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* vietnamese */
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvtYwYL8g.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvsYwYL8g.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcviYwY.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Neue Machina';
	src: url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Ultralight.eot'); /* IE9 Compat */
    src: url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Ultralight.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Ultralight.woff2') format('woff2'), /* moderne browsers */
         url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Ultralight.woff') format('woff'),   /* iets oudere browsers */
         url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Ultralight.ttf') format('truetype'); /* Safari, Android, iOS */
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Neue Machina';
	src: url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Light.eot'); /* IE9 Compat */
    src: url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Light.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Light.woff2') format('woff2'), /* moderne browsers */
         url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Light.woff') format('woff'),   /* iets oudere browsers */
         url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Light.ttf') format('truetype'); /* Safari, Android, iOS */
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Neue Machina';
	src: url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Regular.eot'); /* IE9 Compat */
    src: url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Regular.woff2') format('woff2'), /* moderne browsers */
         url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Regular.woff') format('woff'),   /* iets oudere browsers */
         url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Neue Machina';
	src: url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Medium.eot'); /* IE9 Compat */
    src: url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Medium.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Medium.woff2') format('woff2'), /* moderne browsers */
         url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Medium.woff') format('woff'),   /* iets oudere browsers */
         url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Medium.ttf') format('truetype'); /* Safari, Android, iOS */
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Neue Machina';
	src: url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Bold.eot'); /* IE9 Compat */
    src: url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Bold.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Bold.woff2') format('woff2'), /* moderne browsers */
         url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Bold.woff') format('woff'),   /* iets oudere browsers */
         url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Neue Machina';
	src: url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Ultrabold.eot'); /* IE9 Compat */
    src: url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Ultrabold.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Ultrabold.woff2') format('woff2'), /* moderne browsers */
         url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Ultrabold.woff') format('woff'),   /* iets oudere browsers */
         url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Ultrabold.ttf') format('truetype'); /* Safari, Android, iOS */
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Neue Machina';
	src: url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Black.eot'); /* IE9 Compat */
    src: url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Black.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Black.woff2') format('woff2'), /* moderne browsers */
         url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Black.woff') format('woff'),   /* iets oudere browsers */
         url('https://147420491.fs1.hubspotusercontent-eu1.net/hubfs/147420491/raw_assets/public/newco-hubspot-theme/fonts/neuemachina-Black.ttf') format('truetype'); /* Safari, Android, iOS */
	font-weight: 900;
	font-style: normal;
}

/* Font styles */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	font-family: 'Neue Machina', sans-serif !important;
	color: var(--so-color-white, #FFFFFF);
	font-weight: 800;
}

h1,
.h1 {
	font-size: var(--so-fontsize-h1, 64px) !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, 48px) !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, 36px) !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, 28px) !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, 24px);
}

h5,
.h5 {
	font-size: var(--so-fontsize-h5, 24px) !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);
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

p + p {
	margin-top: 24px;

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


/* Main
-------------------------------------------------------------- */
#main-content {
	margin-top: var(--so-navigatie-height, 85px);
}


/* Buttons
-------------------------------------------------------------- */
.buttons-wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: var(--so-block-gap);
}

.button,
.hs-button {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	letter-spacing: 0.0156em;
	font-weight: 700 !important;
	color: var(--so-color-black);
	transition: var(--so-transition-speed) ease all;
	font-size: 16px;

	@media (max-width: 576px) {
		font-size: 14px !important;
		padding-top: 2px;
		padding-right: 2px;
		padding-bottom: 2px;
	}

	&:after {
		content: '';
		height: 42px;
		width: 42px;
		border-radius: 100%;
		background-color: var(--so-color-black);
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='18' viewBox='0 0 22 18' fill='none'%3E%3Cpath d='M20.219 7.8067H0V10.0533H20.219V7.8067Z' fill='white'/%3E%3Cpath d='M21.8072 8.73704L13.0702 0L11.4816 1.58855L20.2187 10.3256L21.8072 8.73704Z' fill='white'/%3E%3Cpath d='M20.4116 7.34058L11.4815 16.2706L13.0701 17.8592L22.0001 8.92913L20.4116 7.34058Z' fill='white'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-size: 22px;
		background-position: center;
		margin-left: auto;

		@media (max-width: 576px) {
			height: 38px;
			width: 38px;
		}
	}

	&.extern:after {
		transform: rotate(-45deg);
	}

	&:hover {
		color: initial;
		text-decoration: none;
		background-color: var(--so-color-lime-hover);
	}

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

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

	&.secondary.teal {
		color: var(--so-color-white);
		background-color: unset;
		border: 1.5px solid var(--so-color-teal);
		padding-top: 4px;
		padding-right: 4.25px;
		padding-bottom: 4px;
		padding-left: 23.25px;

		&:hover {
			background-color: rgba(255, 255, 255, 0.1);
		}

		&:after {
			background-color: var(--so-color-teal);
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='18' viewBox='0 0 22 18' fill='none'%3E%3Cpath d='M20.219 7.8067H0V10.0533H20.219V7.8067Z' fill='%23000000'/%3E%3Cpath d='M21.8072 8.73704L13.0702 0L11.4816 1.58855L20.2187 10.3256L21.8072 8.73704Z' fill='%23000000'/%3E%3Cpath d='M20.4116 7.34058L11.4815 16.2706L13.0701 17.8592L22.0001 8.92913L20.4116 7.34058Z' fill='%23000000'/%3E%3C/svg%3E");
		}
	}
}

.hs-button {
	width: fit-content;
	margin-top: 16px;
}


/* List
-------------------------------------------------------------- */
.blog-post__body ul {
	display: flex;
	flex-direction: column;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 24px;

	li {
		display: flex;
		flex-direction: row;
		gap: 8px;
		flex-wrap: wrap;
		padding-left: 10px;
		align-items: center;
		font-size: var(--so-fontsize-body-medium);

		&:before {
			content: '';
			height: 8px;
			width: 8px;
			background-repeat: no-repeat;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'%3E%3Cpath d='M4 7.5C5.933 7.5 7.5 5.933 7.5 4C7.5 2.067 5.933 0.5 4 0.5C2.067 0.5 0.5 2.067 0.5 4C0.5 5.933 2.067 7.5 4 7.5Z' fill='%2300AA7C'/%3E%3C/svg%3E");
		}
	}
}
/*! 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;
}