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

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

  h1, h2, h3, h4, h5, h6 {
  font-family: 'Cormorant Garamond', 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: #3A3632;
  }

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

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

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

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

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

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

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

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

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

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

  .woocommerce-info::before,
  .woocommerce-message::before {
  color: #161412 !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;
  }







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

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





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

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

  header nav.navbar-default {
  background-color: rgba(22, 20, 18, 1) !important;
  }

  nav.navbar-default div.navbar-collapse ul.navbar-nav>li a:hover {
  background-color: rgba(22, 20, 18, 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: #161412 !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 #161412;
  }

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


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

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

  section.featured div.item p,
  section.news div.item p {
  color: #3A3632 !important;
  }

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

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

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

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

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

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


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

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

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

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

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

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

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

  @font-face{font-family:'Jost';font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/jost/v20/92zatBhPNqw73oTd4g.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3smX5slCNuHLi8bLeY9MK7whWMhyjYrGFEsdtdc62E6zd5wDD-iNM8.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}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYqXtK.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}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYqXtK.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}

/* --- Trendline restyling 2026: kleuren en fonts --- */
:root {
  --tl-wit: #FAF7F2;
  --tl-zand: #F1EBE1;
  --tl-zwart: #161412;
  --tl-antraciet: #24201D;
  --tl-tekst: #3A3632;
  --tl-muted: #6F6861;
  --tl-goud: #A8823A;
  --tl-goud-licht: #D9B96A;
  --tl-lijn: #E4DCCF;
  --tl-font: 'Jost', 'Helvetica Neue', Arial, sans-serif;
  --tl-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
}

/* --- Trendline: gedeelde componenten --- */
section.intro[class*="tl-"] { position: relative; overflow: hidden; font-family: var(--tl-font); color: var(--tl-tekst); font-size: 17px; line-height: 1.7; }
section.intro[class*="tl-"] h1, section.intro[class*="tl-"] h2, section.intro[class*="tl-"] h3 { font-family: var(--tl-serif); color: var(--tl-zwart) !important; font-weight: 500; line-height: 1.08; margin-top: 0; }
section.intro[class*="tl-"] h2 { font-size: 52px; margin-bottom: 20px; }
section.intro[class*="tl-"] h3 { font-size: 26px; margin-bottom: 6px; }
section.intro[class*="tl-"] p { margin: 0 0 16px; }
.tl-eyebrow { font-family: var(--tl-font); font-size: 13px !important; font-weight: 500; letter-spacing: .24em; text-transform: uppercase; color: var(--tl-goud) !important; margin-bottom: 18px !important; }
.tl-knoppen { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin: 0 !important; }
a.btn.tl-btn { background: var(--tl-zwart) !important; color: #fff !important; border: 1px solid var(--tl-zwart) !important; border-radius: 999px !important; padding: 15px 32px; font-size: 15px; font-weight: 500; letter-spacing: .06em; transition: background .2s, border-color .2s, color .2s; }
a.btn.tl-btn:hover, a.btn.tl-btn:focus { background: var(--tl-goud) !important; border-color: var(--tl-goud) !important; text-decoration: none; }
a.btn.tl-btn.tl-btn-goud { background: var(--tl-goud-licht) !important; border-color: var(--tl-goud-licht) !important; color: var(--tl-zwart) !important; }
a.btn.tl-btn.tl-btn-goud:hover, a.btn.tl-btn.tl-btn-goud:focus { background: #fff !important; border-color: #fff !important; }
a.tl-btn-lijn { display: inline-block; color: var(--tl-zwart) !important; border: 1px solid var(--tl-zwart) !important; border-radius: 999px; padding: 14px 30px; font-size: 15px; font-weight: 500; letter-spacing: .06em; transition: background .2s, color .2s; }
a.tl-btn-lijn:hover, a.tl-btn-lijn:focus { background: var(--tl-zwart); color: #fff !important; text-decoration: none; }
a.tl-btn-lijn.tl-btn-licht { color: #fff !important; border-color: rgba(255,255,255,.5) !important; }
a.tl-btn-lijn.tl-btn-licht:hover, a.tl-btn-lijn.tl-btn-licht:focus { background: #fff; color: var(--tl-zwart) !important; }
.tl-deco { position: absolute; font-family: var(--tl-serif); font-size: 190px; line-height: 1; white-space: nowrap; color: transparent; -webkit-text-stroke: 1px var(--tl-goud); opacity: .28; pointer-events: none; user-select: none; margin: 0 !important; }
@media (max-width: 991px) {
  section.intro[class*="tl-"] h2 { font-size: 40px; }
  .tl-deco { display: none; }
}
@media (max-width: 767px) {
  section.intro[class*="tl-"] { font-size: 16px; }
  section.intro[class*="tl-"] h2 { font-size: 36px; }
  .tl-eyebrow { font-size: 12px !important; letter-spacing: .16em; }
}

/* --- Home: hero (achtergrond via blokinstelling: #161412) --- */
section.intro.tl-hero-blok { padding: 90px 0 200px; color: rgba(255,255,255,.78); }
.tl-hero { display: grid; grid-template-columns: 1.1fr 1fr; gap: 70px; align-items: center; }
section.intro.tl-hero-blok h1.tl-hero-titel { font-size: 76px; color: #fff !important; margin-bottom: 14px; }
.tl-hero-slogan { font-family: var(--tl-serif); font-size: 30px !important; font-style: italic; color: var(--tl-goud-licht); margin-bottom: 24px !important; }
.tl-hero-intro { font-size: 18px; max-width: 470px; margin-bottom: 34px !important; }
.tl-score-badge { margin: 30px 0 0 !important; font-size: 15px; }
.tl-score-badge a { color: rgba(255,255,255,.85) !important; border-bottom: none !important; }
.tl-score-badge a:hover { text-decoration: none; color: #fff !important; }
.tl-score-badge .tl-sterren { color: var(--tl-goud-licht); letter-spacing: 2px; margin-right: 8px; }
.tl-score-badge strong { color: #fff; font-weight: 600; }
.tl-hero-beeld { position: relative; margin: 0 22px 22px 0 !important; }
.tl-hero-beeld::before { content: ""; position: absolute; inset: 22px -22px -22px 22px; border: 1px solid var(--tl-goud-licht); border-radius: 28px; opacity: .55; }
.tl-hero-foto { position: relative; margin: 0 !important; aspect-ratio: 4 / 5; border-radius: 28px; overflow: hidden; background: var(--tl-antraciet); display: flex; }
.tl-hero-foto img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 991px) {
  section.intro.tl-hero-blok { padding: 50px 0 150px; }
  .tl-hero { grid-template-columns: 1fr; gap: 50px; }
  section.intro.tl-hero-blok h1.tl-hero-titel { font-size: 46px; }
  .tl-hero-slogan { font-size: 24px !important; }
  .tl-hero-beeld { order: -1; margin: 0 14px 14px 0 !important; }
  .tl-hero-beeld::before { inset: 14px -14px -14px 14px; border-radius: 22px; }
  .tl-hero-foto { aspect-ratio: 4 / 3; border-radius: 22px; }
}

/* --- Home: jubileum, kaart die over de hero heen valt --- */
section.intro.tl-jubileum-blok { padding: 0 0 20px; overflow: visible; background: linear-gradient(var(--tl-zwart) 0, var(--tl-zwart) 120px, var(--tl-wit) 120px) !important; }
.tl-jubileum { position: relative; z-index: 2; margin-top: -120px; background: var(--tl-antraciet); border-radius: 32px; padding: 60px; display: grid; grid-template-columns: auto 1fr 1fr; gap: 50px; align-items: center; box-shadow: 0 30px 60px -30px rgba(0,0,0,.45); }
.tl-jubileum-getal { font-family: var(--tl-serif); font-size: 170px; line-height: .8; color: var(--tl-goud-licht); margin: 0 !important; }
.tl-jubileum-getal span { display: block; font-family: var(--tl-font); font-size: 15px; letter-spacing: .3em; text-transform: uppercase; text-align: center; margin-top: 14px; }
section.intro.tl-jubileum-blok h2 { color: #fff !important; font-size: 42px; }
.tl-jubileum-tekst p { color: rgba(255,255,255,.75); }
.tl-jubileum-tekst .tl-eyebrow { color: var(--tl-goud-licht) !important; }
.tl-jubileum-tekst .tl-knoppen { margin-top: 26px !important; }
.tl-jubileum-beeld { margin: 0 !important; }
.tl-jubileum-beeld img { width: 100%; height: auto; display: block; border-radius: 18px; transform: rotate(2deg); box-shadow: 0 20px 40px -18px rgba(0,0,0,.7); }
@media (max-width: 991px) {
  section.intro.tl-jubileum-blok { padding-bottom: 60px; background: linear-gradient(var(--tl-zwart) 0, var(--tl-zwart) 90px, var(--tl-wit) 90px) !important; }
  .tl-jubileum { margin-top: -90px; grid-template-columns: 1fr; gap: 26px; padding: 40px 26px; border-radius: 24px; }
  .tl-jubileum-getal { font-size: 120px; }
  .tl-jubileum-getal span { text-align: left; }
  section.intro.tl-jubileum-blok h2 { font-size: 34px; }
  .tl-jubileum-beeld img { transform: none; }
}

/* --- Home: reviews (achtergrond via blokinstelling: #161412) --- */
section.intro.tl-reviews-blok { padding: 110px 0; color: rgba(255,255,255,.75); }
.tl-reviews { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); gap: 80px; align-items: center; }
.tl-reviews > * { min-width: 0; }
.tl-reviews, .tl-over { z-index: 1; }
.tl-reviews { position: relative; }
.tl-cijfer { font-family: var(--tl-serif); font-size: 170px; font-weight: 500; line-height: .85 !important; color: var(--tl-goud-licht); margin: 0 0 14px !important; }
.tl-reviews-score .tl-sterren { color: var(--tl-goud-licht); font-size: 20px; letter-spacing: 5px; margin-bottom: 12px !important; }
.tl-reviews-label { max-width: 320px; margin-bottom: 30px !important; }
.tl-reviews-slider { position: relative; border-left: 1px solid rgba(217,185,106,.4); padding: 10px 0 10px 60px; }
.tl-reviews-slider::before { content: "\201C"; position: absolute; top: -70px; left: 44px; font-family: var(--tl-serif); font-size: 180px; line-height: 1; color: var(--tl-goud-licht); opacity: .5; }
.tl-review .tl-quote { position: relative; font-family: var(--tl-serif); font-size: 34px; font-style: italic; line-height: 1.3; color: #fff; margin-bottom: 22px !important; }
.tl-review .tl-review-naam { font-size: 14px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--tl-goud-licht); margin: 0 !important; }
.tl-reviews-slider .tl-review + .tl-review { margin-top: 36px; padding-top: 36px; border-top: 1px solid rgba(255,255,255,.12); }
.tl-reviews-slider.slick-initialized .tl-review + .tl-review { margin-top: 0; padding-top: 0; border-top: 0; }
.tl-reviews-slider .slick-dots { list-style: none; display: flex; gap: 10px; padding: 0; margin: 34px 0 0; }
.tl-reviews-slider .slick-dots li button { font-size: 0; width: 10px; height: 10px; padding: 0; border-radius: 50% !important; border: 0; background: rgba(255,255,255,.25) !important; cursor: pointer; }
.tl-reviews-slider .slick-dots li.slick-active button { background: var(--tl-goud-licht) !important; }
.tl-reviews-blok .tl-deco { right: -40px; bottom: -40px; font-size: 230px; }
@media (max-width: 991px) {
  section.intro.tl-reviews-blok { padding: 70px 0; }
  .tl-reviews { grid-template-columns: minmax(0, 1fr); gap: 50px; }
  .tl-cijfer { font-size: 120px; }
  .tl-reviews-slider { padding: 10px 0 10px 28px; }
  .tl-reviews-slider::before { left: 16px; top: -60px; font-size: 140px; }
  .tl-review .tl-quote { font-size: 27px; }
}

/* --- Home: over de salon en het team --- */
section.intro.tl-over-blok { padding: 110px 0; }
.tl-over { position: relative; display: grid; grid-template-columns: 1.15fr 1fr; align-items: center; }
.tl-over-foto { margin: 0 !important; aspect-ratio: 1600 / 1036; border-radius: 28px; overflow: hidden; background: var(--tl-zand); display: flex; }
.tl-over-foto img { width: 100%; height: 100%; object-fit: cover; }
.tl-over-kaart { position: relative; z-index: 2; margin-left: -16px; background: #fff; border-radius: 28px; padding: 56px 54px; box-shadow: 0 30px 60px -35px rgba(22,20,18,.35); }
.tl-over-kaart > p { color: var(--tl-muted); }
.tl-over-punten { list-style: none; padding: 0; margin: 26px 0 32px; }
.tl-over-punten li { position: relative; padding: 12px 0 12px 34px; border-top: 1px solid var(--tl-lijn); }
.tl-over-punten li::before { content: ""; position: absolute; left: 4px; top: 22px; width: 14px; height: 1px; background: var(--tl-goud); }
.tl-over-punten strong { display: block; font-family: var(--tl-serif); font-size: 22px; font-weight: 600; color: var(--tl-zwart); line-height: 1.3; }
.tl-over-blok .tl-deco { left: 0; top: 50%; transform: translate(-50%, -50%) rotate(-90deg); }
@media (max-width: 991px) {
  section.intro.tl-over-blok { padding: 70px 0; }
  .tl-over { grid-template-columns: 1fr; }
  .tl-over-foto { aspect-ratio: 1600 / 1036; }
  .tl-over-kaart { margin: -60px 14px 0; padding: 36px 26px; }
}

/* --- Home: praktisch en afspraak --- */
section.intro.tl-praktisch-blok { padding: 110px 0; }
.tl-praktisch { display: grid; grid-template-columns: 1fr 1.25fr; gap: 80px; align-items: start; margin-bottom: 60px; }
.tl-praktisch-intro { color: var(--tl-muted); margin-bottom: 30px !important; max-width: 420px; }
.tl-info-lijst { display: grid; grid-template-columns: 1fr 1fr; gap: 0 40px; }
.tl-info { border-top: 1px solid rgba(168,130,58,.35); padding: 20px 0 24px; }
.tl-info.tl-info-breed { grid-column: 1 / -1; }
section.intro.tl-praktisch-blok h3 { font-family: var(--tl-font); font-size: 13px; letter-spacing: .22em; text-transform: uppercase; color: var(--tl-goud) !important; font-weight: 500; margin-bottom: 10px; }
.tl-info p { margin: 0 !important; }
.tl-info a { color: var(--tl-zwart) !important; border-bottom: none !important; font-family: var(--tl-serif); font-size: 30px; line-height: 1.2; }
.tl-tijden { width: 100%; border-collapse: collapse; }
.tl-tijden td { padding: 4px 0; }
.tl-tijden td + td { text-align: right; }
.tl-tijden tr.tl-avond td { color: var(--tl-zwart); font-weight: 500; }
.tl-kaart { margin: 0 !important; border-radius: 28px; overflow: hidden; background: var(--tl-wit); height: 380px; }
.tl-kaart iframe { width: 100%; height: 100%; border: 0; display: block; filter: grayscale(1) contrast(1.05); }
@media (max-width: 991px) {
  section.intro.tl-praktisch-blok { padding: 70px 0; }
  .tl-praktisch { grid-template-columns: 1fr; gap: 30px; margin-bottom: 40px; }
  .tl-info-lijst { grid-template-columns: 1fr; }
  .tl-kaart { height: 300px; }
}

/* --- Behandelpagina: hero (achtergrond via blokinstelling: #161412) --- */
section.intro.tl-bh-hero-blok { padding: 80px 0 90px; color: rgba(255,255,255,.78); }
.tl-bh-hero { display: grid; grid-template-columns: 1.15fr .85fr; gap: 80px; align-items: center; }
section.intro.tl-bh-hero-blok h1.tl-bh-titel { font-size: 68px; color: #fff !important; margin-bottom: 22px; }
.tl-bh-hero-intro { font-size: 19px; max-width: 480px; margin-bottom: 34px !important; }
@media (max-width: 991px) {
  section.intro.tl-bh-hero-blok { padding: 50px 0 60px; }
  .tl-bh-hero { grid-template-columns: 1fr; gap: 44px; }
  section.intro.tl-bh-hero-blok h1.tl-bh-titel { font-size: 44px; }
}

/* --- Behandelpagina: intro --- */
section.intro.tl-bh-intro-blok { padding: 110px 0; }
.tl-bh-intro { max-width: 780px; margin: 0 auto; text-align: center; }
section.intro.tl-bh-intro-blok h2 { font-size: 58px; }
.tl-bh-intro p { font-size: 20px; line-height: 1.65; color: var(--tl-muted); }
@media (max-width: 991px) {
  section.intro.tl-bh-intro-blok { padding: 70px 0; }
  section.intro.tl-bh-intro-blok h2 { font-size: 40px; }
  .tl-bh-intro p { font-size: 18px; }
}

/* --- Behandelpagina: werkwijze --- */
section.intro.tl-bh-werk-blok { padding: 110px 0; }
.tl-bh-werk { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 80px; align-items: start; }
.tl-bh-werk-tekst p { color: var(--tl-muted); }
.tl-bh-technieken { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.tl-bh-techniek { background: #fff; border-radius: 22px; padding: 26px 28px; }
.tl-bh-techniek:last-child:nth-child(odd) { grid-column: 1 / -1; }
.tl-bh-techniek p { margin: 0 !important; font-size: 15px; line-height: 1.6; color: var(--tl-muted); }
@media (max-width: 991px) {
  section.intro.tl-bh-werk-blok { padding: 70px 0; }
  .tl-bh-werk { grid-template-columns: minmax(0, 1fr); gap: 36px; }
}
@media (max-width: 600px) { .tl-bh-technieken { grid-template-columns: 1fr; } }

/* --- Behandelpagina: tips --- */
section.intro.tl-bh-tips-blok { padding: 110px 0; }
.tl-bh-tips { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 80px; align-items: start; }
.tl-bh-tiplijst { list-style: none; counter-reset: tip; padding: 0; margin: 0; }
.tl-bh-tiplijst li { counter-increment: tip; display: grid; grid-template-columns: 70px 1fr; align-items: baseline; padding: 22px 0; border-top: 1px solid var(--tl-lijn); font-size: 18px; color: var(--tl-zwart); }
.tl-bh-tiplijst li:last-child { border-bottom: 1px solid var(--tl-lijn); }
.tl-bh-tiplijst li::before { content: counter(tip, decimal-leading-zero); font-family: var(--tl-serif); font-size: 34px; line-height: 1; color: var(--tl-goud); }
@media (max-width: 991px) {
  section.intro.tl-bh-tips-blok { padding: 70px 0; }
  .tl-bh-tips { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .tl-bh-tiplijst li { grid-template-columns: 54px 1fr; font-size: 17px; }
}

/* --- Behandelpagina: afspraak (achtergrond via blokinstelling: #161412) --- */
section.intro.tl-bh-cta-blok { padding: 120px 0; color: rgba(255,255,255,.75); }
.tl-bh-cta { position: relative; z-index: 1; max-width: 680px; margin: 0 auto; text-align: center; }
section.intro.tl-bh-cta-blok h2 { font-size: 60px; color: #fff !important; }
.tl-bh-cta p { font-size: 19px; }
.tl-bh-cta .tl-knoppen { justify-content: center; margin-top: 34px !important; }
.tl-bh-cta-blok .tl-deco { left: 50%; bottom: -60px; transform: translateX(-50%); font-size: 260px; opacity: .18; }
@media (max-width: 991px) {
  section.intro.tl-bh-cta-blok { padding: 80px 0; }
  section.intro.tl-bh-cta-blok h2 { font-size: 40px; }
}
.tl-bh-werk.tl-bh-werk-enkel { grid-template-columns: minmax(0, 1fr); max-width: 780px; }

/* --- Paginakop (achtergrond via blokinstelling: #161412) --- */
section.intro.tl-kop-blok { padding: 100px 0 90px; color: rgba(255,255,255,.75); }
.tl-kop { position: relative; z-index: 1; max-width: 760px; }
section.intro.tl-kop-blok h1.tl-kop-titel { font-size: 76px; color: #fff !important; margin-bottom: 18px; }
.tl-kop p { font-size: 19px; }
.tl-kop .tl-knoppen { margin-top: 32px !important; }
.tl-kop-blok .tl-deco { right: -30px; bottom: -70px; font-size: 240px; opacity: .16; }
@media (max-width: 991px) {
  section.intro.tl-kop-blok { padding: 60px 0 56px; }
  section.intro.tl-kop-blok h1.tl-kop-titel { font-size: 48px; }
  .tl-kop p { font-size: 17px; }
}

/* --- Contact: afspraakopties --- */
section.intro.tl-opties-blok { padding: 100px 0; }
.tl-opties { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.tl-optie { background: #fff; border-radius: 26px; padding: 38px 34px 40px; display: flex; flex-direction: column; box-shadow: 0 24px 50px -40px rgba(22,20,18,.4); }
.tl-optie .tl-eyebrow { margin-bottom: 14px !important; }
.tl-optie > p:not(.tl-eyebrow):not(.tl-knoppen) { color: var(--tl-muted); flex: 1; }
.tl-optie .tl-knoppen { margin-top: 10px !important; }
.tl-optie a.tl-groot { font-family: var(--tl-serif); font-size: 34px; line-height: 1.1; color: var(--tl-zwart) !important; border-bottom: none !important; }
@media (max-width: 991px) {
  section.intro.tl-opties-blok { padding: 60px 0; }
  .tl-opties { grid-template-columns: minmax(0, 1fr); }
}

/* --- Galerij (Ons werk, Krullen) --- */
section.intro.tl-galerij-blok { padding: 100px 0; }
.tl-galerij-kop { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; margin-bottom: 44px; scroll-margin-top: 120px; }
.tl-galerij-kop h2 { margin: 0 !important; }
.tl-galerij { columns: 3; column-gap: 18px; }
.tl-galerij > *, .tl-galerij p { break-inside: avoid; margin: 0 0 18px !important; }
.tl-galerij a { display: block; overflow: hidden; border-radius: 20px; border-bottom: none !important; }
.tl-galerij img { display: block; width: 100%; height: auto; transition: transform .5s; }
.tl-galerij a:hover img { transform: scale(1.04); }
@media (max-width: 991px) {
  section.intro.tl-galerij-blok { padding: 60px 0; }
  .tl-galerij-kop { flex-direction: column; align-items: flex-start; margin-bottom: 30px; }
  .tl-galerij { columns: 2; column-gap: 12px; }
  .tl-galerij > *, .tl-galerij p { margin-bottom: 12px !important; }
  .tl-galerij a { border-radius: 14px; }
}

/* --- Standaardblokken (prijslijst, FAQ, accordeon) op behandelpagina's en Prijzen in de Trendline-stijl --- */
section.pricelist:is([class*="tl-bh-"], .tl-prijs-blok), section.faq_items[class*="tl-bh-"], section.accordeon[class*="tl-bh-"] { padding: 110px 0; font-family: var(--tl-font); color: var(--tl-tekst); }
section.pricelist:is([class*="tl-bh-"], .tl-prijs-blok) > .container, section.faq_items[class*="tl-bh-"] > .container, section.accordeon[class*="tl-bh-"] > .container { max-width: 900px; }
section.pricelist:is([class*="tl-bh-"], .tl-prijs-blok) h2, section.faq_items[class*="tl-bh-"] h2, section.accordeon[class*="tl-bh-"] h2 { font-family: var(--tl-serif); font-size: 52px; font-weight: 500; line-height: 1.08; color: var(--tl-zwart) !important; margin: 0 0 36px; }
section.pricelist:is([class*="tl-bh-"], .tl-prijs-blok) .table { margin: 0; background: transparent; }
section.pricelist:is([class*="tl-bh-"], .tl-prijs-blok) .table > tbody > tr > td { padding: 16px 0; border-top: 1px solid var(--tl-lijn); font-size: 17px; vertical-align: baseline; }
section.pricelist:is([class*="tl-bh-"], .tl-prijs-blok) .table > tbody > tr:last-child > td { border-bottom: 1px solid var(--tl-lijn); }
section.pricelist:is([class*="tl-bh-"], .tl-prijs-blok) .table > tbody > tr > td:last-child { padding-left: 16px; text-align: right; white-space: nowrap; font-family: var(--tl-serif); font-size: 24px; font-variant-numeric: lining-nums tabular-nums; color: var(--tl-zwart); }
section.pricelist:is([class*="tl-bh-"], .tl-prijs-blok) .table-hover > tbody > tr:hover { background: transparent; }
section.pricelist:is([class*="tl-bh-"], .tl-prijs-blok) .table > tbody > tr > td[colspan] { padding-left: 0; text-align: left; white-space: normal; font-family: var(--tl-font); font-size: 17px; color: var(--tl-muted); }
section.pricelist:is([class*="tl-bh-"], .tl-prijs-blok) .table > thead > tr > th { padding: 48px 0 12px; border: 0; border-bottom: 1px solid var(--tl-goud); background: transparent; }
section.pricelist:is([class*="tl-bh-"], .tl-prijs-blok) .table > thead:first-child > tr > th { padding-top: 0; }
section.pricelist:is([class*="tl-bh-"], .tl-prijs-blok) .table > thead > tr > th:first-child { font-family: var(--tl-serif); font-size: 32px; font-weight: 500; line-height: 1.1; color: var(--tl-zwart); }
section.pricelist:is([class*="tl-bh-"], .tl-prijs-blok) .table > thead > tr > th:not(:first-child) { font-size: 0; }
section.faq_items[class*="tl-bh-"] .nbs_panel, section.accordeon[class*="tl-bh-"] .nbs_panel { margin: 0 0 12px; border: 0; border-radius: 18px; background: #fff; box-shadow: none; overflow: hidden; }
section.faq_items[class*="tl-bh-"] .nbs_panel-heading, section.accordeon[class*="tl-bh-"] .nbs_panel-heading { padding: 0; border: 0; background: transparent; }
section.faq_items[class*="tl-bh-"] .nbs_panel-heading a, section.accordeon[class*="tl-bh-"] .nbs_panel-heading a { display: block; padding: 20px 26px; font-family: var(--tl-serif); font-size: 23px; line-height: 1.3; color: var(--tl-zwart) !important; text-decoration: none; }
section.faq_items[class*="tl-bh-"] .nbs_panel-heading a strong, section.accordeon[class*="tl-bh-"] .nbs_panel-heading a strong { font-size: inherit; line-height: inherit; font-weight: 500; }
section.faq_items[class*="tl-bh-"] .nbs_panel-body, section.accordeon[class*="tl-bh-"] .nbs_panel-body { padding: 0 26px 22px; border: 0 !important; font-size: 16px; line-height: 1.7; color: var(--tl-muted); }
section.faq_items[class*="tl-bh-"] .nbs_panel-body p, section.accordeon[class*="tl-bh-"] .nbs_panel-body p { margin: 0; font-size: inherit; line-height: inherit; color: inherit; }
@media (max-width: 991px) {
  section.pricelist:is([class*="tl-bh-"], .tl-prijs-blok), section.faq_items[class*="tl-bh-"], section.accordeon[class*="tl-bh-"] { padding: 70px 0; }
  section.pricelist:is([class*="tl-bh-"], .tl-prijs-blok) h2, section.faq_items[class*="tl-bh-"] h2, section.accordeon[class*="tl-bh-"] h2 { font-size: 40px; margin-bottom: 28px; }
}
@media (max-width: 767px) {
  section.pricelist:is([class*="tl-bh-"], .tl-prijs-blok) h2, section.faq_items[class*="tl-bh-"] h2, section.accordeon[class*="tl-bh-"] h2 { font-size: 36px; }
  section.faq_items[class*="tl-bh-"] .nbs_panel-heading a, section.accordeon[class*="tl-bh-"] .nbs_panel-heading a { padding: 18px 20px; font-size: 20px; }
  section.faq_items[class*="tl-bh-"] .nbs_panel-body, section.accordeon[class*="tl-bh-"] .nbs_panel-body { padding: 0 20px 20px; }
}

/* --- FAQ + accordeon: plus/min-icoon zodat zichtbaar is dat een vraag uitklapt --- */
section.faq_items[class*="tl-bh-"] .nbs_panel-heading a, section.accordeon[class*="tl-bh-"] .nbs_panel-heading a { position: relative; padding-right: 76px; }
section.faq_items[class*="tl-bh-"] .nbs_panel-heading a::after, section.accordeon[class*="tl-bh-"] .nbs_panel-heading a::after { content: ""; position: absolute; top: 50%; right: 24px; width: 32px; height: 32px; margin-top: -16px; border: 1px solid var(--tl-lijn); border-radius: 50%; background: linear-gradient(var(--tl-goud), var(--tl-goud)) center / 12px 2px no-repeat, linear-gradient(var(--tl-goud), var(--tl-goud)) center / 2px 12px no-repeat; transition: transform .3s ease, border-color .3s ease, background-size .3s ease; }
section.faq_items[class*="tl-bh-"] .nbs_panel-heading a:hover::after, section.accordeon[class*="tl-bh-"] .nbs_panel-heading a:hover::after { border-color: var(--tl-goud); }
section.faq_items[class*="tl-bh-"] .nbs_panel:has(> .nbs_panel-collapse.in) .nbs_panel-heading a::after, section.accordeon[class*="tl-bh-"] .nbs_panel:has(> .nbs_panel-collapse.in) .nbs_panel-heading a::after,
section.faq_items[class*="tl-bh-"] .nbs_panel:has(> .nbs_panel-collapse.collapsing) .nbs_panel-heading a[aria-expanded="true"]::after, section.accordeon[class*="tl-bh-"] .nbs_panel:has(> .nbs_panel-collapse.collapsing) .nbs_panel-heading a[aria-expanded="true"]::after { transform: rotate(180deg); background-size: 12px 2px, 2px 0; }
@media (max-width: 767px) {
  section.faq_items[class*="tl-bh-"] .nbs_panel-heading a, section.accordeon[class*="tl-bh-"] .nbs_panel-heading a { padding-right: 62px; }
  section.faq_items[class*="tl-bh-"] .nbs_panel-heading a::after, section.accordeon[class*="tl-bh-"] .nbs_panel-heading a::after { right: 18px; width: 28px; height: 28px; margin-top: -14px; }
}

/* --- Home: overrides Behandelingen (Uniek ID tl-diensten-blok) --- */
section.treatments.tl-diensten-blok { padding: 110px 0 160px; font-family: var(--tl-font); text-align: left; }
section.treatments.tl-diensten-blok h2 { font-family: var(--tl-serif); font-size: 52px; font-weight: 500; line-height: 1.08; color: var(--tl-zwart) !important; margin: 0 0 50px; }
section.treatments.tl-diensten-blok div.items { margin-top: 0; }
section.treatments.tl-diensten-blok div.items > .row { display: flex; align-items: flex-start; gap: 24px; margin: 0; }
section.treatments.tl-diensten-blok div.items > .row::before, section.treatments.tl-diensten-blok div.items > .row::after { display: none; }
section.treatments.tl-diensten-blok div.items > .row > div { float: none; flex: 1 1 0; width: auto; min-width: 0; padding: 0; }
section.treatments.tl-diensten-blok div.items > .row > div:nth-child(even) { margin-top: 50px; }
section.treatments.tl-diensten-blok div.items div.item { position: relative; display: flex; flex-direction: column; min-height: 0; margin: 0; padding: 0; background: var(--tl-antraciet); border-radius: 24px; overflow: hidden; transition: transform .3s, box-shadow .3s; }
section.treatments.tl-diensten-blok div.items div.item:hover { transform: translateY(-6px); box-shadow: 0 30px 50px -30px rgba(22,20,18,.6); }
section.treatments.tl-diensten-blok div.items div.item:focus-within { outline: 2px solid var(--tl-goud); outline-offset: 3px; }
section.treatments.tl-diensten-blok div.items div.item > a:first-child { display: block; aspect-ratio: 4 / 5; overflow: hidden; background: #2F2A26; }
section.treatments.tl-diensten-blok div.items div.item img { display: block; width: 100%; height: 100%; margin: 0; object-fit: cover; border-radius: 0 !important; box-shadow: none !important; transition: transform .5s; }
section.treatments.tl-diensten-blok div.items div.item:hover img { transform: scale(1.04); }
section.treatments.tl-diensten-blok div.items div.item > a + a { display: block; padding: 22px 22px 26px; text-decoration: none; }
section.treatments.tl-diensten-blok div.items div.item > a + a::before { content: ""; position: absolute; inset: 0; z-index: 1; }
section.treatments.tl-diensten-blok div.items div.item > a + a::after { content: "Lees meer \2192"; display: inline-block; font-family: var(--tl-font); font-size: 13px; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; color: var(--tl-goud-licht); }
section.treatments.tl-diensten-blok div.items div.item a span { display: block; margin: 0 0 12px; font-family: var(--tl-serif); font-size: 26px; font-weight: 500; line-height: 1.15; text-transform: none; word-break: normal; color: #fff !important; }
@media (max-width: 991px) {
  section.treatments.tl-diensten-blok { padding: 70px 0 80px; }
  section.treatments.tl-diensten-blok h2 { font-size: 40px; margin-bottom: 32px; }
  section.treatments.tl-diensten-blok div.items > .row { gap: 16px; margin: 0 -15px; padding: 0 15px 12px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding: 0 15px; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  section.treatments.tl-diensten-blok div.items > .row::-webkit-scrollbar { display: none; }
  section.treatments.tl-diensten-blok div.items > .row > div { flex: 0 0 72%; max-width: 280px; scroll-snap-align: start; }
  section.treatments.tl-diensten-blok div.items > .row > div:nth-child(even) { margin-top: 0; }
  section.treatments.tl-diensten-blok div.items div.item:hover { transform: none; }
}
@media (max-width: 767px) {
  section.treatments.tl-diensten-blok h2 { font-size: 36px; }
}

/* --- Home: overrides Slider "Ons werk" (Uniek ID tl-werk-blok) --- */
section.slider.tl-werk-blok{ padding: 110px 0 120px; overflow: hidden; font-family: var(--tl-font); }
section.slider.tl-werk-blok h2{ font-family: var(--tl-serif); font-size: 52px; font-weight: 500; line-height: 1.08; color: var(--tl-zwart) !important; text-align: center; margin: 0 0 50px; }
.tl-werk-blok .nbs_slider{ position: relative; max-width: 960px; margin: 0 auto; }
.tl-werk-blok .nbs_slider.slick-dotted{ margin-bottom: 0; }
.tl-werk-blok .nbs_slider .slick-list{ padding: 0 25%; }
.tl-werk-blok .nbs_slider .slide > div{ padding: 0 12px; }
.tl-werk-blok .nbs_slider .slide--image img{ height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 24px; display: block; }
.tl-werk-blok .nbs_slider .slick-prev, .tl-werk-blok .nbs_slider .slick-next{ z-index: 3; display: flex !important; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: var(--tl-zwart); color: var(--tl-goud-licht); font-size: 26px; line-height: 1; transform: translateY(-50%); transition: background .2s, color .2s; box-shadow: 0 12px 24px -12px rgba(0,0,0,.5); }
.tl-werk-blok .nbs_slider .slick-prev{ left: calc(25% - 16px); }
.tl-werk-blok .nbs_slider .slick-next{ right: calc(25% - 16px); }
.tl-werk-blok .nbs_slider .slick-prev:hover, .tl-werk-blok .nbs_slider .slick-next:hover{ background: var(--tl-goud); color: #fff; }
.tl-werk-blok .nbs_slider .slick-dots{ position: static; display: flex; justify-content: center; gap: 10px; margin: 40px 0 0; padding: 0; list-style: none; }
.tl-werk-blok .nbs_slider .slick-dots li{ width: auto; height: auto; margin: 0; }
.tl-werk-blok .nbs_slider .slick-dots li button{ width: 10px; height: 10px; padding: 0; border: 0; border-radius: 50% !important; background: rgba(22,20,18,.2) !important; font-size: 0; cursor: pointer; }
.tl-werk-blok .nbs_slider .slick-dots li button::before{ display: none; }
.tl-werk-blok .nbs_slider .slick-dots li.slick-active button{ background: var(--tl-goud) !important; }
@media (max-width: 991px) {
  section.slider.tl-werk-blok{ padding: 70px 0 80px; }
  section.slider.tl-werk-blok h2{ font-size: 40px; margin-bottom: 36px; }
}
@media (max-width: 767px) {
  section.slider.tl-werk-blok h2{ font-size: 36px; }
  .tl-werk-blok .nbs_slider .slick-list{ padding: 0 14%; }
  .tl-werk-blok .nbs_slider .slide > div{ padding: 0 6px; }
  .tl-werk-blok .nbs_slider .slide--image img{ border-radius: 18px; }
  .tl-werk-blok .nbs_slider .slick-prev, .tl-werk-blok .nbs_slider .slick-next{ width: 44px; height: 44px; font-size: 22px; }
  .tl-werk-blok .nbs_slider .slick-prev{ left: 4px; }
  .tl-werk-blok .nbs_slider .slick-next{ right: 4px; }
}

/* --- Vormgeving-aanvulling: kleur 3 stuurt zowel knoppen als links aan, kleur 1 zowel hover als socket --- */
a { color: var(--tl-goud) !important; }
footer div.socket { background: var(--tl-zwart) !important; border-top: 1px solid rgba(255,255,255,.08); }
footer div.social-media ul li a { background: var(--tl-goud) !important; }

/* --- Header: hoogte los van het logobestand (logo-2 is 2768x796 en het thema rekent de headerhoogte daaruit) --- */
@media (min-width: 992px) {
  header > div.wrapper, header > div.wrapper.above { min-height: 0 !important; }
  header div.header div.holder { height: 120px !important; }
}

/* --- Sitebreed: teksten in Jost (staat niet in de fontlijst van Vormgeving) --- */
body { font-family: var(--tl-font); }

/* --- Team --- */
section.intro.tl-team-blok { padding: 0 0 100px; overflow: visible; background: linear-gradient(var(--tl-zwart) 0, var(--tl-zwart) 140px, var(--tl-wit) 140px) !important; }
.tl-team-foto { position: relative; z-index: 2; margin: -60px 0 80px !important; aspect-ratio: 21 / 9; border-radius: 28px; overflow: hidden; background: var(--tl-zand); display: flex; box-shadow: 0 30px 60px -35px rgba(0,0,0,.45); }
.tl-team-foto img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 15%; }
.tl-team-kop { text-align: center; margin-bottom: 44px; }
.tl-team { display: flex; flex-wrap: wrap; justify-content: center; gap: 34px 22px; }
.tl-lid { flex: 0 0 calc(25% - 17px); text-align: center; }
.tl-lid-foto { margin: 0 0 16px !important; aspect-ratio: 4 / 5; border-radius: 22px; overflow: hidden; background: var(--tl-zand); display: flex; }
.tl-lid-foto img { width: 100%; height: 100%; object-fit: cover; }
section.intro.tl-team-blok h3 { font-size: 28px; margin-bottom: 2px; }
.tl-lid .tl-lid-rol { font-size: 13px; letter-spacing: .16em; text-transform: uppercase; color: var(--tl-muted); margin-bottom: 8px !important; }
.tl-lid a { font-size: 14px; color: var(--tl-goud) !important; border-bottom: 1px solid rgba(168,130,58,.4) !important; }
.tl-lid a:hover { text-decoration: none; border-bottom-color: var(--tl-goud) !important; }
@media (max-width: 991px) {
  section.intro.tl-team-blok { padding-bottom: 60px; background: linear-gradient(var(--tl-zwart) 0, var(--tl-zwart) 80px, var(--tl-wit) 80px) !important; }
  .tl-team-foto { margin: -30px 0 50px !important; aspect-ratio: 4 / 3; border-radius: 20px; }
  .tl-team { gap: 26px 14px; }
  .tl-lid { flex-basis: calc(50% - 7px); }
  section.intro.tl-team-blok h3 { font-size: 23px; }
}

/* --- Vacature --- */
section.intro.tl-vacatures-blok { padding: 100px 0; }
.tl-vacatures { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.tl-vacature { background: #fff; border-radius: 26px; padding: 40px 38px; }
.tl-vacature > p:not(.tl-eyebrow) { color: var(--tl-muted); }
@media (max-width: 991px) {
  section.intro.tl-vacatures-blok { padding: 60px 0; }
  .tl-vacatures { grid-template-columns: minmax(0, 1fr); }
}
.tl-over-foto.tl-staand { aspect-ratio: 4 / 5; }
@media (max-width: 991px) { .tl-over-foto.tl-staand { aspect-ratio: 4 / 3; } }

/* --- Menu: afspraakknop --- */
header div.header nav.navbar-default div.navbar-collapse ul.navbar-nav > li.tl-menu-knop.menu-item > a { background: var(--tl-zwart) !important; color: #fff !important; border-radius: 999px; padding: 10px 24px !important; margin-left: 12px; transition: background .2s; }
header div.header nav.navbar-default div.navbar-collapse ul.navbar-nav > li.tl-menu-knop.menu-item > a:hover, header div.header nav.navbar-default div.navbar-collapse ul.navbar-nav > li.tl-menu-knop.menu-item > a:focus { background: var(--tl-goud) !important; color: #fff !important; text-decoration: none; }
@media (max-width: 991px) {
  header div.header nav.navbar-default div.navbar-collapse ul.navbar-nav > li.tl-menu-knop.menu-item > a { display: inline-block; margin: 10px 15px; background: var(--tl-goud-licht) !important; color: var(--tl-zwart) !important; }
  header div.header nav.navbar-default div.navbar-collapse ul.navbar-nav > li.tl-menu-knop.menu-item > a:hover, header div.header nav.navbar-default div.navbar-collapse ul.navbar-nav > li.tl-menu-knop.menu-item > a:focus { background: #fff !important; color: var(--tl-zwart) !important; }
}


/* --- Menu: dropdown (submenu) leesbaar maken --- */
@media only screen and (min-width: 992px) {
  header div.header nav.navbar-default div.navbar-collapse ul.navbar-nav ul.dropdown-menu { background: #fff; border: 1px solid var(--tl-lijn); border-radius: 10px; padding: 6px 0; box-shadow: 0 14px 34px rgba(22,20,18,.10); }
  header div.header nav.navbar-default div.navbar-collapse ul.navbar-nav ul.dropdown-menu > li > a { background: transparent !important; box-shadow: none !important; border-bottom: 0 !important; color: var(--tl-tekst) !important; font-family: var(--tl-font); }
  header div.header nav.navbar-default div.navbar-collapse ul.navbar-nav ul.dropdown-menu > li > a:hover,
  header div.header nav.navbar-default div.navbar-collapse ul.navbar-nav ul.dropdown-menu > li > a:focus,
  header div.header nav.navbar-default div.navbar-collapse ul.navbar-nav ul.dropdown-menu > li.active > a { background: var(--tl-zand) !important; color: var(--tl-goud) !important; }
}

/* --- Galerij: automatische <br> van WordPress verbergen (anders schuiven kolommen omlaag) --- */
.tl-galerij > br { display: none; }

/* --- Header: zelfde crèmekleur als de rest van de site; logo (jpg met witte rand) laat de achtergrond doorschijnen --- */
header div.header { background: var(--tl-wit); }
header img.logo { mix-blend-mode: multiply; }

/* --- Menu: hover op de menu-items (gouden tekst + lijntje eronder) --- */
@media only screen and (min-width: 992px) {
  header div.header nav.navbar-default div.navbar-collapse ul.navbar-nav > li:not(.tl-menu-knop) > a { position: relative; transition: color .2s ease; }
  header div.header nav.navbar-default div.navbar-collapse ul.navbar-nav > li:not(.tl-menu-knop) > a::after { content: ""; position: absolute; left: 10px; right: 10px; bottom: 2px; height: 1px; background: var(--tl-goud); transform: scaleX(0); transform-origin: left center; transition: transform .25s ease; }
  header div.header nav.navbar-default div.navbar-collapse ul.navbar-nav > li:not(.tl-menu-knop) > a:hover, header div.header nav.navbar-default div.navbar-collapse ul.navbar-nav > li:not(.tl-menu-knop) > a:focus { color: var(--tl-goud) !important; background: transparent !important; }
  header div.header nav.navbar-default div.navbar-collapse ul.navbar-nav > li:not(.tl-menu-knop) > a:hover::after, header div.header nav.navbar-default div.navbar-collapse ul.navbar-nav > li:not(.tl-menu-knop) > a:focus::after { transform: scaleX(1); }
}

/* --- Home: teamfoto (Over de salon) niet meer half onder de witte kaart, zodat de collega rechts helemaal in beeld is --- */
@media only screen and (min-width: 992px) {
  .tl-over { column-gap: 28px; }
  .tl-over-kaart { margin-left: 0; }
}