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

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

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

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

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

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

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

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

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

  .woocommerce-info::before,
  .woocommerce-message::before {
  color: var(--oldsite) !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, .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://beauty-smart.nl/wp-content/uploads/sites/220/2016/11/header-1920x375.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: 585px;
    }
  body.home header > div.wrapper.above {
  min-height: 500px;
      min-height: 735px;
    }
  }

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

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

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





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

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


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

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

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

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

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

  footer div.socket,
  .footer-sticky {
  background: var(--oldsite) !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: var(--oldsite);
  }

  :root {
--oldsite:#64718b;
--blue:#08ddb8;
--yellow:#Fee900;
--pink:#Ff007f;
--purple:#762fbd;
--lightpink:#Fff4fb;
--text: #6B6F70;
--white: #fff;
--brown: #e19968;
}

.modal__container.text {
  top: 6svh;
}
.product_cat-limited .thumbnail-wrapper::before { 
    content: "Limited!";
    padding: 1px 15px;
    font-weight: 700;
    position: absolute;
    text-align: center;
    line-height: 3.236;
    border-radius: 26px;
    background-color: var(--blue);
    color: #fff;
    font-size: .857em;
    z-index: 9;
    top: 0;
    left: 0;
    right: auto;
    margin: -0.5em -0.5em 0 0;
}
.woocommerce div.product.product_cat-limited::before {
    content: "Limited!";
    padding: 12px 45px;
    font-weight: 700;
    position: absolute;
    text-align: center;
    line-height: 1;
    border-radius: 26px;
    background-color: var(--blue);
    color: #fff;
    font-size: .857em;
    z-index: 9;
    top: 0;
    right: auto;
    left: -30px;
    margin: -0.5em -0.5em 0 0;
}

.product_cat-nieuw .thumbnail-wrapper, .woocommerce div.product.product_cat-nieuw, .product_cat-limited .thumbnail-wrapper, .woocommerce div.product.product_cat-limited {
    position: relative;
}
.product_cat-nieuw .thumbnail-wrapper::before { 
    content: "Nieuw!";
    padding: 1px 15px;
    font-weight: 700;
    position: absolute;
    text-align: center;
    line-height: 3.236;
    border-radius: 26px;
    background-color: var(--pink);
    color: #fff;
    font-size: .857em;
    z-index: 9;
    top: 0;
    left: 0;
    right: auto;
    margin: -0.5em -0.5em 0 0;
}

.woocommerce div.product.product_cat-nieuw::before {
    content: "Nieuw!";
    padding: 12px 45px;
    font-weight: 700;
    position: absolute;
    text-align: center;
    line-height: 1;
    border-radius: 26px;
    background-color: var(--pink);
    color: #fff;
    font-size: .857em;
    z-index: 9;
    top: 0;
    right: auto;
    left: -30px;
    margin: -0.5em -0.5em 0 0;
}

.resultaat_verhaal {
    margin: 5em 0;
}

section.news .item h3 {
    color: var(--brown) !important;
}

.resultaat_verhaal figure.gallery-item .gallery-icon.landscape {
    position: relative;
}

.resultaat_verhaal figure.gallery-item:nth-child(1) .gallery-icon.landscape::before {
    content: "";
    position: absolute;
    background-image: url(/wp-content/uploads/sites/220/2024/06/pinkarrow.png);
    top: -60px;
    width: 15%;
    height: 15%;
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotateZ(282deg);
    opacity: 0.8;
    right: 50px;
}
.resultaat_verhaal figure.gallery-item:nth-child(1) .gallery-icon.landscape::after {
    content: "Het startschot";
    position: absolute;
    right: 130px;
    width: 155px;
    color: var(--pink);
    font-family: 'Caveat', cursive;
    font-size: 28px;
    top: -70px;
}

.resultaat_verhaal figure.gallery-item:nth-child(2) .gallery-icon.landscape::after {
    content: "Nieuwe jij!";
    position: absolute;
    left: 130px;
    width: 155px;
    color: var(--pink);
    font-family: 'Caveat', cursive;
    font-size: 28px;
    bottom: -60px;
}

.resultaat_verhaal figure.gallery-item:nth-child(2) .gallery-icon.landscape::before {
    content: "";
    position: absolute;
    background-image: url(/wp-content/uploads/sites/220/2024/06/pinkarrow.png);
    bottom: -50px;
    width: 15%;
    height: 15%;
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotateZ(99deg);
    opacity: 0.8;
    left: 50px;
}


.end_annemarie {
    font-size: 25px;
    font-style: italic;
    background: #e7e7e7;
    width: max-content;
    padding: 16px 35px;
    border-radius: 15px;
}
.end_annemarie img {
    width: 100px;
    height: 100px;
    margin-right: 15px;
    max-width: 100px;
    max-height: 100px;
}
.resultaat_verhaal figure.gallery-item {
    width: 50%;
}


img {
    height: auto;
}

.arrowsier::before {
    content: "";
    background-image: url(/wp-content/uploads/sites/220/2023/11/arrow.png);
    width: 50px;
    height: 50px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    right: -50px;
    transform: rotate(311deg);
    top: 15px;
}
.arrowsier {
    position: relative;
    font-family: 'Caveat', cursive;
    margin-bottom: 60px;
    overflow: visible;
    width: max-content;
    margin: 0 0 14px;
    font-size: 26px;
    color: var(--pink);
    line-height: 1;
}

.hartjes-lijst {
    list-style-type: none; 
    padding-left: 0;
    margin-left: 0; 
}

.hartjes-lijst li {
    position: relative; 
    padding-left: 30px; 
}

.hartjes-lijst li::before {
    content: "♥"; 
    position: absolute; 
    left: 0; 
    top: 0; 
}




p.motivatie_pijl {
    position: relative;
    overflow: visible;
    width: 100%;
    margin: 0 auto 30px;
    font-size: 22px;
    color: var(--pink);
    font-family: 'Caveat', cursive;
}
p.motivatie_pijl::before {
    content: "";
    background-image: url(/wp-content/uploads/sites/220/2023/11/arrow.png);
    width: 50px;
    height: 50px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    left: -50px;
    transform: rotate(139deg);
    top: -25px;
}

p.arrow_mine {
    position: relative;
    overflow: visible;
    width: 100%;
    margin: 0 auto 30px;
    font-size: 28px;
    color: var(--pink);
    font-family: 'Caveat', cursive;
}
p.arrow_mine::before {
    content: "";
    background-image: url(/wp-content/uploads/sites/220/2023/11/arrow.png);
    width: 50px;
    height: 50px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    right: -50px;
    transform: rotate(311deg);
    top: 15px;
}


.home section.news .visual {
    background-size: contain!important;
    background-color: var(--brown);
}
.woocommerce.role-none ul.products li.product .button {
    display: none;
}

.row.big_buttons .btn img {
    width: 55px;
}

.arrow_sier {
    position: relative;
    margin-bottom: 60px;
    overflow: visible;
    /* width: max-content; */
    margin: 0 auto 60px;
    font-size: 26px;
    color: var(--pink);
    line-height: 1;
}
.arrow_sier::before {
    content: "";
    background-image: url(/wp-content/uploads/sites/220/2023/11/arrow.png);
    width: 50px;
    height: 50px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    right: -50px;
    transform: rotate(311deg);
    top: 15px;
}

.row.big_buttons {
    margin-bottom: 65px;
}
.row.big_buttons .btn {
    width: 100%;
    background: transparent!important;
    border: 3px solid var(--purple);
    color: var(--text)!important;
}
.row.big_buttons .btn:hover {
    border-color: var(--pink)!important;
}
footer ._form-branding {
    display: none;
}
footer form ._field-wrapper {
    margin: 7px 0;
}
footer form label._form-label {
    display: none;
}

.labelshow .nf-field .field-wrap .nf-field-label label {
    font-weight: 600!important;
}
.labelshow .nf-field .field-wrap .nf-field-label {
    display: block!important;
}

.check_knop {
    text-align: center;
    width: 57%;
    margin-top: -25px;
    color: var(--purple);
    font-size: 21px;
}
.check_knop i {
    color: var(--blue)!important;
}
a.sierbtn {
    position: relative;
}
a.sierbtn::before {
    content: "";
    position: absolute;
    background-image: url(/wp-content/uploads/sites/220/2023/11/arrow.png);
    right: -237px;
    bottom: -160px;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotateZ(58deg);
    opacity: 0.8;
}
a.sierbtn::after {
    content: "Start vandaag met een gezonde levensstijl!";
    position: absolute;
    right: -190px;
    width: 155px;
    color: var(--text);
    font-family: 'Caveat', cursive;
    font-size: 23px;
}

.start_arrow {
    position: relative;
    color: var(--text);
    font-family: 'Caveat', cursive;
    font-size: 31px;
    margin-left: 5px;
    margin-top: -15px;
}
.start_arrow img {
    border-radius: 0;
    position: absolute;
    width: 40px;
    height: 40px;
    transform: rotate(149deg);
    top: -30px;
}

section.gewicht_quote h1 {
    margin-left: -85px;
}
section.gewicht_quote h4 {
    margin-top: -10px!important;
    margin-left: 85px;
}

.siertitel {
font-family: 'Caveat', cursive;
}

.woocommerce div.product li#tab-title-faq {
    display: none;
}

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

.fase_view img {
    max-width: 140px;
    margin: 0;
    max-height: 140px;
}
.fase_view h4 {
    text-align: center;
    margin: 28px 0 0;
}
.fase_view {
    position: absolute;
    right: 0;
    background: #dfdfdf;
    border-radius: 25px;
    top: -140px;
    left: 0;
    width: fit-content;
}

.woocommerce span.sku_wrapper {
    display: none;
}

section.contact aside .block:nth-child(1) {
    display: none;
}

.strongcolor strong {
color:var(--yellow)!important;
}

.woocommerce .woocommerce-product-search [type=submit] {
    padding: 8px 16px!important;
}

.panel-group.smallversion h5.panel-title a.ing {
    font-size: 15px;
}
.panel-group.smallversion h5.panel-title {
    margin-top: 0;
}

.woocommerce ul.products li.product .button {
    padding: 8px 22px!important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 16px;
    min-height: 95px;
}

.woocommerce .woocommerce-ordering > select > option:nth-child(4), .woocommerce .woocommerce-ordering > select > option:nth-child(5) {
    display: none;
}

section.widget h3 {
    font-size: 1.5em;
}

section.contact aside div.block .googlemap img {
    box-shadow: none!important;
}
section.contact div.googlemap div#map img {
    border-radius: 0!important;
    box-shadow: none!important; 
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background: transparent!iMPORTANT;
}

.woocommerce nav.woocommerce-pagination ul li {
    padding: 0;
    margin: 0 5px;
    padding: 5px 7px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.woocommerce nav.woocommerce-pagination ul {
    padding-left: 0!important;
    list-style: none!important;
    text-align: center!important;
    border: none!Important;
}

.post-nav {
    display: grid;
}

.pijlers .panel.panel-default:hover {
    cursor: pointer;
}
.pijlers .panel.panel-default h5.panel-title {
    position: relative;
}
.panel-heading.accordion-toggle.question-toggle.collapsed span.readmore::before {
    position: absolute;
    content: "+";
    right: 20px;
}
.panel-heading.accordion-toggle.question-toggle span.readmore::after {
    position: absolute;
    content: "-";
    right: 20px;
}
.shownone .nf-field .nf-field-element input {
    display: none!important;
}
.labelshow .nf-field .field-wrap .nf-field-label label {
    font-weight: 600!important;
}
.labelshow .nf-field .field-wrap .nf-field-label {
    display: block!important;
}

.pijlers .panel.panel-default h5.panel-title:hover {
    opacity: 0.5;
}


.verwacht_blok {
    background: #f7f7f7;
    padding: 34px 32px 25px 14px;
    box-shadow: 0 0 4px 0px #84848440;
    margin: 2em 0;
    height: 100%;
}

.lovehappy p.text-quote {
    font-size: 1em;
}
.quoterond {
    display: inline-block;
    color: white;
    font-size: 21px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    padding: 72px 25px 33px;
    line-height: 1;
    text-transform: uppercase;
    box-shadow: 0 4px 8px rgb(96 96 96 / 75%);
    margin-bottom: 32px;
    text-align: center;
}
article.post, .search-results article {
    box-shadow: 0 0 50px -5px rgba(0,0,0,.1);
padding: 16px;
}

article.post time.updated {
    display: none;
}

a.ing {
    font-size: 23px;
    cursor: pointer;
}
article.post figure.featured-image img {
    box-shadow: none!important;
}

.pijlers a.ing {
    color: #fff!Important;
}
.pijlers .panel.panel-default h5.panel-title {
    margin: 0;
    padding: 17px 12px;
    border-radius: 15px;
}
.pijlers .panel.panel-default {
    margin: 15px 0;
}

section.header_intro::before, .inheader_view::before {
    content: "";
    position: absolute;
    width: 130px;
    height: 170px;
    background: url(/wp-content/uploads/sites/220/2024/03/tape.webp);
    background-size: contain;
    top: 0px;
    left: -55px;
    transform: rotate(95deg);
    background-repeat: no-repeat;
}
section.intro.header_intro::After {
    position: absolute;
    content: "";
    width: 306px;
    height: 306px;
    background: url(/wp-content/uploads/sites/220/2024/03/koekies.webp);
    right: -50px;
    bottom: -60px;
    background-size: contain;
    background-repeat: no-repeat;
}
.inheader_view::after {
    position: absolute;
    content: "";
    width: 383px;
    height: 483px;
    background: url(/wp-content/uploads/sites/220/2024/03/koekies.webp);
    right: -120px;
    bottom: 170px;
    background-size: contain;
    background-repeat: no-repeat;
}

footer::before {
    position: absolute;
    content: "";
    width: 136px;
    height: 166px;
    background-image: url(/wp-content/uploads/sites/220/2024/03/cupcake_foto.webp);
    left: 30px;
    top: -80px;
    background-size: contain;
    background-repeat: no-repeat;
}
footer::after {
    content: "";
    position: absolute;
    width: 230px;
    height: 300px;
    background: url(/wp-content/uploads/sites/220/2024/03/koekies.webp);
    background-size: contain;
    bottom: 0px;
    right: -8px;
   background-repeat: no-repeat;
}

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

section.intro.header_intro {
/*    background: linear-gradient(297deg, rgba(254,233,0,1) 0%, rgba(254,233,0,1) 49%, rgba(38,38,38,1) 49%, rgba(38,38,38,1) 50%, rgba(255,0,127,1) 50%, rgba(255,0,127,1) 100%);*/
/* background: linear-gradient(287deg, rgba(254,233,0,1) 0%, rgba(254,233,0,1) 50%, rgba(255,0,127,1) 50%, rgba(255,0,127,1) 100%);*/
    background-image: url(/wp-content/uploads/sites/220/2024/03/2.webp);
    background-size: cover;
}

footer .column a {
    color: var(--blue)!important;
}
footer .column a:hover {
    color: var(--yellow)!important;
}

main section img {
    border-radius: 35px;
/*    box-shadow: 0 0 9px 0px #a1a1a1;*/
}

.post-nav {
    clear: both;
}

.logged-in .notloggedin {
    display: none;
}

.tariefblok h4 {
    margin-top: 10px;
}
.tariefblok {
    background: #e3e4e5;
    padding: 35px 35px;
    margin: 35px 0;
height:100%;
}


.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(--yellow) !important;
    color: #fff !important;
}

.btn.invert:hover {
    background: var(--blue) !important;
}

.btn.invert{
    background: var(--purple) !important;
}

.bg_lines {
    position: relative;
}
/*.bg_lines::before {
    background-image: url(/wp-content/uploads/sites/220/2023/05/linework.png);
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.11;
}*/

.slagblok strong {
    color: var(--blue);
}
.slagblok {
    margin: 2em 0;
    padding: 25px;
    border: 1px solid #e6e6e6;
}
.slagblok img {
    width: 100%;
    height: 310px;
    object-fit: cover;
}
main .inheader_view {
    display: none;
}

.nbs_panel-group .nbs_panel-heading a:hover {
    color: var(--yellow)!important;
}
.nbs_panel-group .nbs_panel-heading a {
    font-size: 28px;
    color: var(--purple)!important;
}

.btn, .wpcf7-submit, .woocommerce span.onsale, .woocommerce a.button, .woocommerce .button, [type="submit"], .nf-form-content input[type=submit] {
    padding: 18px 45px!important;
    font-size: 18px!important;
  /*  background: var(--purple) !important;*/
    background: var(--brown) !important;
    border-radius: 5px !important;
}
.btn.pinkversion {
    background: var(--pink) !important;
}
.btn.pinkversion:hover {
    background: var(--yellow) !important;
}
.btn.greenversion {
    background: var(--blue) !important;
}
.btn.greenversion:hover {
    background: var(--yellow) !important;
}

article.post h2.entry-title, .search-results article h2 {
    font-size: 19px!important;
}

.cta-blok {
    padding: 20px 46px 35px;
    text-align: center;
    background: var(--purple);
    color: var(--white);
}
.cta-blok h4 {
    color: var(--white)!important;
}
.subkop {
    font-size: 23px;
    font-weight: 600;
    margin-top: -18px;
    color: var(--blue);
}


div.breadcrumbs {
    margin-bottom: 15px;
    display: none;
}

main section {
    padding: 90px 0;
}

header > div.wrapper::after {
/*    background: var(--oldsite);*/
/*    background: linear-gradient(332deg, rgba(254,233,0,1) 0%, rgba(254,233,0,1) 28%, rgba(255,0,127,1) 28%, rgba(255,0,127,1) 100%);*/
background-image: url(/wp-content/uploads/sites/220/2024/03/2.webp);
    background-size: cover;
background-position: bottom;
}

:root {
--spacing: 8rem;
--gap: 3rem;
}

.ingredienten_view, .bronnen_view {
    background: #e2e4e9;
    padding: 5px 25px 35px;
    margin: 25px 0;
    background-image: url(/wp-content/uploads/sites/220/2024/03/footer_paper.webp)!important;
    background-position: center;
}

div.social-media ul li a:hover {
    background: var(--yellow) !important;
}
footer div.social-media ul li a {
    background: var(--brown) !important;
}


footer, footer div.socket, .footer-sticky {
    position: relative;
}
footer div.socket, .footer-sticky {
    background: var(--pink)!important;
}
footer {
    background-image: url(/wp-content/uploads/sites/220/2024/03/footer_paper.webp)!important;
    color: var(--text)!important;
}
footer div.column > h4 {
    color: var(--text)!important;
}

section.related.products {
    clear: both;
}

header div.header, header .sticky_menu_small div.header {
    background-color: #d4d4d4!important;
}
article.post figure.featured-image {
    margin: 15px 0;
}

body.blog div.page-header, body.archive div.page-header, .single-post div.page-header, .single-product div.page-header, .page-template-template-contact div.page-header {
display:none;
}

body.blog .entry-summary p:first-child, body.archive  .entry-summary p:first-child{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}


footer div.social-media ul li a {
    width: 50px;
    height: 50px;
    font-size: 24px;
    line-height: 52px;
}

/*article.category-video .entry-summary {
    display: none;
}*/

.wc_bestellenblok {
    clear: both;
    background: #e3e5e6;
    padding: 35px;
    margin: 4em 0 5em;
}

@media only screen and (min-width: 992px) {
section.big_container .container {
    width: 90%;
}
p.subaandeslag {
    min-height: 150px;
}
.home header div.header.full-width div.wrapper img.logo {
    max-width: 133px;
}
.woocommerce div.product div.summary {
    margin-bottom: 7em;
}
.single-post .inheader_view.bg_lines h1, .blog .inheader_view.bg_lines h1, .archive .inheader_view.bg_lines h1, .single-product .inheader_view.bg_lines h1, .page-template-template-contact .inheader_view.bg_lines h1 {
    width: 970px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
footer .socket::before {
    position: absolute;
    content: "";
    width: 156px;
    height: 146px;
    background-image: url(/wp-content/uploads/sites/220/2024/03/tape.webp);
    left: 623px;
    top: -480px;
    background-size: contain;
    background-repeat: no-repeat;
    /* transform: rotate(90deg); */
    z-index: -1;
}
.slagblok h4 {
    min-height: 80px;
}
section.splitstekst .container {
    column-count: 2;
    column-gap: 30px;
    column-rule: none;
    display: block;
}
.overview-block .wrapper .col-sm-24 {
    width: 33.333333%;
}
.woocommerce ul.products li.product a img {
    height: 250px;
    object-fit: cover;
}
.overview-block .wrapper .col-sm-24:nth-child(1) {
    margin-left: 16.3333%;
}
.dropdown-menu {
    background-color: var(--purple);
    border-radius: 15px!important;
}
header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav>li a {
    color: #fff!important;
}
header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav>li a:hover {
    background-color: transparent!important;
    box-shadow: none!important;
    color: var(--yellow)!important;
}

.single-post main section.page .container {
    width: 970px;
}
article.post, .search-results article {
    width: 31.333%;
    float: left;
    margin: 10px 1%;
}
article.post figure img {
    max-height: 130px;
    min-height: 130px;
    object-fit: cover;
}
article.post h2.h3.entry-title, .search-results article h2 {
    min-height: 82px;
    font-size: 19px;
    line-height: 21px;
}
article.category-video {
    min-height: 310px!important;
}
article.post {
    min-height: 580px;
}
/*header .inheader_view h1 {
    color: #ffff!important;
}*/
header .inheader_view {
    position: absolute;
    left: 0;
    top: 248px;
/*    color: #ffff;*/
    text-align: left;
    width: 100%;
    height: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
header .inheader_view.bg_lines::before {
    top: -150px;
}
header .inheader_view .container {
    width: 970px;
}
body.home header > div.wrapper {
    min-height: 135px;
}
header div.header.full-width div.wrapper img.logo {
    max-width: 83px;
}
body header > div.wrapper {
    min-height: 535px;
}
.home header div.header div.holder {
    height: 155px;
    min-height: 50px;
}
header div.header div.holder {
    height: 95px;
    min-height: 50px;
}
header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav>li>a {
    color: var(--blue)!important;
}
header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav>li>a {
    color: var(--white)!important;
    font-size: 19px;
    font-family: 'Poppins', sans-serif;
}
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(--purple) !important;
}
header div.navbar-collapse {
    text-align: left;
}
header div.header.full-width .container {
    width: 99%;
}
header div.header.full-width .row.no-gutter .col-sm-10 {
    width: 10%;
}
header div.header.full-width .row.no-gutter .col-sm-38.xs-absolute-overlay {
    width: 90%;
}
}

figure.featured-image img {
    width: 100%;
}




@media only screen and (max-width: 991px) {
.arrow_sier, .arrowsier  {
    width: 100%!important;
}
.resultaat_verhaal figure.gallery-item {
    width: 100% !important;
}
header div.header div.wrapper img.logo {
    max-width: 150px!important;
}
.arrow_sier::before, .arrowsier::before  {
    right: 0px!important;
    top: unset!important;
    bottom: 0!important;
}

.row.big_buttons .btn {
    width: 30%!important;
    float: left;
    margin: 1%!important;
    padding: 15px 8px!important;
}
div.watdacht{
    margin-top: -40px;
}
section.big_container .row.equal {
    margin-top: -50px;
}
.m-mb-4 {
    margin-bottom: 4rem!important;
}
.home section.news .visual {
    background-size: contain!important;
    background-color: #762ebd;
}
section.quote_text h1 {
    font-size: 45px!important;
}
section.lovehappy {
    padding-top: 0;
}
section.woocommerce.widget_product_search h3 {
    margin-top: 5px;
}
.woocommerce a.hidden-md.hidden-lg.btn.btn-primary.d-block.w-100.mb-2.collapsed {
    display: none;
}
.woocommerce div#filterCollapse {
    display: block!important;
    height: auto!important;
}
.single-post .content iframe {
    width: 100%;
    height: 240px;
}
div.post-nav ul.pager li.next {
    display: none;
}
.nbs_panel-group .nbs_panel-heading a {
    font-size: 17px!important;
}
h1 {
    font-size: 2.152rem!important;
}
h2 {
    font-size: 1.841rem!important;
}
h3 {
    font-size: 1.53rem!important;
}
h4 {
    font-size: 1.263rem!important;
}
.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;
}
.cta-blok {
    padding: 20px 16px 35px!important;
text-align: left!important;
}
.cta-blok .subkop {
    margin-top: 2px!important;
    line-height: 1!important;
    margin-bottom: 35px!important;
}
.row.equal>[class*=col-] {
    width: 100%;
}
article.post, .search-results article {
    position: relative;
    z-index: 0;
}
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, header div.navbar-collapse ul li a {
    color: #262626!important;
    padding: 15px 15px;
    text-align: left;
}
nav.navbar-default, div.navbar-collapse {
    background-color: #d4d4d4!important;
}
.check_knop {
    width: 72%!important;
}
section.intro.header_intro {
    background-position: right;
}
.slick-slider {
    padding-bottom: 0;
}
header .social-media.visible-xs.visisble-sm {
    display: none!important;
}
header div.navbar-collapse ul.navbar-nav li a, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    border-bottom: 1px solid #bababa;
}
html.navbar-open body.mm-fullsize nav.type-fullsize button.navbar-toggle {
    color: var(--text);
}
a.sierbtn::before {
    right: -197px!important;
}
a.sierbtn::after {
    right: -7px!important;
    top: 110px!important;
}
.fase_view {
    top: -61px!important;
    left: 10px!important;
}
.fase_view h4 {
    font-size: 12px!important;
}
.fase_view img {
    max-width: 40px!important;
}
header button.navbar-toggle {
    color: var(--yellow);
}
.col-md-23.col-md-push-2 img {
    margin-top: 80px;
}
.lovehappy .col-md-12 {
    margin-bottom: 65px;
}
header div.social-media ul li a {
    background: var(--blue) !important;
}

/*section.intro.header_intro {
    background: linear-gradient(338deg, rgba(254,233,0,1) 0%, rgba(254,233,0,1) 50%, rgba(255,0,127,1) 50%, rgba(255,0,127,1) 100%)!important;
}*/
header .inheader_view h1 {
/*    color: #ffff!important;*/
    font-size: 1.8em!important;
    padding: 20px 25px;
}
header .inheader_view {
    position: unset;
    left: 0;
    /* color: #ffff; */
    text-align: left;
    width: 100%;
    height: 100%;
    padding: 25px 0;
    margin-bottom: -130px;
    /* background: var(--purple); */
    background-image: url(/wp-content/uploads/sites/220/2024/03/2.webp);
    background-size: cover;
    /* height: 180px; */
}
header .inheader_view.bg_lines::before {
    top: -150px;
}
.page-template main:not(.home.page-template main), .archive main, .single-post main, .blog main, .woocommerce  main  {
    padding-top: 90px;
}
section.intro.header_intro::After, .inheader_view::after {
    width: 76px!important;
    height: 136px!important;
    right: 0px!important;
    bottom: -60px!important;
}
section.header_intro::before {
    width: 140px!important;
    height: 70px!important;
    top: 40px!important;
    left: -45px!important;
}
.inheader_view::before {
    width: 110px!important;
    height: 35px!important;
    top: 190px!important;
    left: -35px!important;
}
footer::before {
    width: 146px!important;
    height: 146px!important;
    left: 30px!important;
    top: -90px!important;
}
footer::after {
    width: 110px!important;
    height: 130px!important;
    bottom: 320px!important;
    right: -8px!important;
}
}

@media only screen and (max-width: 500px) {
.woocommerce-page ul.products li.product {
    width: 100%!important;
}
}

html {
transition: .1s linear;
font-size: 19px;
} /*17px*/

body {
    /* font-size: 21px; */
    background: white;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    line-height: 1.8;
    color: #6B6F70!important;
    font-size: 20px;
    overflow-y: hidden;
}

p {margin-bottom: 1rem;}

h1, h2, h3, h4, h5 {
  margin: 3rem 0 1.38rem;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  line-height: 1.3;
letter-spacing: 0.7px;
  color: #333!important;
}

h1 {
  margin-top: 0;
  font-size: 3.052rem;
}
h2 {font-size: 2.441rem;}
h3 {font-size: 2.03rem;}
h4 {font-size: 1.563rem;}
h5 {font-size: 1.25rem;}
small, .text_small {font-size: 0.8rem;}
p {margin-bottom: 1.15rem;}

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

html, body {
    overflow-x: hidden;
}

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


#whatsapp_button {
    position: fixed;
    bottom: 30px;
    left: 100px;
    z-index: 1;
    font-size: 32px;
    line-height: 1;
    border: none;
    outline: none;
    background-color: #25D366;
    color: #fff;
    cursor: pointer;
    padding: 14px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    box-shadow: rgb(0 0 0 / 30%) 0px 3px 15px !important;
}

#phone_button {
    position: fixed;
    bottom: 30px;
    left: 30px;
    z-index: 1;
    font-size: 32px;
    line-height: 1;
    border: none;
    outline: none;
    background-color: var(--yellow);
    color: var(--white);
    cursor: pointer;
    padding: 14px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    box-shadow: rgb(0 0 0 / 30%) 0px 3px 15px !important;
}


button#whatsapp_button i, button#phone_button i  {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}