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

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

  h1, h2, h3, h4, h5, h6 {
  font-family: 'Alegreya SC', 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: #801e55 !important;
  }

  a:hover,
  .woocommerce ul.products li.product .price,
  .woocommerce .price,
  .product-usps li i,
  .counter {
  color: #6d1747 !important;
  }

  .btn,
  .wpcf7-submit,
  .woocommerce span.onsale,
  .woocommerce a.button,
  .woocommerce .button,
  [type="submit"],
  .nf-form-content input[type=submit]
  {
  background: #801e55 !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: #6d1747 !important;
  color: #fff !important;
  }

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

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

  div.social-media ul li a:hover {
  background: #6d1747 !important;
  color: #fff !important;
  }
  footer div.social-media ul li a {
  background: #801e55 !important;
  }

  div.phone a.phone, div.email a.email {
  background: #801e55 !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: #6d1747 !important;
  color: #fff !important;
  }

  header button.navbar-toggle {
  color: #801e55;
  border-color: #801e55;
  }

  .woocommerce-info,
  .woocommerce-message {
  border-top-color: #801e55 !important;
  }

  .woocommerce-info::before,
  .woocommerce-message::before {
  color: #801e55 !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.header {
  background-color: rgba(255, 255, 255, 1) !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://dehuidprofessional.nl/wp-content/uploads/sites/210/2022/02/header-nieuw.jpg');
  background-size: cover;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -2;
  }


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

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

  @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: 242px;
  }
  header > div.wrapper.above {
  min-height: 392px;
  }

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

  .topbar {
  background: #801e55;
  }
  .topbar {
  color: #ffffff;
  }




  nav.navbar-default, div.navbar-collapse {
  background-color: #801e55; !important;
  }

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

  header nav.navbar-default {
  background-color: rgba(128, 30, 85, .5) !important;
  }

  nav.navbar-default div.navbar-collapse ul.navbar-nav>li a:hover {
  background-color: rgba(128, 30, 85, .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: #801e55 !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: left;
  }

  header div.navbar-collapse ul.navbar-nav li a, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
  border-bottom: 1px solid #801e55;
  }

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


  header div.header div.contact i {
  color: #801e55;
  }

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

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

  footer,
  .footer-cta.center:after,
  .author {
  background: #801e55 !important;
  }

  footer div.column > h4 {
  border-bottom: 1px solid #801e55;
  }

  footer div.socket,
  .footer-sticky {
  background: #6d1747 !important;
  }


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

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

  section.treatments div.button-wrap {
  background: #9c7694;
  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: #801e55;
  }

  /*po[-up*/

.custom-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
}

.custom-popup-content {
    background: #ffffff;
    padding: 25px;
    border-radius: 8px;
    max-width: 500px;
    width: 90%;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

.buttons-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 20px;
}

.segment-button {
    display: flex;
    align-items: center;
    padding: 15px;
    border-radius: 4px;
    text-decoration: none;
    color: #fff;
    transition: background-color 0.3s ease;
}

.consumer-button {
    background-color: #4CAF50;
}

.professional-button {
    background-color: #2196F3;
}

.segment-button:hover {
    opacity: 0.9;
}

.segment-button i {
    margin-right: 10px;
    font-size: 20px;
}

.button-title {
    font-weight: bold;
    margin-right: 8px;
}

.button-subtitle {
    font-size: 0.9em;
    opacity: 0.8;
}

/*end*/

.huidprofessional_page header > div.wrapper::after {
    background: url(/wp-content/uploads/sites/210/2025/02/header_prof.jpg);
    background-size: cover;
    background-position: center !important;
}

p#billing_vat_number_field {
    display: none;
}

.huidprofessional_page .prof_knop {
    display: inline-block !important;
}

.huidprofessional_page li.con_knop {
    display: none !important;
}

.prof_knop {
    display: none!important;
}

    header .header__content a {
        margin: 20px 0 0;
    }


.modal {
    background: none!important;
    box-shadow: 0 0 0px #000!important;
}

.buttons-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1.5rem;
    margin-top: 35px;
}
        .professional-button:hover .fas.fa-chalkboard-teacher {
  color: #fff;
}
        @media (min-width: 640px) {
            .buttons-container {
                flex-direction: row;
                gap: 2rem;
            }
        }
        
        /* Button styles */
.segment-button {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3.5rem;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.2sease;
    border: none;
    text-align: center;
position: relative;
    font-size: 35px;
}
.consumer-button {
    background-color: white;
    border: 2px solid rgba(128, 30, 85, 0.2);
    color: #801e55;
}
.consumer-button::before {
display: none; 
}
        
        .consumer-button:hover {
            border-color: rgba(128, 30, 85, 0.4);
        }
        
        .professional-button {
            background-color: #801e55;
            color: white!important;
        }
        
        .professional-button:hover {
            background-color: #701c4a;
        }
        
        /* Icon styles */
        .icon {
            font-size: 3rem;
            margin-bottom: 0.75rem;
        }
        
        .consumer-icon {
            color: #801e55;
        }
        
        .professional-icon {
            color: white;
        }
        
        /* Button text */
     .button-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0.5rem;
    margin-top: 15px;
}
        .consumer-title {
            color: #801e55;
        }
        .professional-title {
            color: white;
        }
.button-subtitle {
    font-size: 11px;
}
        .consumer-subtitle {
            color: #4b5563;
        }
        
        .professional-subtitle {
            color: white;
        }


.row.foto_extra img {
    object-fit: cover;
    height: 440px;
}
.row.foto_extra {
    margin-top: 2em;
    margin-bottom: 2em;
}
.gallerij_foto {
    margin-top: 3em;
}
.gallerij_foto img {
    height: 310px !important;
    object-fit: cover;
    width: 100%;
}




.aanmeld_form_lid img {
    object-fit: contain;
}

.topbar .switch .switcher:hover {
    opacity: 1;
}
.topbar .switch .switcher a:hover {
    opacity: 1;
}
.topbar .switch .switcher {
    display: inline;
    padding: 13px 20px;
    margin-right: -5px;
    opacity: 0.5;
}


.top_topbar {
    background: #923f6d;
    text-align: center;
    padding: 8px 0;
    color: white;
}
.top_topbar p {
    margin-bottom: 0;
}

.aanmeld_form_lid img {
    object-fit: contain;
    height: auto;
    width: 100%;
    margin: 1rem 0;
}
.topbar .switch .switcher.active {
    background: white;
    opacity: 1;
}
.topbar .switch {
    float: left;
}
.topbar .switch .switcher.active a {
    color: #801e55!important;
    font-weight: 600;
}

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


/*.page-id-1409 section.page .content .woocommerce {
    opacity: 0.2;
}*/
.aanmeld_fout {
display:none;
    text-align: center;
    padding: 65px 45px;
    margin: 1em 0 5em;
    background: #1e8049;
    color: #fff!important;
    font-size: 17px;
}

.page-child.parent-pageid-1577 figure img {
    width: 100%;
    object-fit: cover;
}

body {
    font-size: 16px;
}

.row.sponsorsss a:hover img, .slick-slide a:hover img {
    opacity: 0.5;
}

.specialisatie_data h2 {
    margin-top: 1.15rem;
}
.specialisatie_data {
    background: #801e5524;
    padding: 35px;
}
.parent-pageid-1577 .specialisatie_data {
    margin-top: 4em;
}

img.face_sponsor {
    width: 290px;
    height: 290px;
    border-radius: 100%;
    object-fit: cover;
}

.btn {
    white-space: normal;
}

p#uitreksel2_field span.optional {
    display: none;
}

.deca {
    border-top: 2px solid #c9c9c9;
    border-radius: 0!important;
    padding-top: 30px!important;
    margin-top: 105px;
}
.huidpro_download {
    margin-bottom: 6em;
    text-align: center;
}
.huidpro_download .row {
    margin-top: 35px;
}
.huidpro_download .btn {
    width: 100%;
    padding: 25px;
    font-size: 19px;
    margin: 1em 0;
}

.footer-cta-box.pd-1.position-relative {
    border-top: 2px solid #c9c9c9;
    border-radius: 0!important;
    padding-top: 80px!important;
}
.huidpro_regi .file_upload-container button.btn.ninja-forms-field.nf-element.btn-success.nf-fu-fileinput-button {
    border: none!important;
    background: #361126!important;
}
.huidpro_regi .nf-form-content input[type=submit] {
    padding: 16px 45px!important;
}
.page-id-1409 section.footer-cta.text-center.above {
    display: block;
    text-align: left;
    padding-top: 0;
    margin-top: -40px;
}
.page-id-1409 .file_upload-container .nf-fu-progress {
    display: none;
}



section.footer-cta.text-center.above {
    display: none;
}
.labelshow .nf-field .field-wrap .nf-field-label {
    display: block!important;
}



#wpsl-search-wrap .wpsl-input label {
    width: 134px;
}

#wpsl-category .wpsl-dropdown {
    width: 200px!important;
}

section.maps-view .container {
    width: 100%!important;
}
#wpsl-wrap .wpsl-search #wpsl-search-wrap #wpsl-category {
    clear: none;
}

.woocommerce img, .woocommerce-page img#wordlid {
    scroll-margin-top: 80px;
}

.pdb-0 {padding-bottom: 0!important;}
.pdt-0 {padding-top: 0!important;}
.pd-0 {padding: 0!important;}
.mt-4 {margin-top: 4em!important;}
.mt-2 {margin-top: 2em!important;}
.mt-1 {margin-top: 1em!important;}
.mt-0 {margin-top: 0!important;}
.mb-0 {margin-bottom: 0em!important;}
.mb-2 {margin-bottom: 2em!important;}
.mb-4 {margin-bottom: 4em!important;}


.lidmaatschap_info {
  background: #801e55;
  padding: 15px;
  margin: 2em 0;
  color: #fff !important;
}

.bestuur_blok {
  background: #faf6f8;
  padding: 10px 35px 50px 35px;
  margin: 3em 0;
}

.page-id-1409 section.page h3.aanmeld_intro {
    padding-bottom: 50px;
}

footer .column h4 {
    font-family: 'Playfair Display', serif!important;
}

a.btn.btn-primary.bigger {
    padding: 25px 15px 15px;
    font-size: 19px;
    margin-top: 2em;
}
a.btn.btn-primary.bigger img {
    width: 31px;
    height: auto;
    margin-right: 25px;
    margin-top: -6px;
}

h4 {
    font-family: 'hk_groteskregular'!important;
    font-size: 25px!important;
    line-height: 40px;
}
h3.aanmeld_intro {
    font-size: 35px;
}

section.flyer_start h1 {
    color: #fff!importANT;
}
section.text_flyer H4 {
    padding-top: 45px;
}
ul.check {
  list-style-type: none !important;
  text-indent: -21px;
  margin-bottom: 0;
  padding-inline-start: 30px;
}
ul.check li {
    padding: 4px 0;
}
ul.check li:before {
    content: '';
    display: inline-block;
    background-image: url(/wp-content/uploads/sites/210/2022/02/vinkje-li.png);
    height: 20px;
    width: 20px;
    background-size: 17px;
    background-repeat: no-repeat;
    margin-right: 10px;
    background-position: center center;
    vertical-align: middle;
    margin-bottom: 5px;
    margin-left: -12px;
}
h1.start_text {
    padding-bottom: 95px;
    margin-top: -50px;
}

.problemen_view {
    padding: 2em;
    background: #faf6f8;
    text-align: center;
    font-size: 12px;
    margin: 4em 0;
}


section.padding-bot {
    padding-bottom: 0!important;
}
.block.text.cta_scroll a.btn.btn-primary {
    background: #580f38!important;
}
.block.text.cta_scroll a.btn.btn-primary:nth-child(1) {
    background: #fff!important;
    border: 2px solid #801e55;
    color: #801e55!important;
}
.block.text.cta_scroll .btn i.fa.fa-search {
    margin-right: 5px;
}
/*.block.text.cta_scroll h3 {
    color: #fff!important;
}*/
.block.text.cta_scroll {
    padding: 35px 35px 55px 35px;
/*    background: #801e55;*/
    text-align: center;
/*    color: #fff!important;*/
    box-shadow: 1px 1px 3px 1px #e8e8e8;
}

header .topbar a {
    color: #fff!important;
    margin: 0 0.7em;
}
.topbar .switch {
  display: flex;
  flex-direction: row;
}
header .topbar {
    padding: 10px 0 0;
    text-align: right;
    font-size: 16px;
}
header .topbar a:hover, footer .col-sm-16 .column a:hover {
    opacity: 0.5;
}

.page-id-483 .usp_block {
    text-align: center;
    height: 100%;
    padding: 13em 2em!important;
}
.page-id-481 .page-header h1 {
  height: auto;
}

.single-post section .col-md-14.col-md-offset-2, .blog section.archive .col-md-14.col-md-offset-2 {
    display: none;
}

.blog article.post {
  padding: 25px;
  box-shadow: 0 0 1px 0px #801e5582;
}


@media only screen and (min-width: 992px) {
.page-id-481 .page-header {
  margin-bottom: 250px;
}
.modal__container {
    width: 600px!important;
}
.modal__container {
        max-width: 650px!important;
    }
.single-post section .col-md-32, .blog section.archive .col-md-32 {
    width: 100%;
}
img.face_sponsor {
    float: right;
}
.page-id-1409 .file_upload-container .nf-field-label {
    min-height: 63px;
}

.page-id-1409 section.page .content .woocommerce {
    width: 54.1666666667%;
    margin-left: 4.1666666667%;
    float: left;
    padding: 15px 35px 55px 35px;
    /* box-shadow: 1px 1px 3px 1px #e8e8e8; */
    border: 3px solid #801e55;
}
.page-id-1409 .huidpro_regi {
    /* border: 6px solid #801e55; */
    padding: 35px 35px 65px;
    box-shadow: 0px 0px 3px 1px #c9c9c9;
}
.page-id-1409 section.page .content .aanmeld_text {
    width: 41.6666666667%;
    float: left;
}
.page-id-483 div.page-header h1 {
    height: 160px;
}
.mob_only {
display:none!important;
}
.page-template main .container:not(.home.page-template main .container, .page-id-3912 main .container, .page-template-template-contact main .container):not(.page-id-520.page-template main .container):not(.page-id-1719.page-template main .container):not(.page-id-3124.page-template main .container):not(.page-id-3417.page-template main .container, .woocommerce-account main .container, .page-id-4375 main .container) {
    width: 950px;
}
.page-id-3124 section.intro.text.block0 .container.text-left {
    width: 950px;
}
.page-id-483 .usp_block h4 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav>li>a {
    color: #595959!important;
}
header>div.wrapper.sticky_menu.sticky_header.above .header__content, header>div.wrapper.sticky_menu.sticky_header .header__content {
    margin-top: 150px!important;
}
header div.header div.holder {
    height: 89px;
    min-height: 50px;
}
body header > div.wrapper.above {
    min-height: 530px!important;
}
body.home header > div.wrapper.above, .page-id-3912 header > div.wrapper.above {
    min-height: 110vh!important;
}
.blok_start {
    margin-top: -180px;
    background: linear-gradient(90deg, #801e55 0%, #801e55 76%, #fff0 76%);
}
.problemen_image .col-sm-16:nth-child(1) {
    margin-left: 12.5%;
}
.problemen_image .col-sm-16 {
    width: 25%;
}
.blok_start h1 {
    color: #fff!important;
    font-size: 55px;
    margin-top: 0;
}
.blok_start p.subkop {
    color: #fff!important;
    margin-bottom: 45px;
    font-size: 17px;
    letter-spacing: 1px;
    margin-top: -23px;
}
section.problemen_start a div.item {
    padding: 14em 0em!important;
}
}

header > div.wrapper::after {
    top: 0!important;
}
main section {
    padding: 100px 0;
    position: relative;
}
.usp_block {
    background: #994a76;
    padding: 5em 2em;
    color: #fff!important;
z-index:1;
height:100%;
}
.usp_block h4 {
    margin-bottom: 35px;
    margin-top: 0!important;
    color: #fff!important;
    z-index: 100;
    font-family: 'Playfair Display', serif!important;
}
.col-md-12:nth-child(even) .usp_block {
    background: #6d1747;
}
.usp_block::before {
    content: "";
    overflow-y: hidden;
    position: absolute;
    right: 25px;
    opacity: 0.25;
    background-image: url(/wp-content/uploads/sites/210/2022/02/gezicht_back.png);
    background-size: 100% 100%;
    height: 350px;
    width: 195px;
    top: 55px;
    z-index: -2;
}

.image_float img {
    height: 350px;
    width: 100%;
    object-fit: cover;
    object-position: center 10%;
}
.image_float{
    padding-top: 0!important;
    margin-top: -170px;
}

/*.blok_start {
    padding-bottom: 270px;
}*/
section.problemen_start {
    background: linear-gradient(270deg, #801e55 0%, #801e55 60%, #fff0 60%);
}

section.problemen_start a div.item-centered {
    width: 100%;
    text-align: start;
    display: flex;
    flex-direction: column;
    height: auto;
    padding: 2em 2em 0!important;
    color: #fff!important;
    bottom: 0;
    top: unset!important;
    left: unset!important;
    transform: none!important;
    position: absolute;
}
section.problemen_start a div.item h3 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 15px;
    margin-top: 0;
}

div.breadcrumbs {
    display: none;
}

header > div.wrapper::after {
    background-position: right!important;
}

.page-id-483 .usp_block::before {
content:none;
}

section.blok_start {
    position: relative;
}

@media only screen and (max-width: 991px) {
.huidprofessional_page header .topbar {
    padding: 60px 0 18px!important;
}
    header .topbar {
        padding: 0px 0 18px;
    }
.login_float {
    float: right;
    margin-top: -50px;
    font-size: 12px;
}
.topbar .switch .switcher {
    padding: 11px 15px!important;
}
.topbar .switch {
        margin-bottom: -18px;
        margin-left: -15px;
        font-size: 13px;
}
.row.foto_extra img {
    height: 370px!important;
    margin-top: 40px!important;
}
.gallerij_foto figure.gallery-item {
    width: 100%;
}
section.blok_start .col-md-16 {
    width: 100%;
}
.page-id-1499 .header__content {
    margin-top: 0!important;
}
section.blok_start::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 98%;
    background: #801e55;
    z-index: -1;
}
.image_float {
    margin-top: -240px!important;
}
.sponsorsss img.smallversion {
    height: 110px;
    object-fit: cover;
    width: 100%;
}
.sponsorsss img {
    margin: 66px 0;
}
.sponsorsss img.smallbigversion {
    height: 199px;
    width: 100%;
    object-fit: cover;
}
html.navbar-open .page-header {
    display: none;
}
.page-id-1409 section.page .content .woocommerce {
    padding: 15px 15px 55px 15px;
    /* box-shadow: 1px 1px 3px 1px #e8e8e8; */
    border: 3px solid #801e55;
}
.page-id-1409 .huidpro_regi {
    /* border: 6px solid #801e55; */
    padding: 15px 15px 55px 15px;
    box-shadow: 0px 0px 3px 1px #c9c9c9;
}
.page-id-1409 .huidpro_regi .nf-form-cont .one-half, .page-id-1409 .huidpro_regi .nf-form-cont .three-sixths, .page-id-1409 .huidpro_regi .nf-form-cont .two-fourths {
    width: 100%;
    margin: 0;
}
header .header__content a {
    white-space: pre-wrap;
}
header nav.navbar-default .menu-primaire-navigatie-container ul#primary_navigation li {
    padding-left: 25px;
}
header nav.navbar-default .menu-primaire-navigatie-container ul#primary_navigation li#menu-item-1624 {
    padding-top: 20px;
}
header div.navbar-collapse ul#primary_navigation li.title_dif a {
    font-size: 17px;
    border-bottom: 1px solid #570b36;
text-transform: uppercase;
}
header div.navbar-collapse ul#primary_navigation li.title_dif {
    padding-left: 0!important;
}
/*span.laptop_only, header .topbar {
    display: none!important;
}*/
header div.navbar-collapse ul {
    margin-top: 12px;
}
header nav.navbar-default div.navbar-collapse {
    box-shadow: 0px 9px 16px -9px #480c2ead;
}
.usp_block::before {
content:none;
}
ul.check {
    margin-bottom: 45px!important;
}
.page-id-483 .usp_block {
    padding: 3em 2em 1em!important;
}
div.page-header h1 {
    position: absolute;
    color: #fff!important;
    width: 100%;
    line-height: initial;
    background-color: #801e55;
    margin: -150px 5vw 0 -5vw!important;
    padding: 1rem 1rem 1rem 7rem;
    font-size: 30px!important;
z-index: 1000;
}
header>div.wrapper {
    min-height: 381px;
}
.home header>div.wrapper {
    min-height: 591px;
}
header > div.wrapper::after {
    top: 100px!important;
}
.blok_start p.subkop {
    margin-bottom: 45px;
    margin-top: -12px;
}
.usp_block::before {
    height: 283px!important;
    width: 239px!important;
}
.usp_block {
    margin-bottom: 9px;
}
section.problemen_start {
    background: #801e55!important;
}
section.problemen_start h2, section.problemen_start p {
    color: #fff!important;
}
section.problemen_start .col-md-36 > .row {
    margin-top: 65px;
}
section.problemen_start a div.item {
    padding: 7em 0em!important;
}
}





/*Campagne */

#customer_details {
    margin-bottom: 2em;
}


.headertitel h1 {
    color: #fff!important;
    font-size: 55px;
/*   margin-top: 67px;*/
    text-shadow: 2px 2px 9px #000000;
}

.headertitel {
    padding: 84px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.filtersblok::before {
    content: "";
    background: url(/wp-content/uploads/sites/210/2021/06/sun-klein-opacity-laag.png);
    position: absolute;
    background-size: 200px 200px;
    display: inline-block;
    width: 100%;
    height: 500px;
    background-repeat: no-repeat;
    background-position: center;
    right: -170px;
    margin-top: -160px;
}

.page-id-1364 .headertitel {
    padding: 134px 0!important;
    background-position: center 40%!important;
}

h1.mb {
    margin-bottom: 55px;
}
.filtersblok h3::after {
    content: "";
    position: absolute;
    display: flex;
    width: 51px;
    height: 1px;
    background: #ea9465;
}
.filtersblok h3 {
    color: #fff!important;
}
.filtersblok {
    background: #3d1f79;
    padding: 25px 25px 45px;
    height: 100%;
    color: #fff;
    margin-bottom: 25px;
}
.teksten {
    padding: 30px 0 65px;
}


html, body {
    overflow-x: hidden;
}
/*Eind campagne*/





.declareren {
padding: 35px 35px 55px;
    margin: 4em 0 2em;
    background: #f1e6ec;
}

.aanmeld_form {
 padding: 35px 35px 55px 35px;
    text-align: center;
    box-shadow: 1px 1px 3px 1px #e8e8e8;
}
.aanmeld_form img {
    margin: 5px 0 25px;
    height: auto;
}
.declareren ol li {
    padding: 9px 0;
}

.uploaden .nf-fu-fileinput-button {
    background: #8c8c8c!important;
    margin-bottom: -25px;
}
.uploaden .nf-fu-fileinput-button i.fas.fa-upload {
    margin-right: 5px;
}

.machtig input#nf-field-22 {
    height: 15px!important;
}
.machtig label#nf-label-field-22 {
    margin-top: -7px;
}
.uploaden .nf-fu-progress {
    height: unset;
    margin-bottom: 0;
    overflow: hidden;
    background-color: transparent!important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 0%);
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 0%);
}
.uploaden {
    padding-top: 25px!important;
}
.machtig {
    padding-bottom: 15px;
}
.uploaden .btn-success {
    border: none!important;
}
.uploaden  .nf-fu-fileinput-button {
    margin-top: 15px;
}

/* In de schijnwerper */

body.parent-pageid-1241 header > div.wrapper.above::after {
    display: none;
}

@media only screen and (min-width: 992px) {
header>div.wrapper.above .header__content .col-md-32.col-md-offset-8 {
    margin-left: 0;
/*    width: 38%;*/
    width: 52%;
}
.row.equal {
display: flex;
    flex-wrap: wrap;
}
.row.equal > [class*='col-'] {
    display: flex;
    flex-direction: column;
}
footer .container .col-sm-16:nth-child(2) {
    width: 44%;
    margin-right: 6%;
}
footer .container .col-sm-16 {
    width: 25%;
}
header>div.wrapper.shadow:before {
    top: 0!important;
}
header > div.wrapper::after {
    top: 0!important;
}
header div.header div.holder {
    height: 109px;
    min-height: 50px;
}
body.parent-pageid-1241 header > div.wrapper.above {
    min-height: 158px;
}
.row.equal {
display: flex;
    flex-wrap: wrap;
}
.row.equal > [class*='col-'] {
    display: flex;
    flex-direction: column;
}
.page-id-1364 header > div.wrapper.above, body.parent-pageid-687 header > div.wrapper.above {
    min-height: 158px;
}
.vertical-align {
display:flex;
align-items:center;
}
}

.parent-pageid-1241 section.intro.text.block0 {
    background-position: top;
    height: 80vh;
}

.parent-pageid-1241 section.intro.text.block1 h2.schijnwerper {
    color: #fff!important;
    font-size: 50px;
    background: #801e55;
    display: inline-block;
    padding: 0 20px;
    margin-bottom: 30px;
}

.parent-pageid-1241 section.intro.text.block1 {
    margin-top: -120px;
}

.parent-pageid-1241 section.intro.text.block2 {
    margin-top: -50px;
    margin-bottom: 30px;
}

/* Eind schijnwerper */


.page-id-1197 section.intro.text.block2, .page-id-1197 section.intro.text.block3 {
    display: none;
}

.page-id-1197 #mc_embed_signup .mc-field-group input {
    max-width: 530px;
}

.page-id-1197 .mc-field-group br {
    display: none;
}

.page-id-1197 .mc-field-group {
    padding-bottom: 7px!important;
}

.page-id-1197 #mc_embed_signup {
    font: inherit;
}

.page-id-1197 form#mc-embedded-subscribe-form {
    padding: 0;
}

.page-id-1197 #mc_embed_signup .button {
    padding: 20px 32px 44px 30px;
    box-shadow: inset -4px -5px #4a1232;
    transition: all 0.3s;
    margin-top: 36px;
}

.page-id-1197 section.intro.text.block1 .row {
    margin: 0!important;
}

.page-id-1197 section.intro.text.block2 h3 {
    margin-bottom: 21px;
}

.page-id-1197 section.intro.text.block3 .container {
    padding: 30px 0;
}

.page-id-1197 footer div.socket {
margin-top: 0;
}

.page-id-1197 h3 {
    color: #801e55!important;
}

.page-id-1197 header {
    display: none;
}

.page-id-1197 img.aligncenter.size-full.wp-image-1225 {
    max-width: 304px;
}

.page-id-1197 ul#primary_navigation {
    display: none;
}

.page-id-1197 header .col-sm-10 {
    width: 100%;
}

.page-id-1197 header .col-sm-38.xs-absolute-overlay {
    display: none;
}

.page-id-1197 header div.header div.wrapper {
    text-align: center;
}

.page-id-1197 footer > .container {
    display: none;
}

.page-id-1197 footer {
padding-top: 0;
}

.page-id-1197 section.intro.text.block1, .page-id-1197 section.intro.text.block1 img {
    padding: 0;
margin: 0;
}

.page-id-1197 section.intro.text.block1 .container {
    width: 100%;
    padding: 0;
}

.page-id-1197 section.intro.text.block2 .container {
    width: 90%;
}

.ebook-tekst {
    padding: 0 20px;
}

.row.download-ebook span {
    margin-bottom: -20px;
display: inherit;
color: #801e55;
}

.row.download-ebook p {
    font-size: 20px;
}

.row.download-ebook .btn {
    padding: 20px 32px 25px 30px;
    box-shadow: inset -4px -5px #4a1232;
    transition: all 0.3s;
}

@media only screen and (min-width: 992px) {
header div.header.full-width .container, header .topbar .container {
    width: 90%;
}
.row.download-ebook {
    display: flex;
    align-items: center;
}
.ebook-tekst {
    padding: 0 10%;
}
body.page-id-1197 header > div.wrapper.above {
    min-height: 0;
}
}


.verzorgingsblokken {
display: flex;
flex-wrap: wrap;
}

.verzorgingsblokken .col-md-16 {
display: flex;
flex-direction: column;
}

@media only screen and (max-width: 991px) {
/*header .topbar {
    text-align: center!important;
}*/
.aanmelden .marge-mobiel {
    margin-bottom: 26px;
}
div#nf-form-2-cont .one-fourth {
    width: 100%;
    margin: 0!important;
}
.page-id-1197 .row.download-ebook span {
    margin-top: 40px;
}
.verzorgingsblokken .col-md-16 {
margin-bottom: 10px;
}
.page-id-1197 section.intro.text.block2 {
    margin-top: 40px;
}
.page-id-1197 section.intro.text.block3 .row {
    margin: 0;
}
}

.verzorgingsblokken h3 {
color: #fff!important;
}

.verzorgingsblok {
    background: #ea9465;
    padding: 10px 20px 30px;
    color: #fff;
height: 100%;
}

.glimlach section.intro:nth-child(1) {
    background: url(/wp-content/uploads/sites/210/2020/01/header.jpg);
    height: 60vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.glimlach .lgfb-salon {
    background: #3d1f79;
    padding: 20px 20px;
    color: #fff;
    margin-bottom: 30px;
}

.glimlach .lgfb-salon a {
color: #ea9465!important;
}

@media only screen and (min-width: 992px) {
body.glimlach header > div.wrapper.above {
    min-height: 158px!important;
}
.mobile_only {
display: none!important;
}
}

@media only screen and (max-width: 992px) {
.glimlach section.intro:nth-child(1) {
    background-position: center;
    height: 170px;
}
.glimlach img.alignnone.size-medium.wp-image-855 {
margin-top: 20px;
}
}

.parent-pageid-687 main .col-md-15 ul {
    list-style-image: url(/wp-content/uploads/sites/210/2019/11/vinkje.png);
    line-height: 35px;
    padding-left: 25px;
}

.parent-pageid-687 .calltoaction a.btn.btn-primary {
    margin-top: 10px;
    margin-bottom: 10px;
}

.parent-pageid-687 main .col-md-15 ul li {
    padding-left: 5px;
}

span.auteurs {
    font-size: small;
}

@font-face {
    font-family: 'hk_groteskregular';
    src: url('/wp-content/uploads/2019/07/hkgrotesk-regular-webfont.woff2') format('woff2'),
         url('/wp-content/uploads/2019/07/hkgrotesk-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'hk_groteskregular';
}

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

header div.header.full-width div.wrapper img.logo {
    max-width: 304px;
}


.zon section.titel {
    background: url(/wp-content/uploads/sites/210/2019/06/de-zon.jpg);
    height: 280px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.zon section.foto {
    background: url(/wp-content/uploads/sites/210/2019/06/sun-protection.jpg);
    background-size: cover;
    background-position: center;
padding: 70px 0;
margin: 30px 0;
}
h4.kopjes {
    font-size: 25px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
font-family: 'hk_groteskregular';
}
.zon section.intro {
    padding-bottom: 0!important;
}
.zon main .container {
    width: 100%;
    padding: 0;
    overflow-x: hidden;
}
.zon main .container.shadow {
    overflow-x: visible!important;
}
.zon div.breadcrumbs {
    display: none;
}
.zon section.page {
    padding-top: 0;
}
.zon header > div.wrapper::after {
    background: url(/wp-content/uploads/sites/210/2019/06/de-zon.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.zon .page-header {
    display: none;
}
.zon section.outro {
    background: #ea9465;
}
.zon section.titel h1{
    text-align: center;
    color: #fff!important;
    font-size: 55px;
    margin-top: 55px;
    text-shadow: 2px 2px 9px #000000;
}
.zon .benieuwd {
    text-align: center;
    margin-top: 15px;
    border: 4px solid #801e55;
    padding: 20px;
    font-weight: 600;
}
.zon .benieuwd:hover {
    background: #801e55;
    color: #fff;
}
.type {
    padding: 15px;
    text-align: center;
}
.type4, .type5, .type6 {
color:#fff;
}
.type4 h4, .type5 h4, .type6 h4{
color:#fff!important;
}
.type1 {
    background: #f6dace;
}
.type2 {
    background: #fbcfb6;
}
.type3 {
    background: #fddcaf;
}
.type4 {
    background: #efa673;
}
.type5 {
    background: #7b3f2a;
}
.type6 {
    background: #6d453b;
}
.kwf {
    background: #eee;
    padding: 25px;
}
#myBtn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #801e55;
    color: white;
    cursor: pointer;
    height: 50px;
    width: 225px!important;
    border-radius: 10px;
    font-size: 16px;
    padding: 0!important;
}
#myBtn:hover {
  background-color: #595959;
}
.zon #myBtn i.fa.fa-search {
    margin-left: 10px;
}
.hide-button {
display: none;
}
.verschil {
    background: #efe2e9;
    padding: 24px 20px;
    margin-bottom: 15px;
}
.zonvak {
     padding: 15px 40px 35px;
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.13);
background: #fff;
}
.melanine {
    padding: 15px 30px;
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.13);
}
.contact-opnemen a {
    color: #FFF!important;
}

.contact-opnemen {
    padding: 10px 20px 20px;
    color: #fff!important;
}

.contact-opnemen h3 {
    color: #fff!important;
}

.contact-opnemen .btn {
    background-color: #3d1f79!important;
}

@media (min-width: 1200px){
.zon .container .container {
width: 1170px;
}
}

@media (min-width: 992px){
.melanine .col-md-30 {
    padding-top: 70px;
}
.melanine .row {
    margin-top: -60px;
}
.zon .container .container {
    width: 750px;
    width: 970px;
}
.zon .type {
    display: table-cell;
}
.zon .row.type .col-md-16 {
    DISPLAY: table!important;
    width: 50%!important;
}
}



ul.sun {
    list-style-image: url(/wp-content/uploads/sites/210/2019/06/sun-icon.png);
    line-height: 35px;
    padding-left: 25px;
}

header div.header div.wrapper {
    padding: 0!important;
}

.onze-privacyverklaring aside {
    display: none;
}

.aanmelden main h3 {
    margin-top: 0;
}

@media only screen and (max-width: 1200px) {
header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav>li a {
    padding: 15px 6px;
}
.home header .header__content .col-md-32.col-md-offset-8 .btn{
    margin-bottom: 10px;
}

}

@media only screen and (min-width: 992px) {
.zon header > div.wrapper.above {
    min-height: 150px!important;
}
.type {
    margin-bottom: 15px;
}
header>div.wrapper.above .header__content {
    margin-top: 20px;
}
header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav {
    text-align: right!important;
    text-align: -webkit-right!important;
}
header .header__content h1 {
    font-size: 70px;
    line-height: 65px;
    margin-bottom: 45px;
}
header .header__content p {
font-size: 16px;
    margin-top: -25px;
    margin-bottom: 0;
}
header>div.wrapper .header__content {
/*      transform: translate3d(0, 30px, 0)!important;*/
  transform: translate3d(0, 140px, 0)!important;
}

nav.navbar-default div.navbar-collapse ul.navbar-nav>li {
    float: none!important;
}
.page-header h1 {
    position: absolute;
    margin-top: -170px!important;
    color: #fff!Important;
}
div.page-header h1 {
    background-color: #801e55!important;
    height: 99px;
    width: fit-content;
    text-align: left;
    padding: 0.4em 1em;
display:table;
}
}

section.featured a div.item:hover {
    transform: translateY(-20px);
}

@media only screen and (max-width: 992px) {
header div.header.full-width div.wrapper img.logo {
max-width: 290px;
}
.zon main .container {
padding: 0;
}
.zon main .container .container {
padding: 0 15px;
}
.zon section.titel h1{
    font-size: 30px;
}
header .header__content p {
margin-top: -10px;
}

}


section.intro:nth-child(1) i.fa.fa-check-circle {
    font-size: 20px;
}

/*.home section.intro:nth-child(4) {
    background-image: url(/wp-content/uploads/sites/210/2019/02/shutterstock_249122869.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 250px;
}*/

header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav>li>a {
    font-weight: 600;
}

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




footer .btn{
    background: #6d1747 !important;
}
footer .btn:hover {
    background: #6d1747 !important;
}




/*Campagnes*/

@media only screen and (min-width: 992px) {
.page-id-716 header > div.wrapper.above, .page-id-1119 header > div.wrapper.above, .page-id-1141 header > div.wrapper.above, .page-id-1364 header > div.wrapper.above {
    min-height: 158px;
}
}

@media only screen and (max-width: 992px) {
.page-id-716 section.intro:nth-child(1) h1, .page-id-1119 section.intro.block0 h1 {
    font-size: 30px!important;
    margin-top: 55px!important;
}
.page-id-716  .col-md-15 {
    margin-bottom: 35px!important;
}
.page-id-716 .col-md-15 img {
    width: 110px!important;
    margin-bottom: -50px!important;
    margin-top: 0px!important;
    display: block;
    margin: 10px auto;
    height: auto;
}
}



.page-id-716 section.intro:nth-child(1) {
    background: url(/wp-content/uploads/sites/210/2019/11/header.jpg);
    height: 280px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.page-id-716  section.intro:nth-child(1) h1, .page-id-1119 section.intro.block0 h1, .page-id-1141 section.intro.block0 h1{
    color: #fff!important;
    font-size: 55px;
    margin-top: 67px;
    text-shadow: 2px 2px 9px #000000;
}

.page-id-716 .col-md-15 img {
    width: 110px!important;
    margin-top: -70px;
}

.page-id-716 .vergelijking {
    padding: 15px 25px;
    background: #3d1f79;
}
.page-id-716 .vergelijking li {
    color: #fff!Important;
}

.page-id-1119 section.intro.block0 {
    background-position: center;
    height: 280px;
}

.page-id-1141 section.intro.block0 {
    height: 280px;
}

.page-id-1119 section.intro.block4 ul li {
    margin-bottom: 14px;
    background: #801e55;
    padding: 15px 20px;
    color: #fff;
    list-style: none;
margin-left: -40px;
}


footer .col-sm-16:nth-child(1) .column a {
    color: #fff!important;
    text-decoration: underline;
}
footer div.social-media ul li a {
    background: #6d1747 !important;
}
.column.socials h4 {
    display: none;
}
footer {
    padding-top: 90px;
}
footer div.socket {
padding: 25px 0;
    margin-top: 60px;
}


p {margin-bottom: 1.15rem;}

h1, h2, h3, h4, h5 {
  margin: 2.75rem 0 1.05rem;
}

h1 {
  margin-top: 0;
  font-size: 2.852em;
}

h2 {font-size: 2.041em;}

h3 {font-size: 1.553em;}

h4 {font-size: 1.063em;}

h5 {font-size: 0.95em;}

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



@media only screen and (min-width: 1300px) and (max-width: 1499px){
footer .container {
    width: 1300px;
}
}

@media only screen and (max-width: 518px){
.home header>div.wrapper {
    min-height: 691px;
}
}

@media only screen and (min-width: 1500px) and (max-width: 1649px){
footer .container {
    width: 1410px;
}
}
@media only screen and (min-width: 1650px) and (max-width: 1849px){
footer .container {
    width: 1600px;
}
}
@media only screen and (min-width: 1850px){
footer .container {
    width: 1770px;
}
}


@media only screen and (min-width: 330px) and (max-width: 400px){
.page-id-481 div.page-header {
    margin-bottom: 245px;
}
}

@media only screen and (min-width: 401px) and (max-width: 669px){
.page-id-481 div.page-header {
    margin-bottom: 175px;
}
}

@media only screen and (min-width: 670px) and (max-width: 992px){
.page-id-481 div.page-header {
    margin-bottom: 155px!important;
}
}


@media only screen and (min-width: 1050px) and (max-width: 1550px){
.huidprofessional_page header div.header.full-width div.wrapper img.logo {
    max-width: 234px;
}
.huidprofessional_page header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav>li>a {
    font-size: 13px!important;
    padding: 15px 5px!important;
}
.huidprofessional_page header div.header.full-width .container, header .topbar .container {
        width: 100%!important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1049px){
.huidprofessional_page header div.header.full-width div.wrapper img.logo {
    max-width: 166px;
}
.huidprofessional_page header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav>li>a {
    font-size: 13px!important;
    padding: 15px 4px!important;
}
.huidprofessional_page header div.header.full-width .container, header .topbar .container {
        width: 100%!important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px){
header div.header.full-width div.wrapper img.logo {
    max-width: 234px;
}
header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav>li>a {
    font-size: 13px!important;
    padding: 15px 5px!important;
}
header div.header.full-width .container, header .topbar .container {
        width: 100%!important;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1450px){
header div.header.full-width div.wrapper img.logo {
    max-width: 234px;
}
header div.header.full-width .container, header .topbar .container {
        width: 100%!important;
    }
}