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

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

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

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

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

  div.social-media ul li a:hover {
  background: #6f5b3e !important;
  color: #fff !important;
  }
  footer div.social-media ul li a {
  background: #8b7b64 !important;
  }

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

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

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

  .woocommerce-info::before,
  .woocommerce-message::before {
  color: #7d6b51 !important;
  }

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

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



  header div.header {
  background-color: rgba(255, 255, 255, 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://schoonheidssalonplevier.nl/wp-content/uploads/sites/222/2025/06/GroepFoto3.webp');
  background-size: cover;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -2;
  }


  @media only screen and (min-width : 992px) {
  header .wrapper.sticky_menu div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav>li>a {
  color: #000000 !important;
  }
  }


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

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

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

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

  .topbar {
  color: #845a2a;
  }




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

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

  header nav.navbar-default {
  background-color: rgba(125, 107, 81, 1) !important;
  }

  nav.navbar-default div.navbar-collapse ul.navbar-nav>li a:hover {
  background-color: rgba(125, 107, 81, 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: #7d6b51 !important;
  }
  }


  section.featured div.wrapper {
  margin-top: 60px;
  }

  section.featured {
  background: #815241;
  }

  section.intro {
  background: #f9f9f9;
  }


  section.treatments:not(.archive) {
  background: #f9f9f9;
  }

  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 #8b7b64;
  }

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


  header div.header div.contact i {
  color: #8b7b64;
  }

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

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

  section.partners {
  background: #8b7b64 !important;
  }

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

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

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

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


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

  section.treatments div.button-wrap {
  background: #46a4da;
  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: #7d6b51;
  }

  :root {

/*Alleen gebruiken voor absolut noodzakelijke aandachttrekkers zoals "afrekenen" en "Vliegende afspraak maken knop" */
--super-color: #8b734e;


/* Beige 
 For the most part, blues apply to elements that use the brand primary accent color (e.g. primary button, links, focus outline) and element states the primary accent color can adapt to (e.g. hover, active, disabled). Blue is also used to color elements that indicate an informative message or update on desktop and Android and to color-code tab collections on mobile. 
  --main-color: hsl(30, 4%, 64%);
  --main-color-light-1: hsl(30, 4%, 74%);
  --main-color-light-2: hsl(30, 4%, 84%);
  --main-color-light-3: hsl(30, 4%, 94%);
  --main-color-dark-1: hsl(30, 4%, 54%);
  --main-color-dark-2: hsl(30, 4%, 44%);
  --main-color-dark-3: hsl(30, 4%, 34%);
  --main-color-dark-4: hsl(30, 4%, 24%);
*/
  --main-color: hsl(35, 28%, 44%);
  --main-color-light-1: hsl(35, 28%, 54%);
  --main-color-light-2: hsl(35, 28%, 64%);
  --main-color-light-3: hsl(35, 28%, 74%);
  --main-color-dark-1: hsl(35, 28%, 34%);
  --main-color-dark-2: hsl(35, 28%, 24%);
  --main-color-dark-3: hsl(35, 28%, 14%);
  --main-color-dark-4: hsl(35, 28%, 8%);


--border-radius: 0px;

  /* Dark Mode Colors 
 Grays are used for the background color of pages and overlays (e.g. modals and panels), the background color of buttons, text colors, border colors, and icon colors.  */
  --dark-05: #5b5b66;
  --dark-10: #52525e;
  --dark-30: #42414d;
  --dark-40: #3a3944;
  --dark-60: #2b2a33;
  --dark-80: #1c1b22;
  --dark-90: #15141a;


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

   --transition-speed: 0.3s;

/*font-sizes*/
    --font-size-h1: calc(1rem * 2.25);  /* Ongeveer 36px */
    --font-size-h2: calc(1rem * 1.75);  /* Ongeveer 28px */
    --font-size-h3: calc(1rem * 1.5);   /* Ongeveer 24px */
    --font-size-h4: calc(1rem * 1.25);  /* Ongeveer 20px */
    --font-size-h5: calc(1rem * 1);     /* Ongeveer 16px */
    --font-size-h6: calc(1rem * 0.875); /* Ongeveer 14px */
/*fonts*/
  --font-head: "Noto Serif", serif;
  --font-main: "Nunito Sans", sans-serif;

/*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%);

}

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

.section__intro .btn.btn-secondary {
  color: #fff !important;
}

aside div.block {
  margin-bottom: 18px;
}

.wrapper__reviews {
/* background: var(--main-color-light-3);
  border-radius: var(--border-radius);*/
  padding: var(--spacing-100);
}

html, body {
    scroll-behavior: smooth;
}
.row.team__row {
    scroll-margin-top: 100px;
}


.about {
display: flex;
flex-direction: row;
}
.about__column {
flex: 1;
}

.woocommerce .widget_product_categories ul li, aside div.block.treatments ul li {
  border-bottom: 1px solid var(--dark-05);
}

.table-hover > tbody > tr:hover {
  background-color: var(--gray-100);
}

.wrap {
  border-radius: var(--border-radius);
}

footer div.column > h4 {
  color: var(--dark-90) !important;
}

footer {
  color: var(--dark-10);
}

footer div.socket, .footer-sticky {
  background: var(--gray-10) !important;
  border-top: 1px solid hsla(240, 5.7%, 37.8%, 0.15);
}

.scroll__info {
  color: var(--gray-400);
}

.subkop__title {
  margin-top: -6px;
  margin-bottom: var(--spacing-150);
}

footer div.socket {
  color: var(--dark-05);
}
footer div.socket a, footer div.socket a:hover {
  color: var(--dark-05) !important;
}
footer div.socket img[alt="netbeauty"] {
  filter: brightness(0.3);
}

.rimg.rimg--fill {
  background: #000;
}

.page-header .container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
}
figure img {
  width: 100%;
  object-fit: cover;
  height: 360px !important;
}
.col-md-14.col-md-offset-2 {
  padding: var(--spacing-100);
  background: var(--main-color-light-3);
  position: sticky;
  border-radius: var(--border-radius);
  top: 100px;
}

/*.treatment__linkie a {
  padding: var(--spacing-25) var(--spacing-75);
  background: var(--main-color-light-1);
  border-radius: var(--border-radius);
  color: var(--main-color-dark-4) !important;
  text-decoration: none;
}*/

footer div.column > h4 {
  border-bottom: 1px solid hsla(240, 5.7%, 37.8%, 0.15);
  padding-bottom: 7px;
}


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

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

.disabled * {
  color: var(--dark-10) !important;
}

strong {
  font-weight: 800;
}

.treatment__linkie {
margin-top: auto;
}
.treatment__content {
display: flex;
flex-direction: column;
height: 100%;
}

.nf-form-content input[type="submit"] {
  border: none !important;
}


.col-md-14.col-md-offset-2, .col-md-14.col-md-offset-2 a {
  color: #fff !important;
}

.home .treatments {
  display: flex;
margin-top: var(--spacing-200);
  flex-direction: row;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
  font-family: var(--font-head);
  font-weight: 300;
  margin: var(--spacing-200) 0 var(--spacing-75) 0;
  letter-spacing: 1px;
  line-height: 1.2;
  font-size: var(--font-size-h4);
}

body.archive .treatments {
  display: block;
}

div.breadcrumbs:nth-child(1) {
  display: none;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  border-top: 1px solid var(--gray-100);
}


.team__col.team__col--vacature {
background: var(--dark-90);
  background: var(--main-color-light-3);
}
.team__col img {
max-width: 150px;
margin: 0 auto;
display: block;
}

.row.team__row {
  margin: var(--spacing-400) 0;
}


.row.sfeerimpressie__row img {
  height: 250px;
  width: 100%;
  object-fit: cover;
  margin: var(--spacing-100) 0;
}



.team__col {
padding: var(--spacing-100);
border: 1px solid var(--dark-05);
border-radius: var(--border-radius);
}
.section__intro.shadow {
  margin: 1rem;
  border-radius: var(--border-radius);
}

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

.footer-cta-box.pd-1.position-relative {
  min-height: 340px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

aside div.block div.head h4 {
  color: #fff !important;
}

nav.navbar-default div.navbar-collapse ul.navbar-nav > li {
  margin-bottom: 0;
}

aside ul li {
  margin: 0;
}

.team {
  margin-top: var(--spacing-300);
}

header > div.wrapper::after {
  background-position: 0 20%;
}

section.archive.treatments div.treatments div.item img {
  height: 240px;
  object-fit: cover;
}
section.archive.treatments div.items div.treatments div.item a span, section.archive.treatments div.treatments div.item h4, section.archive.treatments div.treatments div.items div.item a span, section.treatments.shortcode div.items div.treatments div.item a span, section.treatments.shortcode div.treatments div.item h4, section.treatments.shortcode div.treatments div.items div.item a span {
  text-transform: none;
  font-weight: 500;
}


.behandelingen-template-default .page-header .container {
  top: 40%;
  left: 50%;
  transform: translate(-50%, 50%);
}
div.page-header h1 {
  border-bottom: 0px solid #e6e6e6;
  line-height: 41px;
  margin-bottom: 2px;
  margin-top: 0;
}



div.breadcrumbs span#breadcrumbs, div.breadcrumbs span#breadcrumbs a {
  color: var(--gray-200) !important;
}

.scroll__info {
  margin-top: var(--spacing-150);
  margin-bottom: -2.1rem;
}
.scroll__info i {
  color: var(--dark-05);
}

.text__container {
  max-width: 41em;
}

.about__column img {
  box-shadow: 15px 15px 0px var(--main-color-light-3);
}

img {
  border-radius: var(--border-radius);
}
.home .treatments {
gap: var(--spacing-100);
}
.treatment.treatment--bigger {
flex: 0 0 45%;
}
.treatment {
  flex: 1 1 calc(55% / 2);
  background: var(--dark-60);
  padding: var(--spacing-100);
  height: 410px;
  display: flex;
  flex-direction: column;
  border-radius: var(--border-radius);
  background-color: hsla(246.7, 9.7%, 18.2%, 0.46);
  background-blend-mode: color-burn;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.woocommerce .widget_product_categories ul, aside div.block.treatments ul {
  border: 0px solid #e6e6e6;
}

.btn:active, .btn.btn-primary:active {
  outline: 2px solid hsla(0, 0%, 90.2%, 0.19);
  outline-offset: 2px;
  border-color: #0000;
}


.col__intro.col__intro--image::before {
  background-image: radial-gradient( var(--gray-100) 2px, rgba(0,0,0,0) 0);
  background-size: 20px 20px;
  width: 160px;
  height: 147px;
  position: absolute;
  right: -70px;
  top: -40px;
  z-index: 0;
  content: '';
}

div.page-header:nth-child(1) {
  display: none;
}

header > div.wrapper::after {
  filter: brightness(0.5);
}

.intro {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-200);
  align-items: center;
}



.col__intro.col__intro--text {
  flex: 0 0 40%;
}



.col__intro.col__intro--image {
  flex: 1 1 100%;
  position: relative;
}

.two__buttons {
  display: flex;
  gap: var(--spacing-100);
  flex-direction: row;
}

.team {
  display: flex;
  gap: var(--spacing-100);
  flex-direction: row;
}

.btn.btn-secondary {
  background: transparent !important;
  \31 px\ solid: ;
  border: 1px solid var(--main-color-dark-1);
  color: var(--dark-90) !important;
}

.btn.btn-secondary:hover {
  background: var(--main-color-dark-1) !important;
  transition: var(--transition-speed);
  color: #fff !important;
}

.col__intro.col__intro--image img {
  min-height: 65svh;
  object-fit: cover;
  object-position: center;
  width: 100%;
  z-index: 2;
  position: relative;
  box-shadow: 5px 5px 50px var(--dark-40);
}
.line {
height: 1px;
width: 100%;
background: var(--gray-700);
position: relative;
top: -30px;
z-index: 0;
}

.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(--main-color-dark-2) !important;
}
a, .woocommerce ul.products li.product .price, .woocommerce .price, .link {
  color: var(--main-color-dark-4) !important;
  text-decoration: underline;
  transition: var(--transition-speed);
}

.sub {
  font-size: 14px;
  letter-spacing: 6px;
  text-transform: uppercase;
  color: var(--main-color-light-1);
}

section.intro, body {
  background: #fff;
}

.btn, .wpcf7-submit, .woocommerce span.onsale, .woocommerce a.button, .woocommerce .button, [type="submit"], .nf-form-content input[type="submit"] {
  background: var(--main-color-dark-1) !important;
  color: #fff !important;
  border-radius: var(--border-radius) !important;
  text-decoration: none;
}


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


ul li {
  margin-bottom: var(--spacing-100);
}

.team img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 100%;
}
.team__col {
    flex: 1;
}

body {
font-size: var(--spacing-100);
  line-height: 1.8;
font-family: var(--font-main);
  color: var(--dark-05);
  word-spacing: 2px;
}

h1, h2, h3, h4, h5, h6 {
font-family: var(--font-head);
  font-weight: 300;
margin: var(--spacing-200) 0 var(--spacing-75) 0;
  color: var(--dark-80) !important;
  letter-spacing: 1px;
  line-height: 1.2;
}

h1 i {
  color: var(--secondary-900);
}

h1 {
    font-size: var(--font-size-h1);
}

h2 {
    font-size: var(--font-size-h2);
}

h3 {
    font-size: var(--font-size-h3);
}

h4 {
    font-size: var(--font-size-h4);
}

h5 {
    font-size: var(--font-size-h5);
}

h6 {
    font-size: var(--font-size-h6);
}

p {
  margin:  0 0 var(--spacing-75);
}

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


div.breadcrumbs span#breadcrumbs a {
  text-decoration: none;
}

.single-behandelingen div.page-header h1 {
  border-bottom: 0;
  margin-bottom: var(--spacing-100);
  margin-top: var(--spacing-200);
}

.breadcrumbs, div.breadcrumbs span#breadcrumbs span.breadcrumb_last, .breadcrumbs a {
  font-size: var(--spacing-75);
  margin-bottom: 0 !important;
  color: var(--gray-500) !important;
}
.breadcrumb_last {
  text-decoration: underline;
}

.btn:hover {
  border: 1px solid var(--main-color-dark-1);
}

.btn {
  margin-top: var(--spacing-200);
  padding: var(--spacing-100) var(--spacing-200);
  font-size: var(--font-size-h6);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 300;
  border-radius: var(--border-radius) !important;
  transition: var(--transition-speed);
  border: 1px solid var(--main-color-dark-1);
}

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

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


.scroll__info {
  display: none;
}
.intro.text.block2 {
  padding-bottom: 0;
}
.about__column img {
  margin-bottom: -2rem;
}

li.menu-item {
  margin-bottom: 0;
}

header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li a {
  text-decoration: none;
}

  nav.navbar-default div.navbar-collapse ul.navbar-nav > li a:hover {
    background-color: var(--gray-100) !important;
  }
  header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a {
    color: var(--gray-800) !important;
    text-decoration: none;
  }

.single-behandelingen div.content {
  max-width: 45em;
}

section.page,
section.treatments,
section.prices,
section.contact {
  padding: var(--spacing-800) 0;
}

  body.home header > div.wrapper {
    min-height: 350px;
    min-height: 100px;
  }

.row.team__row h3 {
  margin-top: 0;
}


.about__column.about__column--tekst .text__container {
padding-right: var(--spacing-600);
display: flex;
flex-direction: column;
}

.mobile-only {
display: none;
}

 
header div.header div.holder {
    height: 100px;
    min-height: 0;
  }
header div.header div.holder img {
  max-height: 55px !important;
}
section.intro {
  padding: var(--spacing-800) 0;
}
.header.full-width .container {
  width: 98%;
  max-width: none;
}

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

 }

@media only screen and (max-width: 992px) { 
 html {
   font-size: 14px !important;
 }

.col-md-14.col-md-offset-2:not(.single-behandelingen .col-md-14.col-md-offset-2) {
  margin-top: var(--spacing-150);
}

section.intro {
padding: var(--spacing-400) 0;
}

header ul li {
  margin-bottom: 0;
}

.about__column img {
  margin-bottom: -5rem;
  margin-top: var(--spacing-100);
}
.intro.text.block2 {
  overflow: visible;
}

.home header > div.wrapper {
  max-height: 0 !important;
  height: 0 !important;
  min-height: 150px !important;
}


figure img {
  height: 230px !important;
}

header > div.wrapper {
    min-height: 490px !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 var(--dark-10);
    text-decoration: none;
}
header .type-fullsize .navbar-collapse {
  background: hsla(250, 13%, 9%, 0.78);
}
.menu-primaire-navigatie-container {
  text-align: left;
}


header > div.wrapper::after {
  background-position: 50% 30%;
  top: 120px;
}

header > div.wrapper {
  min-height: 449px;
}
.page-header .container {
  width: 100%;
}

footer div.socket, .footer-sticky {
  padding-bottom: 75px !important;
}


.about {
  flex-direction: column;
}

.team {
  flex-direction: column;
}

.home .treatments {
overflow: scroll;
width: 100vw;
padding: var(--spacing-100) var(--spacing-100);
margin-left: -1rem;
  /* Verberg de scrollbar op alle browsers */
  scrollbar-width: none;  /* Firefox */
  -ms-overflow-style: none;  /* Internet Explorer en Edge */
}
.home .treatments::-webkit-scrollbar {
  display: none;
}

.treatment.treatment--bigger, .treatment {
flex: 1;
min-width: 75vw !important;
}


.home .treatments {
  margin-top: var(--spacing-200);

}


.intro {
flex-direction: column;
}
.two__buttons {
    flex-direction: row;
    gap: var(--spacing-50);
    flex-wrap: wrap;
}
.two__buttons .btn {
margin-top: var(--spacing-75);
}
.col__intro.col__intro--image img {
height: 300px;
min-height: 300px;
}
.section__intro.shadow {
margin: var(--spacing-50);
}
.intro {
overflow: hidden;
}
.line {
  top: 0;
}



}