@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Raleway:400,700&display=swap');

  body {
  font-family: 'Open Sans', sans-serif;
  }

  h1, h2, h3, h4, h5, h6 {
  font-family: 'Raleway', sans-serif;
  }

  h1 {
  font-size: 34px;
  }

  h2 {
  font-size: 32px;
  }

  h3 {
  font-size: 26px;
  }

  h4 {
  font-size: 21px;
  }

  h5 {
  font-size: 18px;
  }

  h6 {
  font-size: 16px;
  }

  body {
  font-size: 15px;
  }

  body,
  .product-usps li,
  .stock-message {
  color: var(--ink);
  }

  h1, h2, h3, h4, h5, h6 {
  color: var(--ink) !important;
  }

  a,
  .woocommerce ul.products li.product .price,
  .woocommerce .price {
  color: var(--accent) !important;
  }

  a:hover,
  .woocommerce ul.products li.product .price,
  .woocommerce .price,
  .product-usps li i,
  .counter {
  color: var(--night) !important;
  }

  .btn,
  .wpcf7-submit,
  .woocommerce span.onsale,
  .woocommerce a.button,
  .woocommerce .button,
  [type="submit"],
  .nf-form-content input[type=submit]
  {
  background: var(--accent) !important;
  color: #fff !important;
  }

  .btn:hover,
  .wpcf7-submit:hover,
  .woocommerce span.onsale:hover,
  .woocommerce a.button:hover,
  .woocommerce .button:hover,
  [type="submit"]:hover,
  .nf-form-content input[type=submit]:hover
  {
  background: var(--night) !important;
  color: #fff !important;
  }

  div.social-media ul li a {
  background: var(--night) !important;
  color: #fff !important;
  }

  div.social-media ul li a i {
  color: #fff !important;
  }

  div.social-media ul li a:hover {
  background: var(--night) !important;
  color: #fff !important;
  }
  footer div.social-media ul li a {
  background: var(--accent) !important;
  }

  div.phone a.phone, div.email a.email {
  background: var(--night) !important;
  color: #fff !important;
  }

  div.phone a.phone, div.email a.email i {
  color: #fff !important;
  }

  div.phone a.phone:hover, div.email a.email:hover {
  background: var(--night) !important;
  color: #fff !important;
  }

  header button.navbar-toggle {
  color: var(--night);
  border-color: var(--night);
  }

  .woocommerce-info,
  .woocommerce-message {
  border-top-color: var(--night) !important;
  }

  .woocommerce-info::before,
  .woocommerce-message::before {
  color: var(--night) !important;
  }

  .btn,
  .wpcf7-submit,
  .woocommerce span.onsale,
  .woocommerce a.button,
  .woocommerce .button,
  .modal__container,
  .footer-cta-box,
  .rimg,
  [type="submit"] {
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
  }

  .img-responsive {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  }



  header div.header {
  background-color: rgba(255, 255, 255, .5) !important;
  }
  header .sticky_menu_small div.header {
  background-color: rgb(255, 255, 255) !important;
  }

  @media only screen and (max-width : 992px) {
  header nav.navbar-default {
  background: none !important;
  }
  }





  @media only screen and (min-width : 992px) {
  header > div.wrapper {
  min-height: 192px;
  }
  header > div.wrapper.above {
  min-height: 342px;
  }

  header div.header div.holder {
  height: 92px;
  }
  }





  nav.navbar-default, div.navbar-collapse {
  background-color: var(--night); !important;
  }

  @media only screen and (min-width : 992px) {
  
  div.navbar-collapse {
  background: none !important;
  }

  header nav.navbar-default {
  background-color: rgba(10, 0, 0, .5) !important;
  }

  nav.navbar-default div.navbar-collapse ul.navbar-nav>li a:hover {
  background-color: rgba(10, 0, 0, .5) !important;
  -webkit-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.1);
  -moz-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.1);
  }

  header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:hover,
  header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:focus,
  header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:active {
  color: var(--night) !important;
  }
  }


  section.featured div.wrapper {
  margin-top: 60px;
  }





  header div.header {
  text-align: center;
  }

  header div.navbar-collapse ul.navbar-nav li a, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
  border-bottom: 1px solid var(--accent);
  }

  @media only screen and (min-width : 992px) {
  header div.navbar-collapse ul.navbar-nav li a, header nav.navbar-default div.navbar-collapse ul.navbar-nav li ul.dropdown-menu li.active > a {
  color: var(--accent) !important;
  }
  }


  header div.header div.contact i {
  color: var(--accent);
  }

  @media only screen and (min-width : 992px) {
  header div.navbar-collapse {
  text-align: right;
  }
  }

  section.featured div.item p,
  section.news div.item p {
  color: var(--ink) !important;
  }

  section.featured div.item,
  section.news div.item {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  }

  section.partners {
  background: var(--accent) !important;
  }

  section.partners img {
  border-radius: 0 !important;
  }

  footer,
  .footer-cta.center:after,
  .author {
  background: var(--night) !important;
  }

  footer div.column > h4 {
  border-bottom: 1px solid var(--accent);
  }

  footer div.socket,
  .footer-sticky {
  background: var(--night) !important;
  }


  .img-circle {
  border-radius: 0 !important;
  }

  section.treatments div.button-wrap {
  background: #9c7694;
  margin-top: 30px;
  }

  section.treatments div.item a {
  color: var(--ink) !important;
  }

  section.prices table tr td a {
  color: var(--ink) !important;
  }

  aside div.block.treatments ul li a,
  .woocommerce .widget_product_categories ul li a,
  .woocommerce .widget_product_categories ul li span {
  color: var(--ink) !important;
  }

  aside div.block.treatments ul li:hover,
  .woocommerce .widget_product_categories ul li:hover {
  background: var(--night);
  }

  @media only screen and (min-width : 1400px) {
  .container {
  width: 1370px;
  }
  }
  :root {
    --white: #FFFFFF;
    --paper: #F6F4EF;
    --ink: #23262B;
    --ink-soft: rgba(35, 38, 43, .64);
    --blue: #214C9B;
    --night: #15233F;
    --accent: #BD6A2E;
    --cat-beeld: #214C9B;
    --cat-koers: #BD6A2E;
    --cat-uitvoering: #15233F;
    --accent-dark: #A85A23;
    --ghost: rgba(35, 38, 43, .10);
    --line: rgba(35, 38, 43, .16);
    --line-soft: rgba(35, 38, 43, .09);
    --line-d: rgba(246, 244, 239, .18);
    --display: "Archivo", sans-serif;
    --sans: "Hanken Grotesk", sans-serif;
    --mono: "IBM Plex Mono", monospace;
    --weken: 13;
    --blok: 80%;
    --balk-h: 26px;
    --night-soft: rgb(30 77 153 / 19%);;
    --kop: 3px;
    --s1: 8px;
    --s2: 16px;
    --s3: 24px;
    --s4: 32px;
    --s5: 48px;
    --s6: 64px;
    --s7: 96px;
    --s8: 128px;
--font-size-h1: clamp(2.0rem, 2.09rem + 2.41vw, 4.4rem);
--font-size-h2: clamp(1.8rem, 1.47rem + 1.56vw, 2.5rem);
--font-size-h3: clamp(1.6rem, 1.12rem + 1.25vw, 1.875rem);
--font-size-h4: clamp(1.4rem, 1.01rem + 0.83vw, 1.5rem);
--font-size-h5: clamp(1.15rem, 0.91rem + 0.36vw, 1.125rem);
--font-size-h6: clamp(1.0rem, 0.81rem + 0.27vw, 1rem);
}


html, body {
    overflow-x: clip !important;
}
a:focus {
    outline: none !important;
}
:focus {
    outline: none !important;
}

.btn, .wpcf7-submit, .woocommerce span.onsale, .woocommerce a.button, .woocommerce .button, [type="submit"], .nf-form-content input[type=submit] {
    font-size: .95rem;
    letter-spacing: .01em;
    padding: 14px 30px !important;
    border: 1px solid transparent !important;
    font-weight: 600;
    transition: all ease 0.8s;
}
.btn:hover, .wpcf7-submit:hover, .woocommerce span.onsale:hover, .woocommerce a.button:hover, .woocommerce .button:hover, [type="submit"]:hover, .nf-form-content input[type=submit]:hover {
    background: var(--accent-dark) !important;
    transition: all ease 0.8s;
}
a.btn.btn-secondary {
    background: transparent !important;
    color: var(--night) !important;
    border-color: rgba(35, 38, 43, .4) !important;
}
a.btn.btn-secondary:hover {
    background: var(--night) !important;
    color: #fff !important;
    border-color: var(--night) !important;
}

a.textlink {
    font-family: var(--mono);
    font-size: .78rem;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--blue) !important;
    border-bottom: 1px solid var(--line) !important;
    padding-bottom: 3px;
    transition: all ease 0.8s;
}
.textlink:hover {
    color: var(--accent)!important;
    border-color: var(--accent)!important;
    transition: all ease 0.8s;
}

.tick {
    width: 30px;
    height: 2px;
    background: var(--accent);
    margin-bottom: var(--s3);
}
.eyebrow {
    font-family: var(--mono);
    font-size: .72rem;
    font-weight: 500;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--blue);
}
section.subhero p {
    margin: 0;
    font-size: 1.18rem;
    line-height: 1.6;
    color: var(--ink-soft);
}
.contact__form {
    border: 1px solid var(--ink);
    background: var(--white);
    padding: var(--s6);
}


@media only screen and (min-width: 992px) {
html {font-size: 100% !important; }
.single-post header>div.wrapper.sticky_menu {
        margin-top: 55px;
    }
    header div.header.full-width div.wrapper img.logo {
        max-width: 240px;
    }
.about p {
    max-width: 60ch;
}
aside.meta {
    position: sticky;
    top: 95px;
    align-self: start;
    border-top: 2px solid var(--ink);
    padding-top: var(--s3);
}
article.article_prose, .endbar {
    max-width: 800px;
}
.single-post div.page-header h1 {
    max-width: 20ch;
}
    header div.header div.holder {
        height: 75px;
        min-height: 50px;
    }
.confirm_steps {
    max-width: 560px;
}
.confirm__inner {
    max-width: 680px;
    margin: 0 auto;
}
.contact__form {
    max-width: 680px;
}
section.subhero p {
    max-width: 58ch;
}
.subhero h1 {
    max-width: 18ch;
}
footer .col-sm-16:nth-child(1) {
    width: 25%;
    margin-right: 35%;
}
footer .col-sm-16 {
    width: 20%;
}
section.panel--photo img {
    object-position: center 30%;
}
.opgave__close {
    max-width: 30ch;
}
.home .panel__inner {
    max-width: var(--container);
    margin: 0 auto;
    padding: var(--s7) var(--s4);
    width: 100%;
    opacity: calc(1 - var(--out, 0) * .62);
    transform: translateY(calc(var(--out, 0) * -10px));
}
.mobile_only {
    display: none ! Important;
}
.coda__inner {
    max-width: 840px;
}
.home section.panel {
    position: sticky!important;
    top: 0;
    min-height: 100vh;
}
.section_head {
    max-width: 58ch;
}
    header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:hover, header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:focus, header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:active {
        color: var(--blue) !important;
    }
    header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav>li>a {
        font-size: .92rem;
        color: var(--ink-soft) !important;
    }
header div.header {
    background-color: rgb(255 255 255) !important;
    border-bottom: 1px solid var(--line);
}
    header > div.wrapper {
        min-height: 69px;
    }
.bottom-align {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: end;
   align-items: end;
}
.reverse {
    direction: rtl;
    margin-bottom: 0;
}
.reverse > * {
    direction: ltr;
}
.hero__lede {
    max-width: 54ch;
}
.hero__title {
    max-width: 18ch;
}
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item > a.mega-menu-link {
    font-size: .92rem !important;
    text-decoration: none;
    color: var(--ink-soft) !important;
}
    #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item > a.mega-menu-link:focus {
        color: var(--blue) !important;
    }
.lead-p {
    max-width: 58ch;
}
section.panel--photo {
    min-height: 75vh !important;
}
.home .panel__inner--bleed {
    height: 75vh;
}
}

strong {
    color: var(--ink);
}
section.subhero strong {
    margin-bottom: 8px;
    display: block;
}

a.teruglink {
    font-family: var(--mono);
    font-size: .74rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--blue) !important;
}
a.teruglink:hover {
    color: var(--accent) !important;
}
.lead-p {
    font-size: 1.14rem;
    line-height: 1.6;
    color: var(--ink-soft);
    margin-top: var(--s4);
}

.portrait img {
    width: 100%;
    height: 100%;
    margin: 0;
}
.about p {
    font-size: 1.12rem;
    line-height: 1.72;
    color: var(--ink-soft);
}

@media only screen and (max-width: 991px) {
html {font-size: 100%!important;}
header div.header {
    text-align: left;
}
p.count_omhul {
        margin-left: 0;
        width: 100%;
        padding-top: var(--s2);
    }
section.filterbar {
    top: 0!important;
    padding: 11px 0!important;
    z-index: 100!important;
}
.chips button {
    margin: 2px 2px !important;
}
.row.shortcode_blogs {
    margin: 0 auto;
}
.row.shortcode_blogs {
    grid-template-columns: 1fr!important;
}
.dlC {
    flex-direction: column;
}
p.dcval {
    font-size: 15px!important;
}
.direct {
    padding: var(--s5) var(--s3)!important;
}
    .proposities_panel aside.meta {
        padding-top: 23px;
        flex-direction: column;
        gap: 0;
    }
article.article_prose figure.figtop img, .proposities_panel figure.figtop img {
    height: 180px!important;
}
.row.shortcode_blogs {
    flex-direction: column;
}
.single-post section.page {
    padding-top: 20px;
}
.author_endbar {
    grid-template-columns: 1fr!important;
    gap: 0!important;
}
    .meta__row {
        border-bottom: none;
        padding: 0;
    }
aside.meta {
        position: static;
        border-top: none;
        padding-top: 0;
        display: flex;
        flex-wrap: wrap;
        gap: var(--s4);
    }
    .spec__row {
        grid-template-columns: 1fr !important;
        gap: var(--s2) !important;
    }
footer > div.container > div > div:nth-child(2) .column {
    margin: 60px 0;
}
.contact__form {
    padding: var(--s6) var(--s4)!important;
}
.opgave, .route, .route, .grid_over, .why, .pcards, .article_panel, .media_grid, .twocol, .proposities_panel, .contact__parent, .tl4, .res, .invest, .cases {
    grid-template-columns: 1fr !important;
}
.logos__row {
    grid-template-columns: 1fr 1fr!important;
}
.laptop_only {
    display: none ! Important;
}
.tl4__c:nth-child(1) {
    margin: 0;
}
.tl4__c {
    margin-top: 40px;
}
.route__step h3 {
    font-size: 1.3rem!important;
}
  html.navbar-open, .navbar-open body {
    overflow: hidden !important;
  }
header div.header {
    background-color: rgb(255 255 255) !important;
    border-bottom: 1px solid var(--line);
}
header>div.wrapper {
    min-height: 77px;
}
header nav.navbar-default div.navbar-header div.holder, header div.header div.holder {
    min-height: 50px;
    height: 80px;
}
header div.header div.wrapper img.logo {
    max-width: 241px;
}
header button.navbar-toggle {
    color: var(--blue);
}
html.navbar-open body.mm-fullsize nav.type-fullsize button.navbar-toggle {
    color: var(--accent);
}
    #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item > a.mega-menu-link {
        line-height: 1 !important;
        height: unset !important;
        padding: 13px 10px !important;
        color: var(--ink) !important;
        font-weight: 600 !important;
        font-size: 1.0rem!important;
        letter-spacing: -.01em;
        border-bottom: 1px solid var(--line) !important;
    }
nav.navbar-default, div.navbar-collapse {
    background: var(--paper);
}
    #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mobile_subkop > a.mega-menu-link {
        font-family: var(--mono);
        font-size: .62rem !important;
        letter-spacing: .18em;
        text-transform: uppercase;
        color: var(--ink-soft) !important;
        padding-bottom: 8px !important;
        font-weight: 400 !important;
        padding-top: 30px !important;
        border-bottom: 0 !important;
    }
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item-4 > a.mega-menu-link {
    border-bottom: 0 !important;
}
}


.hero__title {
    margin: var(--s4) 0 var(--s5);
    font-weight: 700;
}
.hero__lede {
    font-size: 1.28rem;
    line-height: 1.55;
    color: var(--ink-soft);
    margin-bottom: var(--s6);
}
.hero__actions {
    display: flex;
    gap: var(--s4);
    align-items: center;
    flex-wrap: wrap;
}
.hero__actions .btn {
    margin: 0;
}


main section, section.treatments {
    padding: 120px 0;
}

body.home {
    color: var(--ink);
}

body {
    background: var(--white);
    color: var(--ink-soft);
    font-family: var(--sans);
    font-size: 1.0625rem;
    line-height: 1.62;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -.02em;
    font-family: var(--display);
font-stretch: 125%;
    color: var(--ink)!important;
margin: 2.75rem 0 1.05rem;
}

h1 { font-size: var(--font-size-h1);}
h2 { font-size: var(--font-size-h2);}
h3 { font-size: var(--font-size-h3);}
h4 { font-size: var(--font-size-h4);}
h5 { font-size: var(--font-size-h5);}
h6 { font-size: var(--font-size-h6);}


small, .text_small {font-size: 0.8em;}

.smallmargin {
    margin-top: 1.15rem;
}

p {margin-bottom: 1.15rem;}

.btn {
    margin:1em 0;
    white-space: normal;
}

.relative, main section {
    position: relative;
}
ol, ul {
    margin-bottom: 1.15rem;
}

html, body {
    overflow-x: hidden;
}

img {
    height: auto;
}

@media only screen and (max-width: 991px) {
.gallery .gallery-item {
    width: 100%;
}
.m-pdt-0 {
padding-top:0!important;
}
.m-pdb-0 {
padding-bottom:0!important;
}
.m-pdb-2 {
padding-bottom:2em!important;
}
.m-pdt-2 {
padding-top:2em!important;
}
.m-mt-0 {
margin-top:0!important;
}
.m-mb-0 {
margin-bottom:0!important;
}
}

section.panel--photo {
    padding: 0;
}
.opgave {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 var(--s7);
    max-width: 940px;
    margin-top: var(--s5);
}
.opgave__item {
    display: flex;
    gap: var(--s3);
    padding: var(--s3) 0;
    border-bottom: 1px solid var(--line-soft);
    align-items: baseline;
}
.opgave__item::before {
    content: attr(data-n);
    font-family: var(--mono);
    font-size: .74rem;
    color: var(--accent);
    min-width: 28px;
}
.opgave__item p {
    font-size: 1.05rem;
    line-height: 1.45;
    margin: 0;
}
.opgave__close {
    font-family: var(--display);
font-stretch: 125%;
    font-weight: 500;
    font-size: clamp(1.3rem, 2.4vw, 1.7rem);
    line-height: 1.32;
    margin-top: var(--s5);
    color: var(--night);
    letter-spacing: -.01em;
    margin-bottom: 0;
}
.route {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--s5);
    margin-top: var(--s6);
}
.route__step {
    border-top: 2px solid var(--ink);
    padding-top: var(--s4);
}
.route__n {
    font-family: var(--mono);
    font-size: .72rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--accent);
}
.route__step h3 {
    font-weight: 700;
    font-size: 2rem;
    margin: var(--s2) 0 var(--s3);
    letter-spacing: -.03em;
}
.route__step p {
    color: var(--ink-soft);
    font-size: 1.02rem;
    line-height: 1.5;
}

.pcards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--s5);
    margin-top: var(--s6);
}
.pcard {
    border-top: 2px solid var(--ink);
    padding-top: var(--s4);
}
.pcard__kicker {
    font-family: var(--mono);
    font-size: .66rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--accent);
}
.pcard__title {
    font-weight: 600;
    font-size: 1.3rem;
    line-height: 1.12;
    margin: var(--s2) 0 var(--s4);
}
.pcard__label {
    font-family: var(--mono);
    font-size: .64rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--blue);
    display: block;
    margin-bottom: 4px;
}
.pcard__value {
    font-size: .96rem;
    line-height: 1.5;
    color: var(--ink-soft);
    margin-bottom: var(--s3);
}
.pcard__foot {
    margin-top: var(--s2);
}

.contact__parent {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: var(--s6);
}

.media_grid {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: var(--s6);
    align-items: center;
}

.grid_over {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: var(--s6);
    align-items: center;
    margin-top: var(--s6);
}
.portrait {
    border: 1px solid var(--line);
}
.why {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 var(--s5);
    margin-top: var(--s5);
}
.why__item {
    padding: var(--s3) 0;
    border-bottom: 1px solid var(--line-soft);
    font-size: 1.1rem;
    line-height: 1.45;
    display: flex;
    gap: var(--s3);
    margin-bottom: 0;
}
.why__item::before {
    content: "";
    flex-shrink: 0;
    width: 7px;
    height: 7px;
    margin-top: 9px;
    background: var(--accent);
}
.quotes {
    max-width: 860px;
    margin-top: var(--s7);
}
.quote:first-child {
    border-top: 0;
padding-bottom: 0;
    padding-top: var(--s2);
}
.quote {
    padding: var(--s6) 0;
    border-top: 1px solid var(--line);
}
.quote blockquote {
    font-family: var(--display);
font-stretch: 125%;
    font-weight: 500;
    font-size: clamp(1.4rem, 2.8vw, 2rem);
    line-height: 1.3;
    color: var(--night);
    letter-spacing: -.01em;
    max-width: 26ch;
    border: none !important;
    padding: 0 !important;
}
.quote figcaption {
    font-family: var(--mono);
    font-size: .74rem;
    letter-spacing: .06em;
    color: var(--ink-soft);
    margin-top: var(--s3);
    font-style: normal;
}

.section_head h2 {
    margin-top: 0;
}

section.panel--photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0;
}
section.panel--photo .container {
    width: 100%;
    padding: 0;
    margin: 0;
}
.section_head p {
    font-size: 1.14rem;
    line-height: 1.6;
    color: var(--ink-soft);
    margin-top: var(--s4);
}



/* stacking panels */
.home section.panel {
    display: flex;
    align-items: center;
    background: var(--white);
    border-top: 1px solid var(--line);
    box-shadow: 0 -14px 26px -22px rgba(21, 35, 63, .16);
}

section.panel--paper{background:var(--paper)!important}
section.panel--dark{background:var(--night)!important;color:#fff!important}


.home .panel__inner--bleed {
    max-width: none;
    padding: 0;
    width: 100%;
    display: flex;
}

@media(max-width:991px){
  .home section.panel{ position:static; min-height:auto; box-shadow:none; }
  .panel__inner{ opacity:1; transform:none; }
  .panel__inner.reveal{
    opacity:0; transform:translateY(28px);
    transition:opacity .6s ease, transform .6s cubic-bezier(.2,.7,.2,1);
  }
  .panel__inner.reveal.is-in{ opacity:1; transform:none; }
}

.coda__inner {
    text-align: center;
    margin: 0 auto;
}.coda .tick {
    margin: 0 auto var(--s3);
}.coda .eyebrow {
    color: var(--accent);
}
.coda__inner h2 {
    font-weight: 700;
    font-size: clamp(2rem, 4.4vw, 3.2rem);
    line-height: 1.05;
    margin: var(--s3) 0 var(--s6);
    color: #fff !important;
}
.coda__inner .hero__actions, .confirm__inner .hero__actions {
    justify-content: center;
}
section.coda p {
    margin: 0;
}

/* Toegankelijkheid: beweging uit als de bezoeker dat wil */
@media(prefers-reduced-motion:reduce){
  section.panel{ position:static; min-height:auto; box-shadow:none; }
  .panel__inner{ opacity:1; transform:none; }
}


#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu {
    background-color: var(--white)!important;
    border: 1px solid var(--ink);
    box-shadow: 0 28px 60px -28px rgba(21, 35, 63, .45);
}
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 0 !important;
}
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {
    padding: 24px 22px;
    border-right: 1px solid var(--line);
}
.dd-b__k {
    font-family: var(--mono);
    font-size: .6rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: 12px;
}
.dd-b__col h4 {
    font-weight: 600;
    font-size: 1.12rem;
    letter-spacing: -.02em;
    margin-bottom: 8px;
    margin-top: 0;
}
.dd-b__col p {
    font-size: .86rem;
    color: var(--ink-soft);
    line-height: 1.45;
    margin-bottom: 14px;
}
.dd-b__col .go {
    font-family: var(--mono);
    font-size: .68rem;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--blue);
    text-decoration: none;
}
.dd-b__cta {
    background: var(--night);
    color: #fff;
    padding: 24px 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.dd-b__cta .tick {
    width: 26px;
    height: 2px;
    background: var(--accent);
    margin-bottom: 14px;
}
.dd-b__cta p {
    font-weight: 600;
    font-size: 1.05rem;
    line-height: 1.2;
    letter-spacing: -.01em;
    margin-bottom: 18px;
}

.dd-b__cta a {
    font-family: var(--sans);
    font-weight: 600;
    font-size: .85rem;
    background: var(--accent);
    color: #fff;
    text-decoration: none;
    padding: 11px 16px;
    text-align: center;
    margin-top: 14px;
}
a.dd-b__col:hover span.go {
    color: var(--accent) !important;
}
.dd-b__cta a:hover {
    background: var(--accent-dark) !important;
}
li#mega-menu-537-0-3 {
    background: var(--night) !important;
}
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-row ul.mega-sub-menu {
    display: flex !important;
    flex-direction: row;
    align-items: stretch;
}

#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-column {
    display: flex !important;
    flex-direction: column;
}

footer, .footer-cta.center:after, .author, footer div.socket, .footer-sticky {
    background: var(--white) !important;
}
footer div.column > h4 {
    border-bottom: 0px solid var(--accent);
    margin-top: 0;
    font-family: var(--mono);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--ink-soft) !important;
    margin-bottom: var(--s3);
    padding-bottom: 0;
}
.column.logo_footer h4, .column.intro_footer h4 {
    display: none;
}
.column.intro_footer p {
    font-size: 15px;
    line-height: 1.65;
    margin-top: var(--s2);
    max-width: 34ch;
    color: var(--ink-soft);
    margin-bottom: 0;
}
footer .column a {
    font-size: 15px;
    text-decoration: none;
    color: var(--ink) !important;
    padding: 5px 0;
}
footer .column a:hover {
    color: var(--blue) !important;
}
.column.logo_footer {
    margin-bottom: 0;
}
footer {
    padding-top: 120px;
}
    footer div.socket div.left, footer div.socket a, footer div.socket a:hover {
        font-family: var(--mono);
        letter-spacing: .06em;
        color: var(--ink-soft)!important;
        font-size: 12px;
    }
footer div.socket img[alt=netbeauty] {
    filter: invert(0.5);
}
footer div.socket {
    margin-top: 90px;
    padding: 25px 0;
    border-top: 1px solid var(--line);
}
.column.logo_footer img {
    width: 260px;
}
.dropdownsmall .nf-field .nf-field-element select {
    height: 38px!important;
    padding: 0 12px;
    font-size: 15px;
}
.dropdownsmall .nf-field .nf-field-element div::after {
    font-size: 15px;
    line-height: 62px;
}
.labelshow .nf-field .field-wrap .nf-field-label label, .labelshow .nf-field .field-wrap .nf-field-label span {
    font-weight: 400 !important;
    font-family: var(--mono);
    font-size: 12px !important;
    letter-spacing: .12em !important;
    text-transform: uppercase;
    color: var(--ink-soft);
    display: block;
    margin-bottom: 4px;
    margin-top: 30px;
}
.labelshow .nf-field .field-wrap .nf-field-label {
    display: block!important;
}
footer {
    border-top: 1px solid var(--line);
}
section.subhero p {
    margin: 0;
}
.subhero h1 {
    margin: var(--s3) 0 var(--s4);
    font-weight: 700;
}
.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
    border-radius: 0 !important;
    padding: 10px 54px !important;
}
.labelshow .nf-field .field-wrap .nf-field-label label span {
    display: none !important;
}

.keuze__new .nf-field-element input[type="radio"] {
    display: none !important;
}
.keuze__new .nf-field-element ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.keuze__new .listradio-wrap .nf-field-element label {
    display: inline-block !important;
    border: 1px solid #333;
    padding: 8px 16px;
    cursor: pointer;
    background-color: #fff;
    color: #333;
    font-size: 14px;
    border-radius: 0;
    transition: background-color 0.2s, color 0.2s;
    margin: 0 !important;
}
.keuze__new .nf-field-element input[type="radio"]:checked + label {
    background-color: var(--accent);
    color: #fff;
    border-color: var(--accent) !important;
}
.keuze__new .nf-field-element label:hover {
  background-color: #f0f0f0;
}
.keuze__new .nf-field-element label::after, .keuze__new .listradio-wrap .nf-field-element label:before {
display:none;
}

section.subhero {
    background: var(--paper);
    border-bottom: 1px solid var(--line);
}
.confirm_steps {
    margin: var(--s6) auto 0;
    text-align: left;
    border-top: 1px solid var(--line);
}
.confirm__inner {
    text-align: center;
}
.confirm__inner h1 {
    font-size: clamp(2.5rem, 4.4vw, 3.2rem);
}
.confirm_steps .confirm_steps__row {
    display: flex;
    gap: var(--s4);
    padding: var(--s3) 0;
    border-bottom: 1px solid var(--line-soft);
}
.steps__n {
    font-family: var(--mono);
    font-size: .74rem;
    letter-spacing: .06em;
    color: var(--accent);
    padding-top: 3px;
    flex-shrink: 0;
}
.confirm__inner .hero__actions {
    margin-top: 80px;
}
.confirm__inner p.lead-p {
    margin: var(--s4) auto 0;
}


section.page div.content .page-header, .breadcrumbs {
    display: none;
}
header .page-header {
    background: var(--paper);
    border-bottom: 1px solid var(--line);
    padding: 120px 0;
}
div.page-header h1 {
    border-bottom: 0px solid #e6e6e6 !important;
    margin-bottom: 0 !important;
    font-weight: 700 !important;
    line-height: 1.08 !important;
}

.faq_panel .nbs_panel-group {
    margin-bottom: 0 !important;
    margin-top: var(--s6);
    border-top: 1px solid var(--ink);
}
.spec__row {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: var(--s5);
    padding: var(--s4) 0;
    border-bottom: 1px solid var(--line);
}
.spec {
    border-top: 1px solid var(--ink);
    margin-top: var(--s6);
}
.spec__key {
    font-family: var(--display);
font-stretch: 125%;
    font-weight: 600;
    font-size: 1.05rem;
    color: var(--ink);
}
.spec__val {
    font-size: 1.06rem;
    line-height: 1.55;
    color: var(--ink-soft);
}

.grid_over > p, div.grid_over > div > p:nth-child(3), div.article_panel > p, .media_grid > p, .twocol > p{
    display: none;
}

a.arrowto {
    display: block;
    margin-top: var(--s3);
    font-family: var(--mono);
    font-size: .8rem;
    letter-spacing: .04em;
    color: var(--blue) !important;
}
a.arrowto:hover {
    color: var(--accent) !important;
}

 .nbs_panel-group .nbs_panel-heading a.collapsed::before {
    content: "+";
}
.nbs_panel-group .nbs_panel-heading a::before {
    content: "-";
    margin-right: 5px;
    font-size: 26px;
    position: absolute;
    right: 20px;
    top: 6px;
    font-weight: 400;
    color: var(--accent) !important;
}
.nbs_panel {
    background-color: transparent !important;
    border: 1px solid transparent;
    border-radius: 0 !important;
    box-shadow: none !important;
    border-bottom: 1px solid var(--line);
}
.nbs_panel-group .nbs_panel-heading {
    border-bottom: 0;
    transition: background-color .3s ease;
    padding: 0 !important;
    border-radius: 0 !important;
position: relative;
}
.nbs_panel-group .nbs_panel-heading a {
    width: 100%;
    display: block;
    padding: 16px 10px;
    font-weight: 600;
    font-size: 1.18rem;
    letter-spacing: -.02em;
    color: var(--ink) !important;
}
.nbs_panel-group .nbs_panel-heading+.nbs_panel-collapse>.nbs_panel-body {
    border-top: 1px solid transparent !important;
    background: var(--white);
    padding: 0 10px !important;
    color: var(--ink-soft);
    font-size: 1.05rem;
    line-height: 1.62;
}
.nbs_panel-group .nbs_panel+.nbs_panel {
    margin-top: 0;
}
.nbs_panel-group .nbs_panel-heading:hover a strong {
    color: var(--blue) !important;
}

.single-post div.page-header h1 {
    font-size: clamp(2rem, 4vw, 3rem) !important;
}

.single-post figure.featured-image {
    display: none;
}

.article_panel {
    margin: 0 auto;
    display: grid;
    grid-template-columns: .42fr 1.58fr;
    gap: var(--s6);
}
.proposities_panel {
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.58fr .42fr;
    gap: var(--s6);
}
.meta__row {
    padding: var(--s2) 0;
    border-bottom: 1px solid var(--line-soft);
}
.meta__k {
    font-family: var(--mono);
    font-size: .6rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-soft);
    display: block;
    margin-bottom: 3px;
}
.meta__v {
    font-size: .92rem;
    color: var(--ink);
margin: 0;
}
article.article_prose figure.figtop img, .proposities_panel figure.figtop img{
    height: 400px;
    object-fit: cover;
    width: 100%;
    margin: 0;
}
article.article_prose figure.figtop, .proposities_panel figure.figtop{
    margin-bottom: var(--s6);
}
.article_intro {
    font-size: 1.3rem !important;
    line-height: 1.5 !important;
    color: var(--ink-soft);
    margin-bottom: var(--s6) !important;
}
section.page .author .col-md-48.author__col.mh {
    display: block;
    padding: 0;
}
section.page .author .col-md-15.author__col.mh, section.page .author h4 {
    display: none;
}
.endbar {
    width: 100%;
    padding: var(--s5) var(--s2) 0;
}
.byline {
    display: flex;
    align-items: center;
    gap: var(--s3);
    margin-bottom: 25px;
}
.byline__av img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0;
    object-position: top;
}
.byline__av {
    width: 72px;
    height: 72px;
    background: var(--paper);
    border: 1px solid var(--line);
    flex-shrink: 0;
}
.byline__n {
    font-weight: 600;
    font-size: .95rem;
    color: var(--ink);
    line-height: 1.3;
}
.byline__m {
    font-family: var(--mono);
    font-size: .7rem;
    letter-spacing: .05em;
    color: var(--ink-soft);
}
section.page .author {
    padding: 0;
    margin: 0;
}
.author_endbar {
    display: grid;
    grid-template-columns: .42fr 1.58fr;
    gap: var(--s6);
}
.cta-row, .cta-row .btn {
    margin: 0;
}
article.article_prose {
    border-bottom: 1px solid var(--line);
    padding-bottom: var(--s4);
}

.row.shortcode_blogs::before, .row.shortcode_blogs::after {
display: none;
}
.row.shortcode_blogs {
    display: flex;
    align-items: stretch;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0% 1%;
}
.row.shortcode_blogs > .col-md-16 {
    float: none;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.row.shortcode_blogs article.post.type-post {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    background: var(--white);
    border: 1px solid var(--line);
    border-left: 3px solid var(--line);
    display: flex;
    flex-direction: column;
}
.row.shortcode_blogs article.post.type-post header {
    flex: 1;
    order: 2;
}
.chip[aria-pressed="true"] {
  background-color: #1a1a1a;
  color: #ffffff;
  border-color: #1a1a1a;
}
article.post figure.featured-image img {
    margin: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
}
article.post figure.featured-image {
    order: 1;
    margin: 0;
    height: 270px;
    overflow: hidden;
    border-bottom: 1px solid var(--line);
    background-color: var(--paper);
    background-image: repeating-linear-gradient(45deg, transparent 0 9px, var(--ghost) 9px 18px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.row.shortcode_blogs article.post.type-post .entry-summary {
    order: 3;
    padding: 0 var(--s4) var(--s5);
}
.row.shortcode_blogs article.post.type-post header {
    flex: 1;
    order: 2;
    padding: var(--s5) var(--s4) 0;
}
article.post.type-post .entry-summary a.btn.btn-primary {
    font-size: .94rem;
    font-weight: 500;
    color: var(--ink) !important;
    border-bottom: 1px solid var(--line) !important;
    padding: 3px !important;
    background: transparent !important;
}
.row.shortcode_blogs article.post.type-post header h2.h3.entry-title a {
    color: var(--ink) !important;
}
.row.shortcode_blogs article.post.type-post header h2.h3.entry-title {
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: -.02em;
    margin-bottom: var(--s3);
    font-family: var(--display);
}
.row.shortcode_blogs article.post.type-post .entry-summary p:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

article.post.type-post header time.updated {
    display: none;
}

.post-categories {
    margin: 0 0 8px;
    font-family: var(--mono);
    font-size: .64rem;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-faint);
    margin-bottom: var(--s3);
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.category-beeld .post-categories span:first-child {
    color: var(--cat-beeld);
}
.category-koers .post-categories span:first-child {
    color: var(--cat-koers);
}
.category-uitvoering .post-categories span:first-child {
    color: var(--cat-uitvoering);
}

.filterbar__inner p {
    margin: 0;
}
p.count_omhul {
    margin-left: auto;
}
.filterbar__count {
    font-family: var(--mono);
    font-size: .7rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--ink-faint);
}

body.inzichten header>div.wrapper.sticky_menu.sticky_header .header {
    box-shadow: none;
}

.row.shortcode_blogs article.category-beeld {
    border-left-color: var(--cat-beeld) !important;
}
.row.shortcode_blogs article.category-koers{
    border-left-color: var(--cat-koers) !important;
}
.row.shortcode_blogs article.category-uitvoering {
    border-left-color: var(--cat-uitvoering) !important;
}

.pills {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s1);
    margin-top: var(--s5);
}
.pill {
    font-family: var(--mono);
    margin: 0 !important;
    font-size: .7rem !important;
    letter-spacing: .06em;
    border: 1px solid var(--line);
    padding: 9px 14px;
    color: var(--ink-soft);
    background: var(--white);
}

.twocol {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--s6);
    margin-top: var(--s6);
}
.col__h {
    font-family: var(--mono);
    font-size: .72rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--accent);
    padding-bottom: var(--s3);
    border-bottom: 2px solid var(--ink);
}
.col ul {
    list-style: none;
    padding-inline-start: 0;
}
.col li {
    padding: var(--s3) 0;
    border-bottom: 1px solid var(--line-soft);
    font-size: 1.05rem;
    line-height: 1.5;
    display: flex;
    gap: var(--s3);
}
.col li::before {
    content: "";
    flex-shrink: 0;
    width: 7px;
    height: 7px;
    margin-top: 9px;
    background: var(--accent);
}
.col--no .col__h {
    color: var(--ink-soft);
}
.col--no li::before {
    background: rgba(35, 38, 43, .28);
}

article.proposities_prose .spec__row {
    grid-template-columns: 180px 1fr;
}
article.proposities_prose .spec__key {
    font-family: var(--mono);
    font-size: .74rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--accent);
    padding-top: 4px;
    font-weight: 400;
}
.proposities_panel aside.meta {
    border-top: 2px solid var(--accent);
}

.weken {
    height: var(--balk-h);
    background-image: linear-gradient(90deg, var(--night) 0 var(--blok), transparent var(--blok) 100%), linear-gradient(90deg, var(--night-soft) 0 var(--blok), transparent var(--blok) 100%);
    background-size: calc(100% / var(--weken)) var(--kop), calc(100% / var(--weken)) 100%;
    background-position: top left, bottom left;
    background-repeat: repeat-x, repeat-x;
}
.metat_time .sub {
    font-family: var(--mono);
    font-size: .66rem;
    letter-spacing: .05em;
    color: var(--ink-soft);
    margin-top: 12px;
}

.direct {
    border: 1px solid rgb(35 38 43 / 22%);
    padding: var(--s5);
    background: #fff;
}
.direct > p, a.direct__row > p {
    display: none;
}
a.direct__row {
    display: flex;
    align-items: center;
    gap: var(--s3);
    padding: var(--s3) 0;
    border-bottom: 1px solid var(--line-soft);
    text-decoration: none;
}
.dcicon svg {
    width: 100%;
    height: 100%;
    display: block;
}
.dcicon {
    width: 22px;
    height: 22px;
    color: var(--accent);
    flex-shrink: 0;
}
p.dclab {
    font-family: var(--mono);
    font-size: .6rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-soft);
    display: block;
    margin-bottom: 3px;
}
p.dcval {
    font-size: 1.02rem;
    color: var(--ink);
    margin-bottom: 0;
}
.direct__row:hover .dcval {
    color: var(--blue);
}
div.rail > div.direct > a:nth-child(7) {
    border-bottom: none;
    padding-bottom: 0;
}
.rail {
    display: flex;
    flex-direction: column;
    gap: var(--s3);
}


.invest__inner {
    margin: 0 auto;
    padding: var(--s8) 0 0;
}
.invest {
    border-top: 1px solid var(--ink);
    margin-top: var(--s5);
    padding-top: var(--s5);
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: var(--s6);
}
div.invest__inner > p:nth-child(4), div.invest__inner > div.invest > p:nth-child(3) {
    display: none;
}
.invest__amt .pre {
    font-family: var(--mono);
    font-size: .7rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--accent);
    display: block;
    margin-bottom: 12px;
    line-height: 1.5;
}
.invest__amt .n {
    font-family: var(--display);
    font-weight: 700;
    font-size: clamp(1.9rem, 3.4vw, 2.5rem);
    letter-spacing: -.03em;
    line-height: 1;
    color: var(--ink);
}
.invest__amt .sub {
    font-family: var(--mono);
    font-size: .72rem;
    letter-spacing: .04em;
    color: var(--ink-soft);
    margin-top: 12px;
}
.invest__txt {
    color: var(--ink-soft);
    font-size: 1.06rem;
    line-height: 1.68;
}

.tl {
    margin-top: var(--s1);
}
.tl__item {
    position: relative;
    padding: 0 0 var(--s4) var(--s4);
    border-left: 1px solid var(--line);
}
.tl__item::before {
    content: "";
    position: absolute;
    left: -5px;
    top: 3px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--accent);
}
.tl__w {
    font-family: var(--mono);
    font-size: .68rem;
    font-weight: 500;
    letter-spacing: .06em;
    color: var(--accent);
}
.tl__t {
    font-size: .92rem;
    line-height: 1.45;
    color: var(--ink-soft);
    margin-top: 5px;
}
.tl__item:last-child {
    border-left-color: transparent;
    padding-bottom: 0;
}

.meta__row:last-child {
    border: none;
    padding-bottom: 0;
}

.nadruk {
    padding-bottom: 21px;
}
.nadruk__k {
    font-family: var(--mono);
margin: 0;
    font-size: .62rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-soft);
    display: block;
    margin-bottom: 6px;
}
.claim {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.25;
    letter-spacing: -.015em;
}
.pre {
    font-family: var(--mono);
    font-size: .64rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--accent);
    display: block;
    margin-bottom: 8px;
    line-height: 1.5;
    margin-top: 15px;
    margin-bottom: 18px;
}
.amt {
    font-family: var(--display);
    font-weight: 700;
    font-size: 1.5rem;
    letter-spacing: -.025em;
    line-height: 1.1;
    color: var(--ink);
}
.amt__sub {
    font-family: var(--mono);
    font-size: .66rem;
    letter-spacing: .04em;
    color: var(--ink-soft);
    margin-top: 8px;
    margin-bottom: 15px;
}
p.itxt {
    font-size: 12px;
    line-height: 1.55;
    color: var(--ink-soft);
}
.nadruk__v {
    font-family: var(--display);
    font-weight: 600;
margin: 0;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: -.01em;
    color: var(--ink);
}

.toelichting_cta {
    margin-top: 36px;
    font-size: 13px;
    opacity: 0.6;
    font-weight: 200;
}

.invest__txt.hl {
    margin: 0;
    color: var(--ink);
    font-weight: 500;
}

.dlC {
    border: 1px solid var(--ink);
    background: var(--paper);
    display: flex;
    align-items: center;
    gap: var(--s4);
    padding: 25px 25px;
        margin-top: 15px;
    flex-direction: column;
}
.dlicon {
    width: 26px;
    height: 26px;
    color: var(--accent);
    flex-shrink: 0;
    margin: 0;
}
.dlicon svg {
    width: 100%;
    height: 100%;
    display: block;
}
.dlC__body {
    flex: 1;
}
.dlC__k {
    font-family: var(--mono);
    font-size: 11px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--accent);
    display: block;
    margin-bottom: 5px;
}
.dlC__t {
    color: var(--ink-soft);
    font-size: .95rem;
    margin: 0;
}
.dlC .btn-primary {
    flex-shrink: 0;
}


.step:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}
.step {
    padding-top: var(--s5);
    margin-top: var(--s5);
/*    border-top: 1px solid var(--line);*/
    padding-bottom: 0;
}
.step__no {
    font-family: var(--mono);
    font-size: .68rem;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--accent);
    display: block;
    margin-bottom: var(--s3);
}
.step h2 {
    font-size: clamp(1.5rem, 2.8vw, 2rem);
    letter-spacing: -.02em;
    max-width: 20ch;
    margin-top: 0;
}
.qs {
    margin-top: var(--s4);
    border-top: 1px solid var(--line-soft);
}
.qs div {
    padding: 14px 0;
    border-bottom: 1px solid var(--line-soft);
    font-family: var(--display);
    font-weight: 600;
    font-size: 1.15rem;
    letter-spacing: -.01em;
    color: var(--ink);
    display: flex;
    gap: var(--s3);
}
.qs div::before {
    content: "";
    flex-shrink: 0;
    width: 7px;
    height: 7px;
    margin-top: 9px;
    background: var(--accent);
}
.tl4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--s4);
    margin-top: var(--s5);
}
.tl4__c {
    border-top: 2px solid var(--ink);
    padding-top: var(--s3);
    position: relative;
}
.tl4__c::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--accent);
}
.tl4__w {
    font-family: var(--mono);
    font-size: .68rem;
    font-weight: 500;
    letter-spacing: .06em;
    color: var(--accent);
}
.tl4__t {
    font-size: .95rem;
    line-height: 1.45;
    color: var(--ink-soft);
    margin-top: 8px;
}
.reassure {
    display: flex;
    gap: var(--s3);
    margin-top: var(--s4);
    padding: var(--s3) var(--s4);
    background: var(--accent-wash);
    border-left: 2px solid var(--accent);
}
.reassure__k {
    font-family: var(--display);
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: -.01em;
    color: var(--ink);
    flex-shrink: 0;
}
.reassure__t {
    font-size: .95rem;
    line-height: 1.55;
    color: var(--ink-soft);
}
.res {
    margin-top: var(--s5);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--s5);
}
.res__k {
    font-family: var(--mono);
    font-size: .66rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--accent);
    display: block;
    padding-bottom: var(--s2);
    border-bottom: 1px solid var(--ink);
    margin-bottom: var(--s3);
}
.res__t {
    font-size: 1.02rem;
    line-height: 1.6;
    color: var(--ink);
}

.invest {
    margin-top: var(--s5);
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: var(--s5);
}
.invest__pre {
    font-family: var(--mono);
    font-size: .7rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--accent);
    display: block;
    margin-bottom: 12px;
    line-height: 1.5;
}
.invest__n {
    font-family: var(--display);
    font-weight: 700;
    font-size: clamp(1.8rem, 3.2vw, 2.3rem);
    letter-spacing: -.03em;
    line-height: 1;
    color: var(--ink);
}
.invest__sub {
    font-family: var(--mono);
    font-size: .72rem;
    letter-spacing: .04em;
    color: var(--ink-soft);
    margin-top: 12px;
}
.invest__txt {
    font-size: 1rem;
    line-height: 1.65;
    color: var(--ink-soft);
}
.res > p, .invest > p {
    display: none;
}
.frame {
    padding-top: 80px;
}


.cases {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--s3);
    margin-top: var(--s6);
}
.case {
    border: 1px solid var(--line);
    padding: var(--s5);
}
.case__k {
    font-family: var(--mono);
    font-size: .62rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--accent);
    display: block;
    margin-bottom: 6px;
}
.case__meta {
    font-family: var(--mono);
    font-size: .68rem;
    letter-spacing: .03em;
    color: var(--ink-soft);
    margin-bottom: var(--s3);
}
.case__t {
    font-size: 1.02rem;
    line-height: 1.55;
    color: var(--ink);
}
.case__r {
    margin-top: var(--s3);
    padding-top: var(--s3);
    border-top: 1px solid var(--line-soft);
    font-size: 1rem;
    line-height: 1.5;
}

.logos--bottom {
    margin-top: var(--s6);
    padding-top: var(--s5);
    border-top: 1px solid var(--line);
}
.logos__k {
    font-family: var(--mono);
    font-size: .66rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--ink-soft);
    display: block;
    margin-bottom: var(--s4);
}
.logos__row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--s3);
}
.logo-ph {
    height: 66px;
    border: 1px solid var(--line);
    background: var(--paper);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--mono);
    font-size: .58rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(35, 38, 43, .3);
}


section.filterbar {
    position: sticky;
    top: 74px;
    background: white;
    border-bottom: 1px solid var(--line);
    padding: var(--s3) var(--s4);
    z-index: 1;
}
.filterbar__inner {
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: var(--s1);
    flex-wrap: wrap;
}
.filterbar__label {
    font-family: var(--mono);
    font-size: .66rem;
    font-weight: 500;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--ink-faint);
    margin-right: var(--s2);
    margin-bottom: 0;
}
.chips .chip {
    font-family: var(--sans);
    font-size: .9rem;
    font-weight: 500;
    line-height: 1;
    background: none;
    border: 1px solid var(--line);
    padding: 11px 16px;
    cursor: pointer;
    color: var(--ink-soft);
    display: inline-flex;
    align-items: center;
    position: relative;
    gap: 9px;
    transition: border-color .15s, color .15s, background .15s;
    margin: 0 2px;
}
.chip[aria-pressed="true"] {
    background: var(--ink);
    border-color: var(--ink);
    color: #fff;
}
.chip:hover {
    border-color: var(--ink);
    color: var(--ink);
}

.chips .chip.chip_beeld:before {
    width: 8px;
    height: 8px;
    content: "";
    background: var(--cat-beeld);
}
.chips .chip.chip_koers:before {
    width: 8px;
    height: 8px;
    content: "";
    background: var(--cat-koers);
}
.chips .chip.chip_uitvoering:before {
    width: 8px;
    height: 8px;
    content: "";
    background: var(--cat-uitvoering);
}