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

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

  a,
  .woocommerce ul.products li.product .price,
  .woocommerce .price {
  color: #ada191 !important;
  }

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

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

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

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

  div.social-media ul li a:hover {
  background: #f9f6f1 !important;
  color: #fff !important;
  }
  footer div.social-media ul li a {
  background: #ada191 !important;
  }

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

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

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

  .woocommerce-info::before,
  .woocommerce-message::before {
  color: #efeae3 !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://foreverjong.nl/wp-content/uploads/sites/63/2024/10/header_new.jpeg');
  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: 460px;
    }
  body.home header > div.wrapper.above {
  min-height: 500px;
      min-height: 610px;
    }
  }

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

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

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





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

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

  header nav.navbar-default {
  background-color: rgba(239, 234, 227, 1) !important;
  }

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

  header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:hover,
  header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:focus,
  header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:active {
  color: #efeae3 !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 #ada191;
  }

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


  header div.header div.contact i {
  color: #ada191;
  }

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

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

  section.partners {
  background: #ada191 !important;
  }

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

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

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

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


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

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

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

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

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

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

  aside div.block.treatments ul li:hover,
  .woocommerce .widget_product_categories ul li:hover {
  background: #efeae3;
  }

  /*https://dribbble.com/shots/24268384-Web-design-project*/

:root {
/*primary*/
---color-1: #f9f6f1;
---color-2: #efeae3;
---color-3: #ada191;
---color-4: #6c796a;
---color-5: #a5ada4;
  --green-light-1: #7d8a7b;
  --green-light-2: #8e9b8c;
  --green-light-3: #9fac9d;
  --green-light-4: #b0bdae;
  --green-light-5: #c1cebf;
--green-light-6: #f5f7f5;

/*grey*/
    --gray-900: hsl(0, 0%, 10%);
    --gray-800: hsl(0, 0%, 20%);
    --gray-700: hsl(0, 0%, 30%);
    --gray-600: hsl(0, 0%, 40%);
    --gray-500: hsl(0, 0%, 50%);
    --gray-400: hsl(0, 0%, 60%);
    --gray-300: hsl(0, 0%, 70%);
    --gray-200: hsl(0, 0%, 80%);
    --gray-100: hsl(0, 0%, 90%);

/*Kleur overige*/
--background: #FFFFFF;
--surface: #FFFFFF;
--error: #B00020;

/*spacings*/
   --spacing-25: calc(1rem * 0.25);
   --spacing-50: calc(1rem * 0.5);
   --spacing-75: calc(1rem * 0.75);
   --spacing-100: calc(1rem * 1);
   --spacing-150: calc(1rem * 1.5);
   --spacing-200: calc(1rem * 2);
   --spacing-300: calc(1rem * 3);
   --spacing-400: calc(1rem * 4);
   --spacing-600: calc(1rem * 6);
   --spacing-800: calc(1rem * 8);
   --spacing-1200: calc(1rem * 12);
   --spacing-1600: calc(1rem * 16);
   --spacing-2400: calc(1rem * 24);
   --spacing-3200: calc(1rem * 32);
   --spacing-4000: calc(1rem * 40);
   --spacing-4800: calc(1rem * 48);

/*fonts*/
    --font-size-h1: calc(1rem * 2.5);  /* Ongeveer 36px */
    --font-size-h2: calc(1rem * 2);  /* Ongeveer 28px */
    --font-size-h3: calc(1rem * 1.75);   /* Ongeveer 24px */
    --font-size-h4: calc(1rem * 1.50);  /* Ongeveer 20px */
    --font-size-h5: calc(1rem * 1.25);     /* Ongeveer 16px */
    --font-size-h6: calc(1rem * 1.125); /* Ongeveer 14px */
    --font-primary: 'Lora', serif;
    --font-secondary: 'Montserrat', sans-serif;

   --transition: all 300ms;
}

.centered h2 small {
  color: white !important;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
}
.treatments .col-xs-48.col-md-24 h2 {
  line-height: 1.3;
}
.header-banner {
    position: relative;
    width: 100%;
    height: 300px; /* Pas deze hoogte aan naar wens */
    overflow: hidden;
}

.header-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.header {
    position: relative;
    z-index: 2;  /* Zorgt dat de menu-inhoud boven de afbeelding komt */
}


.recensie__image__decoration {
  position: absolute;
  width: 40%;
  height: 100%;
  background: #0e4d3c;
display: none;
  top: 0;
  right: -20px;
  z-index: -1;
}
.reviews__child.p-relative img {
  box-shadow: none !important;
}

footer div.socket {
    background: transparent !important;
}
footer, .footer-cta.center::after, .author {
    background-image: url(https://foreverjong.nl/wp-content/uploads/sites/63/2024/10/image0.jpeg) !important;
}

a.next-flying {
    right: 243px !important;
}
.btn.btn-flying {
    position: fixed;
    right: 30px;
    bottom: 30px;
    padding: 15px 25px !important;
}


.treatments .col-xs-48.col-md-24 {
  max-height: 360px;
}
.item-category  {
  padding-bottom: 360px;
}
.item-category * {
  max-height: 360px !important;
}


.treatments .col-xs-48.col-md-24 {
  max-height: 360px;
  overflow: hidden;
  margin-top: 1rem !important;
}


.d-none {display: none;}

.wrap {
  padding: var(--spacing-150);
  box-shadow: 5px 5px 15px var(--gray-100);
  background: var(--background);
}

.dropdownsmall .nf-field .nf-field-element select {
    height: 38px!important;
    padding: 0 12px  !important;
    font-size: 15px  !important;
}
.dropdownsmall .nf-field .nf-field-element div::after {
    font-size: 15px  !important;
    line-height: 62px  !important;
}
.dropdownfix .nf-field .nf-field-element > div {
    display: none!important;
}

.header {
    background-image: none !important; /* Verwijder de oude background-image */
}

.header-image-container img {
    transition: opacity 0.3s ease;
    opacity: 0;
}

.header-image-container img.loaded {
    opacity: 1;
}



.intro__image img, .aligncenter.size-full.wp-image-1176.aos-init.aos-animate {
  outline: 3px solid #0e4d3c;
  outline-offset: 20px;
  border-radius: 0 !important;
}


/*.skinproblems__arrow {
  margin-left: auto;
}*/

.recensie__image__decoration.recensie__image__decoration--behandelingen {
  width: 30%;
display: none;
  right: 100px;
}

.wrap h3 {
  margin-top: 0;
}

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

.item-category:hover img {
  filter: brightness(1) grayscale(0);
  transition: 300ms;
}

.item-category h2 {
font-size: var(--font-size-h4) !important;
padding: var(--spacing-100);
border: 1px solid #fff;
}

.item-category img {
  filter: brightness(0.5) grayscale(1);
  transition: 300ms;
}


.parent__huidproblemen {
  --gap-huidproblemen: var(--spacing-300);
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-huidproblemen);
}
.title__huidproblemen, .text__huidproblemen, .button__huidproblemen {
  padding: 0 var(--spacing-100) 0 var(--spacing-100);
}

div.page-header h1 {
  color: #fff !important;
  padding: 0.9rem;
}

.faq-question {
  font-size: 14px;
  font-weight: bold;
}

.nf-form-content .list-select-wrap > div div::after {
  bottom: -6px;
}


.no-shadow {
  box-shadow: none !important;
}

.title__huidproblemen h4::after {
transition: ease 200ms;
}
.child__huidproblemen:hover .title__huidproblemen h4::after {
width: 30%;
transition: ease 200ms;
}


/*footer, .footer-cta.center::after, .author {
  background: var(---color-4) !important;
}
footer div.socket, .footer-sticky {
  background: var(---color-4) !important;
}*/

.p-relative {
  position: relative;
}





html, body {
  overflow-x: hidden;
}

hundefined {
  display: none;
}
footer .column a {
  color: var(---color-2) !important;
  text-decoration: underline;
}

body header > div.wrapper {
  background-image: url(https://foreverjong.nl/wp-content/uploads/sites/63/2024/10/FINAL-wave-page-taupe.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
}

.greenBG {
  margin: 1rem 0;
  background: #0e4d3c;
  padding: 1rem;
  color: #fff !important;
}


section.partners {
  background: rgba(173, 161, 145, 0) !important;
}
.partners.text-center img {
  width: 100%;
  max-width: 200px;
}
.child__huidproblemen {
  flex: 1 1 calc(33% - var(--gap-huidproblemen));
  display: flex;
  flex-direction: column;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.06);
  padding-bottom: var(--spacing-100);
  border-radius: 5px;
  overflow: hidden;
}

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

a {
  transition: var(--transition);
}


.nf-form-content .list-select-wrap > div div::after {
  content: "\f078";
  font-family: FontAwesome;
  font-size: 20px;
  position: absolute;
  right: 10px;
  bottom: 0;
  height: 40px;
}
.skinproblems__tekst, .skinproblems__arrow {
  font-size: var(--font-size-h5);
}
.skinproblems__foto img {
  width: 100px;
  border-radius: 100%;
}
.skinproblems__child {
margin-bottom: var(--spacing-100);
border-bottom: 1px solid var(--gray-100);
}

.fa-long-arrow-alt-right::before {
  content: url(https://foreverjong.nl/wp-content/uploads/sites/63/2024/06/Asset-3.png);
}


.skinproblems__child a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  gap: var(--spacing-100);
}
.reviews__author {
  font-family: "Allura", cursive;
  font-size: 32px;
  letter-spacing: 5px;
}

footer div.column > h4 {
  border-bottom: 0px solid #ada191;
}

.skinproblems {
  margin-top: var(--spacing-100);
}

section.intro {
  padding: var(--spacing-600) 0;
}
.button__huidproblemen {
  margin-top: auto;
}


.skinproblems__foto {
  display: none;
}

.nf-form-content button, .nf-form-content input[type="button"], .nf-form-content input[type="submit"] {
  font-weight: 500;
  font-size: 14px !important;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  padding: var(--spacing-100) var(--spacing-200) !important;
  border: none !important;
}

.text__huidproblemen {
  margin-bottom: var(--spacing-150);
  margin-top: var(--spacing-50);
}
.image__huidproblemen img {
  width: 100%;
  object-fit: cover;
  height: 400px;
  object-position: center;
}
.intro.text.block4.cw.recensies__home {
  min-height: 520px;
  background-position: center;
padding-top: 0;
margin-top: var(--spacing-600);
}
.btn.btn-flying {
  position: fixed;
  right: 30px;
  bottom: 30px;
}


.text__container.text__container--center {
  margin: 0 auto;
}

.recensie__image__decoration.recensie__image__decoration--intro {
  top: -27px;
  right: auto;
  left: 130px;
  width: 26%;
  height: 110%;
  display: none;
}
 
div.intro {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-100);
  flex-direction: row-reverse;
    margin: 0 auto;
}

.design__element-topRight {
  position: absolute;
  z-index: 2;
  right: -20px;
  top: -20px;
}

.design__element-topRight img {
  box-shadow: none !important;
}
.design__element-bottom img {
  width: 150px;
}

section.hello {
/*background: linear-gradient(90deg, var(---color-1) 40%, rgb(255, 255, 255) 40%);*/
background: linear-gradient(90deg, var(--green-light-6) 40%, rgb(255, 255, 255) 40%);
}

.intro__text {
    flex: 1;
  padding-left: var(--spacing-600);
}
.reviews {
display: flex;
flex-direction: row-reverse;
gap: var(--spacing-100);
align-items: center;
}

/*.home section.intro.left img {
  box-shadow: 40px 0px 0px 10px #0e4d3c;
  border-radius: 0;
}*/

/*.home section.intro img {
  box-shadow: -60px 0px 0px 15px #0e4d3c;
  border-radius: 0;
}*/

.reviews__child img {
  max-width: 640px;
  margin-right: 20px;
  max-height: 450px;
  object-fit: cover;
  object-position: 0 20%;
}

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



.parent__huidproblemen {
  transition: var(--transition);
}

.parent__huidproblemen:hover .child__huidproblemen {
  transition: var(--transition);
  opacity: 0.7;
}
.title__huidproblemen h4 {
background: var(---color-4);
color: #fff !important;
margin-top: -40px;
padding: var(--spacing-100);
max-width: fit-content;
border-radius: 5px;
}
.child__huidproblemen:hover {
  transition: var(--transition);
  opacity: 1 !important;
  box-shadow: 7px 7px 17px rgba(0, 0, 0, 0.1);
  translateY\(-3px\): ;
  transform: translateY(-7px);
}

.intro__heading {
    font-size: var(--font-size-h1);
    margin-bottom: var(--spacing-25);
    font-family: var(--font-primary);
}

.intro__subheading {
    font-size: var(--font-size-h4);
    margin-bottom: var(--spacing-50);
    color: var(--gray-600);
}
.title__huidproblemen h4 {
  margin: -40px 0 var(--spacing-25) 0;
  position: relative;
}

.intro__description {
    font-size: var(--spacing-100);
    margin-bottom: var(--spacing-100);
    line-height: 1.5;
}
.title__huidproblemen h4::after {
  content: "";
  position: absolute;
bottom: 10px;
left: var(--spacing-100);
width: 50%;
  height: 1px;
  background: var(---color-2);
}

/*.intro__button .btn {
    display: inline-block;
    padding: var(--spacing-25) var(--spacing-50);
    background-color: var(--color-3);
    color: var(--gray-100);
    font-size: var(--font-size-h5);
    text-decoration: none;
    border-radius: var(--spacing-25);
    transition: background-color 0.3s ease;
}
.intro__button {
  margin-top: var(--spacing-400);
}
.intro__button .btn-primary:hover {
    background-color: var(--color-4);
}*/

.intro__image {
    flex: 1;
    text-align: center;
}

.intro__image img {
    max-width: 100%;
    border-radius: var(--spacing-25);
  max-height: 500px;
    width: auto !important;
}

.intro__image {
  position: relative;
}

.design__element-bottom {
  position: absolute;
  bottom: -20px;
  right: 27px;
}
section.inhetkort {
  min-height: 50vh;
  background-position: center;
}


.cw * {
    color: #ffffff!important;
}


/* Basis font definitie */

html {
font-size: 16px !important;
}

body {
  font-family: var(--font-secondary);
  line-height: 1.8;
  font-size: var(--spacing-100);
}


/* Header stijlen */
h1, h2, h3, h4 ,h5, h6 {
  font-family: var(--font-primary);
  margin: var(--spacing-200) 0 var(--spacing-75) 0;
}

h1 {
  font-weight: 300; /* Light */
  font-size: var(--font-size-h1);
  letter-spacing: -1.4px;
 /* Sentence case */
}

h2 {
  font-weight: 300; /* Light */
    font-size: var(--font-size-h2);
  letter-spacing: -0.4px;
 /* Sentence case */
}
.text__container {
  max-width: 800px;
  width: 100%;
}

.intro.text.block1.inhetkort.cw.shadow {
  background-attachment: fixed;
}


h3 {
  font-weight: 400; /* Regular */
    font-size: var(--font-size-h3);
  letter-spacing: 0;
 /* Sentence case */
}

h4 {
  font-weight: 400; /* Regular */
    font-size: var(--font-size-h4);
  letter-spacing: 0.2px;
 /* Sentence case */
}

h5 {
  font-weight: 400; /* Regular */
    font-size: var(--font-size-h5);
  letter-spacing: 0;
 /* Sentence case */
}

h6 {
  font-weight: 500; /* Medium */
    font-size: var(--font-size-h6);
  letter-spacing: 0.2px;
 /* Sentence case */
}



/* paraaf*/

p {
  margin:  0 0 var(--spacing-75);
  letter-spacing: 0.5px;
}
.small {
  font-weight: 500; /* Medium */
  font-size: 14px;
  letter-spacing: 0.1px;
 /* Sentence case */
}

/* Subtitel*/
.subtitle1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 400; /* Regular */
  font-size: 16px;
 /* Sentence case */
  letter-spacing: 0.15px;
}

.subtitle2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 500; /* Medium */
  font-size: 14px;
 /* Sentence case */
  letter-spacing: 0.1px;
}
/* Knop stijlen */
.btn {
  font-weight: 500; /* Medium */
  font-size: 14px;
  letter-spacing: 1.25px;
  text-transform: uppercase; /* All caps */
}

/* Onderschrift stijlen */
.caption {
  font-weight: 400; /* Regular */
  font-size: 12px;
  letter-spacing: 0.4px;
 /* Sentence case */
}

/* Overline stijlen */
.overline {
  font-weight: 400; /* Regular */
  font-size: 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase; /* All caps */
}


.design__element-top {
  position: absolute;
  z-index: 2;
  left: -20px;
  top: -20px;
}
.design__element-top img {
width: 85px;
}

/*Einde fonts*/


section.archive.treatments div.treatments div.item img, section.treatments.shortcode div.treatments div.item img {
  border-radius: 0% !important;
  filter: grayscale(1) brightness(50%);
  width: 100%;
  object-fit: cover;
  height: 350px;
}
.item.text-center {
  position: relative;
}
section.treatments div.treatments div.item h4 {
  position: absolute;
  top: 50%;
  right: 50%;
  color: #fff !important;
  width: 90%;
  transform: translate(50%, -50%);
  padding: 1rem;
  margin: 0;
  border: 1px solid #fff;
  word-break: break-word;
}
section.treatments div.treatments div.item img:hover {
  filter: grayscale(0) brightness(70%);
}

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

.treatments .col-xs-24.col-sm-12 {
  width: 50%;
}

  body header > div.wrapper {
    height: 95vh;
    max-height: 932px;
    min-height: 250px;
  }


header div.header {
    display: none;
}
    header nav.navbar-default {
        box-shadow: 0px 0px 9px 4px rgb(184 156 94 / 61%);
    }
    header nav.navbar-default {
        background-color: rgb(255 255 255) !important;
        padding: 6px 0;
    }
nav.navbar-default div.navbar-collapse ul.navbar-nav>li a {
        font-size: 13px;
    }
    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 {
        color: #333333 !important;
    }
 body header > div.wrapper {
    min-height: 825px;
  }

.reviews__child.reviews__child--text {
  padding-right: var(--spacing-600);
}


/*  .intro__image {
    margin-top: -22rem;
  }*/

.container {
  width: 100%;
  max-width: 1599px;
}

  body.home header > div.wrapper {
    height: 95vh;
    max-height: 932px;
    min-height: 250px;
  }


}

@media only screen and (max-width: 991px) {
.col-xs-24.col-sm-12 {
  width: 100%;
}

.item-category {
  padding-bottom: 216px;
}
.treatments .col-xs-48.col-md-24 {
  max-height: 244px;
}

.btn.btn-flying.next-flying {
  right: 30px !important;
  bottom: 90px !important;
}



.intro__image img, .aligncenter.size-full.wp-image-1176.aos-init.aos-animate {
   outline-offset: 10px;
}

.reviews__container {
  max-width: 100vw;
}
.reviews__slider .btn {
  margin: 0 auto;
  display: block;
  max-width: 200px;
}
section.partners div.item div.holder img {
max-width: 100px;
}
.col-sm-9 {
  width: 50%;
  float: left;
}
section.partners div.item div.holder img {
  max-width: 100px;
}

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


header .type-fullsize .navbar-collapse {
  background: #fff;
}

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 {
  color: #000 !important;
}
header div.navbar-collapse ul li a {
  color: #000 !important;
}
html.navbar-open body.mm-fullsize nav.type-fullsize button.navbar-toggle {
  color: #333;
}
header .type-fullsize .navbar-collapse {
  left: 15px !important;
}


header > div.wrapper::after {
    top: 150px;
}
header>div.wrapper {
    min-height: 400px;
}

.reviews {
  flex-direction: column;
}


.child__huidproblemen {
  flex: 1 1 calc(100% - var(--gap-huidproblemen));
  overflow: hidden;
}

section.hello {
/*  background: linear-gradient(90deg, var(---color-1) 40%, rgb(255, 255, 255) 40%);*/
background: linear-gradient(90deg, var(--green-light-6) 40%, rgb(255, 255, 255) 40%);
}

div.intro {
  gap: var(--spacing-400);
}
.design__element-top img {
  width: 50px;
}
.intro__text {
  padding: 0;
}

div.intro {
  padding: 0;
}


div.intro {
    flex-direction: column-reverse;
}

 
html {
  font-size: 14px !important;
}

    .intro__text, .intro__image {
        flex: 1;
    }
    
    .intro__button {
        margin-bottom: 0;
    }

}


.btn {
  padding: var(--spacing-100) var(--spacing-200) !important;
}