@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(--text);
  }

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

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

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

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

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

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

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

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

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

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

  .woocommerce-info::before,
  .woocommerce-message::before {
  color: var(--white-600) !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;
  }
  }

  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://skinacademybylaurence.be/wp-content/uploads/sites/503/2025/09/DSC_9832-1920x1282.jpg);
  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: 490px;
    }
  body.home header > div.wrapper.above {
  min-height: 500px;
      min-height: 640px;
    }
  }

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

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

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

  .topbar {
  background: var(--beige-600);
  }
  .topbar {
  color: #ffffff;
  }




  nav.navbar-default, div.navbar-collapse {
  background-color: var(--white-600); !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(--white-600) !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(--white-600);
  }

  @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(--white-600) !important;
  }
  }


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

  :root {
--text: #402b25;
--kopjes: #402b25;
--white: #fff;
--spacing: 8rem;
--gap: 3rem;
--bodytekst: "Questrial", sans-serif;
--koptekst: "Lato", sans-serif;
--subkop: "Italiana", sans-serif;
--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-size-h0: calc(1rem * 2.95);
    --font-size-h00: calc(1rem * 3.75);
    --font-size-h000: calc(1rem * 4.5);
    --font-size-h0000: calc(1rem * 5.25);
    --font-size-h00000: calc(1rem * 6);
    --font-size-h000000: calc(1rem * 6.75);
}

.btn.fly_button {
    position: fixed!important;
    bottom: 30px;
    left: 30px;
    z-index: 99;
    box-shadow: rgb(0 0 0 / 30%) 0px 3px 15px !important;
    background: var(--white) !important;
}


header > div.wrapper::after {
    background-position: center 8%;
}

.nav-btn {
    background: linear-gradient(145deg, #ffffff, #f0ede8);
    color: #7a6b5d;
    border: none;
    width: 48px;
    height: 48px;
    border-radius: 24px;
    cursor: pointer;
    font-size: 16px;
    box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.1), -2px -2px 8px rgba(255, 255, 255, 0.8);
}
.nav-container {
    margin-top: 25px;
}

.personal-highlight {
    background: var(--beige-300);
    padding: 12px;
    border-radius: 15px;
    margin-top: 30px;
    font-weight: 600;
    font-family: var(--subkop);
}
.personal-highlight p {
    margin: 0;
}

section.probleem_waarom h5 {
    font-family: var(--bodytekst);
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 0.5rem;
}
section.probleem_start {
    padding-bottom: 0;
    margin-bottom: -90px;
}
section.probleem_personal .container {
    text-align: center;
}

.footer-cta .btn {
    background: white !important;
}

section.probleem_aanpak h3, section.probleem_personal h3, section.probleem_waarom h3 {
    margin-top: 1.15rem;
}
section.probleem_aanpak, section.probleem_resultaat {
    background: var(--beige-300);
}
section.probleem_resultaat img {
    height: 450px;
    object-fit: cover;
}



section.probleem_behandel h2 {
    margin-top: 0;
}
section.probleem_resultaat h3 {
    margin-top: 1.15rem;
}

div#inschrijven {
    text-align: center;
    scroll-margin-top: 100px;
}
html {
    scroll-behavior: smooth;
}


.nf-form-cont .nf-form-content input[type=submit] {
    padding: 15px 45px !important;
}

span.different {
    font-family: var(--subkop);
    font-style: italic;
}

ul.check {
    position: relative;
    list-style: none;
}
ul.check li {
    padding-left: 0.45em !important;
    margin-bottom: 15px;
}
ul.check li::before {
    color: #3c3;
    content: "\f058";
    font-family: Font Awesome\ 5 Pro, Font Awesome\ 5 Free;
    font-weight: 900;
    left: 0;
    margin-right: 10px;
    position: absolute;
    left: 15px;
    font-size: 19px;
}
.modern-bullets {
    list-style: none;
    padding-left: 0;
}
.modern-bullets li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 18px;
    height: 18px;
    background: var(--beige-650);
    border-radius: 50%;
    /* box-shadow: 0 3px 6px rgba(156, 39, 176, 0.2); */
}
.modern-bullets li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 16px;
    transition: transform 0.3s ease;
}

footer .social-media.size-normal {
    margin-top: -45px;
}

.page-header p.text_under {
    text-align: center;
    margin-top: -80px;
    margin-bottom: 100px;
}


.uitleg_show {
    padding: 5px 35px 35px;
    background: var(--white-600);
}

.review_beh h3 {
    margin-top: 1.15rem;
}
.review_beh {
    background: var(--white-600);
    padding: 2rem;
    margin: 3rem 0;
}
.review_beh p.review_name {
    font-weight: 600;
    font-style: italic;
}

section.faq_blok h2 {
    margin-top: 19px;
    margin-bottom: 45px;
    font-size: var(--font-size-h3);
}
section.faq_blok {
    padding-top: 0;
}

.steps-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin-top: 2rem;
    margin-bottom: 5rem;
}
.step {
    display: flex;
    background-color: var(--white-500);
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.2s, box-shadow 0.2s;
}
        
.step-number {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--beige-600);
    color: white;
    font-weight: bold;
    font-size: 45px;
    padding: 1.5rem;
    min-width: 80px;
    font-family: var(--subkop);
}
        
        .step-content {
            padding: 1.5rem;
        }
.step-title {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 0.5rem;
}
.step-description {
    margin: 0;
    font-size: 14px;
}

.concern-card {
    background-color: white;
    padding: 1rem;
    text-align: center;
    transition: all 0.3s ease;
    font-size: 15px;
    margin-top: 30px;
}
.concerns-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    margin-top: 5rem;
}
.concern-icon img {
    width: 170px;
    margin-top: -55px;
}
.concern-card h3 {
    margin-top: 42px;
    font-size: var(--font-size-h5);
}
.concern_title {
    text-align: center;
}
.concern_title h1 span {
    margin-right: 7px;
}
.concern_title h1 {
    margin-top: 0;
}

section.solution_section img {
    margin: 0;
    height: 870px;
    object-fit: cover;
}
.solution-item {
    margin-bottom: 2.5rem;
    display: flex;
    align-items: flex-start;
}
.solution-icon {
    margin-right: 1rem;
    color: var(--beige-600) !important;
    font-size: 45px;
    min-width: 2rem;
}
.solutions-content {
    margin-top: 3rem;
}
.solution-text p {
    margin-bottom: 0;
}
.solution-text h3 {
    margin-top: 0;
    font-size: var(--font-size-h4);
    line-height: 1;
    margin-bottom: 10px;
}

.treatments-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-top: 3rem;
}
.treatment-card {
    background-color: white;
    overflow: hidden;
    /* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); */
    transition: all 0.3s ease;
}
.treatment-img img {
    margin: 0;
    background-position: center;
    height: 320px;
    object-fit: cover;
}
.treatment-content {
    padding: 1.5rem;
    font-size: 15px;
}
.treatment-content h3 {
    font-size: var(--font-size-h4);
    margin-top: 10px;
}
a.link_line {
    color: var(--text) !important;
    border-bottom: 2px solid var(--beige-600);
    padding: 0 23px 6px 0;
}
a.link_line:hover {
    color: var(--beige-600) !important;
}

section.softback {
    background: var(--beige-300);
}

p.behandel_intro {
    margin-top: -65px;
    margin-bottom: 95px;
    text-align: center;
}
.subkop, section.review_blok h2 {
    font-family: var(--subkop) !important;
    font-size: 18px;
    color: var(--beige-700) !important;
    border-bottom: 1px solid;
    width: fit-content;
    padding-bottom: 5px;
    font-weight: 600;
    margin-top: 0;
}


.shop_uspbar .academy_version, .shop_uspbar .beauty_version, .post-type-archive-behandelingen .home_version, .single-behandelingen .home_version, .page-id-616 .home_version, .parent-pageid-616 .home_version {
display: none!important;
}
.post-type-archive-behandelingen .beauty_version, .single-behandelingen .beauty_version, .page-id-616 .academy_version, .parent-pageid-616 .academy_version {
    display: flex !important;
}
.shop_uspbar .container {
    width: 100%;
    padding: 0;
}
.shop_uspbar .usp_balk {
    background: var(--beige-600);
    color: var(--white);
    padding: 19px;
    text-align: center;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    gap: 35px;
}
.shop_uspbar .usp_balk.beauty_version {
    background: var(--beige-450);
    color: var(--text);
}
.shop_uspbar .usp_balk.academy_version {
    background: var(--black-700);
    color: var(--white);
}


section.contact div.holder div.wrap {
    margin: 55px 0 25px;
}

aside.d-flex-md-row .block:nth-child(1) .head h4 {
    display: none;
}
aside.d-flex-md-row {
    background: var(--white-600);
    padding: 24px 25px;
    margin-top: 90px;
    gap: 110px;
}


.academy_optie a .item.item-background::before {
    content: "//";
    left: -16px;
    top: -80px;
    color: var(--text);
    position: absolute;
    font-size: 105px;
    z-index: 1;
}
.academy_optie a .item-centered.text-center {
    top: unset !important;
    left: 0 !important;
    bottom: 0 !important;
    transform: unset !important;
    text-align: left;
}
.academy_optie a .item.item-background {
    padding: 230px 0 !important;
    height: unset !important;
    overflow: visible !important;
}
.academy_optie a div.item-bg>img {
    filter: brightness(.8)!important;
}
section.news h2 {
    font-size: var(--font-size-h1);
    margin-top: 0;
    margin-bottom: 55px;
}

section.partners:not(.home section.partners) {
    display: none;
}
section.partners {
    padding-top: 80px;
    margin-bottom: -40px;
}

.nbs_panel-group .nbs_panel-heading+.nbs_panel-collapse>.nbs_panel-body h4 {
    font-size: var(--font-size-h6);
    margin-top: 31px;
}
section.behandel_info {
    padding-top: 0;
}
.nbs_panel.nbs_panel-default {
    background-color: transparent !important;
    border: 1px solid transparent;
    border-radius: 0px !important;
    box-shadow: 0 0px 7px rgb(0 0 0 / 12%);
    margin-bottom: 20px;
}
.nbs_panel-group .nbs_panel-heading {
    border-bottom: 1px solid var(--beige-200);
    background-color: transparent !important;
    transition: background-color 0.3s ease;
    padding: 0 !important;
    border-radius: 0 !important;
}
.nbs_panel-group .nbs_panel-heading a {
    width: 100%;
    display: block;
    padding: 16px;
    position: relative;
    font-size: 17px;
    color: var(--text) !important;
}
.nbs_panel-group .nbs_panel-heading a.collapsed::before {
    content: "+";
    margin-right: 15px;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 13px;
}
.nbs_panel-group .nbs_panel-heading a::before {
    content: "-";
    margin-right: 15px;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 13px;
}
.nbs_panel-group .nbs_panel-heading+.nbs_panel-collapse>.nbs_panel-body {
    padding: 30px;
    font-size: 14px;
    border-top: 0px solid #ddd !important;
}
.nbs_panel-group .nbs_panel-heading a span.behandel_time {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: var(--beige-650);
}



.submenu_parent .submenu_item {
    padding: 8px 0;
}
.submenu_parent .submenu_item:nth-child(2) {
    border-top: 1px solid var(--text);
    border-bottom: 1px solid var(--text);
}
.submenu_parent .submenu_item a:after {
    content: "";
    position: absolute;
    top: 50%;
    background-color: var(--text);
    transform: translateY(-50%);
    right: 1px;
    width: 20px;
    height: 1px;
    transition: all .8s ease;
}
.submenu_parent .submenu_item a:before {
    content: "";
    position: absolute;
    top: 57%;
    right: 0;
    width: 8px;
    height: 8px;
    border-top: 1px solid var(--text);
    border-right: 1px solid var(--text);
    transform: translateY(-75%) rotate(45deg);
    transition: all .8s ease;
}
.submenu_parent .submenu_item a:hover {
    color: var(--beige-500) !important;
    transition: all .8s ease;
}
.submenu_parent .submenu_item a {
    position: relative;
    color: var(--text) !important;
    padding: 0 45px 0 0;
    width: 100%;
    display: block;
    transition: all .8s ease;
}
.submenu_parent {
    position: absolute;
    z-index: 1000;
    right: 60px;
    bottom: -9px;
    background: white;
    padding: 45px 45px;
}
.submenu_parent .submenu_item a:hover::before {
    border-color: var(--beige-500);
    transition: all .8s ease;
}
.submenu_parent .submenu_item a:hover::after {
    background-color: var(--beige-500);
    transition: all .8s ease;
}


section.academy_opening {
    background: var(--beige-50);
}


header .header__content p {
    line-height: 1.2;
    margin-bottom: 35px;
}
header .header__content h1 {
    font-size: var(--font-size-h00);
    line-height: 1;
    margin-bottom: 15px;
}


section.page div.content figure.featured-image {
    display: grid;
    justify-content: center;
    align-items: center;
}

div.social-media ul li a {
    border-radius: 0;
}
section.footer-cta.text-center.above:before {
    content: "";
    background: url(/wp-content/uploads/sites/503/2025/09/salon_cabine.jpg);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-position: center 73%;
    background-size: cover;
}
.footer-cta {
    padding: 110px 0;
    background: rgb(245 245 245 / 74%);
}
footer div.social-media ul li a {
    background: var(--white-600) !important;
    border: 1px solid var(--black-350);
    border-radius: 0;
}

footer div.social-media ul li a i {
    color: var(--black-400) !important;
}
footer div.social-media ul li a:hover i {
    color: white ! Important;
}
footer {
    color: var(--text);
    padding-top: 80px;
}
footer div.socket {
    margin-top: 70px;
}
footer hr {
    border-color: var(--gray-200);
    margin: -8px 0 10px;
}
footer div.column > h4 {
    border-bottom: 0px solid var(--white-600);
    font-size: 16px !important;
    color: var(--kopjes) !important;
    font-weight: 700;
    margin-bottom: 5px;
}

header .header__content a {
    background: var(--white-500) !important;
}
.btn, .wpcf7-submit, .woocommerce span.onsale, .woocommerce a.button, .woocommerce .button, [type="submit"], .nf-form-content input[type=submit] {
    color: var(--black-550) !important;
    border: 1px solid var(--black-550)!important;
    padding: 15px 65px 15px 25px!important;
    position: relative;
transition: all 0.8s ease;
background:transparent!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 {
    border: 1px solid var(--beige-950)!important;
transition: all 0.8s ease;
}
.btn::after {
    content: "";
    position: absolute;
    top: 48%;
    right: 25px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: translateY(-50%) rotate(45deg);
transition: all 0.8s ease;
}
.btn:hover::after {
    right: 20px;
    transition: all 0.8s ease;
    color: var(--white) !important;
    border-color: white ! Important;
}




section.page div.actions ul.list-inline {
    padding: 0;
    margin-bottom: 0;
}
section.page div.actions ul.list-inline .btn {
    margin: 0;
}

.cta_afspraak .btn.btn-primary {
    background: var(--beige-900) !important;
    color: white !important;
}
.cta_afspraak .btn.btn-primary:hover {
    background: var(--beige-700) !important;
}
.cta_afspraak  .btn::after {
    border-top: 1px solid white;
    border-right: 1px solid white;
}
.cta_afspraak .afspraak_image img {
    margin: 0;
    height: 430px;
    object-fit: cover;
}
.cta_afspraak .afspraak_image {
    flex: 1 0 50% !important;
}
.cta_afspraak .afspraak_text {
    padding: 35px 65px;
    flex: 1 0 50% !important;
}
.cta_afspraak .subkop {
    margin-bottom: -30px !important;
}
.cta_afspraak {
    background: var(--beige-400);
    /* padding: 3rem; */
    margin: 3rem 0;
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: center;
}


.single-behandelingen div.page-header h1::before {
    content: "Behandelingen";
}
.blog div.page-header h1::before {
    content: "Nieuwtjes en weetjes";
}
.single-post div.page-header h1::before {
    content: "Blog";
}

div.page-header h1::before {
    content: "Skin Academy by Laurence";
    position: absolute;
    left: 0;
    right: 0;
    font-family: var(--subkop);
    font-size: 18px;
    top: -50px;
    color: var(--beige-700);
    border-bottom: 1px solid;
    width: fit-content;
    margin: 0 auto;
    padding-bottom: 5px;
}
div.page-header h1 {
    border-bottom: 0px solid #e6e6e6 !important;
    line-height: 1 !important;
    margin-bottom: 100px;
    margin-top: 49px;
    font-weight: 700;
    text-align: center;
    position: relative;
}

section.partners:not(.home section.partners) {
    display: none;
}


a, .woocommerce ul.products li.product .price, .woocommerce .price {
    color: var(--beige-750) !important;
    transition: all .8s ease;
}
a:hover, .woocommerce ul.products li.product .price, .woocommerce .price, .product-usps li i, .counter {
    transition: all .8s ease;
}


div.breadcrumbs {
    display: none;
}

.blog section.archive article.post {
    display: flex;
    flex-direction: column;
    position: relative;
    background: var(--beige-250);
}
.blog section.archive article.post figure.featured-image {
    order: 1;
    margin: 0;
}
.blog section.archive article.post header {
    order: 2;
    display: flex;
    flex-direction: column;
    padding: 50px 40px 50px;
}
.blog section.archive article.post header h2.h3.entry-title {
    font-weight: 700;
    text-transform: uppercase;
    font-family: var(--koptekst);
    font-size: 20px;
    margin: 0;
    text-align: center;
}
.blog section.archive article.post header time.updated {
    display: none;
}
.blog section.archive article.post figure.featured-image img {
    height: 255px;
    object-fit: cover;
}
.blog section.archive article.post .entry-summary {
    display: none;
}


header>div.wrapper .header__content .col-md-32.col-md-offset-8 {
    text-align: left;
}

header div.navbar-collapse ul li.button_menu > a {
    border-bottom: 2px solid var(--beige-50) !important;
}

section.archive.treatments div.treatments div.item img, section.treatments.shortcode div.treatments div.item img, section.treatments div.items div.item img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}

section.quote_blok h1 {
    margin: 0;
}

.home section.news .visual {
    height: 360px!important;
}
.home section.news .subkop {
    text-align: center;
    margin: 0 auto 25px;
}

section.review_blok .nbs_slider .slide--text>div {
    margin: 0 auto;
    padding: 0rem 2rem 2rem;
    text-align: center;
}
section.review_blok h2 {
    margin: 0px auto 0;
}

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

header>div.wrapper .header__content span.different {
    margin-right: 10px;
}

@media only screen and (min-width: 992px) {
html {font-size: 18px !important; }
.single-post figure.featured-image img {
    width: 530px;
}

#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item > a.mega-menu-link {
    font-size: 14px !important;
}

.nav-container span.nav_information {
    margin-left: 24px;
    font-size: 13px;
    font-style: italic;
}
section.probleem_behandel .items .col-xs-24.col-sm-9 {
    width: 33.33333%;
}
div#inschrijven {
    width: 70%;
    margin: 0 auto;
}
header .header__content p {
    width: 88%;
    margin-top: 33px;
}
.home .nbs_slider .slide--text>div {
    width: 70%;
}
    header>div.wrapper.sticky_menu.sticky_header.above .header__content, header>div.wrapper.sticky_menu.sticky_header .header__content {
        margin-top: 0px !important;
        transform: translate3d(0, 248px, 0);
    }
    header>div.wrapper.sticky_menu {
        overflow: visible;
    }
header div.navbar-collapse ul li.button_menu > a {
    margin-left: 25px!important;
}
aside.d-flex-md-row .block {
    margin: 0;
        display: grid;
        align-items: center;
    }
aside.d-flex-md-row .block .googlemap {
    margin: 0;
}
section.flip_container .container.text-left {
    flex-direction: row-reverse;
}
    header div.navbar-collapse {
        text-align: right;
    }
.flip_parent > * {
    direction: ltr;
}
.flip_parent {
    direction: rtl;
}
section.academy_optie .col-sm-24 {
    width: 33.33333%;
}
section.academy_optie .col-sm-24:nth-child(1) {
    margin-left: 16.6666%;
}
.text-section-content {
    max-width: 45em;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2rem 0;
}
header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav>li>ul>li a:hover {
    color: var(--beige-500) !important;
}
nav.navbar-default div.navbar-collapse ul.navbar-nav>li a:hover {
        background-color: rgba(10, 0, 0, .0) !important;
        box-shadow: none !important;
    }
header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav>li>ul>li a {
    color: var(--text) !important;
}
body header > div.wrapper.above::after, body header > div.wrapper.above.shadow::before, body header > div.wrapper.above_shadow::before {
        top: 0;
    }
header>div.wrapper .header__content .col-md-32.col-md-offset-8 {
    width: 71%;
    margin-left: 0;
}
header>div.wrapper .header__content {
        transform: translate3d(0, 128px, 0);
    }
.two_half_parent {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 5%;
    align-items: center;
    justify-content: center;
    align-content: center;
}
    .blog section.archive .col-xs-48 {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0 1%;
    }
    .blog section.archive .page-header, section.page div.content .page-header {
        grid-column: 1 / -1;
    }
   .blog section.page div.content {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0 5%;
        align-items: center;
        justify-content: center;
    }
.bottom-align {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: end;
   align-items: end;
}
    header div.header.full-width div.wrapper img.logo {
        max-width: 190px;
    }
    header div.header div.holder {
        height: 115px;
        min-height: 50px;
    }
header div.header {
    background-color: rgb(255 255 255) !important;
}
    header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav>li>a {
        color: var(--text) !important;
    }
    body.home header > div.wrapper {
        min-height: 93vh;
    }
section.treatments .treatments .col-xs-24 {
    width: 33.333333%;
}
body header > div.wrapper {
        min-height: 110px;
    }
    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(--beige-600) !important;
    }
.concerns-grid {
  margin-top: 50px;
  grid-template-columns: repeat(8, 25.333%);
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  cursor: grab; /* Geeft aan dat het element versleepbaar is */
  user-select: none; /* Voorkomt tekstselectie tijdens het slepen */
}
}

.concerns-grid::-webkit-scrollbar {
  display: none; /* Verbergt scrollbar in WebKit browsers */
}

@media only screen and (max-width: 991px) {
html {font-size: 14px !important;}
.nav-container span.nav_information {
    margin-left: 24px;
    font-size: 10px;
    font-style: italic;
}
.concerns-grid {
        grid-template-columns: repeat(8, 75vw)!important;
        overflow-x: scroll;
  cursor: grab; /* Geeft aan dat het element versleepbaar is */
  user-select: none; /* Voorkomt tekstselectie tijdens het slepen */
}
.uitleg_show {
    padding: 5px 25px 35px!important;
    margin: 2rem 5px 0;
}
header .header__content {
    margin-top: 0 !important;
}
header div.header {
    background-color: rgb(255 255 255) !important;
}
.cta_afspraak {
    display: block!important;
}
.cta_afspraak .afspraak_image img {
    height: 280px!important;
}
.cta_afspraak .afspraak_text {
    padding: 55px 45px!important;
}
.cta_afspraak h3 {
    margin-top: 55px;
}
.steps-container, .treatments-grid {
    grid-template-columns: repeat(1, 1fr)!important;
}
.concerns-grid {
    gap: 2rem!important;
}
.solution-text p {
    font-size: 14px;
}
.solution-icon {
    min-width: 3rem!important;
}
section.solution_section img {
    height: 420px!important;
    margin-bottom: 90px !important;
}
section.behandel_text {
    padding-top: 0px;
}
.programs-container {
    padding: 60px 20px!important;
}
.program-title {
    min-width: unset !important;
    width: 100% !important;
    margin-top: -15px!important;
    margin-bottom: 30px!important;
}
.program-item {
    align-items: flex-start!important;
    flex-direction: column;
}
.page-id-616 section.block2.academy_optie {
    padding-top: 0;
}
.shop_uspbar .usp_balk.academy_version {
    gap: 9px!important;
    font-size: 13px!important;
}
.shop_uspbar .usp_balk {
    gap: 15px;
    font-size: 14px;
}
.text-container .container {
    flex-direction: column;
}
.two_half_item img {
    margin-bottom: 90px;
}
section.text-container img {
    position: relative!important;
}
footer hr {
    width: 51%;
}
.text-section {
    padding: 75px 45px!important;
}
section.partners .col-sm-16 {
    width: 48%;
    float: left;
}
.home section.treatments {
    margin-top: -30px;
}
section.archive.treatments div.treatments div.item img, section.treatments.shortcode div.treatments div.item img, section.treatments div.items div.item img {
    height: 280px!important;
}
.submenu_parent {
    right: 20px!important;
    z-index: 0!important;
}
.home .shop_uspbar .usp_balk {
    gap: 18px;
    font-size: 13px;
}
header div.navbar-collapse ul li.button_menu > a {
    margin-left: 0!important;
}
header div.social-media ul li a i {
    color: var(--text) !important;
}
header .header__content h1 {
    margin-bottom: 35px!important;
    margin-top: 30px!important;
}
header .header__content a {
    width: 85%;
    margin: 5px 0;
}
  html.navbar-open, .navbar-open body {
    overflow: hidden !important;
  }
.home header>div.wrapper {
    min-height: 1020px;
}
header nav.navbar-default ul.navbar-nav .active>a:focus, header nav.navbar-default ul.navbar-nav .active>a:hover, header nav.navbar-default ul.navbar-nav .active>a:visited, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, header nav.navbar-default ul.navbar-nav .active>a, nav.navbar-default div.navbar-collapse ul.navbar-nav>li>a, header nav.navbar-default ul.navbar-nav .active>a:focus, header nav.navbar-default ul.navbar-nav .active>a:hover, header nav.navbar-default ul.navbar-nav .active>a:visited, .navbar-default .navbar-nav .open .dropdown-menu>li>a, html.navbar-open body.mm-fullsize nav.type-fullsize button.navbar-toggle  {
    color: var(--text)!important;
}
   
header div.header {
    text-align: left;
}
header button.navbar-toggle {
    color: var(--black-400);
}
}



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

body {
    line-height: 1.8;
    font-size: 16px;
font-family: var(--bodytekst);
color: var(--text)!important;
}

h1,h2,h3,h4,h5,h6 {
margin: 2.75rem 0 1.05rem;
line-height: 1.15;
font-family: var(--koptekst);
color: var(--kopjes)!important;
}

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

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

:root {
  --black-pure: #000000;
  --black-950: #0a0a0a;
  --black-900: #121212;
  --black-850: #1a1a1a;
  --black-800: #222222;
  --black-750: #2a2a2a;
  --black-700: #323232;
  --black-650: #3a3a3a;
  --black-600: #424242;
  --black-550: #4a4a4a;
  --black-500: #525252;
  --black-450: #5a5a5a;
  --black-400: #626262;
  --black-350: #6a6a6a;
  --black-300: #727272;
  --black-250: #7a7a7a;
  --black-200: #828282;
  --black-150: #8a8a8a;
  --black-100: #929292;
  --black-50: #9a9a9a;
--beige-950: #806a50;
  --beige-900: #8f7759;
  --beige-850: #9d8462;
  --beige-800: #a9886c;  /* Donker bruin uit afbeelding (#a9886c vergelijkbaar met #a9886c) */
  --beige-750: #b5947a;
  --beige-700: #c3a27c;  /* Medium donker bruin uit afbeelding (#c3a27c vergelijkbaar met #c3a27c) */
  --beige-650: #d1b28a;
  --beige-600: #d4c4b0;  /* Medium beige uit afbeelding (#d4c4b0 exact uit afbeelding) */
  --beige-550: #d9cbb9;
  --beige-500: #ded2c2;
  --beige-450: #e3d9cb;
  --beige-400: #e8dfd4;
  --beige-350: #ede6dd;
  --beige-300: #f2ece6;
  --beige-250: #f7f3ef;
  --beige-200: #faf7f4;
  --beige-150: #fcfaf8;
  --beige-100: #fdfcfb;
  --beige-50: #eaded0;  /* Licht beige uit afbeelding (#eaded0 exact uit afbeelding) */
    --white-950: #e0e0e0;
  --white-900: #e5e5e5;
  --white-850: #eaeaea;
  --white-800: #efefef;
  --white-750: #f0f0f0;
  --white-700: #f2f2f2;
  --white-650: #f4f4f4;
  --white-600: #f5f5f5;
  --white-550: #f7f7f7;
  --white-500: #f8f8f8;
  --white-450: #f9f9f9;
  --white-400: #fafafa;
  --white-350: #fbfbfb;
  --white-300: #fcfcfc;
  --white-250: #fdfdfd;
  --white-200: #fefefe;
  --white-pure: #ffffff;
    --gray-950: #0d0d0d;
  --gray-900: #1a1a1a;
  --gray-800: #333333;
  --gray-700: #4d4d4d;
  --gray-600: #666666;
  --gray-500: #808080;
  --gray-400: #999999;
  --gray-300: #b3b3b3;
  --gray-200: #cccccc;
  --gray-100: #e6e6e6;
  --gray-50: #f2f2f2;
    --warm-gray-900: #2c2724;
  --warm-gray-800: #3e3935;
  --warm-gray-700: #504a45;
  --warm-gray-600: #625d57;
  --warm-gray-500: #76726b;
  --warm-gray-400: #8c8780;
  --warm-gray-300: #a39e97;
  --warm-gray-200: #bab5af;
  --warm-gray-100: #d2cdc7;
  --warm-gray-50: #e9e6e2;
}

section.text-container {
    padding: 0;
}
.text-container .container {
    padding: 0;
    height: auto;
    display: flex;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    overflow: hidden;
    margin: 0;
}
.text-section {
    flex: 1;
    padding: var(--spacing) var(--spacing);
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
min-height: 0;
}
.text-section, .image-section {
    flex: 1 0 50% !important;
}
.image-section {
    flex: 1;
    display: flex;
 position: relative; 
    overflow: hidden; 
}
section.text-container img {
    margin: 0;
    object-fit: cover;
    width: 100%;
    height: 100%; 
    position: absolute; 
    top: 0;
    left: 0;
}

.section-title {
    margin-bottom: -20px;
    text-align: center;
    margin-top: 0;
    font-size: var(--font-size-h0);
}
.programs-container {
    background-color: var(--beige-250);
    padding: 60px 80px;
    max-width: 1000px;
    margin: 0 auto;
    /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); */
}

.program-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 0;
    border-bottom: 1px solid var(--white-900);
    position: relative;
}

.program-item:last-child {
  border-bottom: none;
}

.program-number {
    font-weight: 300;
    margin-right: 40px;
    flex-shrink: 0;
}

.program-title {
    flex: 0 0 auto;
    margin-right: 60px !important;
    text-align: left;
    min-width: 280px;
    margin: 0;
    width: 20%;
}

.program-description {
    flex: 1;
    text-align: left;
    line-height: 1.6;
    font-size: 16px;
    margin-right: 40px !important;
    margin: 0;
}