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

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

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

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

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

  div.social-media ul li a:hover {
  background: #90c8f8 !important;
  color: #fff !important;
  }
  footer div.social-media ul li a {
  background: #4ea7f4 !important;
  }

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

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

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

  .woocommerce-info::before,
  .woocommerce-message::before {
  color: #64b2f5 !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://elze-marie.nl/wp-content/uploads/sites/474/2025/02/Header-Elze.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: 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: #64b2f5; !important;
  }

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

  header nav.navbar-default {
  background-color: rgba(100, 178, 245, 1) !important;
  }

  nav.navbar-default div.navbar-collapse ul.navbar-nav>li a:hover {
  background-color: rgba(100, 178, 245, 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: #64b2f5 !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 #4ea7f4;
  }

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


  header div.header div.contact i {
  color: #4ea7f4;
  }

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

  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: #4ea7f4 !important;
  }

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

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

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

  footer div.socket,
  .footer-sticky {
  background: #90c8f8 !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: #64b2f5;
  }

  /* Design System Tokens
   ========================================================================== */
:root {
  /* Color System */
  --color-white: #FFFFFF;
  --color-black: #000000;
  
  /* Gray Scale */
  --color-gray-50: #F9FAFB;
  --color-gray-100: #F3F4F6;
  --color-gray-200: #E5E7EB;
  --color-gray-300: #D1D5DB;
  --color-gray-400: #9CA3AF;
  --color-gray-500: #6B7280;
  --color-gray-600: #4B5563;
  --color-gray-700: #374151;
  --color-gray-800: #1F2937;
  --color-gray-900: #111827;

  /* Semantic Colors */
  --color-text: var(--color-gray-700);
  --color-text-light: var(--color-gray-600);
  --color-text-lighter: var(--color-gray-500);
  --color-border: var(--color-gray-200);
  --color-background: var(--color-white);
  --color-surface: var(--color-gray-50);

  /* Typography */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-serif: "Lora", serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  
  /* Font Sizes - Following Refactoring UI scale */
  --text-xs: 0.75rem;    /* 12px */
  --text-sm: 0.875rem;   /* 14px */
  --text-base: 1rem;     /* 16px */
  --text-lg: 1.125rem;   /* 18px */
  --text-xl: 1.25rem;    /* 20px */
  --text-2xl: 1.5rem;    /* 24px */
  --text-3xl: 1.875rem;  /* 30px */
  --text-4xl: 2.25rem;   /* 36px */
  --text-5xl: 3rem;      /* 48px */
  --text-6xl: 3.75rem;   /* 60px */
  --text-7xl: 4.5rem;    /* 72px */
  --text-8xl: 6rem;      /* 96px */
  --text-9xl: 8rem;      /* 128px */

  /* Font Weights - Following Refactoring UI */
  --font-thin: 100;
  --font-extralight: 200;
  --font-light: 300;
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --font-extrabold: 800;
  --font-black: 900;

  /* Line Heights - Following Refactoring UI */
  --leading-none: 1;
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;
  --leading-loose: 2;

  /* Letter Spacing */
  --tracking-tighter: -0.05em;
  --tracking-tight: -0.025em;
  --tracking-normal: 0em;
  --tracking-wide: 0.025em;
  --tracking-wider: 0.05em;
  --tracking-widest: 0.1em;

  /* Spacing System - Using Refactoring UI increments */
  --space-0: 0;
  --space-1: 0.25rem;   /*  4px */
  --space-2: 0.5rem;    /*  8px */
  --space-3: 0.75rem;   /* 12px */
  --space-4: 1rem;      /* 16px */
  --space-5: 1.5rem;    /* 24px */
  --space-6: 2rem;      /* 32px */
  --space-8: 2.5rem;    /* 40px */
  --space-10: 3rem;     /* 48px */
  --space-12: 3.5rem;   /* 56px */
  --space-16: 4rem;     /* 64px */
  --space-20: 5rem;     /* 80px */
  --space-24: 6rem;     /* 96px */
  --space-32: 8rem;     /* 128px */
  --space-40: 10rem;    /* 160px */
  --space-48: 12rem;    /* 192px */
  --space-56: 14rem;    /* 224px */
  --space-64: 16rem;    /* 256px */

  /* Border Radius - Following Refactoring UI */
  --radius-none: 0;
  --radius-sm: 0.125rem;
  --radius: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --radius-full: 9999px;

  /* Shadows - Following Refactoring UI */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 
           0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 
               0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 
               0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 
               0 8px 10px -6px rgb(0 0 0 / 0.1);
  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);

  /* Breakpoints - Following Refactoring UI */
  --screen-sm: 640px;
  --screen-md: 768px;
  --screen-lg: 1024px;
  --screen-xl: 1280px;
  --screen-2xl: 1536px;

  /* Container */
  --container-padding: var(--space-4);
  --container-max-width: var(--screen-xl);

  --transition: 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
}


.simple-cta__heading {
display: flex;
flex-direction: row;
gap: var(--space-4);
align-iu: ;
justify-content: start;
align-items: baseline;
}
.simple-cta__child {
flex: 1;
padding: var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius);
display: flex;
flex-direction: column;
justify-content: start;
align-items: start;
}

.updated {
  font-size: var(--text-sm);
  display: none;
}
article.post, .post-nav {
max-width: 800px;
margin: 0 auto;
}
.pager {
  text-align: left;
}
.h3.entry-title a {
  color: var(--color-text) !important;
}
article.post {
  padding: var(--space-6);
  z-index: 0;
  position: relative;
  margin: var(--space-6) auto;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-2xl);
}
.blog .page-header {
  max-width: 800px;
  margin: 0 auto;
}

.single-post .content {
  max-width: 800px;
  margin: 0 auto;
  display: block !important;
}


.simple-cta {
display: flex;
gap: var(--space-12);
}
.simple-cta__heading i {
font-size: var(--text-2xl);
color: var(--color-text-lighter);
}
.simple-cta__heading h3 {
margin: 0;
}
.simple-cta__heading {
margin-bottom: var(--space-2);
}

.radius-full {
  border-radius: var(--radius-full) !important;
}


.klachten {
font-size: 11px;
}
.klachten a {
color: #000 !important;
opacity: 0.7;
}

/* Base Styles
   ========================================================================== */
html {
  font-family: var(--font-sans) !important;
  font-size: 16px;
  line-height: var(--leading-normal);
  color: var(--color-text) !important;
  background-color: var(--color-background);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mt-8 {
  margin-top: var(--space-8);
}

.small-cards {
display: flex;
gap: var(--space-2);
flex-wrap: wrap;
margin-top: var(--space-10);
}
.small-cards__card {
text-align: center;
border: 1px solid var(--color-border);
border-radius: var(--radius);
flex: 1 25%;
height: 170px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}


section.archive.treatments div.treatments div.item img:hover, section.treatments.shortcode div.treatments div.item img:hover {
  transition: all .3s ease;
  box-shadow: none;
}
.item.text-center:hover img {
  filter: brightness(90%);
}
body {
  margin: 0;
  font-size: var(--text-base);
  color: var(--color-text-light) !important;
  font-family: var(--font-sans) !important;
}

td.col-md-32 small {
    display: block;
    margin-top: var(--space-1);
}

/* Typography
   ========================================================================== */

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

h1 {
  font-size: var(--text-4xl);
  font-weight: var(--font-bold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  margin: var(--space-8) 0 var(--space-4);
}

.intro.text.block1 h3 {
  display: none;
}

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

h2 {
  font-size: var(--text-3xl);
  font-weight: var(--font-semibold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  margin: var(--space-6) 0 var(--space-3);
}


section.contact div.page-header h1 {
  border-bottom: 0;
}
.list-unstyled {
  margin-top: 0;
}
div.treatments div.item h4 {
  float: left;
  text-transform: none !important;
  text-align: left;
  font-weight: var(--font-medium) !important;
  font-size: var(--text-lg) !important;
}

h3 {
  font-size: var(--text-2xl);
  font-weight: var(--font-semibold);
  line-height: var(--leading-snug);
  margin: var(--space-5) 0 var(--space-2);
}


#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item > a.mega-menu-link:hover {
  color: var(--color-gray-700) !important;
  transition: var(--transition);
}

body.single-behandelingen section.intro p:nth-of-type(1) {
  font-size: var(--text-xl);
  color: var(--color-text);
}

.btn.btn-primary-white {
  background: #fff !important;
  color: var(--color-text) !important;
  border: 1px solid transparent;
}
.btn.btn-primary-white:hover {
  background: var(--color-gray-200) !important;
}
.wrap h3 {
  margin-top: 0;
}

div.page-header h1 {
  border-bottom: 0px solid #e6e6e6;
}
.breadcrumbs {
  display: none;
}
.img-circle.img-responsive {
  border-radius: var(--radius-md) !important;
  width: 100%;
  height: 350px;
  object-fit: cover;
}

.cta-container .btn.btn-primary-outline.btn-small {
  display: none;
}
.item.item-background .text-center {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  align-content: space-between;
  height: 100%;
}


h4 {
  font-size: var(--text-xl);
  font-weight: var(--font-semibold);
  line-height: var(--leading-snug);
  margin: var(--space-4) 0 var(--space-2);
}

section.featured a div.item-centered {
transform: none;
top: var(--space-1);
left: var(--space-1);
right: auto;
text-align: left;
padding: var(--space-2);
}
section.featured a div.item-centered h3, section.featured a div.item-centered p {
font-size: var(--text-lg);
}

.item-bg::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 156;
/*background: linear-gradient(180deg, rgba(255, 255, 255, 0) 80%, rgb(255, 255, 255) 80%);*/
}


section.featured a div.item {
  box-shadow: none
}

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

footer div.column > h4, footer section.treatments div.items div.item a div.column > span, section.treatments div.items div.item a footer div.column > span {
  color: var(--color-text) !important;
}
footer, footer h5{
  color: var(--color-text);
}

h5 {
  font-size: var(--text-lg);
  font-weight: var(--font-semibold);
  line-height: var(--leading-normal);
  margin: var(--space-3) 0 var(--space-1);
}
.contact__topbar a {
  display: flex;
  flex-direction: row;
  gap: var(--space-2);
  align-items: baseline;
}
h6 {
  font-size: var(--text-base);
  font-weight: var(--font-semibold);
  line-height: var(--leading-normal);
  margin: var(--space-3) 0 var(--space-1);
}
header > div.wrapper::after {
  z-index: 0;
}
p {
  margin: 0 0 var(--space-4);
 /* max-width: 65ch;*/
}


.fluid-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: var(--space-3);
  align-items: baseline;
}
.column.cta__footer {
  padding: var(--space-10);
  background: var(--color-surface);
  border-radius: var(--radius-2xl);
  color: var(--color-text);
  margin-right: var(--space-20);
}

.column.cta__footer img {
  mix-blend-mode: darken;
}
footer div.column > h4 {
  border-bottom: 0;
  margin-bottom: var(--space-1);
}
footer .column h5 {
  margin-top: var(--space-8);
margin-bottom: 0;
}
footer {
  padding-top: var(--space-20);
}
footer div.socket {
  font-size: var(--text-xs);
  margin-top: var(--space-6);
}
.cta-container {
padding: var(--space-4);
background: var(--color-gray-50);
margin: var(--space-8) auto;
display: block;
}
.cta-container h2 {
margin-right: ;
margin-top: 0;
}
.cta-container {
padding: var(--space-4);
padding: var(--space-10);
}


section.intro, section.treatments, section.page, section.contact, section.blog {
  padding: var(--space-12) 0 var(--space-12) 0;
}

section.contact div.holder div.wrap *, section.contact div.holder div.wrap {
  border-radius: var(--radius-2xl) !important;
}

/* Text Styles */
.text-xs { font-size: var(--text-xs); }
.text-sm { font-size: var(--text-sm); }
.text-base { font-size: var(--text-base); }
.text-lg { font-size: var(--text-lg); }
.text-xl { font-size: var(--text-xl); }
.text-2xl { font-size: var(--text-2xl); }
.text-3xl { font-size: var(--text-3xl); }
.text-4xl { font-size: var(--text-4xl); }
.text-5xl { font-size: var(--text-5xl); }
.text-6xl { font-size: var(--text-6xl); }
.text-7xl { font-size: var(--text-7xl); }
.text-8xl { font-size: var(--text-8xl); }
.text-9xl { font-size: var(--text-9xl); }

/* Font Weight */
.font-thin { font-weight: var(--font-thin); }
.font-extralight { font-weight: var(--font-extralight); }
.font-light { font-weight: var(--font-light); }
.font-normal { font-weight: var(--font-normal); }
.font-medium { font-weight: var(--font-medium); }
.font-semibold { font-weight: var(--font-semibold); }
.font-bold { font-weight: var(--font-bold); }
.font-extrabold { font-weight: var(--font-extrabold); }
.font-black { font-weight: var(--font-black); }

/* Line Height */
.leading-none { line-height: var(--leading-none); }
.leading-tight { line-height: var(--leading-tight); }
.leading-snug { line-height: var(--leading-snug); }
.leading-normal { line-height: var(--leading-normal); }
.leading-relaxed { line-height: var(--leading-relaxed); }
.leading-loose { line-height: var(--leading-loose); }



div.treatments div.row .col-xs-48.col-md-24 {
  width: 100%;
}



/* Lists
   ========================================================================== */
ul, ol {
  margin: var(--space-4) 0;
  padding-left: var(--space-5);
}

ul ul, ul ol,
ol ul, ol ol {
  margin: var(--space-2) 0;
}

li {
  margin-bottom: var(--space-2);
  line-height: var(--leading-normal);
}

li:last-child {
  margin-bottom: 0;
}

.topbar {
  background: var(--color-surface);
  color: var(--color-text-lighter);
  font-size: var(--text-sm);
}
.contact__topbar {
  display: flex;
  flex-direction: row;
  gap: var(--space-3);
  align-items: baseline;
  justify-content: end;
}

/* Block Elements
   ========================================================================== */
blockquote {
  margin: var(--space-5) 0;
  padding-left: var(--space-4);
  border-left: 3px solid var(--color-border);
  color: var(--color-text-light)  !important;
  font-size: var(--text-lg);
}

hr {
  margin: var(--space-8) auto;
  border: 0;
  border-top: 1px solid var(--color-border);
  width: 50%;
}

/* Container
   ========================================================================== */
.container {
  width: 100%;
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
  box-sizing: border-box;
}

/* Utilities
   ========================================================================== */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Responsive Adjustments
   ========================================================================== */
@media (min-width: 768px) {

  footer div.socket div.left, footer div.socket div.right {
    text-align: left;
    word-break: break-word;
  }


  h1 { 
    font-size: var(--text-5xl);
    margin: var(--space-10) 0 var(--space-6);
  }
  
  h2 { 
    font-size: var(--text-4xl);
    margin: var(--space-8) 0 var(--space-4);
  }
  
  h3 {
    font-size: var(--text-3xl);
    margin: var(--space-6) 0 var(--space-3);
  }

  blockquote {
    font-size: var(--text-xl);
    margin: var(--space-6) 0;
    padding-left: var(--space-6);
  }

  hr {
    margin: var(--space-12) auto;
  }
}


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

}

div.treatments .row h4 {
background: HSLA(210, 20%, 98%, 1);
  padding: var(--space-4);
  border-radius: var(--radius-sm);
  border: 1px solid #fff;
  position: absolute;
  left: var(--space-1);
  width: calc(100% - var(--space-2));
  backdrop-filter: blur(20px);
  bottom: var(--space-1);
  margin-bottom: 0;
}

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

.featured .wrapper .row {
display: flex;
gap: var(--space-3);
flex-direction: row;
}

h1 {
  margin-top: 0;
}

div.treatments div.row .col-xs-48.col-md-24 {
  padding: 0;
}

.timeline__label {
  font-size: var(--text-lg);
}
.home section.intro {
  padding: var(--space-24) 0;
}
.text-center.mb-2.aos-init.aos-animate {
  margin-bottom: var(--space-12) !important;
}
div.treatments div.row .col-xs-24 {
  max-height: 350px;
  padding: 0;
}

  header > div.wrapper.sticky_menu.sticky_header .header {
    position: fixed;
    z-index: 1020;
    box-shadow: var(--shadow-sm);
    margin: var(--space-1) var(--space-4) var(--space-1) var(--space-4);
    transition: var(--transition);
    border-radius: var(--radius-lg);
    max-width: 99%;
  }


section.archive.treatments div.treatments div.item, section.archive.treatments div.treatments p, section.treatments.shortcode div.treatments div.item, section.treatments.shortcode div.treatments p {
  margin-bottom: 0 !important;
}

div.treatments div.row::before {
display: none;
}

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

div.treatments div.row {
display: grid;
    margin: 0;
    gap: var(--space-3);
}

.text-center {
  text-align: center;
  z-index: 234567989;
  position: relative;
}
.item-category h2 {
  font-size: var(--text-xl);
}

div.treatments div.row .col-xs-24 {
width: 100%;
}
div.treatments div.row {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.item-centered.text-center h3 {
color: #fff !important;
text-align: left;
font-size: var(--text-lg);
font-weight: var(--font-bold);
}
.item.item-background {
  min-height: 300px;
}
.single-behandelingen section.intro .container, .text-container {
  max-width: 800px;
  margin: 0 auto;
  display: block
}

 header div.header div.holder {
    height: auto;
    min-height: 130px !important;
  }

header > div.wrapper::after {
border-radius: var(--radius-xl);
    overflow: hidden;
    margin: var(--space-1) var(--space-4) var(--space-1) var(--space-4);
    height: 650px;
    top: 0px;
    display: block;
    position: relative;
    max-height: 63vh;
}

#mega-menu-item-587, #mega-menu-item-587 a {
  line-height: 2.2 !important;
}
/*body header > div.wrapper {
    min-height: 650px !important;
  }*/
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation a.mega-menu-link:hover {
  color: var(--color-gray-500) !important;
  transition: var(--transition) !important;
}
  #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
    transition: var(--transition);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1) !important;
    margin-top: var(--space-5) !important;
  }

#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
  color: var(--color-gray-700) !important;
}


#mega-menu-item-587  { float: right !important;}
#mega-menu-item-587 a {
transition: var(--transition) !important;
    border-radius: var(--radius) !important;
border: 1px solid var(--color-gray-300) !important;
background: transparent !important;
}
#mega-menu-item-587 a:hover {
background: var(--color-gray-100) !important;
transition: var(--transition) !important;
}


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

  header div.navbar-collapse ul li a {
    border-bottom: none !important;
    color: #000 !important;
  }


}






/* Base Button Styles */
.btn, .nf-field-element .btn.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-2) var(--space-4);
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  font-weight: var(--font-medium);
  line-height: var(--leading-normal);
  border-radius: var(--radius);
  transition: all 150ms ease-in-out;
  cursor: pointer;
  gap: var(--space-2);
}



/* Base Button Styles */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-2) var(--space-4);
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  font-weight: var(--font-medium);
  line-height: var(--leading-normal);
  border-radius: var(--radius);
  transition: all 150ms ease-in-out;
  cursor: pointer;
  gap: var(--space-2);
  margin-top var(--space-2);
}

/* Primary Button */
.btn-primary, .nf-field-element .btn.btn-primary {
  background-color: var(--color-gray-900) !important;
  color: var(--color-white) !important;
  border: 1px solid var(--color-gray-900) !important;
}

.btn-primary:hover, .nf-field-element .btn.btn-primary:hover {
  background-color: var(--color-gray-600) !important;
  border-color: var(--color-gray-600) !important;
}

.btn-primary:focus, .nf-field-element .btn.btn-primary:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-gray-300);
}

.btn-primary:active, .nf-field-element .btn.btn-primary:active {
  background-color: var(--color-gray-700) !important;
  border-color: var(--color-gray-700);
}

.btn-primary:disabled, .nf-field-element .btn.btn-primary:disabled {
  background-color: var(--color-gray-300) !important;
  border-color: var(--color-gray-300);
  cursor: not-allowed;
  opacity: 0.7;
}

/* Primary Outline Button */
.btn-primary-outline {
  background-color: transparent !important;
  color: var(--color-gray-900) !important;
  border: 1px solid var(--color-gray-900) !important;
}

.btn-primary-outline:hover {
  background-color: var(--color-gray-50) !important;
  border-color: var(--color-gray-800) !important;
  color: var(--color-gray-800) !important;
}

.btn-primary-outline:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-gray-200);
}

.btn-primary-outline:active {
  background-color: var(--color-gray-100) !important;
}

.btn-primary-outline:disabled {
  color: var(--color-gray-400);
  border-color: var(--color-gray-300);
  cursor: not-allowed;
  opacity: 0.7;
}

/* Button Sizes */
.btn-sm {
  padding: var(--space-1) var(--space-3);
  font-size: var(--text-xs);
}

.btn-lg {
  padding: var(--space-3) var(--space-6);
  font-size: var(--text-base);
}
.cta-container .btn {
  padding: var(--space-3) var(--space-6);
  font-size: var(--text-base);
  margin-top: var(--space-0);
}

/* Button with Icon */
.btn-icon {
  padding: var(--space-2);
  border-radius: var(--radius-full);
}

/* Loading State */
.btn-loading {
  position: relative;
  color: transparent !important;
  pointer-events: none;
}

.btn-loading::after {
  content: '';
  position: absolute;
  width: 1rem;
  height: 1rem;
  border: 2px solid var(--color-white);
  border-radius: 50%;
  border-right-color: transparent;
  animation: spin 750ms linear infinite;
}

.btn-primary-outline.btn-loading::after {
  border-color: var(--color-gray-900);
  border-right-color: transparent;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

footer .column a i {
  margin-right: var(--space-2);
  font-size: var(--text-sm);
}
footer .column a:has(i) {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: baseline;
}

.simple-cta {
  flex-direction: row;
}

footer div.socket img[alt="netbeauty"] {
  filter: brightness(0);
}
footer div.socket, footer div.socket a {
  color: #3e2020 !important; 
}

@media (max-width: 991px) {

footer div.socket {
  padding-bottom: 85px;
}

.small-cards__card {
  flex: 1 100%;
}

div.treatments div.item h4 {
  font-size: var(--text-baser) !important;
  font-weight: var(--font-bold) !important;
}

html, body {
  overflow-x: hidden;
}

.cta-container {
  padding: var(--space-6);
}
.item.item-background .text-center {
  z-index: 651464545465465;
  position: relative;
    min-height: 230px;
  text-align: left;
}
  .featured .wrapper .row {
    overflow: hidden;
    margin: var(--space-0);
  }
.item-centered.text-center h3 {
  color: #fff !important;
}
.featured .wrapper .row {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

html {
   font-size: 15px !important;
}
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-2-columns > ul.mega-sub-menu > li.mega-menu-item {
  width: 100%;
}

.single-behandelingen section.intro {
  padding-top: 0;
}

.salon-intro {
  padding: 0;
}
.simple-cta {
  flex-direction: column;
}
header > div.wrapper {
  min-height: 520px;
}
.salon-intro__title {
  margin-top: 0;
}
header > div.wrapper::after {
  margin: var(--space-2);
  border-radius: var(--radius);
  top: 143px;
}

.simple-cta__child {
  padding: var(--space-8);
}

.item.text-center {
  position: relative;
  min-height: 220px !important;
}
.img-circle.img-responsive {
  height: 220px;
}

.column.cta__footer h4 {
  margin-top: 0;
}

.column.cta__footer {
  padding: var(--space-5);
  margin: var(--space-1) var(--space-1) var(--space-12) var(--space-1);
}
footer div.column > h4 {
  margin-top: var(--space-12);
}
footer .column h5 {
  margin-top: var(--space-3);
}
html.navbar-open body.mm-fullsize nav.type-fullsize button.navbar-toggle {
  color: var(--color-gray-900);
}

#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
  font-size: var(--text-base) !important;
}
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
  font-size: var(--text-lg) !important;
}
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-3-columns > ul.mega-sub-menu > li.mega-menu-item {
  width: 100% !important;
}
nav.navbar-default, div.navbar-collapse {
  background-color: var(--color-gray-50) !important;
}
header div.navbar-collapse ul li a {
  color: var(--color-gray-900) !important;
  font-size: var(--text-xl) !important;
}

#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item {
  margin: var(--space-1) 0 var(--space-4) 0;
}


  #mega-menu-wrap-primary_navigation .mega-menu-toggle + #mega-menu-primary_navigation {
    background: var(--color-gray-50) !important;
}


}