.bind-tree-margin[data-v-3bb05a26] {
  margin-left: var(--335c8a9c);
}
.bind-icon-color[data-v-3bb05a26] {
  color: var(--10044424);
}

.bind-tree-padding[data-v-1a78012e] {
  padding-left: var(--27f98670);
}

.bind-icon-color[data-v-5fe505b0] {
  color: var(--7fa476a0);
}

.landscape > div > .dragger[data-v-4cd3cd6c] {
  width: .625rem;
}
.portrait > div > .dragger[data-v-4cd3cd6c] {
  height: .625rem;
}
.landscape > div > .dragger.dragger-offset-before[data-v-4cd3cd6c] {
  right: 0;
}
.portrait > div > .dragger.dragger-offset-before[data-v-4cd3cd6c] {
  bottom: 0;
}
.landscape > div > .dragger.dragger-offset-center[data-v-4cd3cd6c] {
  right: -.3125rem;
}
.portrait > div > .dragger.dragger-offset-center[data-v-4cd3cd6c] {
  bottom: -.3125rem;
}
.landscape > div > .dragger.dragger-offset-after[data-v-4cd3cd6c] {
  right: -.625rem;
}
.portrait > div > .dragger.dragger-offset-after[data-v-4cd3cd6c] {
  bottom: -.625rem;
}

.bind-icon-color[data-v-2cdc2ac0] {
  color: var(--3c4190ff);
}

.bind-icon-color[data-v-265ac8e3] {
  color: var(--7d3aedf8);
}

.bind-preview-bg[data-v-bde73868] {
  background-color: var(--b797c7ca);
}

.__histoire-hatched-pattern[data-v-250960ac] {
  background: repeating-linear-gradient(135deg,
  transparent 0px,
  transparent 32px,
  currentColor 32px,
  currentColor 64px);
}

.bind-preview-bg[data-v-769a585e] {
  background-color: var(--700caecc);
}

.bind-icon-color[data-v-39eaa600] {
  color: var(--22451fc3);
}

.bind-icon-color[data-v-3c153cb8] {
  color: var(--d1b61db4);
}

.__histoire-code-placeholder[data-v-8b318638] {
  color: inherit;
  font-size: inherit;
}

.htw-base-empty[data-v-552cc113]:not(.no-animation) {
  -webkit-animation: htw-base-empty-552cc113 .3s 1s both;
          animation: htw-base-empty-552cc113 .3s 1s both;
}
@-webkit-keyframes htw-base-empty-552cc113 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@keyframes htw-base-empty-552cc113 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}

.bind-icon-color[data-v-7856c5b0] {
  color: var(--0e1c785e);
}
*, ::before, ::after {--_histoire-color-primary-50: 236 253 245;--_histoire-color-primary-100: 209 250 229;--_histoire-color-primary-200: 167 243 208;--_histoire-color-primary-300: 110 231 183;--_histoire-color-primary-400: 52 211 153;--_histoire-color-primary-500: 16 185 129;--_histoire-color-primary-600: 5 150 105;--_histoire-color-primary-700: 4 120 87;--_histoire-color-primary-800: 6 95 70;--_histoire-color-primary-900: 6 78 59;--_histoire-color-gray-50: 250 250 250;--_histoire-color-gray-100: 244 244 245;--_histoire-color-gray-200: 228 228 231;--_histoire-color-gray-300: 212 212 216;--_histoire-color-gray-400: 161 161 170;--_histoire-color-gray-500: 113 113 122;--_histoire-color-gray-600: 82 82 91;--_histoire-color-gray-700: 63 63 70;--_histoire-color-gray-750: 50 50 56;--_histoire-color-gray-800: 39 39 42;--_histoire-color-gray-850: 31 31 33;--_histoire-color-gray-900: 24 24 27;--_histoire-color-gray-950: 16 16 18;}.htw-range-input::-webkit-slider-thumb{height:.75rem;width:.75rem;-webkit-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:#00000040;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.htw-dark .htw-range-input::-webkit-slider-thumb{border-color:#ffffff40;--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity))}.htw-range-input:hover::-webkit-slider-thumb{--tw-border-opacity: 1 !important;border-color:rgb(16 185 129 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(16 185 129 / var(--tw-bg-opacity))!important}.htw-range-input::-moz-range-thumb{height:.75rem;width:.75rem;-moz-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:#00000040;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.htw-dark .htw-range-input::-moz-range-thumb{border-color:#ffffff40;--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity))}.htw-range-input:hover::-moz-range-thumb{--tw-border-opacity: 1 !important;border-color:rgb(16 185 129 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(16 185 129 / var(--tw-bg-opacity))!important}.v-popper{line-height:0}.htw-dark .v-popper--theme-dropdown .v-popper__inner{--tw-border-opacity: 1;border-color:rgb(31 31 33 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity))}.htw-dark .v-popper--theme-dropdown .v-popper__arrow-inner{--tw-border-opacity: 1;border-color:rgb(63 63 70 / var(--tw-border-opacity))}.htw-dark .v-popper--theme-dropdown .v-popper__arrow-outer{--tw-border-opacity: 1;border-color:rgb(31 31 33 / var(--tw-border-opacity))}.v-popper--theme-dropdown.v-popper__popper--show-from .v-popper__wrapper{transform:scale(.75)}.v-popper--theme-dropdown.v-popper__popper--show-to .v-popper__wrapper{transform:none;transition:transform .15s cubic-bezier(0,1,.5,1)}.v-popper__popper:focus-visible{outline:none}.htw-bind-col-size{grid-template-columns:repeat(auto-fill,minmax(var(--histoire-col-size),1fr))}html,
body {
  background: transparent !important;
}body {
  margin: 0;
}html {
  font-size: .875rem;
  font-family: 'Lato', sans-serif;
}.htw-sandbox-hidden {
  display: none;
}
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.section--404 {
  background-color: #f6c2c0;
}
@media (max-width: 767px) {
.section--404 {
    padding: 20px 0;
}
}
.section--404 .container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.error404 {
  background: white;
  border-radius: 20px;
  padding: 50px;
  max-width: 760px;
  width: 100%;
  text-align: center;
}
@media (max-width: 767px) {
.error404 {
    padding: 20px !important;
}
}
.error404:hover .tompouce02 {
  transform: translateX(-8px) translateY(14px) rotate(-45deg);
}
@media (min-width: 768px) {
.error404:hover .tompouce02 {
    transform: translateX(25px) translateY(-36px) rotate(-45deg);
}
}
.error404 .btn + .btn {
  margin-left: 10px;
}
.tompouce-animation {
  margin: 0 auto 30px;
  position: relative;
  padding: 70px 0 0 0;
}
@media (min-width: 768px) {
.tompouce-animation {
    padding: 100px 0 0 0;
}
}
.tompouce-animation .tompouce01 {
  width: 154px;
  height: 55px;
}
@media (min-width: 768px) {
.tompouce-animation .tompouce01 {
    width: 240px;
    height: 86px;
}
}
.tompouce-animation .tompouce02 {
  position: absolute;
  top: 0;
  transform: translateX(158px) translateY(0px) rotate(0deg);
  transition: all 200ms ease;
}
@media (max-width: 767px) {
.tompouce-animation .tompouce02 {
    transform: translateX(75px) translateY(6px) rotate(0deg);
    width: 171px;
    height: 122px;
}
}
.error404__title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 10px;
}
.error404__content {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: 20px;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.hema-header {
  padding: 10px 0 20px;
  background: #fff;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0);
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1025px) {
.hema-header {
    padding: 20px 0 0;
}
}
.hema-header.hema-header--fixed {
  position: fixed;
}
.hema-header.hema-header--scroll {
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.15);
}
@media (max-width: 1024px) {
.hema-header.hema-header--scroll {
    padding: 10px 0;
}
.hema-header.hema-header--scroll .hema-header-logo img {
    width: 50px;
    height: 50px;
}
.hema-header.hema-header--scroll .hema-header-menutoggle {
    width: calc(100% - 120px);
    margin-top: 0;
}
.hema-header.hema-header--scroll .hema-header-search-login {
    margin-top: 0;
}
}
.hema-header .hema-header__inner {
  max-width: 1302px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}
@media (min-width: 768px) {
.hema-header .hema-header__inner {
    padding: 0 30px;
}
}
@media (min-width: 1025px) {
.hema-header .hema-header__inner {
    display: flex;
}
}
.hema-header .hema-header-logo {
  display: inline-block;
}
@media (max-width: 1024px) {
.hema-header .hema-header-logo {
    margin-right: 10px;
}
}
.hema-header .hema-header-logo img {
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1024px) {
.hema-header .hema-header-logo img {
    width: 70px;
    height: 70px;
}
}
.hema-header .hema-header__menu {
  width: 100%;
}
@media (max-width: 1024px) {
.hema-header .hema-header__menu {
    overflow-y: scroll;
    height: calc(100vh - 72px);
    background: #fff;
    flex-flow: column;
    padding: 20px 0 0;
    display: none;
}
.hema-header .hema-header__menu.open {
    display: flex;
}
}
@media (max-width: 1024px) {
.hema-header .hema-header__menu .menu--bottom {
    order: 1;
}
}
@media (min-width: 1025px) {
.hema-header .menu {
    padding: 0 0 0 20px;
    position: relative;
}
}
@media (max-width: 1024px) {
.hema-header .menu .menu__list {
    position: relative;
    height: 100%;
    border-bottom: 2px solid #f2f2f2;
}
}
@media (min-width: 1025px) {
.hema-header .menu .menu__list {
    display: flex;
    flex-wrap: wrap;
}
}
.hema-header .menu .menu__item .menu__link {
  color: #323232;
  text-decoration: none;
  cursor: pointer;
}
@media (max-width: 1024px) {
.hema-header .menu .menu__item .menu__link {
    display: inline-block;
    width: 100%;
}
}
@media (min-width: 1025px) {
.hema-header .menu .menu__item .menu__link {
    opacity: 1;
    transition: all 300ms ease;
    cursor: pointer;
}
}
@media (max-width: 1024px) {
.hema-header .menu--top {
    order: 2;
    display: none;
}
}
.hema-header .menu--top .menu__list {
  padding: 0 0 14px 0;
}
@media (min-width: 1025px) {
.hema-header .menu--top .menu__list .menu__item {
    margin-right: 20px;
}
}
@media (max-width: 1024px) {
.hema-header .menu--top .menu__list .menu__item .menu__link {
    padding: 4px;
}
}
@media (min-width: 1025px) {
.hema-header .menu--top .menu__list .menu__item .menu__link {
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0;
    display: block;
    color: #323232;
    transition: all 400ms ease-in-out;
}
}
.hema-header .menu--top .menu__list .menu__item .menu__link:hover {
  color: #5dc5e3;
}
@media (max-width: 1024px) {
.hema-header .menu--main {
    order: 1;
}
}
@media (min-width: 1025px) {
.hema-header .menu--main {
    padding: 8px 0 0 19px;
}
}
@media (max-width: 1024px) {
.hema-header .menu--main .menu__list .menu__item:not(.menu__item--button) {
    border-top: 2px solid #f2f2f2;
}
.hema-header .menu--main .menu__list .menu__item:not(.menu__item--button):last-child {
    border-bottom: 2px solid #f2f2f2;
}
}
.hema-header .menu--main .menu__list .menu__item:not(.menu__item--button):after {
  content: "";
  display: inline;
}
@media (min-width: 1025px) {
.hema-header .menu--main .menu__list .menu__item:not(.menu__item--button):after {
    position: absolute;
    width: 2px;
    height: 18px;
    top: 12px;
    background: #f6f6f6;
}
}
.hema-header .menu--main .menu__list .menu__item:not(.menu__item--button):first-child:before {
  content: "";
  display: inline;
  position: relative;
}
@media (min-width: 1025px) {
.hema-header .menu--main .menu__list .menu__item:not(.menu__item--button):first-child:before {
    position: absolute;
    width: 2px;
    height: 18px;
    top: 12px;
    background: #f6f6f6;
}
}
@media (min-width: 1025px) {
.hema-header .menu--main .menu__list .menu__item:hover .menu__link::after {
    transform: rotate(-90deg) !important;
}
.hema-header .menu--main .menu__list .menu__item:hover > .menu-submenu {
    display: flex;
    flex-wrap: wrap;
}
}
@media (max-width: 1024px) {
.hema-header .menu--main .menu__list .menu__item .menu__link {
    padding: 12px 0;
}
}
@media (min-width: 1025px) {
.hema-header .menu--main .menu__list .menu__item .menu__link {
    font-size: 1.08rem;
    line-height: 1.5;
    font-weight: 600;
    padding: 0 20px 29px;
    display: inline-block;
    cursor: pointer;
}
}
.hema-header .menu--main .menu__list .menu__item .menu__link:after {
  content: "\e902";
  font-family: icomoon;
  speak: none;
  color: currentColor;
  font-size: 13px;
  display: inline-block;
  margin-left: 7px;
  transform: rotate(0deg);
}
@media (max-width: 1024px) {
.hema-header .menu--main .menu__list .menu__item .menu__link:after {
    position: absolute;
    right: 0;
    margin-top: 4px;
}
}
@media (min-width: 1025px) {
.hema-header .menu--main .menu__list .menu__item .menu__link:after {
    transform: rotate(90deg);
}
}
@media (min-width: 768px) {
.hema-header .menu--main .menu__list .menu__item.item--hidetabletup {
    display: none;
}
}
.hema-header .menu--main .menu__list .menu__item--button {
  margin-left: auto;
  margin-top: -15px;
  position: relative;
}
@media (max-width: 1024px) {
.hema-header .menu--main .menu__list .menu__item--button {
    display: none;
}
}
.hema-header .menu--main .menu__list .menu__item--button.last {
  margin-left: 0;
  margin-right: 0;
}
.hema-header .menu--main .menu__list .menu__item--button:hover .menu__link {
  border: 1px solid #f8b840;
  background: #f8b840;
  color: #fff;
}
.hema-header .menu--main .menu__list .menu__item--button .menu__link {
  text-decoration: none;
  border-radius: 6px;
  border: 1px solid #e5e5e5;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  display: inline-block;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  min-width: 50px;
}
.hema-header .menu--main .menu__list .menu__item--button .menu__link:after {
  content: "";
  margin-left: 0;
}
.hema-header .menu--main .menu__list .menu__item--button .menu__link:hover {
  border: 1px solid #f8b840;
  background: #f8b840;
  color: #fff;
}
.hema-header .menu--main .menu__list .menu__item--button .submenu__link:hover {
  color: #2b5395;
}
@media (max-width: 1024px) {
.hema-header .item--goback {
    border-bottom: 2px solid #f2f2f2;
    padding: 12px 0;
    margin-bottom: 10px;
    cursor: pointer;
}
.hema-header .item--goback p:before {
    font-family: icomoon;
    speak: none;
    content: "\e902";
    font-size: 13px;
    color: #323232;
    display: inline-block;
    margin-right: 7px;
    transform: rotate(180deg);
    position: relative;
    left: 0;
}
}
@media (min-width: 1025px) {
.hema-header .item--goback {
    display: none;
}
}
.hema-header .hema-header-menutoggle {
  width: calc(100% - 90px);
  vertical-align: top;
  padding: 15px 15px 15px 34px;
  border: 1px solid #e5e5e5;
  color: #323232;
  border-radius: 2px;
  margin-right: 10px;
  margin-top: 21px;
  min-height: 50px;
  text-align: left;
  font-weight: bold;
  position: relative;
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1025px) {
.hema-header .hema-header-menutoggle {
    display: none;
}
}
.hema-header .hema-header-menutoggle.open .hamburger {
  background: none;
}
.hema-header .hema-header-menutoggle.open .hamburger:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.hema-header .hema-header-menutoggle.open .hamburger:after {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.hema-header .hema-header-menutoggle .hamburger {
  position: absolute;
  top: 24px;
  left: 14px;
  width: 12px;
  height: 2px;
  background-color: #323232;
  display: block;
  transition: all 300ms ease;
}
.hema-header .hema-header-menutoggle .hamburger:before, .hema-header .hema-header-menutoggle .hamburger::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #323232;
  position: absolute;
  left: 0;
  display: block;
  transition: all 300ms ease;
}
.hema-header .hema-header-menutoggle .hamburger:before {
  top: -5px;
}
.hema-header .hema-header-menutoggle .hamburger:after {
  bottom: -5px;
}
.hema-header .hema-header-menutoggle span {
  display: none;
}
.hema-header .hema-header-menutoggle.open {
  color: #323232;
}
.hema-header .hema-header-menutoggle.open span {
  display: inline;
}
.hema-header .hema-header-search-button {
  flex: 0 0 auto;
  width: 50px;
  height: 50px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  border-radius: 2px;
  outline: none;
  margin: 0;
  border: 1px solid #e5e5e5;
  margin-right: 10px;
  margin-top: 21px;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1025px) {
.hema-header .hema-header-search-button {
    display: none;
}
}
.hema-header .hema-header-search-login {
  flex: 0 0 auto;
  width: 50px;
  height: 50px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  border-radius: 2px;
  border: 1px solid #e5e5e5;
  outline: none;
  margin: 0;
  margin-top: 21px;
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1025px) {
.hema-header .hema-header-search-login {
    display: none;
}
}
.hema-header .menu-submenu .submenu {
  margin-right: 40px;
}
.hema-header .menu-submenu .submenu:last-child {
  margin-right: 0;
}
.hema-header .menu-submenu .submenu .submenu__item {
  line-height: 1.8;
}
@media (max-width: 1024px) {
.hema-header .menu-submenu .submenu .submenu__item {
    margin-bottom: 10px;
}
}
@media (min-width: 768px) {
.hema-header .menu-submenu .submenu .submenu__item {
    margin-bottom: 6px;
}
}
@media (min-width: 1025px) {
.hema-header .menu-submenu .submenu .submenu__item.item__button {
    display: block;
    width: 100%;
}
}
.hema-header .menu-submenu .submenu .submenu__item.item__button--last {
  margin-top: 10px;
}
@media (max-width: 1024px) {
.hema-header .menu-submenu .submenu .submenu__item.item__heading p {
    margin-top: 14px;
    display: inline-block;
    font-weight: 600;
}
}
@media (min-width: 768px) {
.hema-header .menu-submenu .submenu .submenu__item.item__heading p {
    margin-bottom: 10px;
}
}
@media (max-width: 1024px) {
.hema-header .menu-submenu .submenu .submenu__item .submenu__link {
    display: inline-block;
    width: 100%;
    text-decoration: none;
}
}
@media (min-width: 1025px) {
.hema-header .menu-submenu .submenu .submenu__item .submenu__link {
    display: inline-block;
    text-decoration: none;
}
}
@media (min-width: 1025px) {
.hema-header .menu-submenu .submenu .submenu__item .submenu__link:hover span:nth-child(1) {
    color: #2b5395 !important;
}
}
.hema-header .menu-submenu .submenu .submenu__item .submenu__link .icon {
  margin-right: 2px;
  fill: #323232;
  width: auto;
  height: 19px;
  top: 2px;
  position: relative;
}
.hema-header .menu-submenu .submenu .submenu__item .submenu__link span:nth-child(1) {
  color: #323232;
}
@media (min-width: 1025px) {
.hema-header .menu-submenu .submenu .submenu__item .submenu__link span:nth-child(1) {
    font-size: 1.05rem;
    line-height: 1.5;
    display: block;
}
}
.hema-header .menu-submenu .submenu .submenu__item .submenu__link span:nth-child(2) {
  display: none;
}
@media (min-width: 1025px) {
.hema-header .menu-submenu .submenu .submenu__item .submenu__link span:nth-child(2) {
    font-size: 14px;
    line-height: 18px;
    color: rgba(50, 50, 50, 0.7);
    display: block;
    text-decoration: none;
    margin-top: 8px;
}
}
.hema-header .menu-submenu.slide-in {
  display: block;
  transform: translateY(0px) translateX(0);
}
@media (max-width: 1024px) {
.hema-header .menu-submenu {
    height: calc(100vh - 90px);
    top: 3px;
    left: 0;
    width: 100%;
    z-index: 999;
    bottom: 0;
    transform: translateY(0px) translateX(-140%);
    transition: all 400ms ease;
    background: #fff;
    position: absolute;
}
}
@media (min-width: 1025px) {
.hema-header .menu-submenu {
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.16);
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    background: #fff;
    width: 100%;
    padding: 40px;
    max-width: 900px;
}
}
.hema-header .menu-submenu.submenu--small {
  max-width: 660px;
}
.hema-header .menu-submenu.submenu--large {
  max-width: 100%;
}
@media (min-width: 1025px) {
.hema-header .menu-submenu.submenu-items--4 .submenu {
    width: calc(25% - 30px);
}
}
@media (min-width: 1025px) {
.hema-header .menu-submenu.submenu-items--3 .submenu {
    width: calc(33.33333% - 30px);
}
}
@media (min-width: 1025px) {
.hema-header .menu-submenu.submenu-items--2 .submenu {
    width: calc(50% - 30px);
}
}
.hema-header .menu-submenu.submenu--inloggen {
  left: -37px;
  top: 57px;
  padding: 26px 26px 20px;
  width: 249px;
  border-radius: 6px;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
footer {
  margin-bottom: 3.125rem;
  background: #fff;
  padding: 0;
  overflow: hidden;
}
.prefooter {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
.prefooter .container {
    display: flex;
    flex-wrap: wrap;
}
}
.footer__nav--left,
.footer__nav--right {
  width: 100%;
  display: inline-block;
  position: relative;
  padding: 50px 30px 50px;
}
@media (max-width: 767px) {
.footer__nav--left,
.footer__nav--right {
    padding: 50px 30px 30px;
}
}
.footer__nav--left::before,
.footer__nav--right::before {
  content: "";
  position: absolute;
  width: 130px;
  height: 100%;
  top: 0;
}
.footer__nav--left .column__title,
.footer__nav--right .column__title {
  color: #fff;
  font-weight: 600;
  margin-bottom: 10px;
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
.footer__nav--left .column__item,
.footer__nav--left .column__link,
.footer__nav--right .column__item,
.footer__nav--right .column__link {
  color: #fff;
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
.footer__nav--left .column__button,
.footer__nav--right .column__button {
  color: #fff;
  border: 2px solid #fff;
  text-decoration: none;
  border-radius: 4px;
  padding: 14px 20px;
  font-weight: 600;
  width: 100%;
  text-align: center;
  display: block;
}
@media (min-width: 768px) {
.footer__nav--left .column__button,
.footer__nav--right .column__button {
    display: inline-block;
}
}
.footer__nav--left .column__button:hover,
.footer__nav--right .column__button:hover {
  background: #fff;
  color: #323232;
}
.footer__nav--left .column__button:hover svg,
.footer__nav--right .column__button:hover svg {
  fill: #323232;
}
.footer__nav--left .column__button svg,
.footer__nav--right .column__button svg {
  margin-right: 5px;
  fill: white;
  width: auto;
  height: 19px;
  top: 2px;
  position: relative;
}
.footer__nav--left .column__button + .column__button,
.footer__nav--right .column__button + .column__button {
  margin-top: 10px;
}
.footer__nav--left {
  max-width: 100%;
  background: #9c1aff;
}
@media (min-width: 768px) and (max-width: 1024px) {
.footer__nav--left {
    max-width: 65%;
}
}
@media (min-width: 1025px) and (max-width: 1400px) {
.footer__nav--left {
    max-width: 65%;
}
}
@media (min-width: 1401px) {
.footer__nav--left {
    max-width: 75%;
}
}
.footer__nav--left::before {
  left: -130px;
  background: #9c1aff;
}
@media (min-width: 768px) {
.footer__nav--left .menu {
    display: flex;
    flex-wrap: wrap;
}
}
.footer__nav--left .menu .menu__column {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
.footer__nav--left .menu .menu__column {
    width: 50%;
}
}
@media (min-width: 1401px) {
.footer__nav--left .menu .menu__column {
    width: 33%;
}
}
.footer__nav--left .column__item {
  margin-bottom: 6px;
}
.footer__nav--left .column__item:last-child {
  margin-bottom: 0;
}
.footer__nav--right {
  max-width: 100%;
  background: #9c1aff;
  padding-left: 30px;
  padding-right: 30px;
}
@media (min-width: 768px) {
.footer__nav--right {
    max-width: 35%;
}
}
@media (min-width: 1025px) and (max-width: 1400px) {
.footer__nav--right {
    max-width: 35%;
}
}
@media (min-width: 1401px) {
.footer__nav--right {
    max-width: 25%;
}
}
.footer__nav--right::before {
  right: -130px;
  background: #9c1aff;
}
.footer .container {
  padding: 0 30px;
}
@media only screen and (min-width: 950px) {
.footer .footer__nav--bottom .menu {
    display: flex;
    align-items: center;
}
}
.footer .footer__nav--bottom .menu .menu__logo {
  height: 70px;
  margin-right: 20px;
}
.footer .footer__nav--bottom .menu .menu__item {
  margin: 10px 0;
}
.footer .footer__nav--bottom .menu .menu__item:last-child {
  margin: 0;
}
.footer .footer__nav--bottom .menu .column__link {
  position: relative;
  text-decoration: none;
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
  font-weight: bold;
  display: inline-block;
  padding: 0;
  color: #323232;
}
@media only screen and (min-width: 950px) {
.footer .footer__nav--bottom .menu .column__link {
    padding: 20px 10px;
}
}
.footer .footer__nav--bottom .menu .column__link:hover {
  text-decoration: underline;
}
.footer .footer__nav--bottom .menu .thuiswinkel-waarborg {
  position: absolute;
  top: 1px;
  right: -26px;
}
@media only screen and (min-width: 950px) {
.footer .footer__nav--bottom .menu .thuiswinkel-waarborg {
    top: 20px;
    right: -16px;
}
}
.sticky-widget {
  position: fixed;
  z-index: 99999;
  bottom: 20px;
  right: 20px;
}
.sticky-widget .sticky {
  position: relative;
  background: #f2f2f2;
  display: inline-block;
  cursor: pointer;
  transition: all 300ms ease;
  display: flex;
  margin-left: auto;
  width: 50px;
  height: 50px;
}
@media (min-width: 768px) {
.sticky-widget .sticky {
    width: 60px;
    height: 60px;
}
}
.sticky-widget .sticky svg {
  max-width: 100%;
  max-height: 100%;
}
.sticky-widget .sticky .tooltip {
  position: absolute;
  width: 110px;
  background: #8e38f4;
  color: #ffffff;
  text-align: center;
  padding: 18px 16px;
  z-index: 999;
  top: -70px;
  right: 0;
  visibility: hidden;
}
.sticky-widget .sticky .tooltip:after {
  content: "";
  background: #8e38f4;
  color: #ffffff;
  width: 14px;
  height: 14px;
  transform: rotate(45deg);
  bottom: -7px;
  right: 26px;
  position: absolute;
}
.sticky-widget .sticky:hover .tooltip {
  visibility: visible;
}
.sticky-widget .sticky.sticky--chatbot {
  background: #3b2267;
  padding: 12px;
  border-radius: 100%;
}
@media (min-width: 768px) {
.sticky-widget .sticky.sticky--chatbot {
    padding: 16px;
}
}
.sticky-widget .sticky.sticky--chatbot:hover {
  background: #f8b840;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.btn,
.btn2 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  cursor: pointer;
  font-weight: bold;
  text-decoration: none !important;
  vertical-align: top;
  display: inline-block;
  text-align: center;
  border: 0;
  padding: 16px 20px;
  border-radius: 5px;
  min-height: 57px;
  min-width: 57px;
  height: auto;
  width: auto;
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.2);
}
.btn.btn2-red, .btn.btn2--red, .btn.btn2-green, .btn.btn2--green, .btn.btn-purple, .btn.btn--purple, .btn.btn-black, .btn.btn--black, .btn.btn-red, .btn.btn--red, .btn.btn-pink, .btn.btn--pink, .btn.btn-green, .btn.btn--green, .btn.btn-yellow, .btn.btn--yellow, .btn.btn-orange, .btn.btn--orange,
.btn2.btn2-red,
.btn2.btn2--red,
.btn2.btn2-green,
.btn2.btn2--green,
.btn2.btn-purple,
.btn2.btn--purple,
.btn2.btn-black,
.btn2.btn--black,
.btn2.btn-red,
.btn2.btn--red,
.btn2.btn-pink,
.btn2.btn--pink,
.btn2.btn-green,
.btn2.btn--green,
.btn2.btn-yellow,
.btn2.btn--yellow,
.btn2.btn-orange,
.btn2.btn--orange {
  color: #fff;
  background-color: #f8b840;
}
.btn.btn2-red:hover, .btn.btn2--red:hover, .btn.btn2-green:hover, .btn.btn2--green:hover, .btn.btn-purple:hover, .btn.btn--purple:hover, .btn.btn-black:hover, .btn.btn--black:hover, .btn.btn-red:hover, .btn.btn--red:hover, .btn.btn-pink:hover, .btn.btn--pink:hover, .btn.btn-green:hover, .btn.btn--green:hover, .btn.btn-yellow:hover, .btn.btn--yellow:hover, .btn.btn-orange:hover, .btn.btn--orange:hover,
.btn2.btn2-red:hover,
.btn2.btn2--red:hover,
.btn2.btn2-green:hover,
.btn2.btn2--green:hover,
.btn2.btn-purple:hover,
.btn2.btn--purple:hover,
.btn2.btn-black:hover,
.btn2.btn--black:hover,
.btn2.btn-red:hover,
.btn2.btn--red:hover,
.btn2.btn-pink:hover,
.btn2.btn--pink:hover,
.btn2.btn-green:hover,
.btn2.btn--green:hover,
.btn2.btn-yellow:hover,
.btn2.btn--yellow:hover,
.btn2.btn-orange:hover,
.btn2.btn--orange:hover {
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.2), inset 0 0 200px rgba(0, 0, 0, 0.1);
}
.btn.btn-blue, .btn.btn--blue,
.btn2.btn-blue,
.btn2.btn--blue {
  color: #fff;
  background-color: #5dc5e3;
}
.btn.btn-blue:hover, .btn.btn--blue:hover,
.btn2.btn-blue:hover,
.btn2.btn--blue:hover {
  background-color: #36acce;
}
.btn.btn-grey, .btn.btn--grey,
.btn2.btn-grey,
.btn2.btn--grey {
  background-color: #e5e3de;
  color: #323232;
}
.btn.btn-grey:hover, .btn.btn--grey:hover,
.btn2.btn-grey:hover,
.btn2.btn--grey:hover {
  background-color: #d0cdc7;
}
.btn.btn--grey-outline,
.btn2.btn--grey-outline {
  padding: 14px 20px;
  border: 2px solid #ebebeb;
  border-radius: 5px;
  box-shadow: inset 0 0px 0 0 rgba(0, 0, 0, 0.2);
  color: #323232;
}
.btn.btn--grey-outline svg,
.btn2.btn--grey-outline svg {
  font-size: 20px;
  margin-right: 4px;
}
.btn.btn--grey-outline svg.icon--pakketwijzer,
.btn2.btn--grey-outline svg.icon--pakketwijzer {
  fill: #2b5395;
}
.btn.btn--grey-outline svg.icon--zorgpremie,
.btn2.btn--grey-outline svg.icon--zorgpremie {
  fill: #388167;
}
.btn.btn--grey-outline:hover,
.btn2.btn--grey-outline:hover {
  background: #2b5395;
  border: 2px solid #2b5395;
  color: #fff;
}
.btn.btn--grey-outline:hover svg,
.btn2.btn--grey-outline:hover svg {
  fill: #fff;
}
.btn.btn--icon,
.btn2.btn--icon {
  padding: 14px 20px 14px 50px;
  position: relative;
}
.btn.btn--icon:before,
.btn2.btn--icon:before {
  font-size: 18px;
  position: absolute;
  left: 20px;
  top: 17px;
}
.btn.icon-zorgpremie:before,
.btn2.icon-zorgpremie:before {
  color: #388167;
}
.btn.icon-zorgpremie:hover:before,
.btn2.icon-zorgpremie:hover:before {
  color: #ffffff;
}
.btn.icon-pakketwijzer:before,
.btn2.icon-pakketwijzer:before {
  color: #2b5395;
}
.btn.icon-pakketwijzer:hover:before,
.btn2.icon-pakketwijzer:hover:before {
  color: #ffffff;
}
.btn.btn--zorg-blue,
.btn2.btn--zorg-blue {
  background: #2b5395;
  color: #ffffff;
}
.btn.btn--zorg-blue:hover,
.btn2.btn--zorg-blue:hover {
  background: #388167;
}
.btn.btn--zorg-orange,
.btn2.btn--zorg-orange {
  background: #f4a628;
  color: #ffffff;
}
.btn.btn--zorg-orange:hover,
.btn2.btn--zorg-orange:hover {
  background: #da2d2a;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.section--breadcrumb {
  width: 100%;
}
.breadcrumb {
  position: relative;
  padding: 5px 0px 12px 0px;
  z-index: 1;
  display: inline-block;
}
@media (max-width: 767px) {
.breadcrumb {
    display: none;
}
}
.breadcrumb ul {
  display: block;
}
.breadcrumb ul li {
  float: left;
}
.breadcrumb ul li a {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
  color: #9b9b9b;
  text-transform: lowercase;
  display: inline-block;
  padding: 0;
  text-decoration: none !important;
}
.breadcrumb ul li a:hover {
  color: #5dc5e3;
}
.breadcrumb ul li a:after {
  content: "\e902";
  font-family: "icomoon";
  color: #9b9b9b;
  font-size: 8px;
  font-weight: lighter;
  margin: 0px 5px;
  vertical-align: middle;
}
.breadcrumb ul li:last-child a:after {
  content: "" !important;
}
.breadcrumb li + li::before {
  content: "" !important;
}
.breadcrumb__mobile {
  margin: 0px 0px 15px 0px;
}
.breadcrumb__mobile a {
  color: #1a1919 !important;
  font-weight: 600;
  font-size: 11px;
  text-decoration: none !important;
}
.breadcrumb__mobile a:hover {
  color: #5dc5e3;
}
@media (min-width: 1025px) {
.breadcrumb__mobile {
    display: none !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.breadcrumb__mobile {
    display: none !important;
}
}
.breadcrumb__mobile a:before {
  content: "\e902";
  font-family: "icomoon";
  color: #1a1919;
  margin: 0px 5px;
  display: inline-block;
  transform: rotate(180deg);
  font-size: 9px;
  text-decoration: none !important;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.content__link {
  margin-top: 16px;
  display: inline-block;
}
@media (min-width: 768px) {
.content__link {
    display: none;
}
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.category-list__item {
  border-radius: 8px;
  margin: 0 0 30px;
  list-style: none;
  padding: 0;
}
.category-list__item:hover .item__image img {
  transform: scale(0.9);
}
.category-list__item .item__link {
  text-decoration: none;
}
.category-list__item .item__image {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  height: 100px;
  width: 100px;
  margin: 0 auto 10px;
}
@media (min-width: 768px) {
.category-list__item .item__image {
    height: 100px;
    width: 100px;
}
}
.category-list__item .item__image img {
  position: absolute;
  padding: 10px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 400ms ease;
}
.category-list__item .item__content {
  text-align: center;
}
.category-list__item .content__title {
  color: #323232;
  word-break: break-word;
}
@media (min-width: 768px) {
.list-items--medium .category-list__item {
    width: 100%;
    max-width: 200px;
    margin: 0 0 30px;
}
}
.list-items--medium .item__image {
  height: 100px;
  width: 100px;
}
@media (min-width: 768px) {
.list-items--medium .item__image {
    height: 200px;
    width: 200px;
    margin: 0 0 10px;
}
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
@media (min-width: 768px) {
.block--category-list {
    margin-bottom: 60px !important;
}
}
.category-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, 100px);
  grid-gap: 1rem;
  justify-content: space-between;
  margin: 0 -8px 0;
}
.list-items--medium {
  grid-template-columns: repeat(auto-fill, 100px);
}
@media (min-width: 768px) {
.list-items--medium {
    grid-template-columns: repeat(auto-fill, 200px);
}
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
@media (min-width: 768px) {
.block--featured-content + .block--featured-content {
    margin-top: 100px;
}
}
.block--featured-content.layout--coverage {
  padding: 60px 0;
  max-width: 700px;
  margin: 0 auto;
}
.block--featured-content.layout--coverage .featured__image {
  min-width: 210px;
  max-width: 210px;
  height: 320px;
}
.featured-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
.featured-content {
    flex-flow: column;
    margin: 0 auto 30px;
}
}
@media (min-width: 768px) {
.featured-content.featured--right .featured__body {
    order: 2;
    margin-right: 0;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.featured-content.featured--right .featured__body {
    margin-left: 80px;
}
}
@media (min-width: 1025px) {
.featured-content.featured--right .featured__body {
    margin-left: 80px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.featured-content.featured--fullwidth .featured__image {
    height: 450px;
    min-width: 450px;
    max-width: 450px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.featured-content.featured--fullwidth .featured__image {
    height: 360px;
    min-width: 360px;
    max-width: 360px;
}
}
@media (min-width: 1025px) and (max-width: 1400px) {
.featured-content.featured--fullwidth .featured__image {
    height: 540px;
    min-width: 540px;
    max-width: 540px;
}
}
@media (min-width: 1401px) {
.featured-content.featured--fullwidth .featured__image {
    height: 620px;
    min-width: 620px;
    max-width: 620px;
}
}
.featured__body .content__title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 10px;
}
.featured__body a {
  color: #333;
}
@media (max-width: 767px) {
.featured__body {
    order: 2;
}
}
@media (min-width: 768px) {
.featured__body {
    margin-right: 80px;
}
}
.featured__body .content__footer {
  margin-top: 20px;
}
.featured__image {
  height: 260px;
  position: relative;
  width: 100%;
}
@media (max-width: 767px) {
.featured__image {
    margin-bottom: 20px;
    height: 224px;
    max-width: 320px;
}
}
@media (min-width: 768px) {
.featured__image {
    min-width: 340px;
}
}
.featured__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
}
@media (max-width: 767px) {
.featured__image .image--tabletup {
    display: none;
}
}
@media (min-width: 768px) {
.featured__image .image--mobile {
    display: none;
}
}
.featured-content .featured__image.featured__image--video {
  align-self: flex-start;
  height: auto;
  max-width: none;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
@media (min-width: 768px) {
.block--blog-items .blog-items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
}
.block--blog-items .blog__header {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
.block--blog-items .blog__header {
    display: flex;
}
}
.block--blog-items .blog__header .header__title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: bold;
}
.block--blog-items .blog__header .link {
  color: #323232;
  margin-left: auto;
  font-weight: 600;
}
@media (max-width: 767px) {
.block--blog-items .blog__header .link {
    display: block;
}
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.link--chevron {
  display: inline-block;
  padding: 0 0 0 14px;
  position: relative;
  color: #323232;
  text-decoration: none;
}
.link--chevron:hover {
  text-decoration: underline;
}
.link--chevron:before {
  font-family: icomoon;
  speak: none;
  content: "\e902";
  font-size: 12px;
  color: #323232;
  display: inline-block;
  transform: rotate(0deg) translateX(-14px);
}
.link--chevron-right:after {
  font-family: icomoon;
  speak: none;
  content: "\e902";
  font-size: 12px;
  color: #323232;
  display: inline-block;
  transform: rotate(0deg) translateX(8px) translateY(1px);
}
.link--chevron-left:before {
  font-family: icomoon;
  speak: none;
  content: "\e902";
  font-size: 12px;
  color: #323232;
  display: inline-block;
  transform: rotate(180deg) translateX(0px) translateY(1px);
  padding: 0 0 0 10px;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.hero-header {
  margin-bottom: 60px;
}
.hero-header--default .container {
  max-width: 1300px;
  min-height: 400px;
  margin: 0 auto;
  padding: 0 20px;
}
@media (min-width: 768px) {
.hero-header--default .container {
    padding: 0 30px;
}
}
.hero-header--default .hero {
  position: relative;
}
@media (min-width: 1025px) {
.hero-header--default .hero {
    display: flex;
}
}
.hero-header--default .hero .hero__image {
  width: 100%;
  height: 400px;
  position: absolute;
  top: 0;
}
@media (max-width: 767px) {
.hero-header--default .hero .hero__image {
    height: 200px;
    width: calc(100% + 40px);
    left: -20px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.hero-header--default .hero .hero__image {
    height: 300px;
    width: calc(100% + 40px);
    left: -20px;
}
}
.hero-header--default .hero .hero__image .image {
  background-size: cover;
  position: absolute;
  background-position: right center;
  background-repeat: no-repeat;
  width: 120px;
  height: 120px;
  right: calc(50% - 60px);
  top: 40px;
}
@media (min-width: 1025px) {
.hero-header--default .hero .hero__image .image {
    width: 360px;
    height: 360px;
    right: 140px;
    top: 40px;
}
}
.hero-header--default .hero .hero__image .image--background {
  width: 100%;
  position: relative;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 400px;
}
.hero-header--default .hero .video {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 400px;
}
.hero-header--default .hero .video video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scaleX(-1);
}
.hero-header--default .hero .hero__content {
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  margin: 40px 40px 0 40px;
  padding: 60px;
  z-index: 2;
  position: relative;
}
@media (max-width: 767px) {
.hero-header--default .hero .hero__content {
    margin: 160px 0px 0px 0px;
    padding: 30px;
    width: calc(100% - 0px);
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.hero-header--default .hero .hero__content {
    margin: 180px 40px 0 40px;
    padding: 30px;
    width: calc(100% - 80px);
}
}
@media (min-width: 1025px) {
.hero-header--default .hero .hero__content {
    margin: 80px 40px 0 80px;
    width: 100%;
    max-width: 500px;
}
}
.hero-header--default .hero .hero__content .hero__title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
.hero-header--default .hero .hero__content .hero_subtitle {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: 16px;
}
.hero-header--default .hero .hero__content .list + a {
  margin-top: 20px;
}
@media (min-width: 768px) {
.hero-header--default .hero .hero__content .list + a {
    margin-top: 30px;
}
}
.hero-header--default .hero .hero__content .content__title {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  font-weight: 600;
  margin-top: 10px;
}
.hero-header--default .hero .hero__content .content__text {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
.hero-header--default .hero .hero__content .btn {
  margin-top: 20px;
}
.hero-header--default .hero .hero__actie {
  width: 100%;
  margin-top: 20px;
}
@media (min-width: 768px) and (max-width: 1024px) {
.hero-header--default .hero .hero__actie {
    width: calc(100% - 80px);
    margin-right: 20px;
    margin-left: 40px;
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
.hero-header--default .hero .hero__actie {
    width: calc(100% - 40px);
    margin-top: 350px;
    margin-right: 40px;
}
}
.hero-header--default .hero .hero__actie .actie {
  color: #323232;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 30px;
  position: relative;
  display: inline-block;
  text-decoration: none;
  transition: all 400ms ease;
  width: 100%;
}
.hero-header--default .hero .hero__actie .actie .actie__image {
  background-size: cover;
  position: absolute;
  width: 140px;
  height: calc(100% - 40px);
  left: 20px;
  top: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 8px;
}
@media (max-width: 767px) {
.hero-header--default .hero .hero__actie .actie .actie__image {
    max-height: 100px;
    width: 100px;
}
}
@media (min-width: 1024px) and (max-width: 1180px) {
.hero-header--default .hero .hero__actie .actie .actie__image {
    display: none;
}
}
.hero-header--default .hero .hero__actie .actie .actie__content {
  margin-left: 110px;
}
@media (min-width: 768px) {
.hero-header--default .hero .hero__actie .actie .actie__content {
    margin-left: 160px;
}
}
@media (min-width: 1024px) and (max-width: 1180px) {
.hero-header--default .hero .hero__actie .actie .actie__content {
    margin-left: 0;
}
}
.hero-header--default .hero .hero__actie .actie .actie__content .content__title {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: 8px;
}
.hero-header--default .hero .hero__actie .actie .actie__content .content__text {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
  margin-bottom: 8px;
}
.hero-header--default .hero .hero__actie .actie .link {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
  color: #323232;
}
.hero-header--default .hero .hero__actie .actie:hover {
  box-shadow: 0 0 55px rgba(0, 0, 0, 0.08);
}
@media (min-width: 768px) {
.hero-header--default.fixed .list {
    margin-bottom: 20px !important;
}
}
@media (min-width: 1025px) {
.hero-header--default.fixed .hero__actie {
    margin-top: 440px;
}
}
.list--label {
  margin-bottom: 0 !important;
  margin-top: 30px;
}
.list--label li {
  display: inline-block;
  background-color: black;
  padding: 4px 8px;
  border-radius: 4px;
  margin: 0 4px 8px;
  transition: all 400ms ease;
}
.list--label li a {
  display: inline-block;
  color: #fff;
  text-decoration: none;
}
.list--label li:last-child {
  background: #f2f2f2;
}
.list--label li:last-child a {
  color: black;
}
.list--label li:hover {
  background: rgb(228, 27, 19);
}
.actie--voorjaars {
  transition: all 400ms ease;
}
.actie--voorjaars p span {
  text-decoration: underline;
}
.actie--voorjaars:hover {
  background: #f3bd41 !important;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.video-embed {
  width: 100%;
  height: 0;
  padding-bottom: 56.5%;
  position: relative;
}
.video-embed__iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.blog__item {
  border-radius: 8px;
  width: 100%;
  text-decoration: none;
  position: relative;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
@media (max-width: 767px) {
.blog__item {
    margin-bottom: 20px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.blog__item {
    margin: 0 15px 30px;
    width: calc(50% - 30px);
}
}
@media (min-width: 1025px) {
.blog__item {
    margin: 0 15px 30px;
    width: calc(33.33333% - 30px);
}
}
.blog__item--eten {
  background-color: #9c1aff;
}
.blog__item--genieten {
  background-color: #f9830c;
}
.blog__item--slapen {
  background-color: #ff6884;
}
.blog__item--bewegen {
  background-color: #00c4d4;
}
.blog__item:hover .item__image img {
  transform: scale(1.05);
}
.blog__item:hover .item__footer .content__link {
  transform: translateX(-10px);
}
.blog__item .item__image {
  height: 334px;
  position: relative;
  overflow: hidden;
}
.blog__item .item__content {
  padding: 20px 20px 20px;
}
.blog__item .content__title {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
  font-weight: 600;
  color: #fff;
}
.blog__item .content__text {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
  color: #fff;
  padding: 0 70px 0 0px;
}
.blog__item .item__footer {
  margin-top: auto;
  padding: 0 0 20px;
}
.blog__item .content__link {
  position: relative;
  width: 48px;
  height: 48px;
  border-radius: 1000px;
  background-color: white;
  display: inline-block;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 22px;
  margin-left: auto;
  transition: all 400ms ease;
}
.blog__item .content__link:after {
  font-family: icomoon;
  speak: none;
  content: "\e902";
  position: absolute;
  font-size: 15px;
  color: #323232;
  display: inline-block;
  transform: rotate(0deg);
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.list {
  list-style: none;
  margin: 0;
}
.list .list__item {
  padding: 0 0 0 26px;
  position: relative;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
.list .list__item {
    margin-bottom: 10px;
}
}
.list .list__item:last-child {
  margin-bottom: 0;
}
.list .list__item.item--null:before, .list .list__item.item--default:before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 10px;
}
.list .list__item.item--check:before {
  content: "\e901";
  font-family: "icomoon";
  speak: none;
  color: #9ac122;
  font-size: 13px;
  left: 0;
  top: 3px;
  position: absolute;
  transition: all 275ms ease;
}
@media (min-width: 768px) {
.list .list__item.item--check:before {
    font-size: 15px;
}
}
.list .list__item.item--minus {
  color: #333;
  opacity: 0.5;
}
.list .list__item.item--minus:before {
  content: "";
  background-color: #333;
  opacity: 0.5;
  left: 0;
  top: 12px;
  width: 15px;
  height: 3px;
  display: inline-block;
  position: absolute;
  transition: all 275ms ease;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
img {
  height: auto;
  max-width: 100%;
}
.responsive-image img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  object-fit: cover;
  transition: all 400ms ease;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.markdown {
  overflow: auto;
}
.markdown p:not(:last-child) {
  margin-bottom: 30px;
}
.markdown .btn {
  display: table;
}
.markdown ul,
.markdown ol {
  padding: 0 0 0 20px;
  margin: 0;
}
.markdown ul:not(:last-child),
.markdown ol:not(:last-child) {
  margin: 0 0 30px;
}
.markdown ul {
  list-style: disc;
}
.markdown ol {
  list-style: decimal;
}
.markdown blockquote ul {
  padding: 0 0 0 30px;
  list-style: none;
  margin: 0;
  position: relative;
}
@media (min-width: 768px) {
.markdown blockquote ul {
    left: -6px;
    font-size: 12px;
}
}
.markdown blockquote ul li {
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 768px) {
.markdown blockquote ul li {
    margin-bottom: 10px;
}
}
.markdown blockquote ul li:before {
  content: "\e901";
  font-family: "icomoon";
  speak: none;
  color: #9ac122;
  font-size: 13px;
  left: -24px;
  top: 6px;
  position: absolute;
  transition: all 275ms ease;
}
.markdown blockquote ul:not(:last-child) {
  margin: 0 0 30px;
}
.markdown table {
  border-collapse: collapse;
  border-radius: 8px;
  border-spacing: 0;
  width: 100%;
  font-size: 16px;
}
.markdown table thead {
  font-weight: 600;
}
.markdown table thead th {
  border: 0px solid #e5e5e5;
  background-color: #f7f7f7;
  color: #323232;
  border-right: 1px solid white;
}
.markdown table thead th:first-child {
  border-top-left-radius: 8px;
}
.markdown table thead th:last-child {
  border-top-right-radius: 8px;
  border-right: 0px solid white;
}
.markdown table th,
.markdown table td {
  border: 1px solid #e5e5e5;
  text-align: center;
  padding: 22px 10px;
  min-width: 140px;
}
.markdown table tr:nth-of-type(odd) {
  background: #f9fafc;
}
@media (min-width: 768px) {
.markdown table {
    overflow-x: visible;
}
}
.block:not(:last-child) {
  margin-bottom: 40px;
}
.block--markdown-indent {
  padding: 0 !important;
}
.block--markdown-indent .markdown {
  padding: 0 0 0 10px;
  border-left: 2px solid #dfdfdf;
}
@media (min-width: 768px) {
.block--markdown-indent .markdown {
    padding: 0 0 0 22px;
}
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.accordion {
  list-style: none;
  padding: 0;
  margin: 14px 0 20px;
}
@media (min-width: 768px) {
.accordion {
    margin: 30px 0 20px;
}
}
.accordion .accordion__item.open .accordion__body {
  display: inline-block;
}
.accordion .link {
  display: inline-block;
}
.accordion .link--deep {
  margin-top: 14px;
}
.accordion .accordion__button {
  background: none;
  border: 0;
  padding: 0;
  display: block;
  padding: 20px 74px 20px 30px;
  width: 100%;
  position: relative;
  text-align: left;
  cursor: pointer;
  background-color: #ffffff;
  transition: background-color 500ms ease;
  outline: 0;
}
.accordion .accordion__button:before {
  font-family: icomoon;
  speak: none;
  content: "\e903";
  font-size: 16px;
  left: 0;
  top: 25px;
  position: absolute;
}
.accordion .accordion__title {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  font-weight: 600;
  color: #323232;
  transition: all 275ms ease;
  margin-bottom: 0 !important;
}
.accordion .accordion__body {
  display: none;
  padding: 0 30px 20px;
}
.accordion .accordion__body p {
  margin: 0;
}
.accordion--layout1 .accordion__item {
  border-bottom: 1px solid #e5e3de;
}
.accordion--layout1 .accordion__item:nth-child(1) {
  border-top: 1px solid #e5e3de;
}
.accordion--layout1 .accordion__item.open .accordion__button:before {
  content: "\e904";
  font-size: 4px;
  top: 31px;
}
.accordion--layout1 .accordion__item.open .accordion__button:hover:after {
  content: "verberg";
}
.accordion--layout1 .accordion__item .accordion__button:hover:after {
  content: "toon";
  position: absolute;
  display: inline-block;
  right: 10px;
  top: 25px;
  font-size: 13px;
}
.accordion--layout1 .accordion__item .accordion__button:hover .accordion__title {
  color: #4a90e2;
}
.accordion--layout2 {
  margin: 30px 0 20px;
  list-style: none;
  padding: 0;
}
.accordion--layout2 .accordion__item {
  margin: 0 0 10px;
}
.accordion--layout2 .accordion__item:last-child {
  margin: 0;
}
.accordion--layout2 .accordion__item.open .accordion__body {
  display: inline-block;
}
.accordion--layout2 .accordion__item.open .accordion__button:before {
  content: "\e902";
  font-size: 16px;
  transform: rotate(90deg);
}
.accordion--layout2 .accordion__button {
  background-color: #f9f9f7;
  border: 0;
  padding: 0;
  display: block;
  padding: 20px 20px 20px 50px;
  width: 100%;
  position: relative;
  text-align: left;
  cursor: pointer;
  transition: background-color 500ms ease;
  outline: 0;
}
.accordion--layout2 .accordion__button:before {
  font-family: icomoon;
  speak: none;
  content: "\e902";
  color: #323232;
  font-size: 16px;
  left: 20px;
  top: 22px;
  position: absolute;
}
.accordion--layout2 .accordion__button:hover .accordion__title {
  color: #4a90e2;
}
.accordion--layout2 .accordion__body {
  display: none;
  padding: 20px 52px 40px;
}
.accordion--layout2 .accordion__body p {
  margin: 0;
}
@media (min-width: 768px) {
.accordion--coverage {
    margin: 30px 0 0;
}
}
.accordion--coverage .accordion__item * {
  color: #323232;
}
.accordion--coverage .accordion__item.open .accordion__intro {
  display: none;
}
.accordion--coverage .accordion__item.open .accordion__button:before {
  content: "\e902";
  font-size: 16px;
  top: 26px;
  transform: rotate(90deg);
}
.accordion--coverage .accordion__item .accordion__button:before {
  content: "\e902";
  font-size: 16px;
  top: 26px;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.gallery__item {
  border: 1px solid #e5e5e5;
  width: 100%;
  padding: 30px;
  border-radius: 8px;
  margin-bottom: 20px;
  background: #ffffff;
  position: relative;
}
@media (max-width: 767px) {
.gallery__item:last-child {
    margin-bottom: 0;
}
}
@media (min-width: 768px) {
.gallery__item {
    width: calc(50% - 20px);
    margin: 0 10px 20px;
}
}
@media (min-width: 1025px) {
.gallery__item {
    width: calc(33.333333% - 20px);
    margin: 0 10px 20px;
}
}
.gallery__item.labelActive {
  margin-top: 37px !important;
}
.gallery__item.labelActive:before {
  content: attr(label);
  position: absolute;
  background: #8e38f4;
  color: white;
  padding: 8px 10px;
  top: -38px;
  left: 28px;
  font-size: 14px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}
@media (min-width: 768px) {
.gallery__item.labelDisabled {
    margin-top: 37px !important;
}
}
@media (min-width: 1025px) {
.gallery__item.items--2 {
    width: calc(50% - 20px);
    margin: 0 10px 20px;
}
}
.gallery__item .item__container {
  height: 100%;
  position: relative;
  display: grid;
  align-content: space-between;
}
.gallery__item .item__container .btn {
  width: 100%;
}
.gallery__item .item__image {
  position: absolute;
  width: 40px;
  height: 60px;
  top: 0;
  right: 0;
  z-index: 1;
}
@media (min-width: 768px) {
.gallery__item .item__image {
    width: 60px;
    height: 80px;
}
}
.gallery__item .item__image img {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.gallery__item .item__price {
  position: absolute;
  top: -10px;
  right: 0;
  z-index: 1;
  font-size: 1.8rem;
  font-weight: bold;
  color: #323232;
}
@media (min-width: 768px) and (max-width: 1024px) {
.gallery__item .item__price {
    font-size: 2rem;
}
}
@media (min-width: 1025px) {
.gallery__item .item__price {
    font-size: 3rem;
}
}
.gallery__item .item__price sup {
  font-size: 55%;
  vertical-align: super;
}
@media (min-width: 768px) {
.gallery__item .item__price sup {
    margin-left: -5px;
}
}
.gallery__item .item__title {
  color: #323232;
  position: relative;
  width: 100%;
  z-index: 2;
  margin-bottom: 20px;
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
  font-weight: 600;
}
.gallery__item .item__title.title-image {
  padding-right: 64px;
}
@media (max-width: 767px) {
.gallery__item .item__title.title-image {
    margin-bottom: 40px;
}
}
@media (min-width: 768px) {
.gallery__item .item__title {
    min-height: 72px;
    padding: 0 80px 0 0;
}
}
.gallery__item hr {
  background: #323232;
  opacity: 0.2;
  margin: 20px 0;
  display: inline-block;
  width: 100%;
  border: 1px inset;
}
.gallery__item .item__footer {
  text-align: center;
}
.gallery__item .item__footer .link {
  margin-top: 20px;
  display: inline-block;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.product-gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
.product-gallery {
    margin: 0 -10px;
}
}
@media (min-width: 1025px) {
.product-gallery {
    margin: 0 -10px;
}
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.link--back {
  color: #323232;
  padding: 10px 0 30px 20px;
  display: inline-block;
  position: relative;
  text-decoration: none;
}
.link--back:before {
  content: "\e902";
  font-family: icomoon;
  font-size: 14px;
  top: 12px;
  left: 0;
  position: relative;
  display: inline-block;
  transform: rotate(180deg);
  margin-right: 10px;
  transition: all 300ms ease-in-out;
  position: absolute;
}
.link--back:hover {
  color: #2b5395;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.page--coverage {
  background: hsla(185deg, 100%, 42%, 0.1);
}
.page--coverage .section {
  padding: 30px 0;
}
.page--coverage .link--back {
  margin-bottom: 50px;
}
.page--coverage .custom-image .media {
  position: relative;
}
@media (max-width: 767px) {
.page--coverage .custom-image .media .media__image {
    position: absolute;
    right: 0;
    top: -140px;
    width: 130px;
    height: 120px;
    overflow: hidden;
    transform: scaleX(-1);
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.page--coverage .custom-image .media .media__image {
    position: absolute;
    left: 0px;
    top: -80px;
    width: 130px;
}
}
@media (min-width: 1025px) {
.page--coverage .custom-image .media .media__image {
    position: absolute;
    left: 0;
    top: -110px;
    width: 150px;
}
}
.page--coverage .custom-image .media .media__image img {
  position: relative;
  width: 100%;
  height: auto;
  object-fit: unset;
}
@media (min-width: 768px) and (max-width: 1024px) {
.page--coverage .custom-image .media .media__content {
    margin-left: 160px;
    width: calc(100% - 160px);
}
}
@media (min-width: 1025px) {
.page--coverage .custom-image .media .media__content {
    margin-left: 200px;
    width: calc(100% - 200px);
}
}
.page--coverage .row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
.page--coverage .row {
    padding: 20px;
}
}
.page--coverage .block--review {
  padding: 40px 0 0;
}
@media (min-width: 768px) {
.page--coverage .block--review {
    padding: 70px 0 30px;
}
}
.page--coverage .block--review .review {
  border-top: none;
  border-bottom: none;
}
.list--coverage {
  border-bottom: 1px solid #e5e3de;
  padding: 0 0 20px;
}
@media (min-width: 768px) {
.list--coverage {
    padding: 30px 0;
    display: flex;
}
}
.list--coverage .list--coverage__item {
  display: flex;
  margin-right: 40px;
}
@media (max-width: 767px) {
.list--coverage .list--coverage__item:nth-child(1) {
    margin-bottom: 10px;
}
}
.list--coverage .list--coverage__item span {
  display: inline-block;
  background: #eeeeee;
  padding: 10px;
  border-radius: 4px;
  font-weight: 600;
  line-height: 1;
}
.list--coverage .list--coverage__item .item__title {
  font-weight: normal;
  padding: 5px 10px 5px 0;
  margin: 0;
}
.list--coverage .list--coverage__item:last-child {
  margin-right: 0;
}
.accordion__item--link {
  padding: 20px 20px 20px 30px;
  position: relative;
}
.accordion__item--link a {
  color: #388167;
}
.accordion__item--link:before {
  content: "\e902";
  font-family: icomoon;
  speak: none;
  color: #388167;
  font-size: 16px;
  left: 0;
  top: 22px;
  position: absolute;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.review {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 30px 0;
}
@media (max-width: 767px) {
.review {
    text-align: center;
}
}
@media (min-width: 768px) {
.review {
    padding: 60px 0;
    align-items: center;
    justify-content: center;
    display: flex;
}
}
.review .review__title {
  max-width: 200px;
}
@media (max-width: 767px) {
.review .review__title {
    margin: 0 auto;
}
}
@media (min-width: 768px) {
.review .review__title {
    text-align: center;
}
}
.review .review__title .title {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
  font-weight: 600;
  line-height: 1.2;
}
.review .review__stars {
  background: #f7f7f7;
  border-radius: 26px;
  padding: 12px 20px;
  display: flex;
}
@media (max-width: 767px) {
.review .review__stars {
    max-width: 195px;
    margin: 24px auto;
}
}
@media (min-width: 768px) {
.review .review__stars {
    margin: 0 30px;
}
}
.review .review__stars .stars {
  display: flex;
}
.review .review__stars .stars.stars--one .star:nth-child(1):before {
  color: #d02f65;
}
.review .review__stars .stars.stars--two .star:nth-child(1):before,
.review .review__stars .stars.stars--two .star:nth-child(2):before {
  color: #d02f65;
}
.review .review__stars .stars.stars--three .star:nth-child(1):before,
.review .review__stars .stars.stars--three .star:nth-child(2):before,
.review .review__stars .stars.stars--three .star:nth-child(3):before {
  color: #d02f65;
}
.review .review__stars .stars.stars--four .star:nth-child(1):before,
.review .review__stars .stars.stars--four .star:nth-child(2):before,
.review .review__stars .stars.stars--four .star:nth-child(3):before,
.review .review__stars .stars.stars--four .star:nth-child(4):before {
  color: #d02f65;
}
.review .review__stars .stars.stars--five .star:nth-child(n+1):before {
  color: #d02f65;
}
.review .review__stars .star {
  margin-right: 3px;
}
.review .review__stars .star:last-child {
  margin-right: 10px;
}
.review .review__stars .star:before {
  content: "\e90a";
  display: inline-block;
  font-family: icomoon;
  color: #f6d5e0;
  font-size: 21px;
}
.review .review__stars .review__number {
  font-weight: bold;
  font-size: 20px;
  line-height: 27px;
  color: #323232;
}
.review .review__link a {
  font-size: 16px;
  line-height: 19px;
  text-decoration: underline;
  color: #323232;
}
.review .review__link a:hover {
  color: #2b5395;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
@media (min-width: 768px) {
.media {
    display: flex;
}
}
.media .media__image {
  width: 100px;
  height: 100px;
  position: relative;
}
@media (min-width: 768px) {
.media .media__image {
    width: 170px;
    height: 170px;
}
}
.media .media__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.media .media__content {
  width: 100%;
}
@media (min-width: 768px) {
.media .media__content {
    width: calc(100% - 200px);
    margin-left: 30px;
}
}
.media .media__content .media__title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  margin-bottom: 20px;
}
.media .media__content .media__title b {
  font-weight: bold;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.zorg-coverage__buttons {
  margin: 30px 0 0;
  display: grid;
  gap: 20px;
}
@media (min-width: 768px) {
.zorg-coverage__buttons {
    grid-template-columns: 1fr 1fr;
}
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.card--direct-to {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
.card--direct-to {
    margin: 0 -10px;
}
}
@media (min-width: 1025px) {
.card--direct-to {
    margin: 0 -10px;
}
}
.card--direct-to .card__item {
  border: 1px solid #e5e5e5;
  width: 100%;
  padding: 30px;
  border-radius: 8px;
  margin-bottom: 20px;
  background: #ffffff;
}
@media (max-width: 767px) {
.card--direct-to .card__item:last-child {
    margin-bottom: 0;
}
}
@media (min-width: 768px) {
.card--direct-to .card__item {
    width: calc(50% - 20px);
    margin: 0 10px 20px;
}
}
@media (min-width: 1025px) {
.card--direct-to .card__item {
    width: calc(33.333333% - 20px);
    margin: 0 10px 20px;
}
}
.card--direct-to .card__item .item__title {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: 10px;
}
.card--direct-to .card__item .direct-to {
  margin-bottom: 10px;
}
.card--direct-to .card__item .direct-to .direct__item {
  margin-bottom: 6px;
}
.card--direct-to .card__item .direct-to .direct__item:last-child {
  margin-bottom: 0;
}
.card--direct-to .item--contact {
  background: #dfeee8;
}
.card--direct-to .item--contact p {
  margin: 0;
}
.card--direct-to .item--contact p + p {
  margin-top: 10px;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.card--more-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
.card--more-info {
    margin: 0 -10px;
}
}
@media (min-width: 1025px) {
.card--more-info {
    margin: 0 -10px;
}
}
.card--more-info .card__item {
  width: 100%;
  padding: 30px;
  border-radius: 8px;
  margin-bottom: 20px;
  border: 1px solid #e5e5e5;
  text-decoration: none;
}
@media (max-width: 767px) {
.card--more-info .card__item:last-child {
    margin-bottom: 0;
}
}
@media (min-width: 768px) {
.card--more-info .card__item {
    width: calc(50% - 20px);
    margin: 0 10px 20px;
}
}
@media (min-width: 1025px) {
.card--more-info .card__item {
    width: calc(33.333333% - 20px);
    margin: 0 10px 20px;
}
}
.card--more-info .card__item .card__title {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: 10px;
  color: #323232;
}
.card--more-info .card__item .link {
  margin-top: 10px;
  display: inline-block;
  text-decoration: underline;
}
.card--more-info.card-bg--blue .card__item {
  background: #f2f7fd;
  border: 1px solid #f2f7fd;
  border-radius: 8px;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.hema-verzekeringen-chatbot .chatbot-feedback {
  display: flex;
  flex-wrap: wrap;
}
.hema-verzekeringen-chatbot .chatbot-feedback .button + .button {
  margin-left: 10px;
}
.hema-verzekeringen-chatbot .chatbot-feedback__heading {
  font-weight: bolder;
  margin-bottom: 10px;
}
.hema-verzekeringen-chatbot .chatbot-feedback__main {
  padding-right: 10px;
}
.hema-verzekeringen-chatbot .chatbot-feedback__main, .hema-verzekeringen-chatbot .chatbot-feedback__explanation {
  margin-top: 10px;
  flex: 1 0 50%;
  white-space: nowrap;
}
.hema-verzekeringen-chatbot .chatbot-feedback__textarea {
  background-color: #ffffff;
  resize: none;
  font-family: inherit;
  display: block;
  margin-bottom: 10px;
  padding: 1em;
  width: 100%;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.hema-verzekeringen-chatbot {
  box-sizing: border-box;
  --hema-verzekeringen-chatbot-color-outline: #f1efeb;
  --hema-verzekeringen-chatbot-color-msg-bot: #eef9fc;
  --hema-verzekeringen-chatbot-color-msg-client: #f8b840;
  font-size: 16px;
  line-height: 1.8;
  --hema-verzekeringen-chatbot-font-size-default: 1em;
  --hema-verzekeringen-chatbot-font-size-small: 0.875em;
  border: solid 2px var(--hema-verzekeringen-chatbot-color-outline);
  border-radius: 10px;
  background-color: #ffffff;
  padding: 1em 0 0 0;
  display: grid;
  gap: 1em;
  grid-template-columns: 7em 1fr;
  grid-template-rows: auto;
  position: relative;
}
.hema-verzekeringen-chatbot *,
.hema-verzekeringen-chatbot *:before,
.hema-verzekeringen-chatbot *:after {
  box-sizing: inherit;
}
.hema-verzekeringen-chatbot a {
  color: #5dc5e3 !important;
  text-decoration: underline;
}
.hema-verzekeringen-chatbot .msg-client,
.hema-verzekeringen-chatbot .msg-bot {
  grid-column: 2/3;
}
.hema-verzekeringen-chatbot .img-bot {
  grid-column: 1/2;
  justify-self: end;
  height: 80px;
  width: 80px;
  background-image: url(/assets/chaticoon.d57b98ee.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top right;
}
.hema-verzekeringen-chatbot .msg-error,
.hema-verzekeringen-chatbot .footer {
  grid-column: 1/3;
}
.hema-verzekeringen-chatbot .text {
  font-size: var(--hema-verzekeringen-chatbot-font-size-default);
  border-radius: 10px;
  display: block;
  margin: 2em 2em 0 0;
  padding: 1.6em;
  word-break: break-word;
}
.hema-verzekeringen-chatbot .msg-bot {
  position: relative;
}
.hema-verzekeringen-chatbot .msg-bot .text {
  background-color: var(--hema-verzekeringen-chatbot-color-msg-bot);
}
.hema-verzekeringen-chatbot .msg-bot .text:deep(a) {
  display: inline-block;
}
.hema-verzekeringen-chatbot .msg-bot ul {
  list-style-type: disc;
  margin-left: 0;
  padding-left: 15px;
}
.hema-verzekeringen-chatbot .msg-bot ul li {
  font-size: var(--hema-verzekeringen-chatbot-font-size-default);
  margin-left: 0;
  padding-left: 0;
}
.hema-verzekeringen-chatbot .msg-client {
  position: relative;
}
.hema-verzekeringen-chatbot .msg-client .text {
  background-color: #fff;
  border: solid 2px var(--hema-verzekeringen-chatbot-color-msg-client);
}
.hema-verzekeringen-chatbot .footer {
  background-color: var(--hema-verzekeringen-chatbot-color-outline);
  margin-top: 1em;
  padding: 1em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.hema-verzekeringen-chatbot .footer-notice,
.hema-verzekeringen-chatbot .form {
  width: 100%;
  max-width: 666px;
  margin: 0 auto;
}
.hema-verzekeringen-chatbot .footer-notice {
  font-size: var(--hema-verzekeringen-chatbot-font-size-small);
  padding: 1em 0;
  text-align: center;
}
.hema-verzekeringen-chatbot .footer-notice strong {
  color: #e71600;
  font-weight: bolder;
}
.hema-verzekeringen-chatbot .footer-notice a {
  display: inline-block;
}
.hema-verzekeringen-chatbot .form {
  display: flex;
}
.hema-verzekeringen-chatbot .input-wrapper {
  flex: 1 1 auto;
  min-width: 10em;
  background-color: #fff;
  position: relative;
  padding-right: 1.5em;
  margin-right: 1em;
}
.hema-verzekeringen-chatbot .input {
  font-size: var(--hema-verzekeringen-chatbot-font-size-default);
  border: none;
  padding: 1.5em;
  width: 100%;
}
.hema-verzekeringen-chatbot .input:focus {
  outline: none;
}
.hema-verzekeringen-chatbot .character-count {
  font-size: var(--hema-verzekeringen-chatbot-font-size-default);
  color: #9b9b9b;
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
}
.hema-verzekeringen-chatbot .character-count.out-of-bounds {
  color: red;
}
.hema-verzekeringen-chatbot .button {
  font-size: var(--hema-verzekeringen-chatbot-font-size-default);
  font-weight: bolder;
  border: none;
  flex: 0 0 auto;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1.5em 3em;
  box-shadow: 0 2px #f6a40a;
  color: #fff;
  background-color: #f8b840;
  transition: background-color ease-in-out 0.2s;
}
.hema-verzekeringen-chatbot .button:hover {
  background-color: #f6a40a;
  cursor: pointer;
}
.hema-verzekeringen-chatbot .button:disabled, .hema-verzekeringen-chatbot .button:disabled:hover {
  cursor: default;
  background-color: #d2d2d2;
  box-shadow: 0 2px #c8c8c8;
}
.hema-verzekeringen-chatbot .button .txt-s {
  display: none;
}
@media (max-width: 47em) {
.hema-verzekeringen-chatbot {
    grid-template-columns: 4em 1fr;
}
.hema-verzekeringen-chatbot .img-bot {
    height: 70px;
    margin-top: 20px;
}
.hema-verzekeringen-chatbot .form {
    margin-bottom: 2em;
}
.hema-verzekeringen-chatbot .character-count {
    right: auto;
    left: 0.5em;
    top: calc(100% + 0.5em);
    transform: none;
}
.hema-verzekeringen-chatbot .button {
    padding: 1em 1.5em;
}
.hema-verzekeringen-chatbot .button .txt-l {
    display: none;
}
.hema-verzekeringen-chatbot .button .txt-s {
    display: block;
    position: absolute;
    min-width: 0.5em;
    max-width: 1.5em;
    top: 50%;
    left: 50%;
    transform: translateX(-30%) translateY(-45%);
}
}
.hema-verzekeringen-chatbot .msg-arrow {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 52px;
}
.hema-verzekeringen-chatbot .msg-bot .msg-arrow {
  left: -14px;
}
.hema-verzekeringen-chatbot .msg-bot .msg-arrow .triangle {
  fill: var(--hema-verzekeringen-chatbot-color-msg-bot);
}
.hema-verzekeringen-chatbot .msg-client .msg-arrow {
  right: 18px;
}
.hema-verzekeringen-chatbot .msg-client .msg-arrow .triangle {
  fill: #fff;
  stroke: #f8b840;
  stroke-width: 2px;
}
.hema-verzekeringen-chatbot .dot-pulse-wrapper {
  padding-left: 1.6em;
}
.hema-verzekeringen-chatbot .dot-pulse {
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #323232;
  color: #323232;
  box-shadow: 9999px 0 0 -5px #323232;
  animation: dotPulse 1.5s infinite linear;
  animation-delay: 0.25s;
}
.hema-verzekeringen-chatbot .dot-pulse:before, .hema-verzekeringen-chatbot .dot-pulse:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #323232;
  color: #323232;
}
.hema-verzekeringen-chatbot .dot-pulse:before {
  box-shadow: 9984px 0 0 -5px #323232;
  animation: dotPulseBefore 1.5s infinite linear;
  animation-delay: 0s;
}
.hema-verzekeringen-chatbot .dot-pulse:after {
  box-shadow: 10014px 0 0 -5px #323232;
  animation: dotPulseAfter 1.5s infinite linear;
  animation-delay: 0.5s;
}
@keyframes dotPulseBefore {
0% {
    box-shadow: 9984px 0 0 -5px #323232;
}
30% {
    box-shadow: 9984px 0 0 2px #323232;
}
60%, 100% {
    box-shadow: 9984px 0 0 -5px #323232;
}
}
@keyframes dotPulse {
0% {
    box-shadow: 9999px 0 0 -5px #323232;
}
30% {
    box-shadow: 9999px 0 0 2px #323232;
}
60%, 100% {
    box-shadow: 9999px 0 0 -5px #323232;
}
}
@keyframes dotPulseAfter {
0% {
    box-shadow: 10014px 0 0 -5px #323232;
}
30% {
    box-shadow: 10014px 0 0 2px #323232;
}
60%, 100% {
    box-shadow: 10014px 0 0 -5px #323232;
}
}
.hema-verzekeringen-chatbot .feedback-confirmation {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.hema-verzekeringen-chatbot .feedback-confirmation__icon {
  max-height: 1.2em;
  max-width: 1.2em;
  margin-right: 0.5em;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.section-CTA {
  position: relative;
  padding: 0 1.5rem;
  margin: 0px 0px 60px 0px;
}
@media (max-width: 767px) {
.section-CTA .content__container {
    padding: 0;
}
}
.section-CTA:before {
  content: "";
  height: 60px;
  width: 100%;
  background: white;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  display: inline-block;
  z-index: 1;
}
@media (min-width: 768px) {
.section-CTA:before {
    height: 180px;
}
}
@media (min-width: 1025px) {
.section-CTA:before {
    height: 200px;
}
}
.section-CTA .cta-full {
  border-radius: 10px;
  background: #3b2267;
  color: #fff;
  position: relative;
  z-index: 2;
  padding: 30px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
.section-CTA .cta-full {
    padding: 50px;
    border-radius: 20px;
}
}
@media (min-width: 1025px) {
.section-CTA .cta-full {
    padding: 70px;
}
}
.section-CTA .cta-full h2 {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
.section-CTA .cta-full h2 {
    margin-bottom: 20px;
}
}
.section-CTA .cta-full p {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
.section-CTA .cta-full p {
    margin-bottom: 20px;
}
}
.section-CTA .cta-full img {
  position: absolute;
  height: 106%;
  top: 0;
  right: -40px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  z-index: -1;
}
@media (max-width: 767px) {
.section-CTA .cta-full img {
    display: none;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.section-CTA .cta-full img {
    opacity: 0.4;
}
}
@media (min-width: 1025px) and (max-width: 1400px) {
.section-CTA .cta-full img {
    height: 80%;
    bottom: 0;
    top: auto;
}
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.download-list-item {
  list-style-type: none;
  margin-bottom: 14px;
  margin-left: 14px;
  padding: 0 0 0 14px;
  position: relative;
}
.download-list-item:last-child {
  margin-bottom: 0;
}
.download-list-item:before {
  font-family: icomoon;
  speak: none;
  content: "\e900";
  font-size: 22px;
  left: -14px;
  top: -3px;
  position: absolute;
  transition: all 275ms ease;
}
@media (min-width: 768px) {
.download-list-item:before {
    font-size: 28px;
}
}
.download-list-item__link {
  text-decoration: underline;
  vertical-align: top;
}
.downloadlist__title {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: 20px;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.form__message {
  padding: 14px;
  border-radius: 6px;
  border: 1px solid #e5e5e5;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 30px;
}
.form__message.form__message--succeed {
  border: 1px solid #00868f;
  background: #f5feff;
}
.form__message.form__message--error {
  border: 1px solid #e30564;
  background: #fff0f6;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
form.form--small {
  max-width: 500px;
  width: 100%;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.form__error {
  color: #e30564;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
input[type=email] {
  width: 100%;
  display: inline-block;
  background: white;
  border-radius: 6px;
  padding: 12px 10px;
  border: 1px solid #e5e5e5;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
input[type=email]:focus-visible, input[type=email]:focus {
  border: 1px solid #323232;
  outline: none;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox[data-v-2ba8ee00] {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html[data-v-2ba8ee00],
body[data-v-2ba8ee00] {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html[data-v-2ba8ee00],
body[data-v-2ba8ee00] {
    font-size: 16px !important;
}
}
[data-v-2ba8ee00]:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *[data-v-2ba8ee00],
:where(.__histoire-sandbox) *[data-v-2ba8ee00]:before,
:where(.__histoire-sandbox) *[data-v-2ba8ee00]:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol[data-v-2ba8ee00],
:where(.__histoire-sandbox) ul[data-v-2ba8ee00] {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote[data-v-2ba8ee00],
:where(.__histoire-sandbox) q[data-v-2ba8ee00] {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote[data-v-2ba8ee00]:before,
:where(.__histoire-sandbox) blockquote[data-v-2ba8ee00]:after,
:where(.__histoire-sandbox) q[data-v-2ba8ee00]:before,
:where(.__histoire-sandbox) q[data-v-2ba8ee00]:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table[data-v-2ba8ee00] {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer[data-v-2ba8ee00]:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie[data-v-2ba8ee00]:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star[data-v-2ba8ee00]:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink[data-v-2ba8ee00]:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp[data-v-2ba8ee00]:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu[data-v-2ba8ee00]:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close[data-v-2ba8ee00]:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark[data-v-2ba8ee00]:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus[data-v-2ba8ee00]:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus[data-v-2ba8ee00]:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right[data-v-2ba8ee00]:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check[data-v-2ba8ee00]:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download[data-v-2ba8ee00]:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group[data-v-2ba8ee00] {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title[data-v-2ba8ee00] {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group[data-v-2ba8ee00]:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item[data-v-2ba8ee00] {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item[data-v-2ba8ee00] {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label[data-v-2ba8ee00] {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea[data-v-2ba8ee00],
:where(.__histoire-sandbox) .form__group select[data-v-2ba8ee00],
:where(.__histoire-sandbox) .form__group input[type=file][data-v-2ba8ee00],
:where(.__histoire-sandbox) .form__group input[type=number][data-v-2ba8ee00],
:where(.__histoire-sandbox) .form__group input[type=text][data-v-2ba8ee00] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea[data-v-2ba8ee00]:focus-visible, :where(.__histoire-sandbox) .form__group textarea[data-v-2ba8ee00]:focus,
:where(.__histoire-sandbox) .form__group select[data-v-2ba8ee00]:focus-visible,
:where(.__histoire-sandbox) .form__group select[data-v-2ba8ee00]:focus,
:where(.__histoire-sandbox) .form__group input[type=file][data-v-2ba8ee00]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file][data-v-2ba8ee00]:focus,
:where(.__histoire-sandbox) .form__group input[type=number][data-v-2ba8ee00]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number][data-v-2ba8ee00]:focus,
:where(.__histoire-sandbox) .form__group input[type=text][data-v-2ba8ee00]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text][data-v-2ba8ee00]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey[data-v-2ba8ee00] {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight[data-v-2ba8ee00],
:where(.__histoire-sandbox) .bg-color--caravan-highlight[data-v-2ba8ee00],
:where(.__histoire-sandbox) .bg-color--motor-highlight[data-v-2ba8ee00],
:where(.__histoire-sandbox) .bg-color--opstal-highlight[data-v-2ba8ee00] {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary[data-v-2ba8ee00],
:where(.__histoire-sandbox) .bg-color--caravan-primary[data-v-2ba8ee00],
:where(.__histoire-sandbox) .bg-color--motor-primary[data-v-2ba8ee00],
:where(.__histoire-sandbox) .bg-color--opstal-primary[data-v-2ba8ee00] {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary[data-v-2ba8ee00],
:where(.__histoire-sandbox) .bg-color--caravan-secondary[data-v-2ba8ee00],
:where(.__histoire-sandbox) .bg-color--motor-secondary[data-v-2ba8ee00],
:where(.__histoire-sandbox) .bg-color--opstal-secondary[data-v-2ba8ee00] {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight[data-v-2ba8ee00] {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary[data-v-2ba8ee00] {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary[data-v-2ba8ee00] {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight[data-v-2ba8ee00],
:where(.__histoire-sandbox) .bg-color--inboedel-highlight[data-v-2ba8ee00],
:where(.__histoire-sandbox) .bg-color--scooter-highlight[data-v-2ba8ee00] {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary[data-v-2ba8ee00],
:where(.__histoire-sandbox) .bg-color--inboedel-primary[data-v-2ba8ee00],
:where(.__histoire-sandbox) .bg-color--scooter-primary[data-v-2ba8ee00] {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary[data-v-2ba8ee00],
:where(.__histoire-sandbox) .bg-color--inboedel-secondary[data-v-2ba8ee00],
:where(.__histoire-sandbox) .bg-color--scooter-secondary[data-v-2ba8ee00] {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight[data-v-2ba8ee00],
:where(.__histoire-sandbox) .bg-color--zorg-highlight[data-v-2ba8ee00] {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary[data-v-2ba8ee00],
:where(.__histoire-sandbox) .bg-color--zorg-primary[data-v-2ba8ee00] {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary[data-v-2ba8ee00],
:where(.__histoire-sandbox) .bg-color--zorg-secondary[data-v-2ba8ee00] {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight[data-v-2ba8ee00],
:where(.__histoire-sandbox) .bg-color--reis-highlight[data-v-2ba8ee00] {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary[data-v-2ba8ee00],
:where(.__histoire-sandbox) .bg-color--reis-primary[data-v-2ba8ee00] {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary[data-v-2ba8ee00],
:where(.__histoire-sandbox) .bg-color--reis-secondary[data-v-2ba8ee00] {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight[data-v-2ba8ee00] {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary[data-v-2ba8ee00] {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary[data-v-2ba8ee00] {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight[data-v-2ba8ee00] {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary[data-v-2ba8ee00] {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary[data-v-2ba8ee00] {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight[data-v-2ba8ee00] {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary[data-v-2ba8ee00] {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary[data-v-2ba8ee00] {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs[data-v-2ba8ee00] {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s[data-v-2ba8ee00] {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base[data-v-2ba8ee00] {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l[data-v-2ba8ee00] {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl[data-v-2ba8ee00] {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2[data-v-2ba8ee00] {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p[data-v-2ba8ee00] {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b[data-v-2ba8ee00] {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong[data-v-2ba8ee00] {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em[data-v-2ba8ee00] {
  font-style: italic;
}
:where(.__histoire-sandbox) .link[data-v-2ba8ee00],
:where(.__histoire-sandbox) p[data-v-2ba8ee00],
:where(.__histoire-sandbox) li[data-v-2ba8ee00] {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p[data-v-2ba8ee00] {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p[data-v-2ba8ee00]:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal[data-v-2ba8ee00] {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent[data-v-2ba8ee00] {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code[data-v-2ba8ee00] {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1[data-v-2ba8ee00],
:where(.__histoire-sandbox) .markdown h2[data-v-2ba8ee00],
:where(.__histoire-sandbox) .markdown h3[data-v-2ba8ee00],
:where(.__histoire-sandbox) .markdown h4[data-v-2ba8ee00],
:where(.__histoire-sandbox) .markdown h5[data-v-2ba8ee00],
:where(.__histoire-sandbox) .markdown h6[data-v-2ba8ee00] {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1[data-v-2ba8ee00] {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2[data-v-2ba8ee00] {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3[data-v-2ba8ee00] {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4[data-v-2ba8ee00] {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5[data-v-2ba8ee00],
:where(.__histoire-sandbox) .markdown h6[data-v-2ba8ee00] {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title[data-v-2ba8ee00] {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body[data-v-2ba8ee00] {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto[data-v-2ba8ee00], :where(.__histoire-sandbox) .section[data-v-2ba8ee00]:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto[data-v-2ba8ee00], :where(.__histoire-sandbox) .section[data-v-2ba8ee00]:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto[data-v-2ba8ee00], :where(.__histoire-sandbox) .section[data-v-2ba8ee00]:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro[data-v-2ba8ee00] {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro[data-v-2ba8ee00] {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro[data-v-2ba8ee00] {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner[data-v-2ba8ee00] {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner[data-v-2ba8ee00] {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner[data-v-2ba8ee00] {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero[data-v-2ba8ee00] {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content[data-v-2ba8ee00] {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero[data-v-2ba8ee00],
:where(.__histoire-sandbox) .section--subintro[data-v-2ba8ee00],
:where(.__histoire-sandbox) .section--50width[data-v-2ba8ee00] {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner[data-v-2ba8ee00] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container[data-v-2ba8ee00],
:where(.__histoire-sandbox) .content__container[data-v-2ba8ee00] {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container[data-v-2ba8ee00],
:where(.__histoire-sandbox) .content__container[data-v-2ba8ee00] {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container[data-v-2ba8ee00],
:where(.__histoire-sandbox) .content__container[data-v-2ba8ee00] {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container[data-v-2ba8ee00] {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small[data-v-2ba8ee00] {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small[data-v-2ba8ee00] {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium[data-v-2ba8ee00] {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large[data-v-2ba8ee00] {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content[data-v-2ba8ee00] {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content[data-v-2ba8ee00] {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content[data-v-2ba8ee00] {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row[data-v-2ba8ee00] {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row[data-v-2ba8ee00] {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block[data-v-2ba8ee00] {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block[data-v-2ba8ee00]:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block[data-v-2ba8ee00] {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row[data-v-2ba8ee00] {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row[data-v-2ba8ee00] {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row[data-v-2ba8ee00] {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row[data-v-2ba8ee00] {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container[data-v-2ba8ee00] {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block[data-v-2ba8ee00] {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block[data-v-2ba8ee00]:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white[data-v-2ba8ee00] {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white[data-v-2ba8ee00] {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white[data-v-2ba8ee00] {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block[data-v-2ba8ee00] {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row[data-v-2ba8ee00] {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row[data-v-2ba8ee00] {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown[data-v-2ba8ee00],
:where(.__histoire-sandbox) .section-content--white .block__row .accordion[data-v-2ba8ee00] {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row[data-v-2ba8ee00] {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile[data-v-2ba8ee00] {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation[data-v-2ba8ee00] {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation[data-v-2ba8ee00]:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink-2ba8ee00 10s infinite;
  transform-origin: top left;
}
@keyframes shrink-2ba8ee00 {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile[data-v-2ba8ee00] {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile[data-v-2ba8ee00] {
    display: none;
}
}
.label--checkbox[data-v-2ba8ee00] {
  display: inline-block;
  padding: 0 0 0 28px;
  position: relative;
}
input[type=checkbox][data-v-2ba8ee00] {
  display: none;
}
input[type=checkbox] + label[data-v-2ba8ee00]:before {
  content: "";
  position: absolute;
  display: inline-block;
  border: 3px solid #fff;
  outline: 1px solid #e5e5e5;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  vertical-align: middle;
  transition: 0.2s;
  left: 0px;
  top: 4px;
}
input[type=checkbox] + label[data-v-2ba8ee00] {
  cursor: pointer;
}
input[type=checkbox]:checked + label[data-v-2ba8ee00]:before {
  background-color: #00868f;
  border: 3px solid #fff;
  outline: 1px solid #e5e5e5;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox[data-v-5b69e9c1] {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html[data-v-5b69e9c1],
body[data-v-5b69e9c1] {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html[data-v-5b69e9c1],
body[data-v-5b69e9c1] {
    font-size: 16px !important;
}
}
[data-v-5b69e9c1]:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *[data-v-5b69e9c1],
:where(.__histoire-sandbox) *[data-v-5b69e9c1]:before,
:where(.__histoire-sandbox) *[data-v-5b69e9c1]:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol[data-v-5b69e9c1],
:where(.__histoire-sandbox) ul[data-v-5b69e9c1] {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote[data-v-5b69e9c1],
:where(.__histoire-sandbox) q[data-v-5b69e9c1] {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote[data-v-5b69e9c1]:before,
:where(.__histoire-sandbox) blockquote[data-v-5b69e9c1]:after,
:where(.__histoire-sandbox) q[data-v-5b69e9c1]:before,
:where(.__histoire-sandbox) q[data-v-5b69e9c1]:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table[data-v-5b69e9c1] {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer[data-v-5b69e9c1]:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie[data-v-5b69e9c1]:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star[data-v-5b69e9c1]:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink[data-v-5b69e9c1]:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp[data-v-5b69e9c1]:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu[data-v-5b69e9c1]:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close[data-v-5b69e9c1]:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark[data-v-5b69e9c1]:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus[data-v-5b69e9c1]:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus[data-v-5b69e9c1]:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right[data-v-5b69e9c1]:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check[data-v-5b69e9c1]:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download[data-v-5b69e9c1]:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group[data-v-5b69e9c1] {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title[data-v-5b69e9c1] {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group[data-v-5b69e9c1]:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item[data-v-5b69e9c1] {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item[data-v-5b69e9c1] {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label[data-v-5b69e9c1] {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea[data-v-5b69e9c1],
:where(.__histoire-sandbox) .form__group select[data-v-5b69e9c1],
:where(.__histoire-sandbox) .form__group input[type=file][data-v-5b69e9c1],
:where(.__histoire-sandbox) .form__group input[type=number][data-v-5b69e9c1],
:where(.__histoire-sandbox) .form__group input[type=text][data-v-5b69e9c1] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea[data-v-5b69e9c1]:focus-visible, :where(.__histoire-sandbox) .form__group textarea[data-v-5b69e9c1]:focus,
:where(.__histoire-sandbox) .form__group select[data-v-5b69e9c1]:focus-visible,
:where(.__histoire-sandbox) .form__group select[data-v-5b69e9c1]:focus,
:where(.__histoire-sandbox) .form__group input[type=file][data-v-5b69e9c1]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file][data-v-5b69e9c1]:focus,
:where(.__histoire-sandbox) .form__group input[type=number][data-v-5b69e9c1]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number][data-v-5b69e9c1]:focus,
:where(.__histoire-sandbox) .form__group input[type=text][data-v-5b69e9c1]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text][data-v-5b69e9c1]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey[data-v-5b69e9c1] {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight[data-v-5b69e9c1],
:where(.__histoire-sandbox) .bg-color--caravan-highlight[data-v-5b69e9c1],
:where(.__histoire-sandbox) .bg-color--motor-highlight[data-v-5b69e9c1],
:where(.__histoire-sandbox) .bg-color--opstal-highlight[data-v-5b69e9c1] {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary[data-v-5b69e9c1],
:where(.__histoire-sandbox) .bg-color--caravan-primary[data-v-5b69e9c1],
:where(.__histoire-sandbox) .bg-color--motor-primary[data-v-5b69e9c1],
:where(.__histoire-sandbox) .bg-color--opstal-primary[data-v-5b69e9c1] {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary[data-v-5b69e9c1],
:where(.__histoire-sandbox) .bg-color--caravan-secondary[data-v-5b69e9c1],
:where(.__histoire-sandbox) .bg-color--motor-secondary[data-v-5b69e9c1],
:where(.__histoire-sandbox) .bg-color--opstal-secondary[data-v-5b69e9c1] {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight[data-v-5b69e9c1] {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary[data-v-5b69e9c1] {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary[data-v-5b69e9c1] {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight[data-v-5b69e9c1],
:where(.__histoire-sandbox) .bg-color--inboedel-highlight[data-v-5b69e9c1],
:where(.__histoire-sandbox) .bg-color--scooter-highlight[data-v-5b69e9c1] {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary[data-v-5b69e9c1],
:where(.__histoire-sandbox) .bg-color--inboedel-primary[data-v-5b69e9c1],
:where(.__histoire-sandbox) .bg-color--scooter-primary[data-v-5b69e9c1] {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary[data-v-5b69e9c1],
:where(.__histoire-sandbox) .bg-color--inboedel-secondary[data-v-5b69e9c1],
:where(.__histoire-sandbox) .bg-color--scooter-secondary[data-v-5b69e9c1] {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight[data-v-5b69e9c1],
:where(.__histoire-sandbox) .bg-color--zorg-highlight[data-v-5b69e9c1] {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary[data-v-5b69e9c1],
:where(.__histoire-sandbox) .bg-color--zorg-primary[data-v-5b69e9c1] {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary[data-v-5b69e9c1],
:where(.__histoire-sandbox) .bg-color--zorg-secondary[data-v-5b69e9c1] {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight[data-v-5b69e9c1],
:where(.__histoire-sandbox) .bg-color--reis-highlight[data-v-5b69e9c1] {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary[data-v-5b69e9c1],
:where(.__histoire-sandbox) .bg-color--reis-primary[data-v-5b69e9c1] {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary[data-v-5b69e9c1],
:where(.__histoire-sandbox) .bg-color--reis-secondary[data-v-5b69e9c1] {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight[data-v-5b69e9c1] {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary[data-v-5b69e9c1] {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary[data-v-5b69e9c1] {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight[data-v-5b69e9c1] {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary[data-v-5b69e9c1] {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary[data-v-5b69e9c1] {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight[data-v-5b69e9c1] {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary[data-v-5b69e9c1] {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary[data-v-5b69e9c1] {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs[data-v-5b69e9c1] {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s[data-v-5b69e9c1] {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base[data-v-5b69e9c1] {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l[data-v-5b69e9c1] {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl[data-v-5b69e9c1] {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2[data-v-5b69e9c1] {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p[data-v-5b69e9c1] {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b[data-v-5b69e9c1] {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong[data-v-5b69e9c1] {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em[data-v-5b69e9c1] {
  font-style: italic;
}
:where(.__histoire-sandbox) .link[data-v-5b69e9c1],
:where(.__histoire-sandbox) p[data-v-5b69e9c1],
:where(.__histoire-sandbox) li[data-v-5b69e9c1] {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p[data-v-5b69e9c1] {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p[data-v-5b69e9c1]:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal[data-v-5b69e9c1] {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent[data-v-5b69e9c1] {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code[data-v-5b69e9c1] {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1[data-v-5b69e9c1],
:where(.__histoire-sandbox) .markdown h2[data-v-5b69e9c1],
:where(.__histoire-sandbox) .markdown h3[data-v-5b69e9c1],
:where(.__histoire-sandbox) .markdown h4[data-v-5b69e9c1],
:where(.__histoire-sandbox) .markdown h5[data-v-5b69e9c1],
:where(.__histoire-sandbox) .markdown h6[data-v-5b69e9c1] {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1[data-v-5b69e9c1] {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2[data-v-5b69e9c1] {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3[data-v-5b69e9c1] {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4[data-v-5b69e9c1] {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5[data-v-5b69e9c1],
:where(.__histoire-sandbox) .markdown h6[data-v-5b69e9c1] {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title[data-v-5b69e9c1] {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body[data-v-5b69e9c1] {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto[data-v-5b69e9c1], :where(.__histoire-sandbox) .section[data-v-5b69e9c1]:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto[data-v-5b69e9c1], :where(.__histoire-sandbox) .section[data-v-5b69e9c1]:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto[data-v-5b69e9c1], :where(.__histoire-sandbox) .section[data-v-5b69e9c1]:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro[data-v-5b69e9c1] {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro[data-v-5b69e9c1] {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro[data-v-5b69e9c1] {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner[data-v-5b69e9c1] {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner[data-v-5b69e9c1] {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner[data-v-5b69e9c1] {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero[data-v-5b69e9c1] {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content[data-v-5b69e9c1] {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero[data-v-5b69e9c1],
:where(.__histoire-sandbox) .section--subintro[data-v-5b69e9c1],
:where(.__histoire-sandbox) .section--50width[data-v-5b69e9c1] {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner[data-v-5b69e9c1] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container[data-v-5b69e9c1],
:where(.__histoire-sandbox) .content__container[data-v-5b69e9c1] {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container[data-v-5b69e9c1],
:where(.__histoire-sandbox) .content__container[data-v-5b69e9c1] {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container[data-v-5b69e9c1],
:where(.__histoire-sandbox) .content__container[data-v-5b69e9c1] {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container[data-v-5b69e9c1] {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small[data-v-5b69e9c1] {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small[data-v-5b69e9c1] {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium[data-v-5b69e9c1] {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large[data-v-5b69e9c1] {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content[data-v-5b69e9c1] {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content[data-v-5b69e9c1] {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content[data-v-5b69e9c1] {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row[data-v-5b69e9c1] {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row[data-v-5b69e9c1] {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block[data-v-5b69e9c1] {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block[data-v-5b69e9c1]:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block[data-v-5b69e9c1] {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row[data-v-5b69e9c1] {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row[data-v-5b69e9c1] {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row[data-v-5b69e9c1] {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row[data-v-5b69e9c1] {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container[data-v-5b69e9c1] {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block[data-v-5b69e9c1] {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block[data-v-5b69e9c1]:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white[data-v-5b69e9c1] {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white[data-v-5b69e9c1] {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white[data-v-5b69e9c1] {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block[data-v-5b69e9c1] {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row[data-v-5b69e9c1] {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row[data-v-5b69e9c1] {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown[data-v-5b69e9c1],
:where(.__histoire-sandbox) .section-content--white .block__row .accordion[data-v-5b69e9c1] {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row[data-v-5b69e9c1] {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile[data-v-5b69e9c1] {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation[data-v-5b69e9c1] {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation[data-v-5b69e9c1]:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink-5b69e9c1 10s infinite;
  transform-origin: top left;
}
@keyframes shrink-5b69e9c1 {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile[data-v-5b69e9c1] {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile[data-v-5b69e9c1] {
    display: none;
}
}
.item--radio[data-v-5b69e9c1] {
  background: red;
  display: inline-block;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.btn--form {
  border-radius: 6px;
  padding: 22px 26px;
  border: 1px solid #00868f;
  background: #00868f;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  transition: all 400ms ease;
}
.btn--form:hover {
  border: 1px solid #e30564;
  background: #e30564;
  color: #fff;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.form-image {
  padding: 0 30px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.form-image .image {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 8px;
}
@media (max-width: 767px) {
.form-image .image {
    order: 1;
    height: 250px;
    width: 100%;
    margin-bottom: 40px;
}
}
@media (min-width: 768px) {
.form-image .image {
    width: calc(100% - 570px);
    height: auto;
}
}
.form-image .form {
  width: 100%;
}
@media (max-width: 767px) {
.form-image .form {
    order: 2;
}
}
@media (min-width: 768px) {
.form-image .form {
    max-width: 500px;
    margin-right: 70px;
}
}
.form-image .form__title {
  font-size: clamp(1.6rem, 1.4857rem + 0.5714vw, 2rem);
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 40px;
}
.form-image .form__subtitle {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
  font-weight: bold;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.radio__item {
  display: block;
  position: relative;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -ms-user-select: none;
  background: #fff;
  padding: 21px 16px 21px 50px;
  height: 58px;
  color: #323232;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  line-height: 1;
}
.radio__item input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.radio__item .checkmark {
  position: absolute;
  top: 14px;
  left: 10px;
  height: 30px;
  width: 30px;
  background-color: #fff;
  border: 2px solid black;
  border-radius: 50%;
}
.radio__item input:checked ~ .checkmark {
  box-shadow: inset 0px 0px 0px 3px #fff;
  background-color: #000;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.hero-header--default .hero .widget {
  margin-top: 20px;
}
.hero-header--default .hero .widget .form-radio .row {
  display: flex;
}
.hero-header--default .hero .widget form .btn {
  width: 100%;
  margin-bottom: 10px;
  margin-top: 0;
  font-size: 18px;
  line-height: 26px;
  padding: 20px 20px;
}
.hero-header--default .hero .widget .link {
  display: inherit;
  text-align: center;
  color: #323232;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.select__container {
  position: relative;
  margin: 0 0 20px;
  width: 100%;
}
.select__container select {
  position: relative;
  appearance: none;
  width: 100%;
  border: none;
  border-radius: 5px;
  font-size: 15px;
  padding: 19px 16px;
  background: #f2f2f2;
  height: 60px;
}
.select__container::after {
  font-family: icomoon;
  speak: none;
  content: "\e902";
  font-size: 15px;
  position: absolute;
  display: inline-block;
  color: #323232;
  margin-right: 20px;
  pointer-events: none;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(90deg);
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.kenteken {
  text-transform: uppercase;
  display: block;
  background-color: #fac502;
  background-image: linear-gradient(160deg, #f7d302, #fdbb21);
  height: 58px;
  color: #332800;
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  padding-left: 33px;
  border-radius: 5px;
  text-shadow: 0 -1px 2px rgba(255, 255, 255, 0.4), -1px 0 2px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.4), 1px 0 2px rgba(0, 0, 0, 0.4);
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  height: 74px;
}
.kenteken::placeholder {
  transform: translateY(-4px);
  font-size: 18px;
  opacity: 0.6;
  font-weight: 500;
  text-transform: lowercase;
  text-shadow: none;
}
.kenteken__container {
  width: 100%;
  margin-bottom: 10px;
  position: relative;
}
.kenteken__container::before {
  content: "NL";
  z-index: 1;
  color: #fff;
  position: absolute;
  top: 0px;
  font-size: 12px;
  left: 0px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  bottom: 0;
  padding: 32px 16px;
  font-weight: 600;
  display: inline-block;
  width: auto;
  background-color: #24579d;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.image img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.knowledgebase {
  margin-bottom: 40px;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
@media (min-width: 768px) {
.media {
    display: flex;
}
}
.media .media__image {
  width: 100px;
  height: 100px;
  position: relative;
}
@media (min-width: 768px) {
.media .media__image {
    width: 170px;
    height: 170px;
}
}
.media .media__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.media .media__content {
  width: 100%;
}
@media (min-width: 768px) {
.media .media__content {
    width: calc(100% - 200px);
    margin-left: 30px;
}
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.message {
  margin-bottom: 20px;
}
.message .message__text {
  border-radius: 4px;
  text-align: center;
  padding: 14px;
  transition: all 200ms ease-out;
  display: inline-block;
  width: 100%;
  text-decoration: none;
}
.message .message__text:hover {
  background: #f2f2f2 !important;
  border: 2px solid #f2f2f2 !important;
}
.message .message__text:hover p {
  color: #388167;
  text-decoration: underline;
}
.message p {
  font-size: 16px;
  line-height: 20px;
  transition: all 200ms ease-out;
}
.message p span {
  text-decoration: underline;
}
.message.message--alert .message__text {
  background: #fff;
  border: 1px solid #e5e5e5;
}
.message.message--alert .message__text p {
  color: #e70d00;
}
.message.message--warning .message__text {
  background: #fff;
  border: 1px solid #e5e5e5;
}
.message.message--warning .message__text p {
  color: #ff9e33;
}
.message.message--sale .message__text {
  background: #fff;
  border: 1px solid #e5e5e5;
}
.message.message--sale .message__text p {
  color: #47b4b1;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.roadmap-item {
  width: 100%;
  padding: 0 0 25px 60px;
  position: relative;
  list-style-type: none;
}
@media (max-width: 767px) {
.roadmap-item {
    padding: 0 0 20px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.roadmap-item {
    width: calc(50% - 30px);
    margin: 0 15px 30px;
}
.roadmap-item:nth-child(5), .roadmap-item:nth-child(6) {
    margin: 0 15px 0px;
}
}
@media (min-width: 1025px) {
.roadmap-item {
    width: calc(33.33% - 30px);
    margin: 0 15px 30px;
}
.roadmap-item:nth-child(4), .roadmap-item:nth-child(5), .roadmap-item:nth-child(6) {
    margin: 0 15px 0px;
}
}
.roadmap-item.roadmap-item--blue:before {
  background: #00afda;
}
.roadmap-item.roadmap-item--pink:before {
  background: #f16c81;
}
.roadmap-item.roadmap-item--purple:before {
  background: #c476ff;
}
.roadmap-item.roadmap-item--blue:before, .roadmap-item.roadmap-item--pink:before, .roadmap-item.roadmap-item--purple:before {
  color: #fff;
}
.roadmap-item.roadmap-item--blue .roadmap-item__title, .roadmap-item.roadmap-item--pink .roadmap-item__title, .roadmap-item.roadmap-item--purple .roadmap-item__title {
  color: #fff;
}
.roadmap-item.roadmap-item--blue .roadmap-item__text, .roadmap-item.roadmap-item--pink .roadmap-item__text, .roadmap-item.roadmap-item--purple .roadmap-item__text {
  color: #fff;
}
.roadmap-item:before {
  content: attr(data-number);
  left: 0;
  top: 0;
  background: #fff;
  border-radius: 100%;
  font-weight: bold;
  color: #4a4a4a;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  font-size: 15px;
  box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.08);
}
@media (max-width: 767px) {
.roadmap-item:before {
    margin-bottom: 10px;
}
}
@media (min-width: 768px) {
.roadmap-item:before {
    position: absolute;
    font-size: 18px;
    width: 44px;
    height: 44px;
}
}
.roadmap-item .roadmap-item__title {
  font-weight: bold;
  color: #4a4a4a;
  margin-bottom: 4px;
}
.roadmap-item .roadmap-item__text {
  color: #4a4a4a;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.block--roadmap {
  margin-bottom: 20px;
}
.block--roadmap .container {
  display: flex;
}
.roadmap {
  border-radius: 8px;
  padding: 20px;
  background: #f2f3f6;
}
.roadmap--blue {
  background: #71cfeb;
}
.roadmap--pink {
  background: #e3066f;
}
.roadmap--purple {
  background: #6a449b;
}
.roadmap--blue a,
.roadmap--blue .roadmap__intro,
.roadmap--blue .roadmap__title, .roadmap--pink a,
.roadmap--pink .roadmap__intro,
.roadmap--pink .roadmap__title, .roadmap--purple a,
.roadmap--purple .roadmap__intro,
.roadmap--purple .roadmap__title {
  color: #fff;
}
@media (min-width: 768px) {
.roadmap {
    padding: 40px;
}
}
.roadmap__title {
  font-weight: bold;
  font-size: 21px;
  color: #4a4a4a;
}
.roadmap .roadmap__intro {
  margin-top: 20px;
}
.roadmap-items {
  display: flex;
  flex-wrap: wrap;
  padding: 0 -30px;
  width: 100%;
  margin-top: 40px;
}
.roadmap--horizontal {
  padding: 30px;
}
@media (min-width: 768px) {
.roadmap--horizontal {
    padding: 50px;
}
}
.roadmap--horizontal .roadmap-items {
  display: inline-block;
  flex-wrap: nowrap;
}
.roadmap--horizontal .roadmap-items .roadmap-item {
  width: 100% !important;
  margin: 0 0 10px;
}
.roadmap__image {
  min-width: 240px;
  height: auto;
  margin-left: 30px;
  border-radius: 8px;
  position: relative;
}
@media (max-width: 767px) {
.roadmap__image {
    display: none;
}
}
.roadmap__image img {
  border-radius: 8px;
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.usp-list {
  text-align: center;
  clear: both;
}
@media (max-width: 767px) {
.usp-list {
    margin-bottom: 20px;
}
}
.usp {
  width: auto;
  float: none;
}
@media (max-width: 767px) {
.usp {
    text-align: left;
}
}
@media (min-width: 768px) {
.usp {
    padding: 20px 0;
}
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.usp__item {
  width: auto;
  padding: 0 0 0 30px;
  display: block;
  position: relative;
  font-size: 13px;
}
@media (max-width: 767px) {
.usp__item {
    display: flex !important;
}
}
@media (min-width: 768px) {
.usp__item {
    color: #9b9b9b;
    padding: 0 0 0 20px;
    margin: 0 34px;
    display: inline-block;
}
}
.usp__item:before {
  content: "\e901";
  font-family: "icomoon";
  speak: none;
  color: #9ac122;
  font-size: 13px;
  left: 0;
  position: absolute;
  transition: all 275ms ease;
}
@media (min-width: 768px) {
.usp__item:before {
    left: -6px;
    font-size: 12px;
}
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.radiotest__container {
  display: flex;
  background-color: pink;
}
.radiotest__container .row {
  margin-right: 1em;
}
.radiotest__container input[type=radio] {
  /* ...existing styles */
  display: grid;
  place-content: center;
}
.radiotest__container input[type=radio]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em red;
}
.radiotest__container input[type=radio]:checked::before {
  transform: scale(1);
}
.radiotest {
  display: flex;
  flex-direction: row;
  margin-bottom: 2em;
}
.radiotest form {
  display: grid;
  place-content: center;
  min-height: 100vh;
}
.radiotest .form-control {
  font-family: system-ui, sans-serif;
  font-size: 1.2rem;
  line-height: 1.5;
  display: grid;
  grid-template-columns: 1em auto;
  gap: 0.3em;
  margin-right: 1em;
  margin-left: 0.1em;
  cursor: pointer;
}
.radiotest .form-control + .form-control {
  margin-top: 1em;
}
.radiotest .form-control:focus-within {
  color: #323232;
}
.radiotest input[type=radio] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 1em;
  height: 1em;
  border: 0.1em solid currentColor;
  border-radius: 50%;
  transform: translateY(0.25em);
  cursor: pointer;
  display: grid;
  place-content: center;
}
.radiotest input[type=radio]::before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  transform: scale(0);
  transition: 100ms transform ease-out;
  box-shadow: inset 1em 1em #4a90e2;
  /* Windows High Contrast Mode */
  background-color: CanvasText;
}
.radiotest input[type=radio]:checked::before {
  transform: scale(1);
}
.radiotest-vertical {
  display: flex;
  flex-direction: column;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.m-headermenu {
  background-color: white;
  min-height: 100%;
  position: relative;
}
.m-headermenu__toggle {
  position: fixed;
  left: -100%;
  top: -100px;
  visibility: hidden;
}
.m-headermenu__submenu {
  width: 100%;
}
.m-headermenu__menu__item, .m-headermenu__submenu__item, .m-headermenu__submenu-toggle {
  background-color: white;
  border-bottom: 2px solid #f2f2f2;
}
.m-headermenu__group-title, .m-headermenu__submenu__item__link, .m-headermenu__submenu-toggle {
  cursor: pointer;
  display: flex;
  margin: 0;
  padding: 12px 0;
}
.m-headermenu__subgroup-title {
  display: none;
}
.m-headermenu__submenu {
  position: absolute;
  top: 0;
  transition: opacity 200ms 150ms ease-in-out, transform 300ms ease-in-out;
  transform: translateX(-100%);
  opacity: 0;
}
.m-headermenu__toggle:checked + .m-headermenu__group-title + .m-headermenu__submenu {
  transform: translateX(0);
  opacity: 1;
}
.m-headermenu__group-title {
  transition: opacity 50ms ease-in-out;
  opacity: 1;
}
.m-headermenu__toggle:checked ~ .m-headermenu__group-title {
  opacity: 0;
}
.m-headermenu__group-title, .m-headermenu__submenu-toggle {
  display: flex;
  align-items: baseline;
}
.m-headermenu__icon-close, .m-headermenu__icon-open {
  max-height: 0.8em;
  max-width: 0.8em;
}
.m-headermenu__icon-open {
  margin: 0 0 0 auto;
}
.m-headermenu__icon-close {
  margin-right: 0.3em;
  transform: rotate(180deg);
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.search {
  --search-border-width: 1px;
  --search-border: var(--search-border-width) solid;
  --search-background: white;
  --search-border-radius: 8px;
  --search-link-color: #323232;
  --search-link-color-hover: rgba(74, 144, 226, 0.2);
  box-sizing: border-box;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  background-color: var(--search-background);
  border: var(--search-border);
  border-radius: var(--search-border-radius);
  position: relative;
}
.search *,
.search *:before,
.search *:after {
  box-sizing: inherit;
}
.search--results-visible {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.search__input {
  border-radius: var(--search-border-radius);
  border: none;
  display: block;
  font-size: inherit;
  padding: 0.5em;
  position: relative;
  z-index: 2;
  width: 100%;
}
.search__icon {
  position: absolute;
  top: 0.75em;
  right: 0.75em;
  max-height: 1em;
  max-width: 1em;
}
.search__hit-list {
  box-sizing: content-box;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
  padding-top: calc(3px + var(--search-border-width, 0));
  margin: calc(-1 * (var(--search-border-width) + 1px)) calc(-1 * var(--search-border-width));
  background-color: var(--search-background);
  border: var(--search-border);
  border-top-color: transparent;
  border-radius: 0 0 var(--search-border-radius) var(--search-border-radius);
}
.search__hit__link {
  color: var(--search-link-color);
  border-radius: var(--search-border-radius);
  display: flex;
  align-items: stretch;
  padding: 0.5em;
  text-decoration: none;
}
.search__hit__link:hover .search__hit__link__title, .search__hit__link:focus .search__hit__link__title {
  text-decoration: underline;
}
.search__hit__link:hover {
  background-color: var(--search-link-color-hover);
}
.search__hit__link__title, .search__hit__link__type {
  display: inherit;
  justify-content: flex-start;
  flex: 1;
  flex-basis: auto;
}
.search__hit__link__title {
  flex-basis: 1fr;
}
.search__hit__link__type {
  flex-grow: 0;
  font-size: 0.8em;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
.search__tag {
  border: solid 1px;
  border-radius: var(--search-border-radius);
  display: inline-block;
  padding: 0.1em 0.2em;
  text-decoration: none !important;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.a-breadcrumb {
  --a-breadcrumb-arrow-size: 0.5em;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.a-breadcrumb__crumb {
  white-space: nowrap;
  display: flex;
  align-items: baseline;
}
.a-breadcrumb__arrow {
  flex: 0 0 auto;
  fill: #9b9b9b;
  margin: 0 5px;
  max-height: var(--a-breadcrumb-arrow-size);
  max-width: var(--a-breadcrumb-arrow-size);
}
.a-breadcrumb__link {
  flex: 1 1 0;
  overflow: hidden;
  text-overflow: ellipsis;
}/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* MIXIN: MEDIA
========================================================================== */
.__histoire-sandbox {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
}
html,
body {
  font-size: 16px !important;
}
@media (min-width: 640px) {
html,
body {
    font-size: 16px !important;
}
}
:where(.__histoire-sandbox) {
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* ========================================================================== */
  /* MIXIN: MEDIA
  ========================================================================== */
}
:where(.__histoire-sandbox) *,
:where(.__histoire-sandbox) *:before,
:where(.__histoire-sandbox) *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:where(.__histoire-sandbox) ol,
:where(.__histoire-sandbox) ul {
  list-style: none;
}
:where(.__histoire-sandbox) blockquote,
:where(.__histoire-sandbox) q {
  quotes: none;
}
:where(.__histoire-sandbox) blockquote:before,
:where(.__histoire-sandbox) blockquote:after,
:where(.__histoire-sandbox) q:before,
:where(.__histoire-sandbox) q:after {
  content: "";
  content: none;
}
:where(.__histoire-sandbox) table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Light.85e8ee36.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Light.a6257cfb.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Regular.c81dc296.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Regular.e28b30da.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "HurmeHEMA";
  src: url("/assets/HurmeHEMAW05-Bold.7325c6bc.woff2") format("woff2"), url("/assets/HurmeHEMAW05-Bold.2bd70f54.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon.13923742.ttf") format("truetype"), url("/assets/icomoon.7c4d683c.woff") format("woff"), url("/assets/icomoon.3186ac17.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:where(.__histoire-sandbox) .icon-pakketwijzer:before {
  content: "\e90b";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-zorgpremie:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-star:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-copylink:before {
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-whatsapp:before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-menu:before {
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-close:before {
  content: "\e906";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-mark:before {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-plus:before {
  content: "\e903";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-minus:before {
  content: "\e904";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-angle-right:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-check:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .icon-download:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.__histoire-sandbox) .form__group {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
}
:where(.__histoire-sandbox) .form__group.group--title {
  margin-top: 30px;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .form__group:last-child {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .form__group .form__item + .form__item {
  margin-left: 20px;
}
:where(.__histoire-sandbox) .form__group .form__item {
  flex: 1;
}
:where(.__histoire-sandbox) .form__group label {
  display: block;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
  margin-bottom: 6px;
}
:where(.__histoire-sandbox) .form__group textarea,
:where(.__histoire-sandbox) .form__group select,
:where(.__histoire-sandbox) .form__group input[type=file],
:where(.__histoire-sandbox) .form__group input[type=number],
:where(.__histoire-sandbox) .form__group input[type=text] {
  width: 100%;
  display: inline-block;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 10px;
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .form__group textarea:focus-visible, :where(.__histoire-sandbox) .form__group textarea:focus,
:where(.__histoire-sandbox) .form__group select:focus-visible,
:where(.__histoire-sandbox) .form__group select:focus,
:where(.__histoire-sandbox) .form__group input[type=file]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=file]:focus,
:where(.__histoire-sandbox) .form__group input[type=number]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=number]:focus,
:where(.__histoire-sandbox) .form__group input[type=text]:focus-visible,
:where(.__histoire-sandbox) .form__group input[type=text]:focus {
  border: 1px solid #323232;
  outline: none;
}
:where(.__histoire-sandbox) .bg-color--grey {
  background-color: #f7f7f7;
}
:where(.__histoire-sandbox) .bg-color--dieren-highlight,
:where(.__histoire-sandbox) .bg-color--caravan-highlight,
:where(.__histoire-sandbox) .bg-color--motor-highlight,
:where(.__histoire-sandbox) .bg-color--opstal-highlight {
  background: #ff8683 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-primary,
:where(.__histoire-sandbox) .bg-color--caravan-primary,
:where(.__histoire-sandbox) .bg-color--motor-primary,
:where(.__histoire-sandbox) .bg-color--opstal-primary {
  background: #47b4b1 !important;
}
:where(.__histoire-sandbox) .bg-color--dieren-secondary,
:where(.__histoire-sandbox) .bg-color--caravan-secondary,
:where(.__histoire-sandbox) .bg-color--motor-secondary,
:where(.__histoire-sandbox) .bg-color--opstal-secondary {
  background: #e7f4f6 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-highlight {
  background: #6ab2b0 !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-primary {
  background: #cf706e !important;
}
:where(.__histoire-sandbox) .bg-color--aanspraakelijkheid-secondary {
  background: #f7e7ea !important;
}
:where(.__histoire-sandbox) .bg-color--auto-highlight,
:where(.__histoire-sandbox) .bg-color--inboedel-highlight,
:where(.__histoire-sandbox) .bg-color--scooter-highlight {
  background: #efa14c !important;
}
:where(.__histoire-sandbox) .bg-color--auto-primary,
:where(.__histoire-sandbox) .bg-color--inboedel-primary,
:where(.__histoire-sandbox) .bg-color--scooter-primary {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--auto-secondary,
:where(.__histoire-sandbox) .bg-color--inboedel-secondary,
:where(.__histoire-sandbox) .bg-color--scooter-secondary {
  background: #e3f0fd !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-highlight,
:where(.__histoire-sandbox) .bg-color--zorg-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-primary,
:where(.__histoire-sandbox) .bg-color--zorg-primary {
  background: #ff1b1a !important;
}
:where(.__histoire-sandbox) .bg-color--brommer-secondary,
:where(.__histoire-sandbox) .bg-color--zorg-secondary {
  background: #ffdddc !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-highlight,
:where(.__histoire-sandbox) .bg-color--reis-highlight {
  background: #47a84a !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-primary,
:where(.__histoire-sandbox) .bg-color--reis-primary {
  background: #ff9e33 !important;
}
:where(.__histoire-sandbox) .bg-color--fiets-secondary,
:where(.__histoire-sandbox) .bg-color--reis-secondary {
  background: #fff7d1 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-highlight {
  background: #60a5e5 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-primary {
  background: #f95a78 !important;
}
:where(.__histoire-sandbox) .bg-color--woon-secondary {
  background: #fedddc !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-highlight {
  background: #e2785a !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-primary {
  background: #a463cf !important;
}
:where(.__histoire-sandbox) .bg-color--notaris-secondary {
  background: #ebeefa !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-highlight {
  background: #f49f00 !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-primary {
  background: #8e4aba !important;
}
:where(.__histoire-sandbox) .bg-color--rechtsbijstand-secondary {
  background: #e2d9f2 !important;
}
:where(.__histoire-sandbox) .fontsize--xs {
  font-size: clamp(0.8rem, 0.7714rem + 0.1429vw, 0.9rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--s {
  font-size: clamp(0.9rem, 0.8571rem + 0.2143vw, 1.05rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--base {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--l {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .fontsize--xl2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) p {
  margin: 0;
  padding: 0;
}
:where(.__histoire-sandbox) p b {
  font-weight: 600;
}
:where(.__histoire-sandbox) p strong {
  font-weight: bold;
}
:where(.__histoire-sandbox) p em {
  font-style: italic;
}
:where(.__histoire-sandbox) .link,
:where(.__histoire-sandbox) p,
:where(.__histoire-sandbox) li {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .content__block p {
  margin-bottom: 0;
}
:where(.__histoire-sandbox) .content__block p:not(:last-child) {
  margin-bottom: 1.5em;
}
:where(.__histoire-sandbox) sup.decimal {
  font-size: 70%;
  vertical-align: super;
}
:where(.__histoire-sandbox) div.text-indent {
  margin-bottom: 20px;
  display: inline-block;
}
:where(.__histoire-sandbox) code {
  background-color: #f2f2f2;
  padding: 10px;
  display: block;
}
:where(.__histoire-sandbox) .markdown h1,
:where(.__histoire-sandbox) .markdown h2,
:where(.__histoire-sandbox) .markdown h3,
:where(.__histoire-sandbox) .markdown h4,
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
:where(.__histoire-sandbox) .markdown h1 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h2 {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
}
:where(.__histoire-sandbox) .markdown h3 {
  font-size: clamp(1.2rem, 1.1286rem + 0.3571vw, 1.45rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h4 {
  font-size: clamp(1rem, 0.9429rem + 0.2857vw, 1.2rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .markdown h5,
:where(.__histoire-sandbox) .markdown h6 {
  font-size: clamp(1rem, 0.9714rem + 0.1429vw, 1.1rem);
  line-height: 1.5;
}
:where(.__histoire-sandbox) .page-title {
  font-size: clamp(1.6rem, 1.5214rem + 0.3929vw, 1.875rem);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}
:where(.__histoire-sandbox) body {
  color: #323232 !important;
  font-family: "HurmeHEMA" !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size-adjust: auto !important;
  font-size: 100%;
  line-height: 1;
  min-width: 320px !important;
  min-height: 100% !important;
  margin: 0 !important;
}
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
  padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 40px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section .section--carddirectto, :where(.__histoire-sandbox) .section:not(.section--intro) {
    padding: 60px 0;
}
}
:where(.__histoire-sandbox) .section.section--intro {
  padding: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 40px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section.section--intro {
    padding: 0 0 60px;
}
}
:where(.__histoire-sandbox) .section .section__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section .section__inner {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .section--subhero {
  margin: 0 0 60px;
}
:where(.__histoire-sandbox) .section--intro + .section--content {
  padding: 0 0 60px;
}
:where(.__histoire-sandbox) .section--subhero,
:where(.__histoire-sandbox) .section--subintro,
:where(.__histoire-sandbox) .section--50width {
  background: #f7f7f7;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section--50width .section__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
}
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 20px;
}
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section__container,
:where(.__histoire-sandbox) .content__container {
    padding: 0 30px;
}
}
:where(.__histoire-sandbox) .container {
  margin: 0 auto;
  width: 100%;
}
:where(.__histoire-sandbox) .container--extra-small {
  max-width: 680px;
}
:where(.__histoire-sandbox) .container--small {
  max-width: 900px;
}
:where(.__histoire-sandbox) .container--medium {
  max-width: 1080px;
}
:where(.__histoire-sandbox) .container--large {
  max-width: 1300px;
}
:where(.__histoire-sandbox) .section-content {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content {
    padding: 30px 0 30px 0;
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content {
    padding: 60px 0 60px 0;
    margin: 0 0 60px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__row {
    display: flex;
}
}
:where(.__histoire-sandbox) .section-content .content__row + .content__row {
  margin-top: 40px;
}
:where(.__histoire-sandbox) .section-content .content__block {
  width: 100%;
}
:where(.__histoire-sandbox) .section-content .content__block:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content .content__block {
    width: calc(100% - 430px);
    margin-right: 30px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row {
  background: white;
  padding: 50px;
}
@media (max-width: 767px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row {
    padding: 20px;
}
}
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
  margin-top: 20px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content .content__block .block__row + .block__row {
    margin-top: 20px;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__container {
    display: flex;
    align-items: flex-start;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block {
    margin-bottom: 20px;
}
:where(.__histoire-sandbox) .section-content.section-content--50width .content__block:last-child {
    margin-bottom: 0;
}
}
:where(.__histoire-sandbox) .section-content--white {
  background: white;
  padding: 0px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 30px 0;
}
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white {
    margin: 0 0 60px 0;
}
}
:where(.__histoire-sandbox) .section-content--white .content__block + .content__block {
  margin-top: 30px;
}
:where(.__histoire-sandbox) .section-content--white .block__row {
  padding: 0;
}
@media (min-width: 1025px) {
:where(.__histoire-sandbox) .section-content--white .block__row {
    padding: 0 50px;
}
}
:where(.__histoire-sandbox) .section-content--white .block__row .markdown,
:where(.__histoire-sandbox) .section-content--white .block__row .accordion {
  max-width: 710px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .section-content--white .block__row + .block__row {
    padding: 0 50px 0 50px;
    margin-top: 50px;
}
}
@media (max-width: 1024px) {
:where(.__histoire-sandbox) .hide--mobile {
    display: none;
}
}
:where(.__histoire-sandbox) .product-sale__animation {
  position: relative;
}
:where(.__histoire-sandbox) .product-sale__animation:before {
  content: "actie";
  background: red;
  color: #fff;
  font-weight: bolder;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  animation: shrink 10s infinite;
  transform-origin: top left;
}
@keyframes shrink {
0% {
    transform: scale(0.4);
    width: 50%;
}
40% {
    transform: scale(1);
    width: 100%;
}
80% {
    transform: scale(0.4);
    width: 50%;
}
100% {
    transform: scale(0.4);
    width: 50%;
}
}
:where(.__histoire-sandbox) .homepage__text__mobile {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
:where(.__histoire-sandbox) .homepage__text__mobile {
    display: none;
}
}
.o-header {
  --o-header-border-radius: 2px;
  position: sticky;
  top: 0;
  background: #fff;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.3s ease-in-out;
  padding: 10px 0;
}
.o-header__inner {
  border-radius: 2px;
  display: grid;
  margin: 0 25px;
  grid-template-columns: auto 1fr auto auto;
  grid-template-rows: auto;
  grid-template-areas: "logo menu-toggle search login" "menu menu menu menu";
}
.o-header__logo {
  grid-area: logo;
}
.o-header__menu-toggle__label {
  grid-area: menu-toggle;
}
.o-header__search {
  grid-area: search;
}
.o-header__login {
  grid-area: login;
}
.o-header__menu {
  grid-area: menu;
}
.o-header__menu-toggle__input {
  position: fixed;
  top: -150%;
  left: -150%;
  visibility: hidden;
}
.o-header__logo, .o-header__menu-toggle__label, .o-header__search, .o-header__login {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
}
.o-header__menu-toggle__label {
  width: auto;
}
.o-header__icon--logo {
  border-radius: var(--o-header-border-radius) 0 0 var(--o-header-border-radius);
}
.o-header__login {
  border-radius: 0 var(--o-header-border-radius) var(--o-header-border-radius) 0;
}
.o-header__icon--logo {
  max-height: 100%;
  max-width: 100%;
}
.o-header__icon--search, .o-header__icon--login {
  max-height: 16px;
  max-width: 16px;
}
.o-header__menu-toggle__label {
  background-color: #26b3c0;
}
.o-header__search, .o-header__login {
  background-color: #e5e3de;
}
.o-header__menu-toggle__input:checked + .o-header {
  height: 100vh;
}
.o-header__menu-toggle__input:checked + .o-header .o-header__menu-toggle__label {
  background-color: #e5e3de;
}
.o-header__menu {
  display: none;
}
.o-header__menu-toggle__input:checked + .o-header .o-header__menu {
  display: block;
}@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

.resize-observer[data-v-b329ee4c]{
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100%;
  border:none;
  background-color:transparent;
  pointer-events:none;
  display:block;
  overflow:hidden;
  opacity:0
}

.resize-observer[data-v-b329ee4c] object{
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  overflow:hidden;
  pointer-events:none;
  z-index:-1
}

.v-popper__popper{
  z-index:10000;
  top:0;
  left:0;
  outline:none
}

.v-popper__popper.v-popper__popper--hidden{
  visibility:hidden;
  opacity:0;
  transition:opacity .15s,visibility .15s;
  pointer-events:none
}

.v-popper__popper.v-popper__popper--shown{
  visibility:visible;
  opacity:1;
  transition:opacity .15s
}

.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{
  transition:none!important
}

.v-popper__backdrop{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:none
}

.v-popper__inner{
  position:relative;
  box-sizing:border-box;
  overflow-y:auto
}

.v-popper__inner>div{
  position:relative;
  z-index:1;
  max-width:inherit;
  max-height:inherit
}

.v-popper__arrow-container{
  position:absolute;
  width:10px;
  height:10px
}

.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{
  display:none
}

.v-popper__arrow-inner,.v-popper__arrow-outer{
  border-style:solid;
  position:absolute;
  top:0;
  left:0;
  width:0;
  height:0
}

.v-popper__arrow-inner{
  visibility:hidden;
  border-width:7px
}

.v-popper__arrow-outer{
  border-width:6px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{
  left:-2px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{
  left:-1px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{
  border-bottom-width:0;
  border-left-color:transparent!important;
  border-right-color:transparent!important;
  border-bottom-color:transparent!important
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{
  top:-2px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{
  top:0
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{
  border-top-width:0;
  border-left-color:transparent!important;
  border-right-color:transparent!important;
  border-top-color:transparent!important
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{
  top:-4px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{
  top:-6px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{
  top:-2px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{
  top:-1px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{
  border-left-width:0;
  border-left-color:transparent!important;
  border-top-color:transparent!important;
  border-bottom-color:transparent!important
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{
  left:-4px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{
  left:-6px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{
  right:-10px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{
  border-right-width:0;
  border-top-color:transparent!important;
  border-right-color:transparent!important;
  border-bottom-color:transparent!important
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{
  left:-2px
}

.v-popper--theme-dropdown .v-popper__inner{
  background:#fff;
  color:#000;
  border-radius:6px;
  border:1px solid #ddd;
  box-shadow:0 6px 30px #0000001a
}

.v-popper--theme-dropdown .v-popper__arrow-inner{
  visibility:visible;
  border-color:#fff
}

.v-popper--theme-dropdown .v-popper__arrow-outer{
  border-color:#ddd
}

.v-popper--theme-tooltip .v-popper__inner{
  background:rgba(0,0,0,.8);
  color:#fff;
  border-radius:6px;
  padding:7px 12px 6px
}

.v-popper--theme-tooltip .v-popper__arrow-outer{
  border-color:#000c
}

.htw-range-input::-webkit-slider-thumb{
  height:.75rem;
  width:.75rem;
  -webkit-appearance:none;
  appearance:none;
  border-radius:9999px;
  border-width:1px;
  border-style:solid;
  border-color:#00000040;
  --tw-bg-opacity: 1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}

.htw-dark .htw-range-input::-webkit-slider-thumb{
  border-color:#ffffff40;
  --tw-bg-opacity: 1;
  background-color:rgb(63 63 70 / var(--tw-bg-opacity))
}

.htw-range-input:hover::-webkit-slider-thumb{
  --tw-border-opacity: 1 !important;
  border-color:rgb(16 185 129 / var(--tw-border-opacity))!important;
  --tw-bg-opacity: 1 !important;
  background-color:rgb(16 185 129 / var(--tw-bg-opacity))!important
}

.htw-range-input::-moz-range-thumb{
  height:.75rem;
  width:.75rem;
  -moz-appearance:none;
  appearance:none;
  border-radius:9999px;
  border-width:1px;
  border-style:solid;
  border-color:#00000040;
  --tw-bg-opacity: 1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}

.htw-dark .htw-range-input::-moz-range-thumb{
  border-color:#ffffff40;
  --tw-bg-opacity: 1;
  background-color:rgb(63 63 70 / var(--tw-bg-opacity))
}

.htw-range-input:hover::-moz-range-thumb{
  --tw-border-opacity: 1 !important;
  border-color:rgb(16 185 129 / var(--tw-border-opacity))!important;
  --tw-bg-opacity: 1 !important;
  background-color:rgb(16 185 129 / var(--tw-bg-opacity))!important
}

.v-popper{
  line-height:0
}

.htw-dark .v-popper--theme-dropdown .v-popper__inner{
  --tw-border-opacity: 1;
  border-color:rgb(31 31 33 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color:rgb(63 63 70 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color:rgb(244 244 245 / var(--tw-text-opacity))
}

.htw-dark .v-popper--theme-dropdown .v-popper__arrow-inner{
  --tw-border-opacity: 1;
  border-color:rgb(63 63 70 / var(--tw-border-opacity))
}

.htw-dark .v-popper--theme-dropdown .v-popper__arrow-outer{
  --tw-border-opacity: 1;
  border-color:rgb(31 31 33 / var(--tw-border-opacity))
}

.v-popper--theme-dropdown.v-popper__popper--show-from .v-popper__wrapper{
  transform:scale(.75)
}

.v-popper--theme-dropdown.v-popper__popper--show-to .v-popper__wrapper{
  transform:none;
  transition:transform .15s cubic-bezier(0,1,.5,1)
}

.v-popper__popper:focus-visible{
  outline:none
}

.htw-bind-col-size{
  grid-template-columns:repeat(auto-fill,minmax(var(--histoire-col-size),1fr))
}

/* @TODO custom themes */

.v-popper {
  line-height: 0;
}

.htw-dark .v-popper--theme-dropdown .v-popper__inner{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-850) / var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-700) / var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-gray-100) / var(--tw-text-opacity))
}

.htw-dark .v-popper--theme-dropdown .v-popper__arrow-inner{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-700) / var(--tw-border-opacity))
}

.htw-dark .v-popper--theme-dropdown .v-popper__arrow-outer{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-850) / var(--tw-border-opacity))
}

.v-popper--theme-dropdown.v-popper__popper--show-from .v-popper__wrapper {
  transform: scale(.75);
}

.v-popper--theme-dropdown.v-popper__popper--show-to .v-popper__wrapper {
  transform: none;
  transition: transform .15s cubic-bezier(0, 1, .5, 1);
}

.v-popper__popper:focus-visible {
  outline: none;
}

.__histoire-scale-x-enter-active,
  .__histoire-scale-x-leave-active {
  transition: transform .15s, opacity .15s;
}

.__histoire-scale-x-enter-from,
  .__histoire-scale-x-leave-to {
  transform: scaleX(0);
  opacity: 0;
}

.__histoire-scale-y-enter-active,
  .__histoire-scale-y-leave-active {
  transition: transform .15s, opacity .15s;
}

.__histoire-scale-y-enter-from,
  .__histoire-scale-y-leave-to {
  transform: scaleY(0);
  opacity: 0;
}

.__histoire-fade-enter-active,
  .__histoire-fade-leave-active {
  transition: opacity .15s;
}

.__histoire-fade-enter-from,
  .__histoire-fade-leave-to {
  opacity: 0;
}

.__histoire-fade-bottom-enter-active,
  .__histoire-fade-bottom-leave-active {
  transition: transform .15s, opacity .15s;
  transform: translateY(0px);
}

.__histoire-fade-bottom-enter-from,
  .__histoire-fade-bottom-leave-to {
  transform: translateY(32px);
  opacity: 0;
}

*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}

a,
input,
button {
  color: inherit;
}

a {
  text-decoration: inherit;
}

input {
  font-family: inherit;
}

a,
button {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

*, ::before, ::after{
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: 
}

.htw-prose{
  color:var(--tw-prose-body);
  max-width:65ch;
}

.htw-prose :where([class~="lead"]):not(:where([class~="htw-not-prose"] *)){
  color:var(--tw-prose-lead);
  font-size:1.25em;
  line-height:1.6;
  margin-top:1.2em;
  margin-bottom:1.2em
}

.htw-prose :where(a):not(:where([class~="htw-not-prose"] *)){
  color:rgb(var(--_histoire-color-primary-500));
  text-decoration:none;
  font-weight:500;
}

.htw-prose :where(a):not(:where([class~="htw-not-prose"] *)):hover{
  text-decoration:underline
}

.htw-prose :where(strong):not(:where([class~="htw-not-prose"] *)){
  color:var(--tw-prose-bold);
  font-weight:600
}

.htw-prose :where(ol):not(:where([class~="htw-not-prose"] *)){
  list-style-type:decimal;
  padding-left:1.625em
}

.htw-prose :where(ol[type="A"]):not(:where([class~="htw-not-prose"] *)){
  list-style-type:upper-alpha
}

.htw-prose :where(ol[type="a"]):not(:where([class~="htw-not-prose"] *)){
  list-style-type:lower-alpha
}

.htw-prose :where(ol[type="A" s]):not(:where([class~="htw-not-prose"] *)){
  list-style-type:upper-alpha
}

.htw-prose :where(ol[type="a" s]):not(:where([class~="htw-not-prose"] *)){
  list-style-type:lower-alpha
}

.htw-prose :where(ol[type="I"]):not(:where([class~="htw-not-prose"] *)){
  list-style-type:upper-roman
}

.htw-prose :where(ol[type="i"]):not(:where([class~="htw-not-prose"] *)){
  list-style-type:lower-roman
}

.htw-prose :where(ol[type="I" s]):not(:where([class~="htw-not-prose"] *)){
  list-style-type:upper-roman
}

.htw-prose :where(ol[type="i" s]):not(:where([class~="htw-not-prose"] *)){
  list-style-type:lower-roman
}

.htw-prose :where(ol[type="1"]):not(:where([class~="htw-not-prose"] *)){
  list-style-type:decimal
}

.htw-prose :where(ul):not(:where([class~="htw-not-prose"] *)){
  list-style-type:disc;
  padding-left:1.625em
}

.htw-prose :where(ol > li):not(:where([class~="htw-not-prose"] *))::marker{
  font-weight:400;
  color:var(--tw-prose-counters)
}

.htw-prose :where(ul > li):not(:where([class~="htw-not-prose"] *))::marker{
  color:var(--tw-prose-bullets)
}

.htw-prose :where(hr):not(:where([class~="htw-not-prose"] *)){
  border-color:var(--tw-prose-hr);
  border-top-width:1px;
  margin-top:3em;
  margin-bottom:3em
}

.htw-prose :where(blockquote):not(:where([class~="htw-not-prose"] *)){
  font-weight:500;
  font-style:italic;
  color:var(--tw-prose-quotes);
  border-left-width:0.25rem;
  border-left-color:var(--tw-prose-quote-borders);
  quotes:"\201C""\201D""\2018""\2019";
  margin-top:1.6em;
  margin-bottom:1.6em;
  padding-left:1em;
  margin-left:0;
  margin-right:0;
  background-color:rgb(var(--_histoire-color-gray-100));
  padding:.25rem .375rem;
}

.htw-prose :where(blockquote):not(:where([class~="htw-not-prose"] *)) p:first-child{
  margin-top:0
}

.htw-prose :where(blockquote):not(:where([class~="htw-not-prose"] *)) p:last-child{
  margin-bottom:0
}

.htw-dark .htw-prose :where(blockquote):not(:where([class~="htw-not-prose"] *)){
  background-color:rgb(var(--_histoire-color-gray-750))
}

.htw-prose :where(blockquote p:first-of-type):not(:where([class~="htw-not-prose"] *))::before{
  content:open-quote
}

.htw-prose :where(blockquote p:last-of-type):not(:where([class~="htw-not-prose"] *))::after{
  content:close-quote
}

.htw-prose :where(h1):not(:where([class~="htw-not-prose"] *)){
  color:var(--tw-prose-headings);
  font-weight:800;
  font-size:2.25em;
  margin-top:0;
  margin-bottom:0.8888889em;
  line-height:1.1111111
}

.htw-prose :where(h1 strong):not(:where([class~="htw-not-prose"] *)){
  font-weight:900
}

.htw-prose :where(h2):not(:where([class~="htw-not-prose"] *)){
  color:var(--tw-prose-headings);
  font-weight:700;
  font-size:1.5em;
  margin-top:2em;
  margin-bottom:1em;
  line-height:1.3333333
}

.htw-prose :where(h2 strong):not(:where([class~="htw-not-prose"] *)){
  font-weight:800
}

.htw-prose :where(h3):not(:where([class~="htw-not-prose"] *)){
  color:var(--tw-prose-headings);
  font-weight:600;
  font-size:1.25em;
  margin-top:1.6em;
  margin-bottom:0.6em;
  line-height:1.6
}

.htw-prose :where(h3 strong):not(:where([class~="htw-not-prose"] *)){
  font-weight:700
}

.htw-prose :where(h4):not(:where([class~="htw-not-prose"] *)){
  color:var(--tw-prose-headings);
  font-weight:600;
  margin-top:1.5em;
  margin-bottom:0.5em;
  line-height:1.5
}

.htw-prose :where(h4 strong):not(:where([class~="htw-not-prose"] *)){
  font-weight:700
}

.htw-prose :where(figure > *):not(:where([class~="htw-not-prose"] *)){
  margin-top:0;
  margin-bottom:0
}

.htw-prose :where(figcaption):not(:where([class~="htw-not-prose"] *)){
  color:var(--tw-prose-captions);
  font-size:0.875em;
  line-height:1.4285714;
  margin-top:0.8571429em
}

.htw-prose :where(code):not(:where([class~="htw-not-prose"] *)){
  color:var(--tw-prose-code);
  font-weight:600;
  font-size:0.875em
}

.htw-prose :where(code):not(:where([class~="htw-not-prose"] *))::before{
  content:"`"
}

.htw-prose :where(code):not(:where([class~="htw-not-prose"] *))::after{
  content:"`"
}

.htw-prose :where(a code):not(:where([class~="htw-not-prose"] *)){
  color:var(--tw-prose-links)
}

.htw-prose :where(pre):not(:where([class~="htw-not-prose"] *)){
  color:var(--tw-prose-pre-code);
  background-color:var(--tw-prose-pre-bg);
  overflow-x:auto;
  font-weight:400;
  font-size:0.875em;
  line-height:1.7142857;
  margin-top:1.7142857em;
  margin-bottom:1.7142857em;
  border-radius:0.375rem;
  padding-top:0.8571429em;
  padding-right:1.1428571em;
  padding-bottom:0.8571429em;
  padding-left:1.1428571em
}

.htw-prose :where(pre code):not(:where([class~="htw-not-prose"] *)){
  background-color:transparent;
  border-width:0;
  border-radius:0;
  padding:0;
  font-weight:inherit;
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  line-height:inherit
}

.htw-prose :where(pre code):not(:where([class~="htw-not-prose"] *))::before{
  content:none
}

.htw-prose :where(pre code):not(:where([class~="htw-not-prose"] *))::after{
  content:none
}

.htw-prose :where(table):not(:where([class~="htw-not-prose"] *)){
  width:100%;
  table-layout:auto;
  text-align:left;
  margin-top:2em;
  margin-bottom:2em;
  font-size:0.875em;
  line-height:1.7142857
}

.htw-prose :where(thead):not(:where([class~="htw-not-prose"] *)){
  border-bottom-width:1px;
  border-bottom-color:var(--tw-prose-th-borders)
}

.htw-prose :where(thead th):not(:where([class~="htw-not-prose"] *)){
  color:var(--tw-prose-headings);
  font-weight:600;
  vertical-align:bottom;
  padding-right:0.5714286em;
  padding-bottom:0.5714286em;
  padding-left:0.5714286em
}

.htw-prose :where(tbody tr):not(:where([class~="htw-not-prose"] *)){
  border-bottom-width:1px;
  border-bottom-color:var(--tw-prose-td-borders)
}

.htw-prose :where(tbody tr:last-child):not(:where([class~="htw-not-prose"] *)){
  border-bottom-width:0
}

.htw-prose :where(tbody td):not(:where([class~="htw-not-prose"] *)){
  vertical-align:baseline;
  padding-top:0.5714286em;
  padding-right:0.5714286em;
  padding-bottom:0.5714286em;
  padding-left:0.5714286em
}

.htw-prose{
  --tw-prose-body:#374151;
  --tw-prose-headings:#111827;
  --tw-prose-lead:#4b5563;
  --tw-prose-links:#111827;
  --tw-prose-bold:#111827;
  --tw-prose-counters:#6b7280;
  --tw-prose-bullets:#d1d5db;
  --tw-prose-hr:#e5e7eb;
  --tw-prose-quotes:#111827;
  --tw-prose-quote-borders:#e5e7eb;
  --tw-prose-captions:#6b7280;
  --tw-prose-code:#111827;
  --tw-prose-pre-code:#e5e7eb;
  --tw-prose-pre-bg:#1f2937;
  --tw-prose-th-borders:#d1d5db;
  --tw-prose-td-borders:#e5e7eb;
  --tw-prose-invert-body:#d1d5db;
  --tw-prose-invert-headings:#fff;
  --tw-prose-invert-lead:#9ca3af;
  --tw-prose-invert-links:#fff;
  --tw-prose-invert-bold:#fff;
  --tw-prose-invert-counters:#9ca3af;
  --tw-prose-invert-bullets:rgb(var(--_histoire-color-gray-500));
  --tw-prose-invert-hr:rgb(var(--_histoire-color-gray-800));
  --tw-prose-invert-quotes:#f3f4f6;
  --tw-prose-invert-quote-borders:rgb(var(--_histoire-color-gray-800));
  --tw-prose-invert-captions:#9ca3af;
  --tw-prose-invert-code:#fff;
  --tw-prose-invert-pre-code:#d1d5db;
  --tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders:#4b5563;
  --tw-prose-invert-td-borders:#374151;
  font-size:1rem;
  line-height:1.75
}

.htw-prose :where(p):not(:where([class~="htw-not-prose"] *)){
  margin-top:1.25em;
  margin-bottom:1.25em
}

.htw-prose :where(img):not(:where([class~="htw-not-prose"] *)){
  margin-top:2em;
  margin-bottom:2em
}

.htw-prose :where(video):not(:where([class~="htw-not-prose"] *)){
  margin-top:2em;
  margin-bottom:2em
}

.htw-prose :where(figure):not(:where([class~="htw-not-prose"] *)){
  margin-top:2em;
  margin-bottom:2em
}

.htw-prose :where(h2 code):not(:where([class~="htw-not-prose"] *)){
  font-size:0.875em
}

.htw-prose :where(h3 code):not(:where([class~="htw-not-prose"] *)){
  font-size:0.9em
}

.htw-prose :where(li):not(:where([class~="htw-not-prose"] *)){
  margin-top:0.1rem;
  margin-bottom:0.1rem
}

.htw-prose :where(ol > li):not(:where([class~="htw-not-prose"] *)){
  padding-left:0.375em
}

.htw-prose :where(ul > li):not(:where([class~="htw-not-prose"] *)){
  padding-left:0.375em
}

.htw-prose > :where(ul > li p):not(:where([class~="htw-not-prose"] *)){
  margin-top:0.75em;
  margin-bottom:0.75em
}

.htw-prose > :where(ul > li > *:first-child):not(:where([class~="htw-not-prose"] *)){
  margin-top:1.25em
}

.htw-prose > :where(ul > li > *:last-child):not(:where([class~="htw-not-prose"] *)){
  margin-bottom:1.25em
}

.htw-prose > :where(ol > li > *:first-child):not(:where([class~="htw-not-prose"] *)){
  margin-top:1.25em
}

.htw-prose > :where(ol > li > *:last-child):not(:where([class~="htw-not-prose"] *)){
  margin-bottom:1.25em
}

.htw-prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="htw-not-prose"] *)){
  margin-top:0.75em;
  margin-bottom:0.75em
}

.htw-prose :where(hr + *):not(:where([class~="htw-not-prose"] *)){
  margin-top:0
}

.htw-prose :where(h2 + *):not(:where([class~="htw-not-prose"] *)){
  margin-top:0
}

.htw-prose :where(h3 + *):not(:where([class~="htw-not-prose"] *)){
  margin-top:0
}

.htw-prose :where(h4 + *):not(:where([class~="htw-not-prose"] *)){
  margin-top:0
}

.htw-prose :where(thead th:first-child):not(:where([class~="htw-not-prose"] *)){
  padding-left:0
}

.htw-prose :where(thead th:last-child):not(:where([class~="htw-not-prose"] *)){
  padding-right:0
}

.htw-prose :where(tbody td:first-child):not(:where([class~="htw-not-prose"] *)){
  padding-left:0
}

.htw-prose :where(tbody td:last-child):not(:where([class~="htw-not-prose"] *)){
  padding-right:0
}

.htw-prose > :where(:first-child):not(:where([class~="htw-not-prose"] *)){
  margin-top:0
}

.htw-prose > :where(:last-child):not(:where([class~="htw-not-prose"] *)){
  margin-bottom:0
}

.htw-prose :where(h1, h2, h3, h4, th):not(:where([class~="htw-not-prose"] *)){
  margin-bottom:0.75rem;
}

.htw-prose :where(h1, h2, h3, h4, th):not(:where([class~="htw-not-prose"] *)):not(:first-child){
  margin-top:1.25rem
}

.htw-pointer-events-none{
  pointer-events:none
}

.htw-invisible{
  visibility:hidden
}

.htw-fixed{
  position:fixed
}

.htw-absolute{
  position:absolute
}

.htw-relative{
  position:relative
}

.htw-inset-0{
  top:0px;
  right:0px;
  bottom:0px;
  left:0px
}

.htw-top-0{
  top:0px
}

.htw-right-0{
  right:0px
}

.htw-left-0{
  left:0px
}

.htw-bottom-0{
  bottom:0px
}

.htw-top-1{
  top:0.25rem
}

.htw-left-4{
  left:1rem
}

.htw-right-4{
  right:1rem
}

.htw-bottom-1{
  bottom:0.25rem
}

.htw-left-1{
  left:0.25rem
}

.htw-top-4{
  top:1rem
}

.htw-bottom-4{
  bottom:1rem
}

.htw-right-1{
  right:0.25rem
}

.htw-isolate{
  isolation:isolate
}

.htw-z-10{
  z-index:10
}

.htw-z-20{
  z-index:20
}

.htw-m-0{
  margin:0px
}

.htw-m-4{
  margin:1rem
}

.htw-m-1{
  margin:0.25rem
}

.-htw-my-1{
  margin-top:-0.25rem;
  margin-bottom:-0.25rem
}

.htw-mx-1{
  margin-left:0.25rem;
  margin-right:0.25rem
}

.htw-my-2{
  margin-top:0.5rem;
  margin-bottom:0.5rem
}

.htw-mx-2{
  margin-left:0.5rem;
  margin-right:0.5rem
}

.htw-my-0{
  margin-top:0px;
  margin-bottom:0px
}

.htw-my-8{
  margin-top:2rem;
  margin-bottom:2rem
}

.htw-mx-4{
  margin-left:1rem;
  margin-right:1rem
}

.htw-mt-2{
  margin-top:0.5rem
}

.htw-ml-auto{
  margin-left:auto
}

.htw-mb-6{
  margin-bottom:1.5rem
}

.htw-mt-0\.5{
  margin-top:0.125rem
}

.htw-mt-0{
  margin-top:0px
}

.-htw-mt-1{
  margin-top:-0.25rem
}

.htw-mr-auto{
  margin-right:auto
}

.htw-mb-2{
  margin-bottom:0.5rem
}

.htw-box-border{
  box-sizing:border-box
}

.htw-block{
  display:block
}

.htw-flex{
  display:flex
}

.htw-inline-flex{
  display:inline-flex
}

.htw-grid{
  display:grid
}

.htw-hidden{
  display:none
}

.htw-h-screen{
  height:100vh
}

.htw-h-full{
  height:100%
}

.htw-h-64{
  height:16rem
}

.htw-h-16{
  height:4rem
}

.htw-h-6{
  height:1.5rem
}

.htw-h-12{
  height:3rem
}

.htw-h-5{
  height:1.25rem
}

.htw-h-3{
  height:0.75rem
}

.htw-h-8{
  height:2rem
}

.htw-h-\[16px\]{
  height:16px
}

.htw-h-4{
  height:1rem
}

.htw-h-10{
  height:2.5rem
}

.htw-h-\[27px\]{
  height:27px
}

.htw-h-\[2px\]{
  height:2px
}

.htw-h-9{
  height:2.25rem
}

.htw-h-\[51px\]{
  height:51px
}

.htw-h-fit{
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content
}

.htw-h-2{
  height:0.5rem
}

.htw-h-px{
  height:1px
}

.htw-h-\[1px\]{
  height:1px
}

.htw-h-\[100px\]{
  height:100px
}

.htw-h-32{
  height:8rem
}

.htw-h-20{
  height:5rem
}

.htw-h-1{
  height:0.25rem
}

.htw-max-h-full{
  max-height:100%
}

.htw-max-h-\[400px\]{
  max-height:400px
}

.htw-min-h-\[26px\]{
  min-height:26px
}

.htw-w-64{
  width:16rem
}

.htw-w-full{
  width:100%
}

.htw-w-6{
  width:1.5rem
}

.htw-w-5{
  width:1.25rem
}

.htw-w-3{
  width:0.75rem
}

.htw-w-screen{
  width:100vw
}

.htw-w-8{
  width:2rem
}

.htw-w-\[16px\]{
  width:16px
}

.htw-w-4{
  width:1rem
}

.htw-w-\[2px\]{
  width:2px
}

.htw-w-fit{
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content
}

.htw-w-px{
  width:1px
}

.htw-w-2{
  width:0.5rem
}

.htw-w-max{
  width:-webkit-max-content;
  width:-moz-max-content;
  width:max-content
}

.htw-w-16{
  width:4rem
}

.htw-w-20{
  width:5rem
}

.htw-w-28{
  width:7rem
}

.htw-w-32{
  width:8rem
}

.htw-min-w-\[150px\]{
  min-width:150px
}

.htw-min-w-4{
  min-width:1rem
}

.htw-min-w-0{
  min-width:0px
}

.htw-min-w-16{
  min-width:4rem
}

.htw-max-w-full{
  max-width:100%
}

.htw-max-w-none{
  max-width:none
}

.htw-max-w-\[400px\]{
  max-width:400px
}

.htw-max-w-\[512px\]{
  max-width:512px
}

.htw-flex-none{
  flex:none
}

.htw-flex-1{
  flex:1 1 0%
}

.htw-shrink-0{
  flex-shrink:0
}

.htw-shrink{
  flex-shrink:1
}

.htw-grow{
  flex-grow:1
}

.htw-rotate-90{
  --tw-rotate:90deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.htw-scale-0{
  --tw-scale-x:0;
  --tw-scale-y:0;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.htw-cursor-pointer{
  cursor:pointer
}

.htw-cursor-ew-resize{
  cursor:ew-resize
}

.htw-cursor-ns-resize{
  cursor:ns-resize
}

.htw-cursor-nwse-resize{
  cursor:nwse-resize
}

.htw-cursor-default{
  cursor:default
}

.htw-cursor-text{
  cursor:text
}

.htw-select-none{
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none
}

.htw-resize-none{
  resize:none
}

.htw-resize-y{
  resize:vertical
}

.htw-appearance-none{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none
}

.htw-grid-cols-\[repeat\(auto-fill\,minmax\(200px\,1fr\)\)\]{
  grid-template-columns:repeat(auto-fill,minmax(200px,1fr))
}

.htw-flex-col{
  flex-direction:column
}

.htw-flex-wrap{
  flex-wrap:wrap
}

.htw-place-content-between{
  place-content:space-between
}

.htw-items-end{
  align-items:flex-end
}

.htw-items-center{
  align-items:center
}

.htw-items-baseline{
  align-items:baseline
}

.htw-items-stretch{
  align-items:stretch
}

.htw-justify-center{
  justify-content:center
}

.htw-gap-1{
  gap:0.25rem
}

.htw-gap-2{
  gap:0.5rem
}

.htw-gap-6{
  gap:1.5rem
}

.htw-gap-4{
  gap:1rem
}

.htw-gap-0\.5{
  gap:0.125rem
}

.htw-gap-0{
  gap:0px
}

.htw-gap-y-1{
  row-gap:0.25rem
}

.htw-space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1rem * var(--tw-space-y-reverse))
}

.htw-divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse:0;
  border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width:calc(1px * var(--tw-divide-y-reverse))
}

.htw-divide-gray-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-100) / var(--tw-divide-opacity))
}

.htw-divide-gray-200 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-200) / var(--tw-divide-opacity))
}

.htw-overflow-auto{
  overflow:auto
}

.htw-overflow-hidden{
  overflow:hidden
}

.htw-overflow-y-auto{
  overflow-y:auto
}

.htw-overflow-y-scroll{
  overflow-y:scroll
}

.htw-truncate{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.htw-text-ellipsis{
  text-overflow:ellipsis
}

.htw-whitespace-nowrap{
  white-space:nowrap
}

.htw-rounded-sm{
  border-radius:0.25rem
}

.htw-rounded-full{
  border-radius:9999px
}

.htw-rounded-lg{
  border-radius:0.75rem
}

.htw-rounded{
  border-radius:0.375rem
}

.htw-rounded-b-lg{
  border-bottom-right-radius:0.75rem;
  border-bottom-left-radius:0.75rem
}

.htw-rounded-r-lg{
  border-top-right-radius:0.75rem;
  border-bottom-right-radius:0.75rem
}

.htw-border{
  border-width:1px
}

.htw-border-8{
  border-width:8px
}

.htw-border-2{
  border-width:2px
}

.htw-border-0{
  border-width:0px
}

.htw-border-b-2{
  border-bottom-width:2px
}

.htw-border-b{
  border-bottom-width:1px
}

.htw-border-r{
  border-right-width:1px
}

.htw-border-t{
  border-top-width:1px
}

.htw-border-l-2{
  border-left-width:2px
}

.htw-border-solid{
  border-style:solid
}

.htw-border-gray-600{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-600) / var(--tw-border-opacity))
}

.htw-border-gray-100{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-100) / var(--tw-border-opacity))
}

.htw-border-primary-500{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))
}

.htw-border-black\/25{
  border-color:rgb(0 0 0 / 0.25)
}

.htw-border-gray-200{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-200) / var(--tw-border-opacity))
}

.htw-border-transparent{
  border-color:transparent
}

.htw-border-gray-500\/10{
  border-color:rgb(var(--_histoire-color-gray-500) / 0.1)
}

.htw-border-primary-200{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-200) / var(--tw-border-opacity))
}

.htw-border-black\/50{
  border-color:rgb(0 0 0 / 0.5)
}

.htw-border-black\/20{
  border-color:rgb(0 0 0 / 0.2)
}

.htw-border-gray-850{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-850) / var(--tw-border-opacity))
}

.htw-bg-white{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}

.htw-bg-gray-500{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-500) / var(--tw-bg-opacity))
}

.htw-bg-primary-500\/10{
  background-color:rgb(var(--_histoire-color-primary-500) / 0.1)
}

.htw-bg-primary-500{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-500) / var(--tw-bg-opacity))
}

.htw-bg-gray-50{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-50) / var(--tw-bg-opacity))
}

.htw-bg-primary-200{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-200) / var(--tw-bg-opacity))
}

.htw-bg-primary-500\/25{
  background-color:rgb(var(--_histoire-color-primary-500) / 0.25)
}

.htw-bg-transparent{
  background-color:transparent
}

.htw-bg-primary-50{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-50) / var(--tw-bg-opacity))
}

.htw-bg-gray-100{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-100) / var(--tw-bg-opacity))
}

.htw-bg-white\/80{
  background-color:rgb(255 255 255 / 0.8)
}

.htw-bg-gray-200{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-200) / var(--tw-bg-opacity))
}

.htw-bg-gray-500\/10{
  background-color:rgb(var(--_histoire-color-gray-500) / 0.1)
}

.htw-bg-gray-500\/50{
  background-color:rgb(var(--_histoire-color-gray-500) / 0.5)
}

.htw-bg-gray-700{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-700) / var(--tw-bg-opacity))
}

.\!htw-bg-primary-500{
  --tw-bg-opacity:1 !important;
  background-color:rgb(var(--_histoire-color-primary-500) / var(--tw-bg-opacity)) !important
}

.htw-stroke-white{
  stroke:#fff
}

.htw-stroke-2{
  stroke-width:2
}

.htw-p-2{
  padding:0.5rem
}

.htw-p-4{
  padding:1rem
}

.htw-p-1{
  padding:0.25rem
}

.htw-px-1{
  padding-left:0.25rem;
  padding-right:0.25rem
}

.htw-px-4{
  padding-left:1rem;
  padding-right:1rem
}

.htw-py-3{
  padding-top:0.75rem;
  padding-bottom:0.75rem
}

.htw-px-6{
  padding-left:1.5rem;
  padding-right:1.5rem
}

.htw-py-12{
  padding-top:3rem;
  padding-bottom:3rem
}

.htw-px-2{
  padding-left:0.5rem;
  padding-right:0.5rem
}

.htw-py-1{
  padding-top:0.25rem;
  padding-bottom:0.25rem
}

.htw-px-0\.5{
  padding-left:0.125rem;
  padding-right:0.125rem
}

.htw-px-0{
  padding-left:0px;
  padding-right:0px
}

.htw-py-2{
  padding-top:0.5rem;
  padding-bottom:0.5rem
}

.htw-py-4{
  padding-top:1rem;
  padding-bottom:1rem
}

.htw-py-0\.5{
  padding-top:0.125rem;
  padding-bottom:0.125rem
}

.htw-py-0{
  padding-top:0px;
  padding-bottom:0px
}

.htw-pr-2{
  padding-right:0.5rem
}

.htw-pl-6{
  padding-left:1.5rem
}

.htw-pl-0{
  padding-left:0px
}

.htw-pr-6{
  padding-right:1.5rem
}

.htw-pl-0\.5{
  padding-left:0.125rem
}

.htw-pl-4{
  padding-left:1rem
}

.htw-pl-2{
  padding-left:0.5rem
}

.htw-text-left{
  text-align:left
}

.htw-text-center{
  text-align:center
}

.htw-font-mono{
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

.htw-text-xs{
  font-size:0.75rem;
  line-height:1rem
}

.htw-text-sm{
  font-size:0.875rem;
  line-height:1.25rem
}

.htw-text-lg{
  font-size:1.125rem;
  line-height:1.75rem
}

.htw-text-5xl{
  font-size:3rem;
  line-height:1
}

.htw-leading-normal{
  line-height:1.5
}

.htw-text-white\/40{
  color:rgb(255 255 255 / 0.4)
}

.htw-text-gray-900{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-gray-900) / var(--tw-text-opacity))
}

.htw-text-primary-500{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-500) / var(--tw-text-opacity))
}

.htw-text-gray-500{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-gray-500) / var(--tw-text-opacity))
}

.htw-text-white{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}

.htw-text-gray-400{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-gray-400) / var(--tw-text-opacity))
}

.htw-text-orange-500{
  --tw-text-opacity:1;
  color:rgb(249 115 22 / var(--tw-text-opacity))
}

.htw-text-inherit{
  color:inherit
}

.htw-text-red-500{
  --tw-text-opacity:1;
  color:rgb(239 68 68 / var(--tw-text-opacity))
}

.htw-text-black\/\[2\%\]{
  color:rgb(0 0 0 / 2%)
}

.htw-text-gray-500\/20{
  color:rgb(var(--_histoire-color-gray-500) / 0.2)
}

.htw-text-primary-800{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-800) / var(--tw-text-opacity))
}

.htw-text-gray-700{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-gray-700) / var(--tw-text-opacity))
}

.htw-opacity-25{
  opacity:0.25
}

.htw-opacity-40{
  opacity:0.4
}

.htw-opacity-50{
  opacity:0.5
}

.htw-opacity-30{
  opacity:0.3
}

.htw-opacity-60{
  opacity:0.6
}

.htw-opacity-20{
  opacity:0.2
}

.htw-opacity-70{
  opacity:0.7
}

.htw-shadow-xl{
  --tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.htw-outline-none{
  outline:2px solid transparent;
  outline-offset:2px
}

.htw-transition-transform{
  transition-property:transform;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.htw-transition-border{
  transition-property:border;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.htw-transition-all{
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.htw-transition-none{
  transition-property:none
}

.htw-transition-colors{
  transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.htw-delay-150{
  transition-delay:150ms
}

.htw-duration-150{
  transition-duration:150ms
}

.htw-duration-200{
  transition-duration:200ms
}

.htw-ease-out{
  transition-timing-function:cubic-bezier(0, 0, 0.2, 1)
}

.htw-ease-in-out{
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
}

body,
pre {
  margin: 0;
}

html,
body,
#app {
  height: 100%;
}

html {
  font-family: 'Lato', sans-serif;
  font-size: 1rem;
}

body {
  font-size: 1.125rem;
}

@media (min-width: 640px) {
  body {
    font-size: .875rem;
  }
}

.__histoire-sandbox {
  contain: content;
}

.__histoire-code .shiki {
  background: transparent !important;
}

.htw-prose h1:not(:hover) .header-anchor[aria-hidden="true"], .htw-prose h2:not(:hover) .header-anchor[aria-hidden="true"], .htw-prose h3:not(:hover) .header-anchor[aria-hidden="true"], .htw-prose h4:not(:hover) .header-anchor[aria-hidden="true"] {
  visibility: hidden;
}

.htw-prose hr {
  margin: 1rem 0;
}

.first\:htw-mt-0:first-child{
  margin-top:0px
}

.last\:htw-mb-0:last-child{
  margin-bottom:0px
}

.hover\:htw-border-primary-500:hover{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))
}

.hover\:htw-bg-primary-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-100) / var(--tw-bg-opacity))
}

.hover\:htw-bg-primary-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-600) / var(--tw-bg-opacity))
}

.hover\:htw-bg-primary-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-50) / var(--tw-bg-opacity))
}

.hover\:htw-bg-primary-500\/50:hover{
  background-color:rgb(var(--_histoire-color-primary-500) / 0.5)
}

.hover\:htw-bg-gray-200:hover{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-200) / var(--tw-bg-opacity))
}

.hover\:htw-bg-primary-300:hover{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-300) / var(--tw-bg-opacity))
}

.hover\:htw-text-primary-500:hover{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-500) / var(--tw-text-opacity))
}

.hover\:htw-opacity-100:hover{
  opacity:1
}

.focus\:htw-border-primary-500:focus{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))
}

.focus\:htw-opacity-100:focus{
  opacity:1
}

.focus-visible\:htw-border-primary-500:focus-visible{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))
}

.htw-group:nth-child(odd) .group-odd\:htw-bg-gray-100\/50{
  background-color:rgb(var(--_histoire-color-gray-100) / 0.5)
}

.htw-group:hover .group-hover\:htw-bg-primary-100{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-100) / var(--tw-bg-opacity))
}

.htw-group:hover .group-hover\:htw-opacity-100{
  opacity:1
}

.htw-group:hover .group-hover\:htw-opacity-90{
  opacity:0.9
}

.htw-group:active .group-active\:htw-bg-gray-500\/20{
  background-color:rgb(var(--_histoire-color-gray-500) / 0.2)
}

.htw-dark .dark\:htw-prose-invert{
  --tw-prose-body:var(--tw-prose-invert-body);
  --tw-prose-headings:var(--tw-prose-invert-headings);
  --tw-prose-lead:var(--tw-prose-invert-lead);
  --tw-prose-links:var(--tw-prose-invert-links);
  --tw-prose-bold:var(--tw-prose-invert-bold);
  --tw-prose-counters:var(--tw-prose-invert-counters);
  --tw-prose-bullets:var(--tw-prose-invert-bullets);
  --tw-prose-hr:var(--tw-prose-invert-hr);
  --tw-prose-quotes:var(--tw-prose-invert-quotes);
  --tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);
  --tw-prose-captions:var(--tw-prose-invert-captions);
  --tw-prose-code:var(--tw-prose-invert-code);
  --tw-prose-pre-code:var(--tw-prose-invert-pre-code);
  --tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);
  --tw-prose-th-borders:var(--tw-prose-invert-th-borders);
  --tw-prose-td-borders:var(--tw-prose-invert-td-borders)
}

.htw-dark .dark\:htw-divide-gray-800 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-800) / var(--tw-divide-opacity))
}

.htw-dark .dark\:htw-divide-gray-750 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-750) / var(--tw-divide-opacity))
}

.htw-dark .dark\:htw-divide-gray-850 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-850) / var(--tw-divide-opacity))
}

.htw-dark .dark\:htw-border-gray-800{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-800) / var(--tw-border-opacity))
}

.htw-dark .dark\:htw-border-white\/25{
  border-color:rgb(255 255 255 / 0.25)
}

.htw-dark .dark\:htw-border-gray-850{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-850) / var(--tw-border-opacity))
}

.htw-dark .dark\:htw-border-gray-750{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-750) / var(--tw-border-opacity))
}

.htw-dark .dark\:htw-border-gray-700\/30{
  border-color:rgb(var(--_histoire-color-gray-700) / 0.3)
}

.htw-dark .dark\:htw-border-primary-900{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-900) / var(--tw-border-opacity))
}

.htw-dark .dark\:htw-border-white\/50{
  border-color:rgb(255 255 255 / 0.5)
}

.htw-dark .dark\:htw-border-white\/20{
  border-color:rgb(255 255 255 / 0.2)
}

.htw-dark .dark\:htw-bg-gray-700{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-700) / var(--tw-bg-opacity))
}

.htw-dark .dark\:htw-bg-primary-400{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-400) / var(--tw-bg-opacity))
}

.htw-dark .dark\:htw-bg-primary-800{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-800) / var(--tw-bg-opacity))
}

.htw-dark .dark\:htw-bg-primary-600{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-600) / var(--tw-bg-opacity))
}

.htw-dark .dark\:htw-bg-gray-800{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-800) / var(--tw-bg-opacity))
}

.htw-dark .dark\:htw-bg-gray-700\/80{
  background-color:rgb(var(--_histoire-color-gray-700) / 0.8)
}

.htw-dark .dark\:htw-bg-gray-850{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-850) / var(--tw-bg-opacity))
}

.htw-dark .dark\:htw-bg-primary-700{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-700) / var(--tw-bg-opacity))
}

.htw-dark .dark\:htw-bg-gray-750{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-750) / var(--tw-bg-opacity))
}

.htw-dark .dark\:htw-bg-black{
  --tw-bg-opacity:1;
  background-color:rgb(0 0 0 / var(--tw-bg-opacity))
}

.htw-dark .dark\:htw-bg-gray-600{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-600) / var(--tw-bg-opacity))
}

.htw-dark .dark\:htw-text-gray-100{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-gray-100) / var(--tw-text-opacity))
}

.htw-dark .dark\:htw-text-black{
  --tw-text-opacity:1;
  color:rgb(0 0 0 / var(--tw-text-opacity))
}

.htw-dark .dark\:htw-text-primary-400{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-400) / var(--tw-text-opacity))
}

.htw-dark .dark\:htw-text-white\/\[2\%\]{
  color:rgb(255 255 255 / 2%)
}

.htw-dark .dark\:htw-text-primary-200{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-200) / var(--tw-text-opacity))
}

.htw-dark .dark\:hover\:htw-border-primary-500:hover{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))
}

.htw-dark .dark\:hover\:htw-bg-primary-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-700) / var(--tw-bg-opacity))
}

.htw-dark .dark\:hover\:htw-bg-primary-900:hover{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-900) / var(--tw-bg-opacity))
}

.htw-dark .dark\:hover\:htw-bg-primary-800:hover{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-800) / var(--tw-bg-opacity))
}

.htw-dark .dark\:hover\:htw-bg-gray-800:hover{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-800) / var(--tw-bg-opacity))
}

.htw-dark .dark\:hover\:htw-text-primary-400:hover{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-400) / var(--tw-text-opacity))
}

.htw-dark .dark\:focus\:htw-border-primary-500:focus{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))
}

.htw-dark .htw-group:nth-child(odd) .dark\:group-odd\:htw-bg-gray-750\/40{
  background-color:rgb(var(--_histoire-color-gray-750) / 0.4)
}

.htw-dark .htw-group:hover .dark\:group-hover\:htw-bg-primary-700{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-700) / var(--tw-bg-opacity))
}

@media (min-width: 640px){
  .sm\:htw-h-4{
    height:1rem
  }

  .sm\:htw-w-4{
    width:1rem
  }

  .sm\:htw-p-1{
    padding:0.25rem
  }

  .sm\:htw-py-4{
    padding-top:1rem;
    padding-bottom:1rem
  }
}

@media (min-width: 768px){
  .md\:htw-mx-auto{
    margin-left:auto;
    margin-right:auto
  }

  .md\:htw-mt-16{
    margin-top:4rem
  }

  .md\:htw-max-w-\[600px\]{
    max-width:600px
  }

  .md\:htw-p-12{
    padding:3rem
  }

  .md\:htw-py-1\.5{
    padding-top:0.375rem;
    padding-bottom:0.375rem
  }

  .md\:htw-py-1{
    padding-top:0.25rem;
    padding-bottom:0.25rem
  }
}

@media (min-width: 1024px){
  .lg\:htw-max-w-\[800px\]{
    max-width:800px
  }
}

@media (min-width: 1280px){
  .xl\:htw-max-w-\[900px\]{
    max-width:900px
  }
}