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

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

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

  h1 {
  font-size: 40px;
  }

  h2 {
  font-size: 32px;
  }

  h3 {
  font-size: 28px;
  }

  h4 {
  font-size: 24px;
  }

  h5 {
  font-size: 20px;
  }

  h6 {
  font-size: 16px;
  }

  body {
  font-size: 16px;
  }



  a,
  .woocommerce ul.products li.product .price,
  .woocommerce .price {
  color: var(--color-brand) !important;
  }

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

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

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

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

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

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

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

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

  .woocommerce-info::before,
  .woocommerce-message::before {
  color: var(--color-brand-dark) !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.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://atelierskin-arlette.nl/wp-content/uploads/sites/349/2026/10/Luxe-Skinatelier-met-Warme-Verlichting.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) {
  header .wrapper.sticky_menu div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav>li>a {
  color: #ffffff !important;
  }
  }


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

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

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

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



  .shop_topbar {
  background: #ffffff;
  }


  nav.navbar-default, div.navbar-collapse {
  background-color: var(--color-brand-dark); !important;
  }

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

  header nav.navbar-default {
  background-color: rgba(10, 0, 0, 1) !important;
  }

  nav.navbar-default div.navbar-collapse ul.navbar-nav>li a:hover {
  background-color: rgba(10, 0, 0, 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: var(--color-brand-dark) !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(--color-brand);
  }

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


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

  @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: var(--color-text-muted) !important;
  }

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

  section.partners {
  background: var(--color-brand) !important;
  }

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

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

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

  footer div.socket,
  .footer-sticky {
  background: var(--color-brand-dark) !important;
  }


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


  section.treatments div.item a {
  color: var(--color-text-muted) !important;
  }

  section.prices table tr td a {
  color: var(--color-text-muted) !important;
  }

  aside div.block.treatments ul li a,
  .woocommerce .widget_product_categories ul li a,
  .woocommerce .widget_product_categories ul li span {
  color: var(--color-text-muted) !important;
  }

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

  @media only screen and (min-width : 1400px) {
  .container {
  width: 1370px;
  }
  }
  :root{
  /* kleur */
  --color-brand:#BB9262;
  --color-brand-light:#E8D3A8;
  --color-brand-dark:#04262E;
  --color-green-soft:#0A343D;
  --color-sand:#E3D7C4;
  --color-taupe:#B8A995;
  --color-text-main:#2A2622;
  --color-text-muted:#5A5248;
  --color-bg-body:#F5EFE6;
  --color-bg-alt:#EFE7DA;
  --color-on-dark:rgba(255,255,255,.66);
  --color-on-dark-soft:rgba(255,255,255,.4);
  --border-color:rgba(187,146,98,.38);
  --border-color-dark:rgba(232,211,168,.25);
  /* typografie */
  --font-heading: "Open Sans", sans-serif;
  --font-body: "Spectral", serif;
--text-body: 1.3125rem; /* was 1.0625rem */
    --text-small: 1.125rem; /* was .9375rem */
    --text-label: 1rem; /* was .6875rem */
  --text-h1:clamp(2.975rem,6.4vw,4.625rem);
  --text-h2:clamp(1.625rem,3.4vw,2.5rem);
  --text-h3:1.125rem;
  --track-label:.24em;
  --track-eyebrow:.3em;
  /* ruimte, 8px-schaal */
  --space-xs:.25rem;
  --space-sm:.5rem;
  --space-md:1rem;
  --space-lg:1.5rem;
  --space-xl:2rem;
  --space-2xl:4rem;
  --space-3xl:6rem;
  /* layout */
  --radius-default:0;
  --as-gutter:clamp(1.5rem,7vw,7.5rem);
  --as-section-space:clamp(5rem,13vw,10.5rem);
  --as-max:100rem;
  /* beweging */
  --ease:cubic-bezier(.22,.61,.36,1);
  --speed:.5s;
  --speed-slow:.8s;
}


.woocommerce div.product form.cart {
    margin-top: 30px;
}
.woocommerce h3, .woocommerce h4 {
    font-size: 1.7rem !important;
    line-height: 1.5;
    margin: 45px 0 var(--space-sm) !important;
    font-weight: 600;
    letter-spacing: 0;
}


::selection{background:var(--color-brand-light);color:var(--color-brand-dark)}

body.home {
    overflow-x: hidden;
}


.btn, .wpcf7-submit, .woocommerce span.onsale, .woocommerce a.button, .woocommerce .button, [type="submit"], .nf-form-content input[type=submit] {
    background: var(--color-brand-dark) !important;
    color: #fff !important;
    font-family: var(--font-heading);
    font-size: .75rem !important;
    letter-spacing: .22em;
    text-transform: uppercase;
    padding: var(--space-md) var(--space-xl) !important;
    border: 1px solid transparent !important;
    transition: background var(--speed) var(--ease), color var(--speed) var(--ease), border-color var(--speed) var(--ease) !important;
    border-radius: 0 !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(--color-brand) !important;
}


a.btn.btn-secondary {
    background: var(--color-brand) !important;
    color: #fff !important;
}
a.btn.btn-secondary:hover {
    background: var(--color-brand-light) !important;
}


header > div.wrapper::after {
    background-position: center;
}
header>div.wrapper.shadow:before {
    top: 0 !important;
    background: linear-gradient(160deg, var(--color-green-soft), var(--color-brand-dark));
    opacity: 0.75;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    transition: 0.8s all ease;
}

@media only screen and (min-width: 992px) {
html {font-size: 13px!important; }
.mobile_only {
display: none!important;
}
.bottom-align {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: end;
   align-items: end;
}
.woocommerce ul.products li.product .button {
    opacity: 0;
    transition: 0.8s all ease !important;
    transform: translateY(-10px);
}
.woocommerce ul.products li.product:hover .button {
    opacity: 1;
    transition: 0.8s all ease;
    transform: translateY(0);
}
    .blog_text{
        width: 970px;
margin: 0 auto;
    }
.single-post section.page .container {
    width: 100%;
    padding: 0;
}
section.foto-blok .container {
    width: 100%;
    padding: 0;
}
    .as-split__aside,     .as-panel {
             position: sticky;
        top: 95px;
    }
    body header > div.wrapper {
        min-height: 105px;
    }
    header div.header.full-width {
        background: var(--color-green-soft);
    }
.home header div.header.full-width {
    background: transparent !important;
}
    header>div.wrapper .header__content {
        transform: translate3d(0, 150px, 0);
    }
    body.home header > div.wrapper {
        min-height: 920px;
    }
    header div.header div.holder {
        height: 112px;
        min-height: 50px;
    }
    header div.header.full-width div.wrapper img.logo {
        max-width: 180px;
    }
header div.header.full-width .container, header .topbar .container, header>div.wrapper .header__content .container:not(header>div.wrapper.title_in_header .container) {
    width: 91%;
    max-width: 2500px;
}
    header>div.wrapper.sticky_menu.sticky_header .header {

        background: var(--color-brand-dark)!important;
    }
.reverse {
    direction: rtl;
    margin-bottom: 0;
}
.reverse > * {
    direction: ltr;
}
header>div.wrapper .header__content .col-md-32.col-md-offset-8 {
    margin-left: 0;
    text-align: left;
    max-width: 45rem;
    width: auto;
}
section.as-tegels-blok .wrapper .col-sm-12 {
    width: 50%;
}
}

.as-tegels-head p {
    margin: 0;
}
.as-tegels-head {
    padding: 0;
}
section.as-tegels-blok {
    padding-top: var(--space-2xl);
}
section.as-tegels-blok a div.item {
    height: unset !important;
    overflow: hidden;
    width: 100%;
    padding: 0;
    aspect-ratio: 4 / 3;
    margin-bottom: 25px;
    box-shadow: none !important;
}
section.as-tegels-blok a div.item-bg>img {
    filter: brightness(1)!important;
}
section.as-tegels-blok a div.item:before {
    content: "";
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(180deg, rgba(4, 38, 46, 0) 34%, rgba(4, 38, 46, .78));
    transition: background .7s var(--ease);
}
section.as-tegels-blok a div.item:hover:before {
    background: linear-gradient(180deg, rgba(4, 38, 46, .15) 10%, rgba(4, 38, 46, .86));
    transition: background .7s var(--ease);
}
section.as-tegels-blok a div.item::after {
    content: "";
    position: absolute;
    inset: var(--space-sm);
    border: 1px solid rgba(255, 255, 255, .42);
    pointer-events: none;
    z-index: 1;
}
section.as-tegels-blok a div.item .item-centered {
    left: clamp(1.5rem, 2.4vw, 2rem);
    right: clamp(1.5rem, 2.4vw, 2rem);
    bottom: clamp(1.5rem, 2.4vw, 2rem);
    z-index: 3;
    transform: unset !important;
    text-align: left !important;
    top: unset !important;
    padding: 0 !important;
}
section.as-tegels-blok a div.item .item-centered h3 {
    font-weight: 500;
    font-size: clamp(1.5rem, 3vw, 2.25rem);
    line-height: 1.1;
    text-transform: lowercase;
    margin: 0;
}
section.as-tegels-blok a div.item .item-centered p {
    margin-top: var(--space-sm);
    font-family: var(--font-heading);
    font-size: var(--text-label);
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--color-brand-light) !important;
    margin-bottom: 0;
}


h1.as-hero__title {
    text-transform: lowercase;
    margin: 0;
    font-weight: 400;
}
.as-hero__title span {
    display: block;
    color: var(--color-brand-light)!important;
}
header .header__content p.as-hero__sub {
    font-family: var(--font-heading);
    font-size: .75rem;
    letter-spacing: var(--track-eyebrow);
    text-transform: uppercase;
    color: rgba(255, 255, 255, .5) !important;
    margin: var(--space-lg) 0 0;
}


section.foto-blok br {
    display: none;
}

@media only screen and (max-width: 991px) {
html {font-size: 13px!important;}
header div.header {
    text-align: left;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 100% !important;
}
li.as-topbar__nadruk {
    display: none;
}
.as-topbar__melding {
    display: none;
}
.blog_text {
    padding-left: 15px;
    padding-right: 15px;
}
.single-post section.page .container {
    padding: 0;
}
section.treatments.shortcode .treatments .col-xs-24.col-sm-12 {
    width: 100%;
}
header>div.wrapper {
    min-height: 60px;
}
figure.as-figure_small, .as-figure--21x8, .single-post figure.featured-image {
    aspect-ratio: 13 / 8!important;
}
.as-split, .as-split-treat, .as-grid, .as-grid--4, .as-lijst a {
    grid-template-columns: 1fr!important;
}
.foto-blok .container {
    padding: 0;
}
footer div.socket {
    font-size: 12px!important;
}
footer table.opening_hours {
    text-align: left;
    margin: 0 auto;
}
footer > .container .row > div:not(footer > .container .row > div:nth-child(1)) {
    margin-top: 65px;
}
footer.footer-cta-above {
    text-align: center;
}
footer div.column > h4 {
    margin: 0 auto var(--space-md)!important;
}
.as-marks {
    flex-direction: column;
    text-align: center;
    align-items: center!important;
}
.as-footer-cta__inner {
    justify-content: center!important;
    text-align: center!important;
}
.as-footer-cta__action .btn {
    margin-bottom: -18px!important;
}
    .logo-bar-logo img {
        max-height: 40px !important;
        max-width: 90px !important;
    }
    .logo-bar-logo {
        width: 130px !important;
        height: 70px !important;
    }
    .logo-bar_parent {
        display: grid !important;
        grid-template-columns: repeat(3, 130px);
    }
    .as-media, .ac-as-split {
        grid-template-columns: 1fr!important;
        gap: var(--space-2xl)!important;
    }
header .header__content h1, header .header__content p {
    color: #fff !important;
    text-align: left;
}
header nav.navbar-default div.navbar-header div.holder, header div.header div.holder {
    min-height: 50px;
    height: 70px;
}
header div.header div.wrapper img.logo {
    max-width: 155px;
}
header nav.navbar-default {
    background: var(--color-green-soft);
}
header button.navbar-toggle {
    color: var(--color-brand);
}
.as-punten {
    grid-template-columns: 1fr!important;
}
}


.as-narrow {
    max-width: 40rem;
}

.as-eyebrow {
    font-family: var(--font-heading);
    font-weight: 400;
    font-size: var(--text-label);
    letter-spacing: var(--track-eyebrow);
    text-transform: uppercase;
    color: var(--color-brand);
    margin: 0 0 var(--space-lg);
}
.as-rule {
    width: 3.25rem;
    height: 1px;
    background: var(--color-brand);
    margin: var(--space-lg) 0;
}
.as-link {
    display: inline-block;
    font-family: var(--font-heading);
    font-weight: 400;
    font-size: var(--text-label);
    letter-spacing: var(--track-label);
    text-transform: uppercase;
    color: var(--color-brand) !important;
    border-bottom: 0 !important;
    text-decoration: none;
    transition: color var(--speed) var(--ease);
}

blockquote.as-quote {
    border: none;
    padding: 0 !important;
    margin: 0 auto !important;
    max-width: 40rem;
    text-align: center;
}
blockquote.as-quote p {
    font-family: var(--font-heading);
    font-weight: 400;
    font-size: clamp(1.9rem, 3.6vw, 2.625rem);
    line-height: 1.4;
    text-transform: lowercase;
    color: #fff !important;
    max-width: 16ch;
    margin: 0 auto;
}
.as-quote .as-rule {
    margin: var(--space-xl) auto 0;
}

.as-media {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(2rem, 6vw, 6rem);
    align-items: center;
}
.as-chips {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
    list-style: none;
    padding: 0;
    margin: var(--space-xl) 0 0;
}
.as-chip {
    display: inline-block;
    font-family: var(--font-heading);
    font-weight: 400;
    font-size: .8125rem;
    letter-spacing: .13em;
    text-transform: lowercase;
    color: var(--color-brand-dark) !important;
    background: transparent;
    border: 1px solid var(--border-color);
    padding: .6875rem 1.25rem;
    text-decoration: none;
    transition: background .45s var(--ease), color .45s var(--ease), border-color .45s var(--ease);
}
.as-steps {
    list-style: none;
    margin: var(--space-2xl) 0 0;
    padding: 0;
    border-top: 1px solid var(--border-color);
}
.as-steps li {
    display: flex;
    align-items: baseline;
    gap: var(--space-lg);
    padding: var(--space-md) 0;
    border-bottom: 1px solid var(--border-color);
}
.as-steps__label {
    flex: 0 0 5rem;
    font-family: var(--font-heading);
    font-weight: 400;
    font-size: var(--text-label);
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--color-brand);
}
.as-steps__text {
    color: var(--color-text-muted);
}
.as-figure--4x5 {
    aspect-ratio: 4 / 5;
}
.as-figure, .single-post figure.featured-image {
    position: relative;
    overflow: hidden;
    margin: 0;
    background: var(--color-sand);
}
.as-figure:after, .single-post figure.featured-image::after {
    content: "";
    position: absolute;
    inset: var(--space-sm);
    border: 1px solid rgba(255, 255, 255, .42);
    pointer-events: none;
}
.as-figure img, .single-post figure.featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0;
}
.as-chip:hover, .as-chip:focus {
    background: var(--color-brand-dark);
    color: var(--color-brand-light) !important;
    border-color: var(--color-brand-dark);
}

.section__dark {background: var(--color-brand-dark);}
.section__light {background: var(--color-bg-alt);}
.section__sand {background: var(--color-sand);}

main section, section.treatments {
    padding: var(--as-section-space) 0;
}

.as-eyebrow--muted {
    color: var(--color-taupe);
    letter-spacing: var(--track-label);
}

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

body {
background: var(--color-bg-body);
    color: var(--color-text-main);
    font-family: var(--font-body);
    font-weight: 300;
    font-size: var(--text-body);
    line-height: 1.85;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading)!important;
    font-weight: 400;
    color: var(--color-text-main) !important;
    letter-spacing: .005em;
margin: 2.75rem 0 1.05rem;
line-height: 1.15;
}

h1{font-size:var(--text-h1);line-height:1.18;margin:0 0 var(--space-md)}
h2{font-size:var(--text-h2);line-height:1.32;margin:0 0 var(--space-lg)}
h3{font-size:var(--text-h3);line-height:1.5;margin:0 0 var(--space-sm)}
h4{font-weight:400;font-size:var(--text-label);letter-spacing:var(--track-label);text-transform:uppercase;margin:0 0 var(--space-md)}

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

.smallmargin {
    margin-top: 1.15rem;
}

p {margin-bottom: 1.15rem;}

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

.relative, main section {
    position: relative;
}
ol, ul {
    margin-bottom: 1.15rem;
}

img {
    height: auto;
}

@media only screen and (max-width: 991px) {
.gallery .gallery-item {
    width: 100%;
}
.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;
}
}

.logo-bar_parent {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding: 20px 24px 0;
    gap: 12px;
}
.logo-bar-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    padding: 0 12px;
    width: 160px;
    height: 90px;
    box-sizing: border-box;
}
.logo-bar-logo img {
    max-height: 60px;
    max-width: 106px;
    width: auto;
    height: auto;
    object-fit: contain;
    filter: invert(0.5);
}
section.as-arlette-blok {
    padding-bottom: 0;
}
section.as-partners {
    padding-top: var(--space-2xl);
}

.as-footer-cta__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-xl) var(--space-2xl);
    margin: 0 auto;
    padding-bottom: var(--space-3xl);
    margin-bottom: var(--space-3xl);
    border-bottom: 1px solid rgba(232, 211, 168, .22);
}
.as-footer-cta__body {
    max-width: 34rem;
}
.as-footer-cta__body h2 {
    margin: 0;
    color: white !important;
}
.as-tight {
    max-width: 14ch;
}

.as-footer-cta__action {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-md);
}
.as-footer-cta__alt {
    font-size: var(--text-small);
    margin: 0;
    color: rgba(255, 255, 255, .6) !important;
}
.as-marks {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--space-md) var(--space-2xl);
    padding-bottom: var(--space-xl);
}

.as-mark {
    display: block;
    font-family: var(--font-heading);
    font-weight: 300;
    font-size: 1.3125rem;
    letter-spacing: .16em;
    text-transform: lowercase;
    color: #fff;
}
.as-mark__name {
    font-weight: 400;
    color: var(--color-brand-light);
}
.as-mark__sub {
    display: block;
    margin-top: var(--space-xs);
    font-size: .59375rem;
    letter-spacing: var(--track-label);
    text-transform: uppercase;
    color: rgba(255, 255, 255, .6) !important;
}
.footer-cta {
    text-align: left;
    background: var(--color-brand-dark) !important;
    padding-top: clamp(3rem, 7vw, 5.5rem);
    padding-bottom: 0;
}
footer div.column > h4 {
    color: var(--color-brand-light) !important;
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid var(--border-color-dark);
    margin: 0 0 var(--space-md);
    width: fit-content;
}

footer div.socket {
    padding: 15px 0 45px;
    margin-top: 60px;
}
footer div.socket .container {
    padding-top: 45px;
    border-top: 1px solid rgba(232, 211, 168, .22);
}
footer div.socket img[alt=netbeauty] {
    filter: invert(0.4);
}
footer, footer .socket, footer div.socket a, footer div.socket a:hover {
    color: rgba(255, 255, 255, .6) !important;
}
table.opening_hours tr>td:first-of-type {
    width: 140px;
}
.as-footer-cta__alt a {
    color: rgba(255, 255, 255, .6) !important;
    border-bottom: 1px solid var(--border-color-dark);
}
footer .column a:hover {
    color: var(--color-brand-light) !important;
}
footer .column a {
    color: var(--color-on-dark) !important;
    transition: color var(--speed) var(--ease);
}
footer div.social-media ul li a:hover {
    background: var(--color-brand-light) !important;
}

.as-footer-cta__action .btn {
    margin: 0;
    width: 100%;
    margin-bottom: -35px;
}


#whatsapp_button {
    position: fixed;
    bottom: 30px;
    left: 30px;
    z-index: 99;
    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;
}

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


.as-split {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: clamp(2rem, 6vw, 6rem);
    align-items: start;
}
.as-inleiding {
    font-size: 1.2875rem !important;
    line-height: 1.8;
    color: var(--color-text-main) !important;
    font-weight: 600;
}
.as-statement {
    font-family: var(--font-heading);
    font-weight: 400;
    font-size: clamp(1.375rem, 2.8vw, 2rem);
    line-height: 1.4;
    color: var(--color-brand-dark) !important;
    max-width: 26ch;
    margin: var(--space-xl) 0 0;
}
.as-kop-regel {
    display: block;
    margin-top: var(--space-sm);
    font-size: clamp(1.375rem, 3vw, 2.125rem);
    color: var(--color-brand);
}

.as-figure--21x8 {
    aspect-ratio: 21 / 8;
}

.as-lijst {
    list-style: none;
    margin: var(--space-2xl) 0 0;
    padding: 0;
    border-top: 1px solid var(--border-color);
}
.as-lijst > li {
    border-bottom: 1px solid var(--border-color);
}
.as-lijst a {
    display: grid;
    grid-template-columns: 1fr 1.2fr auto;
    align-items: baseline;
    gap: var(--space-lg);
    padding: var(--space-lg) var(--space-md);
    text-decoration: none;
    border-bottom: 0 !important;
    transition: background var(--speed) var(--ease), padding var(--speed) var(--ease);
}
.as-lijst__naam {
    font-family: var(--font-heading);
    font-weight: 300;
    font-size: clamp(1.375rem, 2.6vw, 2rem);
    line-height: 1.15;
    text-transform: lowercase;
    color: var(--color-brand-dark);
    transition: color var(--speed) var(--ease);
}
.as-lijst__meta {
    font-size: var(--text-small);
    font-style: italic;
    color: var(--color-taupe);
    transition: color var(--speed) var(--ease);
}
.as-lijst__pijl {
    font-family: var(--font-heading);
    font-size: var(--text-label);
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--color-brand);
    opacity: 0;
    transition: opacity var(--speed) var(--ease);
}
.as-lijst a:hover, .as-lijst a:focus {
    background: var(--color-brand-dark);
    padding-left: var(--space-xl);
}
.as-lijst a:hover .as-lijst__pijl, .as-lijst a:focus-visible .as-lijst__pijl {
    opacity: 1;
}
.as-lijst a:hover .as-lijst__naam {
    color: #fff;
}

.as-donker .as-eyebrow {
    color: var(--color-brand-light);
}
.as-flow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-sm) var(--space-lg);
    list-style: none;
    margin: 0 0 var(--space-2xl);
    padding: 0;
}
.as-flow li {
    font-family: var(--font-heading);
    font-weight: 300;
    font-size: clamp(1rem, 2.2vw, 1.625rem);
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--color-brand-light);
}
.as-flow li + li:before {
    content: "\2192";
    margin-right: var(--space-lg);
    color: var(--color-brand);
}

.as-grid--4 {
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(1.5rem, 3vw, 3rem);
}

.as-grid {
    display: grid;
    gap: clamp(1rem, 2.2vw, 2rem);
}
.as-stap {
    padding-top: var(--space-md);
    border-top: 1px solid var(--border-color-dark);
}
.as-stap__nr {
    display: block;
    font-family: var(--font-heading);
    font-size: var(--text-label) !important;
    letter-spacing: var(--track-label);
    color: var(--color-brand) !important;
    margin-bottom: var(--space-sm);
}
.as-stap h3 {
    font-size: 1.25rem;
    margin: 0 0 var(--space-sm);
}
.as-stap p {
    font-size: var(--text-small);
}
.as-donker p {
    color: var(--color-on-dark)!important;
}
.as-donker h2, .as-donker h3 {
    color: #fff !important;
}

.as-knoppen .btn {
    margin: 0;
}
.as-knoppen {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md);
    margin-top: var(--space-2xl);
}
.foto-blok {
    padding: 0;
}

#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item > a.mega-menu-link {
    padding: 0px 15px .1875rem!important;
    font-family: var(--font-heading);
    font-size: .75rem;
    letter-spacing: .16em;
    text-transform: lowercase;
    color: rgba(255, 255, 255, .72) !important;
    border-bottom: 1px solid transparent !important;
    transition: color var(--speed) var(--ease), border-color var(--speed) var(--ease);
}
    #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item > a.mega-menu-link:focus {
        color: var(--color-brand) !important;
        border-color: var(--color-brand) !important;
    }

#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-flyout ul.mega-sub-menu, #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu {
    background-color: var(--color-brand-dark)!important;
    box-shadow: 0 24px 60px rgba(4, 38, 46, .32);
    padding: var(--space-lg) 15px;
}
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link, #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link, #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 {
    color: var(--color-on-dark) !important;
    padding-left: calc(var(--space-lg) - 2px);
    padding: var(--space-sm) var(--space-lg);
    font-family: var(--font-heading);
    font-size: .8125rem;
    letter-spacing: .08em;
    text-transform: lowercase;
    text-decoration: none;
    transition: color var(--speed) var(--ease), padding var(--speed) var(--ease), border-color var(--speed) var(--ease);
}

#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus, #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link:focus, #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:hover, #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:focus {
    color: var(--color-brand) !important;
    padding-left: calc(var(--space-lg) + var(--space-sm));
}

#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, #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 {
    color: white;
    font-family: inherit;
    font-size: 16px;
    text-transform: none;
    text-decoration: none;
    font-weight: normal;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    vertical-align: top;
    display: block;
    border: 0;
    font-family: var(--font-heading);
    font-weight: 400 !important;
    font-size: var(--text-label);
    letter-spacing: var(--track-label);
    text-transform: uppercase;
    padding-bottom: var(--space-sm);
    margin: 0 0 var(--space-md);
    border-bottom: 1px solid var(--border-color) !important;
}

#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, #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-family: var(--font-heading);
    font-weight: 400 !important;
    font-size: var(--text-label);
    letter-spacing: var(--track-label);
    text-transform: uppercase;
    padding-bottom: var(--space-sm);
    margin: 0 0 var(--space-md);
    border-bottom: 1px solid var(--border-color) !important;
}


figure.as-figure_small, .single-post figure.featured-image {
    aspect-ratio: 34 / 8;
}

.as-split-treat {
    display: grid;
    grid-template-columns: 1.7fr 1fr;
    gap: clamp(2rem, 6vw, 6rem);
    align-items: start;
}
.as-split-text h2:not(.as-split-text h2:nth-child(1)), .blog_text h2, .page-template-template-fullwidth .content h2:not(.page-template-template-fullwidth .content h2:first-child) {
    margin-top: 65px;
}

.as-split-sub:first-child {
    margin-bottom: 35px;
}
.as-split-sub {
    background: var(--color-bg-body);
    border: 1px solid var(--border-color);
    padding: clamp(1.5rem, 3vw, 2.5rem) clamp(1.5rem, 3vw, 2.1rem);
}
.as-split-sub h3 {
    font-weight: 600;
    padding-bottom: 15px;
    margin: 0 0 var(--space-xl);
    border-bottom: 1px solid var(--border-color);
    font-size: clamp(1.625rem, 3.4vw, 0.9rem);
}
.as-split-sub.sub_intake {
    background: var(--color-sand);
}
.as-split-sub.sub_intake .btn {
    margin-top: 45px;
}

.as-todo {
    background: #F7F4EE;
    border-radius: 4px;
    padding: clamp(1.25rem, 2.5vw, 1.75rem);
    margin: var(--space-lg) 0;
}
.as-todo h3 {
    font-family: var(--font-heading);
    font-weight: 500;
    font-size: .9375rem;
    letter-spacing: .02em;
    text-transform: none;
    color: var(--color-text-main) !important;
    margin: 0 0 var(--space-sm);
}
.as-todo p {
    font-size: var(--text-small);
    color: var(--color-brand);
    margin: 0;
}

a.analyse_link::before {
    content: "→";
    margin-right: 7px;
}
a.analyse_link {
    display: inline-block;
    font-family: var(--font-heading);
    font-weight: 400;
    color: var(--color-brand) !important;
    border-bottom: 0 !important;
    transition: color var(--speed) var(--ease);
    margin-top: 15px;
    position: relative;
}
a.analyse_link:hover {
    opacity: 0.7;
}


section.sfeer-blok {
    background: var(--color-bg-alt);
}
.as-midden {
    max-width: 44rem;
    margin: 0 auto;
    text-align: center;
}
.as-woorden {
    list-style: none;
    max-width: 34rem;
    margin: var(--space-2xl) auto 0;
    padding: 0;
}
.as-woorden li + li {
    border-top: 1px solid var(--border-color);
}
.as-woorden li {
    font-family: var(--font-heading);
    font-weight: 500;
    font-size: clamp(1.5rem, 3.4vw, 2.375rem);
    line-height: 1.45;
    text-transform: lowercase;
    color: var(--color-brand-dark);
    padding: var(--space-md) 0;
}
.as-grid--3 {
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(2rem, 5vw, 4.5rem);
}

section.beh_kop {
    background: var(--color-green-soft);
}
section.beh_kop h1.as-hero__title {
    color: white !important;
    font-weight: 500;
}
section.beh_kop .as-hero__sub {
    font-family: var(--font-heading);
    font-size: .75rem;
    letter-spacing: var(--track-eyebrow);
    text-transform: uppercase;
    color: rgba(255, 255, 255, .5);
    margin: var(--space-lg) 0 0;
}
.as-panel--boeken {
    background: var(--color-brand-dark);
    border-color: var(--color-brand-dark);
    border: 1px solid var(--border-color);
    padding: clamp(1.5rem, 3vw, 2.5rem);
}

.as-panel--boeken h3 {
    font-family: var(--font-heading);
    font-weight: 400;
    font-size: var(--text-label);
    letter-spacing: var(--track-label);
    text-transform: uppercase;
    color: var(--color-brand) !important;
    padding-bottom: var(--space-sm);
    margin: 0 0 var(--space-md);
    border-bottom: 1px solid var(--border-color);
}
.as-specs {
    list-style: none;
    margin: 0 0 var(--space-lg);
    padding: 0;
}
.as-panel--boeken .as-specs li {
    border-color: var(--border-color-dark);
}
.as-specs li {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--space-md);
    padding: var(--space-sm) 0;
    border-bottom: 1px solid var(--border-color);
}
.as-panel--boeken .as-specs__label {
    color: var(--color-brand-light);
}
.as-specs__label {
    font-family: var(--font-heading);
    font-size: var(--text-label);
    letter-spacing: var(--track-label);
    text-transform: uppercase;
    color: var(--color-taupe);
}
.as-panel--boeken .as-specs__waarde {
    color: #fff;
}
.as-specs__waarde {
    font-size: var(--text-small);
    color: var(--color-text-main);
}

.as-panel--boeken a.btn.btn-primary {
    background: var(--color-brand) !important;
    width: 100%;
}
.as-panel--boeken a.btn.btn-analyse {
    color: var(--color-brand-light) !important;
    border-color: var(--border-color-dark) !important;
    width: 100%;
}
.as-panel--boeken a.btn.btn-primary:hover {
    background: var(--color-brand) !important;
    opacity: 0.8;
}

.as-split-text ul {
    margin: var(--space-xl) 0;
    padding-inline-start: 0;
    list-style: none;
}
.as-split-text ul li {
    position: relative;
    padding: var(--space-md) 0 var(--space-md) 3rem;
    border-bottom: 1px solid var(--border-color);
    color: var(--color-text-muted);
}
.as-split-text ul li:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 2px;
    background: var(--color-brand);
    left: 9px;
    top: 26px;
}

.as-nummers {
    list-style: none;
    counter-reset: as-n;
    margin: var(--space-xl) 0;
    padding: 0;
}
.as-nummers li:first-child, .as-split-text ul li:first-child {
    border-top: 1px solid var(--border-color);
}
.as-nummers li {
    counter-increment: as-n;
    position: relative;
    padding: var(--space-md) 0 var(--space-md) 3rem;
    border-bottom: 1px solid var(--border-color);
    color: var(--color-text-muted);
}
.as-nummers li:before {
    content: counter(as-n, decimal-leading-zero);
    position: absolute;
    left: 0;
    top: var(--space-md);
    font-family: var(--font-heading);
    font-size: var(--text-label);
    letter-spacing: .2em;
    color: var(--color-brand);
}

section.treatments_blok section.treatments.shortcode h3 {
    display: none;
}


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 {
    height: 100% !important;
    width: 100%;
    position: relative;
}
section.archive.treatments div.treatments div.item img, section.treatments.shortcode div.treatments div.item img {
    width: 100%;
    height: 350px;
    object-fit: cover;
}

div.treatments > div > div > div > a:nth-child(2), section.treatments> div > div > div > div > div > a:nth-child(2) {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 98px 5px 8px;
    border-radius: var(--radius-md);
    text-align: center;
    right: 0;
    margin: 0 auto;
    background: linear-gradient(0deg, rgb(4 38 46) 0%, rgba(237, 221, 83, 0) 100%);
}
section.archive.treatments div.treatments div.item h4 {
    font-weight: 500;
    font-size: 16px;
    position: relative;
    margin: 0;
    text-transform: inherit;
}
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 {
    font-size: 18px;
    font-weight: 400;
    text-transform: lowercase;
    color: white !important;
    letter-spacing: 0;
    max-width: 90%;
}
.treatments_blok .as-narrow {
    max-width: 50rem;
    margin-bottom: 80px;
}
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;
    opacity: 0.8;
}
.treatments_blok > div > section > div > div > div > div > a:nth-child(1)::after {
    content: "";
    position: absolute;
    inset: var(--space-sm);
    border: 1px solid rgba(255, 255, 255, .42);
    pointer-events: none;
    z-index: 1;
}

.as-persoon__rol {
    display: block;
    font-family: var(--font-heading);
    font-size: var(--text-label);
    letter-spacing: var(--track-label);
    text-transform: uppercase;
    color: var(--color-brand);
    margin-bottom: var(--space-md);
}
.as-figure--4x5 {
    aspect-ratio: 4 / 5;
}
.as-grid--2 {
    grid-template-columns: repeat(2, 1fr);
}
.as-persoon__media {
    margin-bottom: var(--space-lg);
}
.as-persoon h3 {
    font-size: 1.875rem;
    margin: 0 0 var(--space-xs);
}
.as-persoon__dagen {
    display: block;
    margin-top: var(--space-md);
    padding-top: var(--space-sm);
    border-top: 1px solid var(--border-color);
    font-family: var(--font-heading);
    font-size: var(--text-label);
    letter-spacing: .12em;
    color: var(--color-taupe);
}

.team-blok .as-grid {
    gap: clamp(5rem, 2.2vw, 10rem);
}
.as-figure--1x1 {
    aspect-ratio: 1 / 1;
}
.as-figure--1x1 img {
    object-position: top;
}

header>div.wrapper.title_in_header .header__content {
    background: var(--color-bg-body);
}
div.breadcrumbs {
    display: none;
}
header>div.wrapper.title_in_header .header__content .page-header h1 {
    margin: 0;
    color: var(--color-text-main) !important;
    border: none !important;
    line-height: 1.18 !important;
}

.behandelingen-template-front-page .header__content, .page-template-front-page .header__content {
    display: none;
}
header>div.wrapper.title_in_header .header__content {
    min-height: unset;
    padding: var(--as-section-space) 0 0;
}

.bloglayout-card article.post figure img {
    aspect-ratio: 4 / 3;
}
.bloglayout-card article.post time.updated {
    display: none;
}
.bloglayout-card article.post header {
    padding-bottom: 0;
    padding-top: 30px;
}
.bloglayout-card article.post header h2.h3.entry-title {
    font-size: 1.575rem;
    line-height: 1.3;
    transition: color var(--speed) var(--ease);
}
.bloglayout-card article.post header h2.h3.entry-title a {
    color: var(--color-text-main) !important;
}

.bloglayout-card article.post .entry-summary .btn {
    position: absolute;
    left: 0;
    top: 0;
    background: transparent !important;
    width: 100%;
    height: 100%;
    color: transparent !important;
    overflow: hidden;
    border: none ! Important;
    margin: 0;
}
.bloglayout-card article.post {
    position: relative;
border: 0px solid #e6e6e6;
    transition: 1.2s all ease;
}
.bloglayout-card article.post:hover {
    transform: translateY(-20px);
}
.bloglayout-card article.post::after {
    content: "Lees verder";
    border-bottom: 1px solid;
    width: fit-content;
    left: 20px;
    position: relative;
    bottom: 30px;
    transition: 0.8s all ease;
}
.bloglayout-card article.post:hover::after {
    color: var(--color-brand) !important;
}


@media only screen and (min-width: 1400px) {
    .blog_text {
        width: 1370px;
margin: 0 auto;
    }
}

@media (min-width: 1200px) {
    .blog_text{
        width: 1170px;
margin: 0 auto;
    }
}
.blog_text {
    padding-top: var(--as-section-space);
}

.blog_text p.as-statement {
    margin-top: 0;
    margin-bottom: 35px;
}

.single-post section.page .container {
        overflow: hidden;
    }

.btn_fly.btn_fly_ready {
  opacity: 0;
  visibility: hidden;
  transform: translateY(16px);
  transition: opacity .4s ease, transform .4s ease, visibility .4s;
}

.btn_fly.btn_fly_ready.btn_fly_zichtbaar {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.btn_fly {
    right: 25px;
    position: fixed;
    bottom: 18px;
    z-index: 99;
    outline: none;
    cursor: pointer;
    box-shadow: rgb(0 0 0 / 30%) 0px 3px 15px !important;
    display: block;
    width: fit-content;
    background: var(--color-green-soft) !important;
}


section.kop-blok {
    background: var(--color-brand-dark);
}
.as-donker h1 {
    color: white !important;
}
.as-midden .as-statement {
    margin-left: auto;
    margin-right: auto;
}
.as-midden .as-knoppen {
    justify-content: center;
}

.ac-as-split {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: clamp(2rem, 6vw, 6rem);
    align-items: start;
}
.as-info {
    background: var(--color-bg-body);
    border: 1px solid var(--border-color);
    padding: clamp(1.5rem, 3vw, 2.5rem);
}

.as-info h3:not(.as-info h3:first-child) {
    margin-top: 45px;
}
.as-info h3 {
    font-family: var(--font-heading);
    font-weight: 400;
    font-size: var(--text-label);
    letter-spacing: var(--track-label);
    text-transform: uppercase;
    color: var(--color-brand) !important;
    padding-bottom: var(--space-sm);
    margin: 0 0 var(--space-md);
    border-bottom: 1px solid var(--border-color);
}
.as-info .btn {
    width: 100%;
    color: #fff !important;
    margin-top: 25px;
}
.as-info a {
    color: #04262E !important;
    border-bottom: 1px solid;
}
.as-info a:hover {
    color: var(--color-brand) !important;
}

.as-punten {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 clamp(2rem, 5vw, 4rem);
    margin: var(--space-2xl) 0 0;
    padding: 0;
}
.as-punten li {
    padding: var(--space-md) 0;
    border-top: 1px solid var(--border-color);
    font-family: var(--font-heading);
    font-weight: 400;
    font-size: 1.0625rem;
    color: var(--color-brand-dark);
}
.as-punten li:before {
    content: "\2014";
    margin-right: var(--space-md);
    color: var(--color-brand);
}

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

.labelshow .nf-field .field-wrap .nf-field-label label {
    font-weight: 500 !important;
    font-family: var(--font-heading);
    font-size: var(--text-label) !important;
    letter-spacing: var(--track-label);
    text-transform: uppercase;
    color: var(--color-taupe);
    margin-bottom: var(--space-sm);
    margin-top: 23px;
}
.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=submit]), .nf-form-content textarea {
    padding: var(--space-xl) var(--space-md) !important;
    background: transparent !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 0 !important;
    font-family: var(--font-body) !important;
    font-weight: 300;
    font-size: var(--text-body) !important;
    color: var(--color-text-main) !important;
}

.as-formulier {
    max-width: 59rem;
}

.as-topbar__inner {
    display: flex;
    align-items: center;
    gap: var(--space-lg);
    margin: 0 auto;
    padding: var(--space-sm) 0;
    justify-content: space-between;
}
header .topbar {
    background: var(--color-bg-body);
    border-bottom: 1px solid var(--border-color);
    font-family: var(--font-heading);
    font-size: var(--text-label);
    letter-spacing: .14em;
    text-transform: lowercase;
font-weight: 400;
}
.as-topbar__melding {
    color: var(--color-taupe);
}
.as-topbar a {
    color: var(--color-brand) !important;
    border-bottom: 0 !important;
    text-decoration: none;
    transition: color var(--speed) var(--ease);
}
.as-topbar__links {
    display: flex;
    align-items: center;
    gap: var(--space-lg);
    list-style: none;
    margin: 0;
    padding: 0;
}
.as-topbar__nadruk a {
    color: var(--color-brand-dark) !important;
    border-bottom: 1px solid var(--color-brand) !important;
    padding-bottom: 1px;
}

section.widget h3 {
    font-family: var(--font-heading);
    font-weight: 400;
    font-size: var(--text-label);
    letter-spacing: var(--track-label);
    text-transform: uppercase;
    color: var(--color-brand-dark) !important;
    padding-bottom: var(--space-sm);
    margin: 0 0 var(--space-md);
    border-bottom: 1px solid var(--border-color);
}
section.widget {
    margin-bottom: var(--space-2xl);
}

.woocommerce .woocommerce-product-search [type=submit] {
    margin-top: 15px;
    display: block;
    padding: 11px 15px !important;
    width: 100%;
}
section.woocommerce.widget_product_search input {
    width: 100% !important;
    padding: 19px 15px;
    background: var(--color-bg-alt);
    border: 1px solid var(--color-brand);
    color: var(--color-text-main) !important;
}

.tax-product_cat section.woocommerce .col-xs-48 > .row:before, .tax-product_cat section.woocommerce .col-xs-48 > .row:after, .woocommerce .widget_product_categories ul li:before {
    display: none;
}

.tax-product_cat section.woocommerce .col-xs-48 > .row {
    display: flex;
    gap: 9.5rem;
    justify-content: space-around;
}
.tax-product_cat section.woocommerce .col-xs-48 > .row > div {
    padding: 0;
}
.woocommerce .widget_product_categories ul, aside div.block.treatments ul {
    border: 0px solid #e6e6e6;
}
.woocommerce .widget_product_categories ul li, aside div.block.treatments ul li {
    border-bottom: 0px solid #e6e6e6;
    padding: 0;
}
aside div.block.treatments ul li a, .woocommerce .widget_product_categories ul li a, .woocommerce .widget_product_categories ul li span {
    font-family: var(--font-heading);
    font-size: .9375rem;
    border-bottom: 0 !important;
    text-decoration: none;
    font-weight: 400;
    transition: 0.8s all ease;
    display: block;
    width: 100%;
    padding: var(--space-sm) var(--space-md);
}
aside div.block.treatments ul li:hover, .woocommerce .widget_product_categories ul li:hover {
    background: transparent !important;
}
.woocommerce .widget_product_categories ul li:hover a {
    color: var(--color-text-muted) !important;
}
.woocommerce .widget_product_categories ul li a:hover {
    transform: translateX(10px);
    transition: 0.8s all ease;
    color: var(--color-brand) !important;
}
.woocommerce .widget_product_categories ul li.current-cat A {
    font-weight: 600 !important;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: var(--color-bg-alt);
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: var(--color-brand);
}

.woocommerce ul.products li.product a img {
    background: var(--color-bg-alt);
    padding: 15px;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    margin: 0 0 var(--space-xs);
    font-weight: 500;
padding: 0!important;
    font-size: 1.325rem;
    line-height: 1.35;
    color: var(--color-brand-dark) !important;
    transition: color var(--speed) var(--ease);
}
.woocommerce ul.products li.product:hover h2 {
    color: var(--color-brand) !important;
}

.woocommerce ul.products li.product .product-usps, .woocommerce ul.products li.product .stock-message {
    font-size: .857em;
    display: none;
}
.woocommerce ul.products li.product a .price {
    display: block;
    font-weight: 400;
    margin-bottom: .5em;
    font-size: .857em;
    display: block;
    font-family: var(--font-heading);
    font-size: .9375rem;
    color: var(--color-brand) !important;
}

.woocommerce div.product div.summary p.price {
    font-family: var(--font-heading);
    font-weight: 500;
    font-size: 1.5rem;
    color: var(--color-brand-dark) !important;
    margin: 0 0 var(--space-lg);
    padding-bottom: var(--space-lg);
    margin-bottom: var(--space-lg);
    border-bottom: 1px solid var(--border-color);
}

.woocommerce div.product form.cart .variations {
    margin: 55px 0;
    background: var(--color-bg-alt);
    padding: 25px !important;
    display: block;
}
.woocommerce div.product form.cart .variations tr {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.woocommerce div.product form.cart .variations label {
    font-weight: 700 !important;
    font-size: 18px;
}
.woocommerce div.product form.cart .variations select {
    border: 1px solid var(--color-brand);
    padding: 15px 65px 15px 15px;
}
.woocommerce div.product form.cart .reset_variations {
    margin-top: 15px;
    display: block;
}
.woocommerce .quantity .qty {
    padding: 13px 12px;
}

.woocommerce div.product .product_meta {
    padding-top: var(--space-lg);
    border-top: 1px solid var(--border-color);
    font-family: var(--font-heading);
    font-size: var(--text-label);
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--color-taupe);
}
.woocommerce div.product .product_meta > span {
    display: block;
    padding: var(--space-xs) 0;
}
.woocommerce div.product .product_meta a {
    color: var(--color-brand) !important;
    border-bottom: 0 !important;
    text-decoration: none;
}

.woocommerce div.product div.images {
    margin-bottom: 8em;
}
.woocommerce div.product .woocommerce-tabs .panel {
    padding: 65px 15px;
    background: var(--color-bg-alt);
    margin-bottom: 8em;
}
ul.tabs.wc-tabs {
    display: none;
}

@media only screen and (max-width: 1450px) {
footer div.socket {
    padding-bottom: 80px!important;
}
}

.fa-twitter:before {
    content: "" !important;
    background-image: url(/wp-content/uploads/sites/349/2026/09/x_logo.png);
    width: 37%;
    height: 37%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    left: 13px;
    top: 13px;
}
div.social-media ul li a {
    position: relative;
}

/* --- Leesbaarheid: tekstgroottes (html staat op 13px; tokens hierboven verhoogd) --- */
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item > a.mega-menu-link { font-size: 1.0625rem; }
@media (min-width: 992px) and (max-width: 1399px) {
  #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item > a.mega-menu-link { font-size: 1rem; letter-spacing: .1em; padding-left: 10px !important; padding-right: 10px !important; }
}
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link,
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link,
#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: 1.0625rem; }
.btn, .wpcf7-submit, .woocommerce span.onsale, .woocommerce a.button, .woocommerce .button, [type="submit"], .nf-form-content input[type=submit] { font-size: 1rem !important; }
header .header__content p.as-hero__sub,
section.beh_kop .as-hero__sub { font-size: .9375rem; }
.as-chip { font-size: 1rem; }
.as-inleiding { font-size: 1.5rem !important; }
.as-punten li { font-size: var(--text-body); }
.as-todo h3 { font-size: 1.125rem; }
aside div.block.treatments ul li a { font-size: 1.125rem; }
footer div.socket { font-size: 13px !important; }

/* --- Behandelpagina: afbeeldingen in de tekst --- */
.as-split-text .beh_image_text { margin: var(--space-xl) 0; }
.as-split-text .beh_image_text img { display: block; width: 100%; max-width: 26rem; height: auto; }
.as-split-text .beh_gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-md); margin: var(--space-xl) 0; }
@media (max-width: 600px) { .as-split-text .beh_gallery { grid-template-columns: repeat(2, 1fr); } }
.as-split-text .beh_gallery img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; }

/* --- Behandelpagina: boekzin in paneel --- */
.as-panel--boeken p.as-boek-zin { font-family: var(--font-body); font-style: italic; font-size: 1.35rem; line-height: 1.5; color: rgba(255, 255, 255, .85) !important; margin: var(--space-xl) 0 var(--space-lg); }

/* --- Overzichtspagina's: keuzehulp onder behandelingen --- */
.treatments_blok .as-narrow.as-keuzehulp { margin: 80px 0 0; }

/* --- Behandelpagina: tekstregel in boekpaneel --- */
.as-panel--boeken p.as-panel__tekst { color: var(--color-brand-light) !important; font-size: var(--text-small); line-height: 1.6; margin: 0 0 var(--space-lg); }

/* --- Citaat op lichte achtergrond --- */
section.intro.as-citaat-licht { padding-top: 0 !important; }
section.as-citaat-licht blockquote.as-quote p { color: var(--color-brand-dark) !important; }

/* --- Overzichtspagina's: afsluitende statement --- */
section.intro.as-afsluiter-blok .as-statement { margin: 0 auto; max-width: 36ch; }

/* --- Behandelpagina: regel onder statement --- */
.as-split-text .as-statement + p { margin-top: var(--space-md); }

/* --- Behandelpagina: accentblok 'Goed om te weten' en tweede kop in boekpaneel --- */
.as-weetje { background: var(--color-bg-alt); border-left: 2px solid var(--color-brand); padding: clamp(1.25rem, 2.5vw, 1.75rem); margin: var(--space-xl) 0 0; }
.as-weetje h3 { font-family: var(--font-heading); font-weight: 400; font-size: var(--text-label); letter-spacing: var(--track-label); text-transform: uppercase; color: var(--color-brand) !important; margin: 0 0 var(--space-sm); }
.as-weetje p { margin: 0; }
.as-panel--boeken .as-specs + h3 { margin-top: var(--space-xl); }

/* --- Inleiding lichter: minder zwaar dan vet, blijft groter en donkerder dan lopende tekst --- */
.as-inleiding { font-weight: 300; line-height: 1.65; }

/* --- Behandelpagina: voor/na-foto's --- */
.as-voorna { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-xl) var(--space-lg); margin: var(--space-lg) 0 0; }
.as-voorna figure { margin: 0; }
.as-voorna p { margin: 0; }
.as-voorna a { display: block; }
.as-voorna img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; }
.as-voorna figcaption { margin-top: var(--space-sm); font-family: var(--font-heading); font-size: var(--text-label); letter-spacing: var(--track-label); text-transform: uppercase; color: var(--color-brand); }
@media (max-width: 767px) { .as-voorna { grid-template-columns: repeat(2, 1fr); } }

/* --- Boekpaneel: prijslijst met behandeling boven en tijd/prijs eronder (Ontharen, Wimpers & wenkbrauwen) --- */
.as-panel--boeken .as-specs--lijst li { display: block !important; }
.as-panel--boeken .as-specs--lijst .as-specs__label, .as-panel--boeken .as-specs--lijst .as-specs__waarde { display: block; text-align: left; }
.as-panel--boeken .as-specs--lijst .as-specs__waarde { margin-top: 4px; }

/* Compacte hero voor kleine voetzorg-detailpagina's */
section.beh_kop:has(.as-hero__inner--compact) { padding-top: clamp(48px, 6vw, 80px) !important; padding-bottom: clamp(48px, 6vw, 80px) !important; }
section.beh_kop:has(.as-hero__inner--compact) ~ section.foto-blok .as-figure { aspect-ratio: 34 / 6 !important; }
section.beh_kop:has(.as-hero__inner--compact) ~ section.behan-verhaal { padding-top: clamp(56px, 7vw, 96px) !important; }

/* Kleine gastvrijheidsregel onder behandelstappen */
.as-split-text p.as-gastvrij { font-size: 0.875em; font-style: italic; opacity: .75; margin-top: calc(var(--space-md) * -0.25); }
.as-weetje p + p { margin-top: 0.6em; }

/* Uitgelichte zin in goud */
.as-split-text .as-statement--goud { color: #8c6a3e !important; border-left: 2px solid var(--color-brand); padding-left: var(--space-md); margin-top: var(--space-lg); max-width: 34ch; }
.as-midden .as-statement + p { margin-top: var(--space-md); }

/* Geen zwevende afspraakknop op de afspraakpagina */
body.page-id-20 .btn_fly { display: none !important; }
.as-weetje + h2, .as-weetje + h3 { margin-top: var(--space-xl); }

/* Productomschrijvingen: kopjes niet in hoofdletters */
.woocommerce-Tabs-panel--description :is(h1,h2,h3,h4,h5,h6),
.woocommerce-product-details__short-description :is(h1,h2,h3,h4,h5,h6) { text-transform: none; }

/* Opvallende melding bij productvariant (o.a. Refill) */
.single-product .woocommerce-variation-description p { margin: 0 0 var(--space-md); padding: 12px 16px 12px 44px; position: relative; background: #F6EBDA; color: var(--color-brand-dark) !important; border: 1px solid var(--color-brand); border-left: 4px solid var(--color-brand); font-size: 15px; line-height: 1.5; font-weight: 500; }
.single-product .woocommerce-variation-description p::before { content: "!"; position: absolute; left: 14px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; border-radius: 50%; background: var(--color-brand); color: #fff; font-weight: 700; font-size: 13px; line-height: 20px; text-align: center; }

/* Productcategorieen: subcategorieen inspringen */
.widget_product_categories ul.children { margin: 6px 0 10px 4px !important; padding-left: 14px !important; border-left: 1px solid var(--color-brand) !important; list-style: none; }
.widget_product_categories ul.children li a { font-size: 0.9375rem !important; }
.widget_product_categories li.current-cat > a { color: var(--color-brand) !important; }