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

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

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

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

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

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

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

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

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

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

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

  .woocommerce-info::before,
  .woocommerce-message::before {
  color: #482d21 !important;
  }

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

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



  header div.header {
  background-color: rgba(255, 255, 255, .5) !important;
  }
  header .sticky_menu_small div.header {
  background-color: rgb(255, 255, 255) !important;
  }

  @media only screen and (max-width : 992px) {
  header nav.navbar-default {
  background: none !important;
  }
  }





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

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





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

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

  header nav.navbar-default {
  background-color: rgba(72, 45, 33, .5) !important;
  }

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

  header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:hover,
  header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:focus,
  header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:active {
  color: #482d21 !important;
  }
  }


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





  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 #482d21;
  }

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


  header div.header div.contact i {
  color: #482d21;
  }

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

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

  section.partners {
  background: #482d21 !important;
  }

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

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

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

  footer div.socket,
  .footer-sticky {
  background: #482d21 !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: #482d21 !important;
  }

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

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

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

  /* latin-ext */
@font-face {
  font-family: 'Bodoni Moda';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bodonimoda/v28/aFTS7PxzY382XsXX63LUYJSPeKTcW2BO.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bodoni Moda';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bodonimoda/v28/aFTS7PxzY382XsXX63LUYJSPeKrcWw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bodonimoda/v28/aFTQ7PxzY382XsXX63LUYJSESKjEXw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bodonimoda/v28/aFTQ7PxzY382XsXX63LUYJSKSKg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zatBhPNqw73ord4iYl.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zatBhPNqw73oTd4g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* === Bliss Studio - basis en homepagina === */
/* Lettertypes (@font-face) staan hierboven, zie stap 1 */

/* --- Basis: tokens --- */
:root{--color-brand:#baab98;--color-brand-light:#f5f2eb;--color-brand-dark:#482d21;--brown-50:#faf8f4;--brown-100:#f5f2eb;--brown-200:#e9e2d6;--brown-300:#d6cbbb;--brown-400:#baab98;--brown-500:#9a8772;--brown-600:#7a6553;--brown-700:#5e4a3c;--brown-800:#482d21;--brown-900:#2f1d15;--color-text-main:var(--brown-800);--color-text-muted:var(--brown-700);--color-bg-body:#ffffff;--font-heading:'Bodoni Moda',Georgia,'Times New Roman',serif;--font-body:'Jost','Helvetica Neue',Arial,sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.75rem;--text-4xl:3.5rem;--text-5xl:5.75rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem;--section-y:var(--space-4xl);--bleed:15px;--radius-default:0;--border-color:var(--brown-200)}
@supports (color:color-mix(in oklab,red,blue)){:root{--brown-50:color-mix(in oklab,var(--color-brand-light),#fff 50%);--brown-100:var(--color-brand-light);--brown-200:color-mix(in oklab,var(--color-brand-light) 70%,var(--color-brand));--brown-300:color-mix(in oklab,var(--color-brand-light) 35%,var(--color-brand));--brown-400:var(--color-brand);--brown-500:color-mix(in oklab,var(--color-brand) 75%,var(--color-brand-dark));--brown-600:color-mix(in oklab,var(--color-brand) 50%,var(--color-brand-dark));--brown-700:color-mix(in oklab,var(--color-brand) 25%,var(--color-brand-dark));--brown-800:var(--color-brand-dark);--brown-900:color-mix(in oklab,var(--color-brand-dark),#000 35%)}}
@media (min-width:992px){:root{--bleed:calc((100vw - 970px) / 2 + 15px)}}
@media (min-width:1200px){:root{--bleed:calc((100vw - 1170px) / 2 + 15px)}}
@media (max-width:991px){:root{--text-3xl:2.125rem;--text-4xl:2.5rem;--text-5xl:3.25rem;--section-y:var(--space-3xl)}}
html{font-size:16px !important}
body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.7;font-weight:400;color:var(--color-text-main)}
h1,h2,h3,h4{font-family:var(--font-heading);font-weight:400;letter-spacing:-.005em;color:var(--color-text-main) !important}
h1{line-height:1;letter-spacing:-.02em}
h2{line-height:1.1;letter-spacing:-.01em}
h3,h4{line-height:1.25}
h1,h2,h3,h4{text-wrap:balance}
p{text-wrap:pretty}

@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.35s}
@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none !important}}

/* --- Gedeelde componenten --- */
.bliss-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;letter-spacing:.2em;text-transform:uppercase;line-height:1.4;color:var(--color-text-muted);margin:0 0 var(--space-md) !important}
.bliss-kop{font-size:var(--text-3xl);margin:0 0 var(--space-xl) !important}
.bliss-intro{font-size:var(--text-lg);line-height:1.6;color:var(--color-text-muted);max-width:36rem;margin:0 !important}
a.bliss-btn{display:inline-block;padding:var(--space-md) var(--space-xl);font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;letter-spacing:.16em;text-transform:uppercase;line-height:1.3;text-decoration:none !important;border:1px solid var(--brown-800) !important;border-radius:0 !important;background:var(--brown-800) !important;color:var(--brown-100) !important;transition:background-color .2s,color .2s}
a.bliss-btn:hover,a.bliss-btn:focus-visible{background:transparent !important;color:var(--brown-800) !important}
a.bliss-btn:focus-visible{outline:2px solid var(--brown-500);outline-offset:3px}
a.bliss-btn-licht{background:transparent !important;color:var(--brown-800) !important}
a.bliss-btn-licht:hover,a.bliss-btn-licht:focus-visible{background:var(--brown-800) !important;color:var(--brown-100) !important}
a.bliss-btn-omgekeerd{background:var(--brown-100) !important;color:var(--brown-800) !important;border-color:var(--brown-100) !important}
a.bliss-btn-omgekeerd:hover,a.bliss-btn-omgekeerd:focus-visible{background:transparent !important;color:var(--brown-100) !important}
.bliss-knoppen{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin:0 !important}
a.bliss-link{font-weight:500;color:var(--brown-800) !important;border-bottom:1px solid var(--brown-400) !important;padding-bottom:2px;text-decoration:none !important}
a.bliss-link:hover{border-bottom-color:var(--brown-800) !important}
.bliss-foto{overflow:hidden;background:var(--brown-200);border-radius:0 !important;margin:0 !important}
.bliss-foto img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
@media (prefers-reduced-motion:reduce){.bliss-foto img{transition:none}}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){
.bliss-foto{animation:bliss-foto-in linear both;animation-timeline:view();animation-range:entry 0% cover 35%}
@keyframes bliss-foto-in{from{opacity:.25;clip-path:inset(6% 6% 6% 6%)}to{opacity:1;clip-path:inset(0)}}
section.intro.home-hero-blok{animation:bliss-hero-diepte linear both;animation-timeline:scroll(root);animation-range:0 100vh}
@keyframes bliss-hero-diepte{from{background-position:center 50%}to{background-position:center 75%}}
}}

/* --- Home: hero --- */
section.intro.home-hero-blok{position:relative;display:flex;align-items:flex-end;min-height:min(88vh,52rem);padding:var(--section-y) 0;background-position:center;background-size:cover}
section.intro.home-hero-blok::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(47,29,21,.62) 0%,rgba(47,29,21,.25) 55%,rgba(47,29,21,0) 85%)}
section.intro.home-hero-blok .container{position:relative;z-index:1}
.home-hero{max-width:40rem}
.home-hero .bliss-label{color:var(--brown-200)}
.home-hero-titel{font-size:var(--text-5xl);color:var(--brown-100) !important;margin:0 0 var(--space-lg) !important}
.home-hero-titel span{display:block}
.home-hero-titel span:nth-child(2){padding-left:.9em;animation-delay:.15s}
.home-hero-titel span{animation:bliss-opkomen .9s cubic-bezier(.2,.7,.2,1) both}
.home-hero-titel span:nth-child(3){animation-delay:.3s}
@keyframes bliss-opkomen{from{opacity:0;transform:translateY(.35em)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.home-hero-titel span{animation:none}}
.home-hero-titel span:nth-child(3){padding-left:1.8em}
.home-hero-noot{font-size:var(--text-sm);color:var(--brown-200);margin:var(--space-md) 0 0 !important}
.home-hero-tekst{font-size:var(--text-lg);line-height:1.6;max-width:30rem;color:var(--brown-100);margin:0 0 var(--space-xl) !important}
.home-hero a.bliss-btn-licht{color:var(--brown-100) !important;border-color:var(--brown-100) !important}
.home-hero a.bliss-btn-licht:hover,.home-hero a.bliss-btn-licht:focus-visible{background:var(--brown-100) !important;color:var(--brown-800) !important}

/* --- Home: secties met standaard ruimte --- */
section.intro.home-pijlers-blok,section.intro.home-impressie-blok,section.intro.home-elyne-blok,section.intro.home-laser-blok{padding:var(--section-y) 0;overflow-x:clip}

/* --- Home: twee pijlers --- */
.home-pijlers{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:100vw;margin-left:calc(50% - 50vw)}
.home-pijler{position:relative;overflow:hidden}
.home-pijler:focus-within{outline:2px solid var(--brown-500);outline-offset:-4px}
.home-pijler-beeld{width:100%;aspect-ratio:4/5}
@media (hover:hover){.home-pijler:hover .home-pijler-beeld img{transform:scale(1.04)}}
.home-pijler-tekst{position:absolute;left:0;right:0;bottom:0;padding:var(--space-4xl) var(--space-2xl) var(--space-2xl);background:linear-gradient(0deg,rgba(47,29,21,.82) 0%,rgba(47,29,21,.45) 55%,rgba(47,29,21,0) 100%)}
.home-pijler h3{font-size:var(--text-3xl);color:var(--brown-100) !important;margin:0 0 var(--space-sm) !important}
.home-pijler-tekst p{color:var(--brown-200);max-width:30rem;margin:0 0 var(--space-lg)}
.home-pijler-tekst p.home-pijler-link{margin:0 !important}
.home-pijler a.bliss-link{color:var(--brown-100) !important;border-bottom-color:var(--brown-300) !important}
.home-pijler a.bliss-link::after{content:"";position:absolute;inset:0;z-index:1}
.home-pijler a.bliss-link:focus-visible{outline:none}

/* --- Home: kop boven de reviews --- */
section.intro.home-reviews-kop-blok{padding:var(--section-y) 0 var(--space-xl)}
.home-reviews-kop-blok .bliss-label{margin:0 !important}

/* --- Home: Reviews-blok (ruimte en basis; de opmaak staat onder "Reviews: Tekst-blok") --- */
section.home-reviews-lijst-blok{padding:0 0 var(--section-y)}
section.home-reviews-lijst-blok div.review{height:100%}
section.home-reviews-lijst-blok div.review div.wrap{height:100%;border:0 !important;box-shadow:none !important;color:var(--color-text-main)}

/* --- Home: impressie (kop boven de fotostrook) --- */
.home-impressie-kop{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-xl)}
.home-impressie-kop h2{margin:0 !important}
.home-impressie-kop p{margin:0 !important}

/* --- Home: Elyne --- */
.home-elyne{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:var(--space-3xl);align-items:center}
.home-elyne-beelden{position:relative;width:calc(100% + var(--bleed));margin-left:calc(-1 * var(--bleed));padding-bottom:var(--space-2xl)}
.home-elyne-beeld{aspect-ratio:4/5}
.home-elyne-detail{position:absolute;right:calc(-1 * var(--space-xl));bottom:0;width:38%;aspect-ratio:1/1;background:var(--brown-300);border:6px solid #fff}
.home-elyne-tekst p{max-width:34rem;margin:0 0 var(--space-md)}
.home-elyne-citaat{font-family:var(--font-heading);font-style:italic;font-size:var(--text-2xl);line-height:1.3;margin:var(--space-xl) 0 !important}

/* --- Home: zo werkt laserontharing --- */
.home-laser-stappen{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin:var(--space-2xl) 0}
.home-laser-stap{background:var(--brown-100);padding:var(--space-2xl) var(--space-xl)}
.home-laser-nummer{font-family:var(--font-heading);font-size:var(--text-4xl);line-height:1;color:var(--brown-500);margin:0 0 var(--space-md) !important}
.home-laser-stap h3{font-size:var(--text-xl);margin:0 0 var(--space-sm) !important}
.home-laser-stap p{color:var(--color-text-muted);margin:0}

/* --- Home: afsluitende oproep --- */
section.intro.home-cta-blok{padding:var(--space-5xl) 0}
.home-cta h2{font-size:var(--text-4xl);color:var(--brown-100) !important;margin:0 auto var(--space-lg) !important}
.home-cta h2 span{display:block}
.home-cta p{color:var(--brown-200);max-width:34rem;margin:0 auto var(--space-xl)}
.home-cta p.bliss-knoppen{justify-content:center;max-width:none}
.home-cta p.home-cta-uren{font-size:var(--text-sm);color:var(--brown-300);max-width:44rem;margin:var(--space-lg) auto 0}
.bliss-sticky{display:none}

/* --- Home: mobiel --- */
@media (max-width:991px){
.home-pijler-tekst{position:static;background:none;padding:var(--space-lg) var(--bleed) var(--space-xl)}
.home-pijler h3{font-size:var(--text-2xl);color:var(--color-text-main) !important}
.home-pijler-tekst p{color:var(--color-text-muted)}
.home-pijler a.bliss-link{color:var(--brown-800) !important;border-bottom-color:var(--brown-400) !important}
.bliss-sticky{display:block;position:fixed;left:0;right:0;bottom:0;z-index:50;margin:0 !important;padding:var(--space-sm) var(--space-md) calc(var(--space-sm) + env(safe-area-inset-bottom,0px));background:var(--brown-100);box-shadow:0 -1px 0 var(--brown-200)}
.bliss-sticky a.bliss-btn{display:block;text-align:center}
body:has(.bliss-sticky){padding-bottom:4.5rem}
section.intro.home-hero-blok{min-height:80vh}
section.intro.home-hero-blok::before{background:linear-gradient(0deg,rgba(47,29,21,.7) 0%,rgba(47,29,21,.3) 60%,rgba(47,29,21,.1) 100%)}
section.intro.home-cta-blok{padding:var(--space-4xl) 0}
.home-pijlers,.home-elyne,.home-laser-stappen{grid-template-columns:1fr}
.home-pijler-beeld{aspect-ratio:4/5}
.home-elyne-beelden{width:calc(100% + 2 * var(--bleed));margin-right:calc(-1 * var(--bleed))}
.home-elyne-detail{right:var(--space-lg);width:40%}
}

/* --- Treatments: intro --- */
section.intro.tr-intro-blok{padding:var(--space-4xl) 0 var(--space-3xl)}
.tr-intro{max-width:46rem}
.tr-intro h1{font-size:var(--text-5xl);margin:0 0 var(--space-lg) !important}
.tr-intro .bliss-intro{margin:0 0 var(--space-xl) !important}
.tr-anker{display:block;scroll-margin-top:6rem}

/* --- Treatments: tekst met foto --- */
section.intro.tr-nagels-blok,section.intro.tr-laser-blok{padding:var(--section-y) 0;overflow-x:clip}
.tr-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-3xl);align-items:center}
.tr-split-foto{aspect-ratio:4/5;width:calc(100% + var(--bleed));margin-right:calc(-1 * var(--bleed)) !important}
.tr-split-omgekeerd .tr-split-foto{order:-1;margin-right:0 !important;margin-left:calc(-1 * var(--bleed)) !important}
.tr-split-tekst p{max-width:34rem;margin:0 0 var(--space-md)}
.tr-punten{list-style:none;padding:0;margin:var(--space-lg) 0 var(--space-xl) !important}
.tr-punten li{position:relative;padding-left:var(--space-lg);margin:0 0 var(--space-sm);color:var(--color-text-muted)}
.tr-punten li::before{content:"";position:absolute;left:0;top:.8em;width:.6rem;height:1px;background:var(--brown-500)}

/* --- Treatments: prijslijsten (thema-markup) --- */
section.tr-prijs-nagels-blok,section.tr-prijs-vrouwen-blok,section.tr-prijs-mannen-blok{padding:0 0 var(--section-y)}

/* --- Treatments: zones met schakelaar --- */
section.intro.tr-zones-blok{padding:var(--section-y) 0 var(--space-xl)}
.tr-schakelaar{display:none;padding:4px;background:var(--brown-100);margin:0 0 var(--space-lg) !important}
.tr-schakelaar input{position:absolute;opacity:0;pointer-events:none}
.tr-schakelaar label{display:block;margin:0;padding:var(--space-sm) var(--space-xl);font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;letter-spacing:.16em;text-transform:uppercase;line-height:1.3;color:var(--brown-700);cursor:pointer;transition:background-color .2s,color .2s}
.tr-schakelaar input:checked+label{background:var(--brown-800);color:var(--brown-100)}
.tr-schakelaar input:focus-visible+label{outline:2px solid var(--brown-500);outline-offset:2px}
.tr-korting{color:var(--color-text-muted);margin:0 !important}
@supports selector(:has(*)){
.tr-schakelaar{display:inline-flex}
section.tr-prijs-mannen-blok{display:none}
body:has(#tr-mannen:checked) section.tr-prijs-mannen-blok{display:block}
body:has(#tr-mannen:checked) section.tr-prijs-vrouwen-blok,body:has(#tr-mannen:checked) .tr-korting{display:none}
}

/* --- Treatments: goed voorbereid --- */
section.intro.tr-voorbereid-blok{padding:var(--section-y) 0}
.tr-voorbereid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--space-3xl);align-items:start}
.tr-voorbereid h2{margin:0 !important}
.tr-voorbereid p{color:var(--color-text-muted);max-width:34rem;margin:0 0 var(--space-lg)}

/* --- Treatments: mobiel --- */
@media (max-width:991px){
.tr-split,.tr-voorbereid{grid-template-columns:1fr;gap:var(--space-xl)}
.tr-split-foto,.tr-split-omgekeerd .tr-split-foto{order:-1;width:calc(100% + 2 * var(--bleed));margin:0 calc(-1 * var(--bleed)) !important}
}

/* --- Prijslijst-blok (thema-markup, geldt voor alle prijslijsten) --- */
section.pricelist .pricelist-block-layout{max-width:52rem}
section.pricelist .table{width:100%;margin:0;border-collapse:collapse;background:transparent}
section.pricelist .table thead{display:table-row-group}
section.pricelist .table td,section.pricelist .table th{float:none !important;width:auto;border:0 !important;background:transparent !important}
section.pricelist .table > tbody > tr > td{padding:var(--space-md) 0;border-bottom:1px solid var(--brown-200) !important;vertical-align:baseline;line-height:1.5}
section.pricelist .table > tbody > tr > td:first-child{padding-right:var(--space-lg)}
section.pricelist .table > tbody > tr > td:nth-child(2){width:6.5rem;font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap}
section.pricelist .table > tbody > tr > td:last-child{width:5rem;text-align:right;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
section.pricelist .table > tbody > tr > td:last-child:empty::after{content:"Gratis";color:var(--brown-600)}
section.pricelist .table > thead > tr > th{padding:var(--space-2xl) 0 var(--space-sm);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:400;line-height:1.25;color:var(--color-text-main);text-align:left}
section.pricelist .table > thead > tr > th:not(:first-child){font-size:0}
section.pricelist .table a{color:var(--color-text-main) !important;border-bottom:0 !important;text-decoration:none !important}
section.pricelist .table a:hover,section.pricelist .table a:focus-visible{text-decoration:underline !important;text-decoration-color:var(--brown-400) !important;text-underline-offset:3px}
section.pricelist .table:has(thead) > tbody:first-child > tr > td{background:var(--brown-100) !important;border-bottom:0 !important}
section.pricelist .table:has(thead) > tbody:first-child > tr > td:first-child{padding-left:var(--space-md)}
section.pricelist .table:has(thead) > tbody:first-child > tr > td:last-child{padding-right:var(--space-md)}
@media (max-width:991px){section.pricelist .table > tbody > tr > td:nth-child(2){width:4.5rem}}

/* --- Pagina's: gedeelde opbouw --- */
section.intro.pg-blok{padding:var(--section-y) 0;overflow-x:clip}
.pg-tekst{max-width:40rem}
.pg-tekst p{margin:0 0 var(--space-md)}
.pg-kolommen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2xl)}
.pg-kolommen-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pg-kolommen-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pg-kolommen h3{font-size:var(--text-xl);margin:0 0 var(--space-sm) !important}
.pg-kolommen p{color:var(--color-text-muted);margin:0 0 var(--space-md)}
.pg-lijst{list-style:none;padding:0;margin:0 !important;color:var(--color-text-muted)}
.pg-lijst li{margin:0 0 var(--space-xs)}
.home-cta p.bliss-noot{font-size:var(--text-xs);color:var(--brown-300);max-width:40rem;margin:var(--space-2xl) auto 0}

/* --- Good to know: voor- en nazorg laser --- */
.gk-let-op{max-width:52rem;background:var(--brown-800);color:var(--brown-100);padding:var(--space-lg) var(--space-xl);margin:0 0 var(--space-2xl) !important}
.gk-let-op strong{color:#fff}
.gk-fases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}
.gk-fase{background:var(--brown-100);padding:var(--space-2xl) var(--space-xl)}
.gk-fase h3{font-size:var(--text-xl);margin:0 0 var(--space-md) !important}
.gk-fase .tr-punten{margin:0 !important}

/* --- Cancellation policy: staffel --- */
.cp-staffel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);margin:var(--space-2xl) 0}
.cp-trede{background:var(--brown-100);padding:var(--space-2xl) var(--space-xl)}
.cp-trede:nth-child(2){background:var(--brown-200)}
.cp-trede:nth-child(3){background:var(--brown-800);color:var(--brown-100)}
.cp-waarde{font-family:var(--font-heading);font-size:var(--text-4xl);line-height:1;margin:0 0 var(--space-md) !important}
.cp-trede p{margin:0}
.cp-trede:nth-child(3) .cp-waarde{color:var(--brown-100)}

/* --- About Elyne: verhaal --- */
.ab-verhaal{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--space-3xl);align-items:start}
.ab-verhaal-kop{position:sticky;top:6rem}
.ab-verhaal-kop h2{margin:0 !important}

/* --- Pagina's: mobiel --- */
@media (max-width:991px){
.pg-kolommen,.pg-kolommen-2,.pg-kolommen-4,.gk-fases,.cp-staffel,.ab-verhaal{grid-template-columns:1fr;gap:var(--space-xl)}
.gk-fases,.cp-staffel{gap:var(--space-md)}
.ab-verhaal-kop{position:static}
}

/* --- Header: menu op één regel (desktop) --- */
@media (min-width:992px){
header .header .row > .col-sm-10{width:210px}
header .header .row > .col-sm-38{width:calc(100% - 210px)}
header #primary_navigation > li > a{padding-left:.375rem;padding-right:.375rem;font-size:.8125rem;white-space:nowrap}
}
@media (min-width:1200px){
header #primary_navigation > li > a{padding-left:.75rem;padding-right:.75rem;font-size:.9375rem}
}

/* --- Header: geen witruimte tussen de menu-items (desktop) --- */
@media (min-width:992px){
header #primary_navigation{display:flex;flex-wrap:nowrap;justify-content:flex-end}
}

/* --- Basis: geen horizontale scroll door 100vw-blokken --- */
html,body{overflow-x:clip}

/* --- Footer: Bliss-kleuren en koppen --- */
footer{background:var(--brown-100) !important;color:var(--brown-800)}
footer div.column > h4{font-family:var(--font-heading);color:var(--brown-800) !important;border-bottom-color:var(--brown-300)}
footer div.column > h4:empty{display:none}
footer div.column a{color:var(--brown-800) !important}
footer div.column p a{border-bottom:1px solid var(--brown-400);text-decoration:none !important}
footer div.column p a:hover{border-bottom-color:var(--brown-800)}
footer div.socket{background:var(--brown-800) !important;color:var(--brown-100)}
footer div.socket a,footer div.socket a:hover{color:var(--brown-100) !important}

/* --- Paginakop (tr-intro): lange woorden passen niet onder 400px --- */
@media (max-width:399px){
.tr-intro h1{font-size:var(--text-4xl)}
}

/* --- Footer: openingstijden op één regel (992-1199px) --- */
table.opening_hours td{white-space:nowrap}

/* --- Knoppen: onder 576px even breed, tekst gecentreerd --- */
@media (max-width:575px){
.bliss-knoppen > .bliss-btn{flex:1 1 auto;text-align:center}
}

/* --- Contact: lange e-mailadressen afbreken in kolommen --- */
.pg-kolommen a{overflow-wrap:anywhere}

/* --- Annulatiebeleid: "Kosteloos" past niet in de kaart (992-1199px) --- */
@media (min-width:992px) and (max-width:1199px){
.cp-waarde{font-size:var(--text-3xl)}
}

/* --- Header: logo Bliss Studio (woordmerk + NAILS · LASER) --- */
header div.header div.wrapper img.logo{height:3.75rem;width:auto;max-width:none;box-sizing:content-box}
@media (max-width:767px){header div.header div.wrapper img.logo{height:3rem}}

/* --- Reviews: Tekst-blok op Home en Reviews (div.reviews > div.review > div.wrap > p + p strong, zonder .row) --- */
section.intro.home-reviews-lijst-blok div.reviews{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);text-align:left}
section.intro.home-reviews-lijst-blok div.review div.wrap{display:flex;flex-direction:column;height:100%;color:var(--color-text-main)}
section.intro.home-reviews-lijst-blok div.review div.wrap p{margin:0}
section.intro.home-reviews-lijst-blok div.review div.wrap p:not(:last-child) + p:not(:last-child){margin-top:var(--space-md)}
section.intro.home-reviews-lijst-blok div.review div.wrap p:last-child{margin-top:auto;padding-top:var(--space-lg)}
section.intro.home-reviews-lijst-blok div.review div.wrap p:last-child strong{font-family:var(--font-body);font-style:normal;font-size:var(--text-xs);font-weight:500;letter-spacing:.2em;text-transform:uppercase;line-height:1.4;color:var(--color-text-muted)}
section.intro.home-reviews-lijst-blok div.review:first-child{grid-column:1 / -1;text-align:center;margin-bottom:var(--space-2xl)}
section.intro.home-reviews-lijst-blok div.review:first-child div.wrap{max-width:50rem;margin:0 auto;font-family:var(--font-heading);font-style:italic;font-size:var(--text-3xl);line-height:1.25}
section.intro.home-reviews-lijst-blok div.review:first-child div.wrap::before{content:"\201C";display:block;font-family:var(--font-heading);font-style:normal;font-size:6rem;line-height:.6;color:var(--brown-400);margin-bottom:var(--space-sm)}
section.intro.home-reviews-lijst-blok div.review:not(:first-child) div.wrap{background:#fff;padding:var(--space-2xl);font-size:var(--text-base);line-height:1.7;color:var(--color-text-muted)}
@media (max-width:991px){
section.intro.home-reviews-lijst-blok div.reviews{grid-template-columns:1fr}
section.intro.home-reviews-lijst-blok div.review:first-child div.wrap{font-size:var(--text-2xl)}
section.intro.home-reviews-lijst-blok div.review:not(:first-child) div.wrap{padding:var(--space-xl) var(--space-lg)}
}

/* --- Home: impressie --- */
.home-impressie{display:flex;gap:var(--space-md);width:100vw;margin-left:calc(50% - 50vw);padding:0 var(--bleed) var(--space-md);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--bleed);scrollbar-width:thin;scrollbar-color:var(--brown-400) transparent}
.home-impressie .bliss-foto{flex:0 0 clamp(15rem,26vw,24rem);height:auto;aspect-ratio:3/4;scroll-snap-align:start}
@media (hover:hover){.home-impressie .bliss-foto:hover img{transform:scale(1.04)}}
/* CSS-carrousel: pijlknoppen door de browser (Chrome/Edge 135+), anders gewoon scrollen */
section.intro.home-impressie-blok{position:relative}
.home-impressie{anchor-name:--bliss-strook}
.home-impressie::scroll-button(*){position:absolute;position-anchor:--bliss-strook;top:calc(anchor(center) - 1.5rem);z-index:2;width:3rem;height:3rem;border:0;border-radius:0;background:var(--brown-100);color:var(--brown-800);font:400 1.25rem/1 var(--font-body);cursor:pointer;transition:opacity .2s,background-color .2s}
.home-impressie::scroll-button(*):hover{background:#fff}
.home-impressie::scroll-button(*):focus-visible{outline:2px solid var(--brown-500);outline-offset:2px}
.home-impressie::scroll-button(*):disabled{opacity:0;cursor:default}
.home-impressie::scroll-button(left){content:"\2190" / "Vorige foto's";left:calc(anchor(left) + var(--bleed) + var(--space-md))}
.home-impressie::scroll-button(right){content:"\2192" / "Volgende foto's";right:calc(anchor(right) + var(--space-xl))}

/* --- Home: mobiel --- */
@media (max-width:991px){
.home-impressie .bliss-foto{flex-basis:70vw}
.home-impressie::scroll-button(*){display:none}
}

/* --- Header: ruimte boven en onder het logo ongeveer var(--space-lg) --- */
header > div.wrapper{min-height:0}
header div.header div.holder,header nav.navbar-default div.navbar-header div.holder{min-height:0;height:calc(var(--space-xl) + 2 * var(--space-lg))}
@media (min-width:992px){
header > div.wrapper{min-height:0}
header div.header div.holder{height:calc(var(--space-xl) + 2 * var(--space-lg))}
}

/* --- Kruimelpad: laatste item in de gedempte tekstkleur --- */
div.breadcrumbs span#breadcrumbs span.breadcrumb_last{color:var(--color-text-muted)}

/* --- Kruimelpad: links en scheidingstekens in de gedempte tekstkleur (contrast) --- */
div.breadcrumbs span#breadcrumbs{color:var(--color-text-muted)}
div.breadcrumbs span#breadcrumbs a{color:var(--color-text-muted) !important}

/* --- Home en Book your Bliss moment: hero met foto, sterker verloop zodat de tekst leesbaar blijft --- */
section.intro.home-hero-blok[style*="background-image"]::before{background:linear-gradient(90deg,rgba(47,29,21,.8) 0%,rgba(47,29,21,.62) 45%,rgba(47,29,21,.2) 80%,rgba(47,29,21,0) 100%)}
@media (max-width:991px){
section.intro.home-hero-blok[style*="background-image"]::before{background:linear-gradient(0deg,rgba(47,29,21,.85) 0%,rgba(47,29,21,.6) 55%,rgba(47,29,21,.25) 100%)}
}

/* --- Home: hero-foto 839 (Elyne voor de Bliss Studio-muur, feedback 26-10). Desktop: foto op volle hoogte, zo geschoven dat haar hoofd (~22,6% van de fotobreedte) op ca. 50vw valt, tekst links op effen bruin met zachte overloop (feedback 27-10) --- */
@media (min-width:992px){
body.page-id-465 section.intro.home-hero-blok{--hero-w:min(132vh,78rem);--hero-l:max(calc(100vw - var(--hero-w)),calc(50vw - .226 * var(--hero-w)));background-size:auto 100% !important;background-position:var(--hero-l) center !important;background-repeat:no-repeat !important;animation:none}
body.page-id-465 section.intro.home-hero-blok::before{background:linear-gradient(90deg,rgba(72,45,33,1) 0%,rgba(72,45,33,1) max(30%,var(--hero-l)),rgba(72,45,33,0) calc(max(30%,var(--hero-l)) + .15 * var(--hero-w))) !important}
}

/* --- Book your Bliss moment: uitsnede hero-foto 808 (beeldje volledig in beeld) --- */
@keyframes bliss-hero-boek{from{background-position:center 10%}to{background-position:center 25%}}
body.page-id-785 section.intro.home-hero-blok{background-position:center 10%;animation-name:bliss-hero-boek}

/* --- Home: uitsnede Elyne-portret (BB-logo bovenaan niet afsnijden) --- */
.home-elyne-beeld img{object-position:center top}

/* --- Detailpagina's behandelingen en reviews: opmaak in Bliss-stijl --- */
body:is(.single-behandelingen,.single-recensies) section.page{padding:var(--space-3xl) 0 var(--section-y)}
body:is(.single-behandelingen,.single-recensies) section.page div.breadcrumbs{font-size:var(--text-sm);line-height:1.5;margin:0 0 var(--space-2xl)}
body:is(.single-behandelingen,.single-recensies) section.page .content{max-width:46rem}
body:is(.single-behandelingen,.single-recensies) section.page .page-header{margin:0 0 var(--space-xl);padding:0;border:0}
body:is(.single-behandelingen,.single-recensies) section.page .page-header h1{font-family:var(--font-heading);font-size:var(--text-5xl);line-height:1;margin:0 !important;padding:0;border:0}
body:is(.single-behandelingen,.single-recensies) section.page .content > p{max-width:40rem;font-family:var(--font-body);font-size:var(--text-lg);line-height:1.6;color:var(--color-text-muted);margin:0 0 var(--space-md)}
@media (max-width:399px){
body:is(.single-behandelingen,.single-recensies) section.page .page-header h1{font-size:var(--text-4xl)}
}

/* --- Home: fotostrook op desktop als raster van 4 (geen scroll nodig) --- */
@media (min-width:992px){
.home-impressie{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:auto;margin-left:0;padding:0;overflow:visible}
.home-impressie .bliss-foto{flex:none;width:100%}
.home-impressie::scroll-button(*){display:none}
}

/* --- Menu: Boek je afspraak als knop --- */
@media (min-width:992px){
header #primary_navigation > li:last-child > a{background:var(--brown-800);color:var(--brown-100) !important;text-transform:uppercase;letter-spacing:.14em;font-size:var(--text-xs);margin-left:var(--space-sm)}
header #primary_navigation > li:last-child > a:hover,header #primary_navigation > li:last-child > a:focus,header #primary_navigation > li:last-child > a:active,header #primary_navigation > li.current-menu-item:last-child > a{background:var(--brown-900) !important;color:var(--brown-100) !important}
header #primary_navigation > li:last-child > a{padding-left:var(--space-md);padding-right:var(--space-md)}
}

/* --- Footer: moderner (kleine labels, meer ruimte, woordmerk, smalle copyrightbalk) --- */
footer{padding-top:var(--space-4xl)}
footer > .container > .row > div{padding-right:var(--space-xl)}
footer div.column{font-size:var(--text-sm);line-height:1.7;margin-bottom:var(--space-2xl)}
footer div.column:has(+ div.column){margin-bottom:var(--space-md)}
footer div.column p{margin:0 0 var(--space-sm)}
footer div.column > h4{font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;letter-spacing:.2em;text-transform:uppercase;line-height:1.4;color:var(--color-text-muted) !important;border-bottom:0;padding:0;margin:0 0 var(--space-md)}
footer table.opening_hours td{font-size:var(--text-sm);line-height:1.7}
footer > .container{overflow-y:clip}
footer > .container::after{content:"";display:block;clear:both;margin:var(--space-xl) auto var(--space-lg);width:min(80%,32rem);aspect-ratio:807/265;background-color:var(--brown-200);-webkit-mask:url(/wp-content/uploads/sites/583/2026/10/bliss-logo-donkerbruin-bijgesneden.png) center/contain no-repeat;mask:url(/wp-content/uploads/sites/583/2026/10/bliss-logo-donkerbruin-bijgesneden.png) center/contain no-repeat;user-select:none;pointer-events:none}
footer div.socket{margin-top:0;padding:var(--space-sm) 0;font-size:var(--text-xs);line-height:1.5}
footer div.socket .row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-xs) var(--space-md);margin:0}
footer div.socket .row::before,footer div.socket .row::after{display:none}
footer div.socket .row > div{float:none;width:auto;padding:0;text-align:left}

/* --- Home en Boek je afspraak: lichtere hero-foto op mobiel (1024 px-versie, zelfde uitsnede) --- */
@media (max-width:991px){
body.page-id-465 section.intro.home-hero-blok{background-image:url(/wp-content/uploads/sites/583/2026/11/image00070-1024x683.jpg) !important;background-position:22% center !important;animation:none}
body.page-id-785 section.intro.home-hero-blok{background-image:url(/wp-content/uploads/sites/583/2026/10/image00059-1024x1536.jpg) !important}
}

/* --- Contact: formulier (Ninja Forms) --- */
.contact-formulier{max-width:760px}
.contact-formulier .bliss-intro{margin-bottom:var(--space-xl) !important}
.contact-formulier .nf-form-content{padding:0;max-width:none}
.contact-formulier .nf-before-form-content{font-size:var(--text-xs);color:var(--brown-600);margin-bottom:var(--space-md)}
.contact-formulier .nf-field-container{margin-bottom:var(--space-md)}
.contact-formulier .nf-form-content input.ninja-forms-field:not([type=button]):not([type=submit]),.contact-formulier .nf-form-content textarea.ninja-forms-field{height:auto !important;padding:.875rem 1rem !important;border:1px solid var(--brown-300) !important;border-radius:0 !important;background:#fff !important;color:var(--brown-800) !important;font-family:var(--font-body) !important;font-size:var(--text-base) !important;line-height:1.5 !important;box-shadow:none !important;transition:border-color .2s !important}
.contact-formulier .nf-form-content textarea.ninja-forms-field{height:9rem !important;min-height:9rem !important}
.contact-formulier .nf-form-content .ninja-forms-field:focus{border-color:var(--brown-800) !important;outline:none !important}
.contact-formulier .nf-form-content .ninja-forms-field::placeholder{color:var(--brown-600) !important;opacity:1 !important}
.contact-formulier .nf-form-content .nf-error .ninja-forms-field{border-color:#b3261e !important}
.contact-formulier .nf-form-content .html-container{font-size:var(--text-sm);color:var(--brown-600)}
.contact-formulier .nf-form-content .html-container a{color:var(--brown-800);text-decoration:underline}
.contact-formulier .nf-form-content input[type=button],.contact-formulier .nf-form-content input[type=submit]{height:auto;padding:1rem 2rem;border:1px solid var(--brown-800);border-radius:0;background:var(--brown-800);color:var(--brown-100);font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background-color .2s,border-color .2s}
.contact-formulier .nf-form-content input[type=button]:hover,.contact-formulier .nf-form-content input[type=button]:focus,.contact-formulier .nf-form-content input[type=submit]:hover,.contact-formulier .nf-form-content input[type=submit]:focus{background:var(--brown-900);border-color:var(--brown-900);color:var(--brown-100)}
.contact-formulier .nf-response-msg{padding:var(--space-lg);background:var(--brown-100);color:var(--brown-800)}