@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: #595959;
  }

  h1, h2, h3, h4, h5, h6 {
  color: #595959 !important;
  }

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

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

  .btn,
  .wpcf7-submit,
  .woocommerce span.onsale,
  .woocommerce a.button,
  .woocommerce .button,
  [type="submit"],
  .nf-form-content input[type=submit]
  {
  background: var(--primary-500) !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(--primary-300) !important;
  color: #fff !important;
  }

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

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

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

  div.phone a.phone, div.email a.email {
  background: var(--primary-400) !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(--primary-300) !important;
  color: #fff !important;
  }

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

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

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

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

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



  header > div.wrapper {
  display: block;
  position: relative;
  }

  header div.header::after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  }

  header > div.wrapper::after {
  background: url('https://baborinstitutecocoon.nl/wp-content/uploads/sites/61/2024/05/header-min-1920x1081.webp');
  background-size: cover;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -2;
  }




  @media only screen and (min-width : 992px) {
  body.home header > div.wrapper {
  min-height: 350px;
      min-height: 401px;
    }
  body.home header > div.wrapper.above {
  min-height: 500px;
      min-height: 551px;
    }
  }

  @media only screen and (min-width : 992px) {
  body header > div.wrapper {
  min-height: 225px;
    }
  body header > div.wrapper.above {
  min-height: 375px;
    }
  body header > div.wrapper.above::after,
  body header > div.wrapper.above.shadow::before,
  body header > div.wrapper.above_shadow::before {
    }
  body header > div.wrapper.sticky_menu .header__content {
    }
  }

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

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





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

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

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

  nav.navbar-default div.navbar-collapse ul.navbar-nav>li a:hover {
  background-color: rgba(10, 0, 0, 1) !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(--primary-400) !important;
  }
  }


  @media only screen and (min-width : 992px) {
  section.featured div.wrapper {
  margin-top: -100px;
  }
  header>div.wrapper .header__content {
  transform: translate3d(0, -40px, 0);
  }
  }





  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(--primary-500);
  }

  @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(--primary-500) !important;
  }
  }


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

  @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: #595959 !important;
  }

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

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

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

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

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

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


  section.treatments div.items div.item img {
  border-radius: 100% !important;
  }

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

  section.treatments div.button-wrap {
  background: var(--primary-700);
  margin-top: 30px;
  }

  section.treatments div.item a {
  color: #595959 !important;
  }

  section.prices table tr td a {
  color: #595959 !important;
  }

  aside div.block.treatments ul li a,
  .woocommerce .widget_product_categories ul li a,
  .woocommerce .widget_product_categories ul li span {
  color: #595959 !important;
  }

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

  :root{
    --primary-50:#f6f6f6;
    --primary-100:#e7e7e7;
    --primary-200:#d1d1d1;
    --primary-300:#b0b0b0;
    --primary-400:#888;
    --primary-500:#6d6d6d;
    --primary-600:#5d5d5d;
    --primary-700:#4f4f4f;
    --primary-800:#454545;
    --primary-900:#3d3d3d;
    --primary-950:#0D0D0D;
    --secondary-50:#f5f9ec;
    --secondary-100:#e7f2d5;
    --secondary-200:#d2e6b0;
    --secondary-300:#b4d482;
    --secondary-400:#95bf56;
    --secondary-500:#7aa63c;
    --secondary-600:#5e832d;
    --secondary-700:#496526;
    --secondary-800:#3c5123;
    --secondary-900:#344621;
    --secondary-950:#1a250e;
    --gray-900:hsl(0, 0%, 10%);
    --gray-800:hsl(0, 0%, 20%);
    --gray-700:hsl(0, 0%, 30%);
    --gray-600:hsl(0, 0%, 40%);
    --gray-500:hsl(0, 0%, 50%);
    --gray-400:hsl(0, 0%, 60%);
    --gray-300:hsl(0, 0%, 70%);
    --gray-200:hsl(0, 0%, 80%);
    --gray-100:hsl(0, 0%, 90%);
    --background:#FFF;
    --surface:#FFF;
    --error:#B00020;
    --spacing-25:calc(1rem * 0.25);
    --spacing-50:calc(1rem * 0.5);
    --spacing-75:calc(1rem * 0.75);
    --spacing-100:calc(1rem * 1);
    --spacing-150:calc(1rem * 1.5);
    --spacing-200:calc(1rem * 2);
    --spacing-300:calc(1rem * 3);
    --spacing-400:calc(1rem * 4);
    --spacing-600:calc(1rem * 6);
    --spacing-800:calc(1rem * 8);
    --spacing-1200:calc(1rem * 12);
    --spacing-1600:calc(1rem * 16);
    --spacing-2400:calc(1rem * 24);
    --spacing-3200:calc(1rem * 32);
    --spacing-4000:calc(1rem * 40);
    --spacing-4800:calc(1rem * 48);
    --font-size-h1:calc(1rem * 2.25);
    --font-size-h2:calc(1rem * 1.75);
    --font-size-h3:calc(1rem * 1.5);
    --font-size-h4:calc(1rem * 1.25);
    --font-size-h5:calc(1rem * 1);
    --font-size-h6:calc(1rem * 0.875);
    --font-primary:"Bodoni Moda", serif;
    --font-secondary:"Open Sans", sans-serif;
    --transition:300ms;
    --shadow-1:3px 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    --shadow-2:3px 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    --shadow-3:5px 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    --shadow-4:3px 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    --shadow-5:8px 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
    --shadow-6:13px 35px 60px rgba(0, 0, 0, 0.30), 0 20px 20px rgba(0, 0, 0, 0.22)
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  padding: var(--spacing-150) var(--spacing-100);
}


.table > thead > tr > th {
  padding-top: var(--spacing-400) !important;
}


.intro.text.block3 {
  display: none;
}

hundefined {
  display: none;
}

section.archive.treatments div.treatments div.item img {
  border-radius: 0 !important;
}

.item-category:before {
  background: linear-gradient(0deg, var(--primary-950) 00%, rgba(255, 255, 255, 0) 100%);
}
.item-category .centered {
  position: absolute;
  top: auto;
  left: 50%;
  transform: translate(0%,0%);
  z-index: 2;
  bottom: 0;
  left: 0;
  text-align: left;
  padding: var(--spacing-100);
}

header div.header.full-width div.wrapper img.logo {
  float: left;
}

.topbar__col {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-100);
}
.treatments .col-xs-48.col-md-24:hover .item-category img {
  transform: scale(1.1);
  transition: var(--transition);
}

.treatments .col-xs-48.col-md-24 .item-category img {
  transition: var(--transition);
}


section.contact, .archive.treatments {
  padding-top: var(--spacing-400) !important;
}

#mega-menu-item-1916 {
  float: right !important;
  border: 1px solid var(--gray-300) !important;
}

section.page,
section.contact,
section.prices,
section.archives,
section.archive.treatments {
  padding: 0 0 var(--spacing-400) 0;
}
.single-behandelingen h4 {
  font-size: var(--font-size-h3);
}
.topbar {
  background: var(--primary-950);
  font-size: 13px;
}
.contact__topbar {
  display: flex;
  justify-content: space-between;
}

#mega-menu-item-1916:hover {
  --hover-background: var(--gray-900) !important;
  background: var(--hover-background) !important;
  border-color: var(--hover-background) !important;
  transition: var(--transition);
}
#mega-menu-item-1916 {
  transition: var(--transition);
}
.btn.btn-primary.terug-knop::before {
  font-family: "Font Awesome 5 Free";
  content: "\f30a";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 900;
  margin-right: var(--spacing-100);
  color: var(--secondary-500);
}

header div.navbar-collapse ul li a:hover {
  color: var(--gray-300) !important;
}

.cta__buttons .link:hover {
  opacity: 0.65;
}

.cta__buttons {
  display: flex;
  gap: var(--spacing-400);
  justify-content: start;
  align-items: center;
  margin-top: var(--spacing-200);
}
.cta__buttons .btn {
  margin-top: 0;
}
.link.terug-knop {
  background: none;
  box-shadow: none;
  border: none;
}

.btn.btn-primary.terug-knop::after {
  display: none;
}
.intro.text.block1.cw.p-relative {
  overflow-x: hidden;
}
div.page-header:nth-child(1) {
  display: none;
}
.faq-question br {
    display: none;
}


.heading__stripe-right {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  gap: var(--spacing-100);
  margin: var(--spacing-100) 0 var(--spacing-400) 0;
}
.heading__stripe-right h2 {
  flex-basis: 65%;
  margin: 0 !important;
  line-height: 1;
}

.behandelingen__sectie__info a {
  color: #595959 !important;
}


.stripe {
  height: 2px;
  width: 100%;
  background: var(--primary-900);
  flex-basis: 35%;
}

.deisgnelementbig {
font-family: var(--font-primary);
text-transform: uppercase;
font-weight: 800;
font-size: 20vw;
line-height: 0;
opacity: 0.1;
position: absolute;
left: 50%;
bottom: 4vw;
transform: translate(-50%, 0);
}
.deisgnelementbig::after {
content: "";
position: absolute;
width: 100%;
height: 268px;
background: aliceblue;
left: 0;
border: ;
bottom: 0;
background: linear-gradient(180deg, var(--primary-950) 30%, rgba(255, 255, 255, 0) 100%);
}

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

.vacature_team {
padding: var(--spacing-100);
margin: var(--spacing-100);
border: 1px solid var(--primary-200);
  box-shadow: 3px 3px 15px var(--primary-100);
}


header > div.wrapper::after{
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat
}
.row.team__row img{
    border-radius:100%;
    aspect-ratio:1/1;
    object-fit:cover;
    margin-top:var(--spacing-200)
}
.intro.text.block7{
    padding:0
}


.treatments .col-xs-48.col-md-24 a {
  border: 1px solid var(--primary-200);
}



header nav.navbar-default{
    background:transparent
}
header button.navbar-toggle{
    color:var(--primary-100)
}
header > div.wrapper.shadow::before{
    background:rgba(0, 0, 0, .5)
}
.behandelingen__sectie{
    display:flex;
    flex-direction:column;
    gap:var(--spacing-200)
}
.behandelingen__sectie__col{
    display:flex;
    flex-direction:column;
    gap:var(--spacing-200)
}
.behandelingen__sectie__info img{
    height:400px;
    width:100%;
    object-fit:cover
}
.quickLinks__col{
    max-height:560px
}

.faq-answer {
  margin-top: var(--spacing-75);
}


#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu{
    background:var(--primary-950)!important;
    padding:var(--spacing-100)
}
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
    border-bottom:1px solid var(--primary-400)!important;
    margin-bottom:var(--spacing-75)!important
}
.dubble__buttons{
    display:flex;
    justify-content:start;
    flex-wrap:wrap;
    align-items:center;
    gap:var(--spacing-150);
    margin-bottom:var(--spacing-300);
    margin-top:var(--spacing-300)
}
.column.social__column h4{
    margin:0;
    padding:0
}
.popup-content{
    position:absolute;
    background-color:#fff;
    padding:20px;
    width:fit-content;
    bottom:50%;
    left:50%;
    transform:translate(-50%, 50%)
}
.tac.overline{
    text-align:center;
    justify-content:center;
    margin-bottom:-1.3rem
}
.faq__container{
    display:flex
}
.faq__col{
    flex:1;
    flex-basis:35%
}
.faq__col:last-child{
    flex-basis:45%;
    margin-left:auto;
    padding:var(--spacing-200);
}
.faq-item {
  border: 1px solid var(--primary-200);
  margin: var(--spacing-100);
  padding: var(--spacing-100);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
}
.btn-primary__tour{
    display:inline-block;
    padding:10px 20px;
    background-color:#007bff;
    color:#fff;
    text-decoration:none;
    border-radius:5px;
    cursor:pointer
}
.line{
    margin:0 var(--spacing-100);
    background-color:var(--secondary-200);
    height:1px;
    display:inline-flex;
    width:80px;
    align-items:center;
    justify-content:center
}
header > div.wrapper.above_shadow::before{
    top:0
}
.intro.text.block1.cw.p-relative{
    overflow:hidden
}
::selection {
  background: var(--secondary-100);
  color: var(--secondary-700);
}
.behandelingen__sectie__info{
    border:1px solid var(--gray-300);
    margin:var(--spacing-50);
    padding:var(--spacing-50);
    background:#fff
}
.behandelingen__sectie__info h4{
    margin-top:0
}
.superkop{
    font-weight:300;
    letter-spacing:-.4px;
    font-size:70px!important;
    line-height:1;
    margin-bottom:var(--spacing-300)
}
.usps.fa-ul{
    font-size:calc(1rem + 2px);
    column-count:2;
    gap:var(--spacing-150);
    margin-top:var(--spacing-200)
}
.p-relative{
    position:relative
}
.dubble__buttons .btn{
    margin-top:0
}
.spa-icon i{
    color:var(--secondary-950)!important
}
.spa-icon{
    line-height:0;
    position:absolute;
    bottom:-140px;
    right:-170px;
    font-size:40vw;
    z-index:0;
    transform:rotate(-6deg);
    color:var(--primary-950)!important;
    pointer-events:none
}
footer{
    background:var(--primary-950)!important
}
.footer-sticky,footer div.socket{
    background:var(--primary-950)!important
}
footer div.column > h4{
    border-bottom:0 solid var(--primary-500)
}
footer .column img{
    width:100%;
    height:auto;
    float:none;
    max-width:200px!important;
    filter: brightness(0) invert(1)
}
footer .column a{
    color:var(--secondary-100)!important
}
footer .column a:hover{
    color:var(--secondary-50)!important
}
footer h4{
    margin-bottom:0
}
footer div.social-media ul li a{
    background:none!important;
    font-size:var(--font-size-h3)!important;
    border:1px solid var(--primary-50);
    padding:var(--spacing-25);
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    transition:var(--transition);
    height:50px!important;
    width:50px!important
}
.usps.fa-ul .btn{
    margin-top:0
}
div.social-media ul li a:hover{
    background:var(--primary-800)!important;
    color:#fff!important;
    border-color:var(--primary-800)
}
.cta{
    display:flex;
    gap:20%;
    justify-content:center;
    align-items:center;
    flex-direction:row
}
.cta div:first-child{
    flex-basis:50%
}
.cta div:last-child{
    flex-basis:calc(25% - 10%)
}
.usps.fa-ul i{
    color:var(--secondary-400);
    margin-right:var(--spacing-100)
}
.popup-overlay{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, 0.5);
    justify-content:center;
    align-items:center;
    z-index:1000;
    backdrop-filter: blur(5px)
}
#close-btn{
    background:var(--primary-100);
    padding:var(--spacing-50) var(--spacing-100);
    transition:var(--transition)
}
#close-btn:hover{
    background:var(--primary-200)
}
.gradient__dark{
    background:linear-gradient(0deg, var(--primary-950) 20%, rgba(255, 255, 255, 0) 20%)
}
.link{
    color:var(--secondary-600)!important;
    font-weight:700;
    border-bottom:1px solid var(--secondary-300);
    transition:var(--transition)
}
header div.header.full-width div.wrapper img.logo{
    filter: brightness(0) invert(1)
}
.container{
    width:100%;
    max-width:1599px
}
.close-btn{
    position:absolute;
    top:10px;
    right:10px;
    cursor:pointer;
    font-size:18px;
    color:#000
}
.mega-menu,.mega-menu *{
    color:inherit!important;
    background:none!important;
    border:none!important;
    box-shadow:none!important
}
#mega-menu-wrap-primary_navigation{
    background:transparent
}
.mega-menu > ul > li > ul{
    display:none;
    position:absolute
}
.mega-menu > ul > li:hover > ul{
    display:block
}
.mega-menu .menu-item a{
    color:#333!important;
    text-decoration:none!important;
    padding:10px 15px!important !important
}
.mega-menu .menu-item:hover > a{
    color:#007bff!important
}
.mega-menu > ul > li > ul{
    background-color:#f8f9fa!important
}
.mega-menu > ul > li:hover > ul{
    display:block
}
.cw *{
    color:#fff!important
}
html{
    font-size:15px!important
}
body{
    font-family:var(--font-secondary);
    font-size:var(--spacing-100)
}
h1,h2,h3,h4,h5,h6{
    font-family:var(--font-primary);
    margin:var(--spacing-200) 0 var(--spacing-75);
    color:var(--gray-900)!important
}
h1{
    font-weight:300;
    font-size:var(--font-size-h1);
    letter-spacing:-1.4px
}
h2{
    font-weight:300;
    font-size:var(--font-size-h2);
    letter-spacing:-.4px
}
h3{
    font-weight:400;
    font-size:var(--font-size-h3);
    letter-spacing:0
}
h4{
    font-weight:400;
    font-size:var(--font-size-h4);
    letter-spacing:0.2px
}
h5{
    font-weight:400;
    font-size:var(--font-size-h5);
    letter-spacing:0
}
h6{
    font-weight:500;
    font-size:var(--font-size-h6);
    letter-spacing:0.2px
}
p{
    margin:0 0 var(--spacing-75);
    letter-spacing:0.5px
}
.small{
    font-weight:500;
    font-size:14px;
    letter-spacing:0.1px
}
.subtitle1{
    font-family:'Roboto', sans-serif;
    font-weight:400;
    font-size:16px;
    letter-spacing:0.15px
}
.subtitle2{
    font-family:'Roboto', sans-serif;
    font-weight:500;
    font-size:14px;
    letter-spacing:0.1px
}
.btn.btn__secondary-white{
    border:1px solid #fff!important;
    color:var(--primary-50)!important;
    box-shadow:var(--shadow-2);
    background:transparent!important
}
.btn.btn__secondary-white.btn-primary__tour:hover{
    background:#fff!important;
    color:var(--primary-950)!important
}
.btn.btn-white{
    background:#fff!important;
    color:var(--primary-900)!important;
    box-shadow:var(--shadow-2)
}
.btn.btn-secondary{
    background:transparent!important;
    color:var(--gray-900)!important;
    border:1px solid var(--gray-900)
}
.btn.btn-white:hover{
    background:var(--gray-100)!important
}
.btn{
    margin-top:var(--spacing-100);
    font-weight:346;
    font-size:14px;
    letter-spacing:2px;
    text-transform:uppercase;
    border-radius:0!important;
    padding:var(--spacing-100) var(--spacing-200);
    transition:var(--transition)
}
.btn:hover{
    transition:var(--transition)
}
.btn.btn-primary{
    background:var(--primary-950)!important;
    border:1px solid var(--primary-950)
}
.btn.btn-primary:hover{
    background:var(--primary-800)!important;
    transition:var(--transition);
    box-shadow:var(--shadow-2);
    border:1px solid var(--primary-800)
}
.btn.btn-secondary:hover{
    background:var(--gray-900)!important;
    color:#fff!important
}
.btn.btn-secondary{
    background:transparent!important;
    color:var(--gray-900)!important;
    border:1px solid var(--gray-900)
}
.btn::after{
    font-family:"Font Awesome 5 Free";
    content:"\f30b";
    -webkit-font-smoothing:antialiased;
    display:inline-block;
    font-style:normal;
    font-variant:normal;
    text-rendering:auto;
    line-height:1;
    font-weight:900;
    margin-left:var(--spacing-100);
    color:var(--secondary-500)
}
.caption{
    font-weight:400;
    font-size:12px;
    letter-spacing:0.4px
}
.overline{
    font-weight:400;
    font-size:16px;
    text-transform:uppercase;
    color:var(--secondary-500);
    letter-spacing:4px;
    display:flex;
    flex-direction:row;
    justify-content:start;
    align-items:center
}
.quickLinks{
    display:flex;
    overflow-x:scroll;
    overflow-y:hidden;
    gap:var(--spacing-100);
    flex-direction:row;
  z-index: 1;
  position: relative;
}
.quickLinks__col img{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    right:0;
    margin:0;
    object-fit:cover;
    z-index:-2
}
.quickLinks__col::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
    z-index:-1;
    background:linear-gradient(0deg, var(--primary-950) 00%, rgba(255, 255, 255, 0) 100%)
}
.quickLinks__col{
    height:40vh;
    display:flex;
    flex-direction:column;
    justify-content:end;
    min-height:300px;
    border:1px solid var(--primary-300)
}
.quickLinks__col{
    min-width:70vw;
    box-shadow:var(--shadow-6);
    background:var(--primary-800);
    position:relative;
    padding:var(--spacing-100);
    z-index:1;
    flex:1
}
.vacature__cta{
    max-width:var(--spacing-4800);
    margin:var(--spacing-300) auto 0;
    background:var(--primary-950);
    color:#fff;
    padding:var(--spacing-100)
}

.page-header {
  background: var(--background);
  position: absolute;
  bottom: 0;
  width: 50vw;
  z-index: 0;
  border-bottom: 1px solid var(--gray-100) !important;
  min-width: 800px;
  box-shadow: 32px -32px 39px -15px hsla(0, 0%, 27.5%, 0.8);
}
.content .page-header {
  display: none;
}
.breadcrumbs {
  visibility: hidden;
}
div.page-header h1 {
  border-bottom:1px solid #e6e6e6;
  line-height:60px;
  margin-bottom:30px;
  margin-top:0;
  text-align: center;
  border-bottom: 0;
  margin-bottom: 0;
}


@media only screen and (min-width: 992px){

.faq__col {
  position: relative;
}

.cta__section {
  background-position: 0 30%;
}

.treatments .col-xs-48.col-md-24 {
  width: calc(100% / 3);
}

div.page-header h1 {
  font-weight: 300;
  letter-spacing: -.4px;
  font-size: 70px !important;
  line-height: 1;
  margin: var(--spacing-200) 0;
}


.content .page-header {
  display: none;
}

body header > div.wrapper {
  min-height: 610px;
}

.faq__tekst {
  top: 120px;
  position: sticky;
}

.pdl-md-2 {
padding-left: 2rem;
}
.pdl-md-4 {
padding-left: 4rem;
}

.usps.fa-ul li:not(footer .usps.fa-ul li) {
  flex-basis: 48%;
}
.usps.fa-ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}


    header .dubble__buttons {
        justify-content: start;
        gap: var(--spacing-100);
    }
    .home h2{
        font-size:var(--font-size-h1)
    }
    header > div.wrapper.sticky_menu.sticky_header .header{
        position:fixed;
        z-index:1020;
        box-shadow:0 0 50px -5px rgba(0, 0, 0, .1);
        backdrop-filter: blur(20px);
        background:hsla(0, 0%, 20%, 0.47)
    }
    .behandelingen__sectie{
        flex-direction:row
    }
    .behandelingen__sectie__col{
        flex:1
    }
    .behandelingen__sectie__col.behandelingen__sectie__col--down{
        margin-top:var(--spacing-1200)
    }
    .behandelingen__sectie__info img{
        height:55vh;
        width:100%;
        object-fit:cover;
        margin:0 0 var(--spacing-100);
        max-height:560px
    }
    .behandelingen__sectie__info{
        padding:var(--spacing-100)
    }
    .quickLinks{
        overflow:hidden;
        flex-wrap:wrap;
        margin:var(--spacing-300) 0 0
    }
    .quickLinks__col{
        min-width:auto
    }
    section.intro{
        padding:var(--spacing-1200) 0
    }
    .intro.text.block0.gradient__dark{
        padding-bottom:0
    }
    body.home header > div.wrapper{
        min-height:350px;
        min-height:750px;
        height:83vh
    }
    header .header__content h1{
        font-size:var(--spacing-600);
        line-height: 0.8;
        margin-bottom: var(--spacing-200);
    }
    header .header__content p{
        font-size:var(--spacing-150)
        margin-top: var(--spacing-200);
    }
    .col-md-32.col-md-offset-8{
        text-align:left;
        width:100%;
        margin:0
    }
}
footer .usps.fa-ul{
    text-align:left;
    margin-top:0;
    display:flex;
    justify-content:space-between;
    flex-direction:row;
    align-items:center
}
@media only screen and (max-width: 991px){
    html{
        font-size:14px!important
    }

#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
  font-size: 13px;
}

nav.navbar-default, div.navbar-collapse {
  background-color: var(--primary-950);
}

#mega-menu-item-1916 a {
  text-align: center !important;
}

#mega-menu-item-1916 {
  width: 100% !important;
  text-align: center !important;
  margin-top: 1rem !important;
}

div.page-header h1 {
  font-size: 26px;
}


.topbar__col__mail {
  display: none;
}

header > div.wrapper {
  min-height: 360px;
}
.page-header {
    width: 90vw;
    min-width: auto;
}

.faq__col:last-child {
  padding: 0;
}
.faq-item {
  margin: var(--spacing-100) 0;
}

.heading__stripe-right {
  flex-direction: column;
}
.stripe {
  height: 12px;
  width: 60%;
  background: var(--primary-900);
  flex-basis: 100%;
  display: block;
  min-height: 1px;
  align-self: start;
}
.heading__stripe-right h2 {
  flex-basis: 100%;
  margin: 0 !important;
}

.deisgnelementbig {
  font-size: 30vw;
}
.popup-content iframe {
  margin-top: var(--spacing-200);
}
    footer .usps.fa-ul{
        flex-direction:column;
        align-items:start
    }
    footer .usps.fa-ul li:last-child{
        margin-left:-1.9em;
        width:100%
    }
    footer .usps.fa-ul .btn{
        width:100%
    }
    .faq__container{
        flex-direction:column;
        gap:var(--spacing-100)
    }
    .cta{
        flex-direction:column;
        justify-content:start;
        align-items:start
    }
    .cta__section{
        background-position:center
    }
    .spa-icon{
        bottom:-100px;
        right:-130px;
        font-size:92vw
    }
    .usps.fa-ul{
        column-count:1
    }
    .usps.fa-ul li{
        margin-top:var(--spacing-50)
    }
    .overflowImage--mobile{
        left:-30px;
        position:relative
    }
    section.intro{
        padding:var(--spacing-400) var(--spacing-25)
    }
    .header__content{
        margin-top:0!important
    }
    .col-md-32.col-md-offset-8{
        text-align:left
    }
    .popup-content{
        min-width:89%
    }
    .popup-content iframe{
        max-height:350px!important
    }
    .superkop{
        font-size:var(--font-size-h2) !important;
        margin-bottom:var(--spacing-100)
    }
}
.primary div{
    background-color:var(--primary-50)
}
.primary div:nth-child(2){
    background-color:var(--primary-100)
}
.primary div:nth-child(3){
    background-color:var(--primary-200)
}
.primary div:nth-child(4){
    background-color:var(--primary-300)
}
.primary div:nth-child(5){
    background-color:var(--primary-400)
}
.primary div:nth-child(6){
    background-color:var(--primary-500)
}
.primary div:nth-child(7){
    background-color:var(--primary-600)
}
.primary div:nth-child(8){
    background-color:var(--primary-700);
    color:#000
}
.primary div:nth-child(9){
    background-color:var(--primary-800);
    color:#000
}
.primary div:nth-child(10){
    background-color:var(--primary-900);
    color:#000
}
.primary div:nth-child(11){
    background-color:var(--primary-950);
    color:#000
}
.secondary div{
    background-color:var(--secondary-50)
}
.secondary div:nth-child(2){
    background-color:var(--secondary-100)
}
.secondary div:nth-child(3){
    background-color:var(--secondary-200)
}
.secondary div:nth-child(4){
    background-color:var(--secondary-300)
}
.secondary div:nth-child(5){
    background-color:var(--secondary-400)
}
.secondary div:nth-child(6){
    background-color:var(--secondary-500);
    color:#000
}
.secondary div:nth-child(7){
    background-color:var(--secondary-600);
    color:#000
}
.secondary div:nth-child(8){
    background-color:var(--secondary-700);
    color:#000
}
.secondary div:nth-child(9){
    background-color:var(--secondary-800);
    color:#000
}
.secondary div:nth-child(10){
    background-color:var(--secondary-900);
    color:#000
}
.secondary div:nth-child(11){
    background-color:var(--secondary-950);
    color:#000
}
.gray div{
    background-color:var(--gray-900)
}
.gray div:nth-child(2){
    background-color:var(--gray-800)
}
.gray div:nth-child(3){
    background-color:var(--gray-700)
}
.gray div:nth-child(4){
    background-color:var(--gray-600)
}
.gray div:nth-child(5){
    background-color:var(--gray-500)
}
.gray div:nth-child(6){
    background-color:var(--gray-400)
}
.gray div:nth-child(7){
    background-color:var(--gray-300)
}
.gray div:nth-child(8){
    background-color:var(--gray-200)
}
.gray div:nth-child(9){
    background-color:var(--gray-100);
    color:#000
}
.color-row div{
    width:50px;
    height:50px;
    display:flex
}
.color-row{
    display:flex
}



.faq-answer {
    display: none;
}

.faq-question {
  display: flex;
  gap: 1rem;
}

.faq-question {
    cursor: pointer;
}
.faq-question {
  display: flex;
  gap: 1rem;
  font-size: calc(1rem + 2px);
  color: var(--primary-950);
}