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

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

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

  h1 {
  font-size: 34px;
  }

  h2 {
  font-size: 32px;
  }

  h3 {
  font-size: 26px;
  }

  h4 {
  font-size: 21px;
  }

  h5 {
  font-size: 18px;
  }

  h6 {
  font-size: 16px;
  }

  body {
  font-size: 15px;
  }

  body,
  .product-usps li,
  .stock-message {
  color: #595959;
  }

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

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

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

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

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

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

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

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

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

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

  .woocommerce-info::before,
  .woocommerce-message::before {
  color: #004aad !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: 357px;
  }
  header > div.wrapper.above {
  min-height: 507px;
  }

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





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

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

  header nav.navbar-default {
  background-color: rgba(0, 74, 173, .5) !important;
  }

  nav.navbar-default div.navbar-collapse ul.navbar-nav>li a:hover {
  background-color: rgba(0, 74, 173, .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: #004aad !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 #ff5757;
  }

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

  @media only screen and (min-width : 1400px) {
  .container {
  width: 1370px;
  }
  }
  /* --- LG Service: basis en tokens --- */
html {
  font-size: 16px !important;
}

:root {
  /* Kleuren */
  --color-brand: #004aad;
  --color-accent: #ff5757;
  --color-grey: #a9a8a9;
  --color-text-main: #282828;
  --color-bg-body: #ffffff;

  /* Fonts */
  --font-heading: "Archivo", sans-serif;
  --font-body: "Archivo", sans-serif;

  /* Lettergroottes */
  --font-size-body: 1.125rem;
  --font-size-h1: clamp(2.5rem, 5vw, 4rem);
  --font-size-h2: clamp(2rem, 3.5vw, 2.625rem);
  --font-size-h3: 1.5rem;

  /* Ruimte */
  --space-xs: .5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;

  /* Vormgeving */
  --radius-default: 0;
  --border-color: #a9a8a9;
  --slant: -20deg;
  --livrei: linear-gradient(90deg,
    var(--color-brand) 0 30%,
    transparent 30% 35%,
    var(--color-accent) 35% 65%,
    transparent 65% 70%,
    var(--color-grey) 70% 100%);
}

body {
  font-family: var(--font-body);
  font-size: var(--font-size-body);
  line-height: 1.6;
  color: var(--color-text-main);
  background: var(--color-bg-body);
}
/* --- LG Service: secties --- */
section.intro.lg-hero-blok,section.intro.lg-diensten-blok,section.intro.lg-badkamer-blok,section.intro.lg-werk-blok,section.intro.lg-over-blok,section.intro.lg-reviews-blok,section.intro.lg-cta-blok{padding:var(--space-3xl) 0}
section.intro.lg-hero-blok{position:relative;display:flex;align-items:center;min-height: min(98vh, 920px);padding:var(--space-3xl) 0;background-color:var(--color-text-main);background-size:cover;background-position:center}
section.intro.lg-hero-blok::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45)}
section.intro.lg-badkamer-blok,section.intro.lg-over-blok{padding-top:0}
section.intro.lg-reviews-blok{background:var(--color-brand);color:#fff}
.lg-sectie h1,.lg-sectie h2,.lg-sectie h3{font-family:var(--font-heading);font-weight:800;font-variation-settings:"wdth" 118;line-height:1.05;letter-spacing:-.01em;margin:0 0 var(--space-sm);color:var(--color-text-main) !important}
.lg-sectie h1{font-size:var(--font-size-h1)}
.lg-sectie h2{font-size:var(--font-size-h2)}
.lg-sectie h3{font-size:var(--font-size-h3);font-variation-settings:"wdth" 110}
.lg-sectie h2::before{content:"";display:block;width:72px;height:12px;margin:0 0 var(--space-md) 6px;background:var(--livrei);transform:skewX(var(--slant))}
.lg-sectie p{margin:0 0 var(--space-sm);max-width:62ch}
.lg-sectie ul{margin:0;padding:0;list-style:none}
.lg-sectie a{color:inherit !important;border-bottom:0}
.lg-sectie .btn{display:inline-block;padding:var(--space-sm) var(--space-lg);font-family:var(--font-body);font-size:1rem;font-weight:800;font-variation-settings:"wdth" 112;line-height:1.2;letter-spacing:0;text-decoration:none;border:0;border-radius:0 !important;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%)}
.lg-sectie .btn.btn-primary{background:var(--color-accent) !important;color:var(--color-text-main) !important}
.lg-sectie .btn.btn-secondary{background:var(--color-brand) !important;color:#fff !important}
.lg-sectie .btn.btn-primary:hover,.lg-sectie .btn.btn-secondary:hover,.lg-sectie .btn:focus-visible{background:var(--color-text-main) !important;color:#fff !important;text-decoration:none;outline:none}
.lg-sectie .btn:focus-visible{text-decoration:underline;text-underline-offset:4px}
.lg-link{font-weight:800}
.lg-link a{text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:3px;text-underline-offset:6px}
.lg-link a:hover{text-decoration-color:currentColor}
.lg-knoppen{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}
.lg-knoppen p{margin:0}
.lg-kop{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-lg);align-items:end;margin-bottom:var(--space-xl)}
.lg-kop h2,.lg-kop p{margin:0}
.lg-kop .lg-link,.lg-kop .lg-reviews-acties{justify-self:end}
/* --- LG Service: hero --- */
.lg-hero{max-width:760px;color:#fff}
.lg-sectie.lg-hero h1{color:#fff !important}
.lg-sectie.lg-hero h1::before{content:"";display:block;width:96px;height:14px;margin:0 0 var(--space-md) 6px;background:var(--livrei);transform:skewX(var(--slant))}
.lg-hero p{font-size:1.25rem}
.lg-hero .lg-knoppen{margin:var(--space-lg) 0}
.lg-kenmerken{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-md);font-size:1rem;font-weight:700}
.lg-kenmerken li::before{content:"";display:inline-block;width:10px;height:10px;margin-right:var(--space-xs);background:var(--color-accent);transform:skewX(var(--slant))}
.lg-media-beeld,.lg-werk-item{display:block;position:relative;margin:0 !important;max-width:none !important}
.lg-media-beeld > *,.lg-werk-item > *{display:block;width:100%;height:100%}
.lg-sectie img{width:100%;height:100%;object-fit:cover}
/* --- LG Service: werkzaamheden --- */
.lg-diensten-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}
.lg-dienst{position:relative;padding:var(--space-xl) var(--space-md) var(--space-md);border:2px solid var(--color-text-main)}
.lg-dienst::before{content:"";position:absolute;top:0;left:var(--space-md);width:88px;height:12px;background:var(--color-brand);transform:skewX(var(--slant))}
.lg-dienst-warmte::before{background:var(--color-accent)}
.lg-dienst-service::before{background:var(--color-grey)}
.lg-dienst li{position:relative;padding:var(--space-xs) 0 var(--space-xs) var(--space-md);border-top:1px solid var(--border-color);font-size:1rem}
.lg-dienst li::before{content:"";position:absolute;left:2px;top:1.05em;width:8px;height:8px;background:var(--color-text-main);transform:skewX(var(--slant))}
.lg-afsluiter{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-md)}
.lg-afsluiter p{margin:0}
/* --- LG Service: beeld en tekst --- */
.lg-media{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--space-2xl);align-items:center}
.lg-media-omgekeerd{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.lg-media-omgekeerd .lg-media-beeld{order:2}
.lg-media-beeld{aspect-ratio:4/3}
.lg-media-omgekeerd .lg-media-beeld{aspect-ratio:4/5}
.lg-media-tekst p:last-child{margin-bottom:0;margin-top:var(--space-md)}
/* --- LG Service: ons werk --- */
.lg-werk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-sm)}
.lg-werk-item{aspect-ratio:1/1;overflow:hidden}
.lg-werk-item:first-child{grid-column:span 2;grid-row:span 2}
.lg-werk-item a:focus-visible{outline:3px solid var(--color-accent);outline-offset:-3px}
/* --- LG Service: reviews --- */
.lg-sectie.lg-reviews h2,.lg-sectie.lg-reviews h3{color:#fff !important}
.lg-sectie.lg-reviews h2::before{background:linear-gradient(90deg,#fff 0 30%,transparent 30% 35%,var(--color-accent) 35% 65%,transparent 65% 70%,var(--color-grey) 70% 100%)}
.lg-reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl) var(--space-lg);align-items:start}
.lg-review{margin:0;padding:var(--space-md) 0 0;border:0;border-top:2px solid #fff;font-size:var(--font-size-body)}
.lg-review p{margin:0 0 var(--space-xs)}
.lg-review p.lg-review-naam{margin-top:var(--space-sm);font-weight:800;font-variation-settings:"wdth" 112}
/* --- LG Service: reviews-slider --- */
.lg-reviews-acties{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-lg)}
.lg-reviews-acties p{margin:0}
.lg-reviews-nav{display:flex;gap:var(--space-xs)}
.lg-reviews-pijl{position:relative;width:56px;height:40px;padding:0;border:0;background:#fff;color:var(--color-brand);cursor:pointer;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.lg-reviews-pijl::before{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;border-top:3px solid currentColor;border-right:3px solid currentColor;transform:translate(-65%,-50%) rotate(45deg)}
.lg-reviews-vorige::before{transform:translate(-35%,-50%) rotate(-135deg)}
.lg-reviews-pijl:hover,.lg-reviews-pijl:focus-visible{background:var(--color-accent);color:var(--color-text-main);outline:none}
.lg-reviews-grid.slick-initialized{display:block}
.lg-reviews-grid.slick-slider{position:relative;user-select:none;touch-action:pan-y}
.lg-reviews-grid .slick-list{position:relative;display:block;overflow:hidden;margin:0 calc(var(--space-sm) * -1);padding:0}
.lg-reviews-grid .slick-track{position:relative;top:0;left:0;display:flex}
.lg-reviews-grid .slick-slide{float:none;height:auto;min-height:1px;margin:0 var(--space-sm)}
.lg-reviews-grid .slick-slide:focus{outline:none}
/* --- LG Service: contact --- */
section.intro.lg-cta-blok{position:relative;overflow:hidden;padding:10rem 0 0;background:var(--color-brand);color:#fff;clip-path:polygon(0 4rem,100% 0,100% 100%,0 100%)}
section.intro.lg-cta-blok::after{content:"";position:absolute;top:2.5rem;right:-3rem;width:260px;height:340px;background:linear-gradient(90deg,rgba(255,255,255,.12) 0 38%,transparent 38% 45%,var(--color-accent) 45% 60%,transparent 60% 67%,rgba(169,168,169,.4) 67% 100%);transform:skewX(var(--slant));pointer-events:none}
section.intro.lg-cta-blok > .container{position:relative;z-index:1}
.lg-cta{max-width:760px;padding-bottom:var(--space-2xl)}
.lg-sectie.lg-cta h2{color:#fff !important;font-weight:900;font-variation-settings:"wdth" 125;font-size:clamp(2.5rem,6vw,4.75rem);line-height:.98;margin-bottom:var(--space-md)}
.lg-sectie.lg-cta h2::before{background:linear-gradient(90deg,#fff 0 30%,transparent 30% 35%,var(--color-accent) 35% 65%,transparent 65% 70%,var(--color-grey) 70% 100%)}
.lg-cta p.lg-cta-tel{margin:var(--space-xs) 0 var(--space-lg)}
.lg-cta-tel a{font-family:var(--font-heading);font-weight:900;font-variation-settings:"wdth" 125;font-size:clamp(1.75rem,4vw,3rem);line-height:1.1;text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:6px;text-underline-offset:10px}
.lg-cta-tel a:hover{text-decoration-color:#fff}
.lg-sectie.lg-cta .btn.btn-secondary{background:#fff !important;color:var(--color-brand) !important}
.lg-sectie.lg-cta .btn.btn-secondary:hover{background:var(--color-text-main) !important;color:#fff !important}
.lg-cta-diensten{padding:var(--space-xl) 0;border-top:2px solid #fff}
.lg-sectie.lg-cta-diensten h3{color:#fff !important;font-size:1.25rem;margin-bottom:var(--space-md)}
.lg-cta-diensten ul{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;padding:0 var(--space-sm)}
.lg-cta-diensten a{position:relative;display:flex;align-items:center;justify-content:center;min-height:4.5rem;padding:var(--space-sm) var(--space-xs);text-align:center;font-size:.9rem;font-weight:800;font-variation-settings:"wdth" 104;line-height:1.2;color:var(--color-brand) !important;isolation:isolate}
.lg-cta-diensten a::before{content:"";position:absolute;inset:0;transform:skewX(var(--slant));border-radius:8px;background:#fff;z-index:-1}
.lg-cta-diensten .lg-warmte a{color:var(--color-text-main) !important}
.lg-cta-diensten .lg-warmte a::before{background:var(--color-accent)}
.lg-cta-diensten .lg-service a{color:var(--color-text-main) !important}
.lg-cta-diensten .lg-service a::before{background:var(--color-grey)}
.lg-cta-diensten a:hover,.lg-cta-diensten a:focus-visible{color:#fff !important;outline:none}
.lg-cta-diensten a:hover::before,.lg-cta-diensten a:focus-visible::before{background:var(--color-text-main)}
/* --- LG Service: footer (thema-markup, controleren na installatie) --- */
body footer{background:var(--color-brand) !important;color:#fff;font-family:var(--font-body);font-size:1rem;line-height:1.7}
footer div.column > h4{color:#fff !important;font-family:var(--font-heading);font-weight:800;font-variation-settings:"wdth" 118;font-size:1.25rem;letter-spacing:0;text-transform:none;margin:0 0 var(--space-sm)}
footer .column a{color:#fff !important;border-bottom:0;text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:2px;text-underline-offset:4px}
footer a:hover{text-decoration-color:#fff}
footer .btn{display:inline-block;padding:.75rem 1.75rem;border:0;border-radius:0 !important;background:var(--color-accent) !important;color:var(--color-text-main) !important;font-family:var(--font-body);font-weight:800;font-size:1rem;text-decoration:none;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%)}
footer .btn:hover{background:#fff !important;color:var(--color-brand) !important}
footer div.socket{background:transparent !important;color:#fff;border-top:1px solid rgba(255,255,255,.4);font-size:.875rem}

/* --- LG Service: mobiel --- */
@media (max-width:991px)
{section.intro.lg-hero-blok{min-height:560px;padding:var(--space-2xl) 0}section.intro.lg-diensten-blok,section.intro.lg-werk-blok,section.intro.lg-reviews-blok{padding:var(--space-2xl) 0}section.intro.lg-badkamer-blok,section.intro.lg-over-blok{padding:0 0 var(--space-2xl)}section.intro.lg-cta-blok{padding-top:7rem;clip-path:polygon(0 2.5rem,100% 0,100% 100%,0 100%)}section.intro.lg-cta-blok::after{width:150px;height:200px;top:1.5rem;opacity:.6}.lg-cta{padding-bottom:var(--space-2xl)}.lg-hero p{font-size:var(--font-size-body)}.lg-kop,.lg-media,.lg-media-omgekeerd,.lg-diensten-grid,.lg-reviews-grid{grid-template-columns:minmax(0,1fr)}.lg-kop{gap:var(--space-sm)}.lg-media-omgekeerd .lg-media-beeld{order:0}.lg-werk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lg-kop .lg-link,.lg-kop .lg-reviews-acties{justify-self:start}
header div.header div.wrapper img.logo {
    max-width: 150px;
}
header div.header {
    text-align: left;
}
}

@media (max-width:1199px){.lg-cta-diensten ul{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:var(--space-sm)}}
@media (max-width:600px){section.intro.lg-cta-blok::after{display:none}.lg-cta-diensten ul{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* --- LG Service: werkzaamheden-pagina --- */
section.intro.lg-wz-intro-blok,section.intro.lg-wz-index-blok,section.intro.lg-wz-foto-blok{padding:var(--space-3xl) 0}
section.intro.lg-wz-index-blok{padding-top:var(--space-2xl)}
section.intro.lg-wz-badkamer-blok{padding:var(--space-3xl) 0;background:var(--color-brand);color:#fff}
.lg-wz-intro{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:var(--space-2xl);align-items:center}
.lg-wz-intro .lg-knoppen{margin-top:var(--space-lg)}
.lg-sectie p.lg-jaren{position:relative;margin:0;padding:var(--space-xl) var(--space-xl) var(--space-xl) var(--space-2xl);color:#fff;isolation:isolate}
.lg-jaren::before{content:"";position:absolute;inset:0;background:var(--color-brand);transform:skewX(var(--slant));border-radius:10px;z-index:-1}
.lg-jaren::after{content:"";position:absolute;right:-8px;top:0;bottom:0;width:20px;background:var(--color-accent);transform:skewX(var(--slant));border-radius:6px}
.lg-jaren strong{display:block;font-family:var(--font-heading);font-weight:900;font-variation-settings:"wdth" 125;font-size:clamp(4.5rem,9vw,7.5rem);line-height:.9}
.lg-jaren span{display:block;margin-top:var(--space-xs);font-weight:700;font-size:1.125rem;line-height:1.3}
.lg-jaren span.lg-jaren-ruim{margin:0 0 var(--space-xs);font-size:1rem}
.lg-index{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:var(--space-2xl);align-items:start}
.lg-index-kop{position:sticky;top:var(--space-lg)}
.lg-index-lijst{border-top:2px solid var(--color-text-main)}
.lg-index-lijst li{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) 0 var(--space-md) var(--space-xl);border-bottom:1px solid var(--border-color)}
.lg-index-lijst li::before{content:"";position:absolute;left:4px;top:50%;width:18px;height:18px;margin-top:-9px;background:var(--color-brand);transform:skewX(var(--slant))}
.lg-index-lijst li.lg-index-warmte::before{background:var(--color-accent)}
.lg-index-lijst li.lg-index-service::before{background:var(--color-grey)}
.lg-index-naam{font-family:var(--font-heading);font-weight:800;font-variation-settings:"wdth" 115;font-size:clamp(1.25rem,2.2vw,1.75rem);line-height:1.15}
.lg-index-tag{flex-shrink:0;font-size:.875rem;font-weight:700;color:var(--color-brand)}
.lg-sectie.lg-op-blauw,.lg-sectie.lg-op-blauw h2{color:#fff !important}
.lg-sectie.lg-op-blauw h2::before{background:linear-gradient(90deg,#fff 0 30%,transparent 30% 35%,var(--color-accent) 35% 65%,transparent 65% 70%,var(--color-grey) 70% 100%)}
.lg-kop > div p:last-child{margin-bottom:0}
.lg-kop > div p + p{margin-top:var(--space-sm)}
@media (max-width:991px){section.intro.lg-wz-intro-blok,section.intro.lg-wz-foto-blok,section.intro.lg-wz-badkamer-blok{padding:var(--space-2xl) 0}section.intro.lg-wz-index-blok{padding:0 0 var(--space-2xl)}.lg-wz-intro,.lg-index{grid-template-columns:minmax(0,1fr)}.lg-index-kop{position:static}.lg-sectie p.lg-jaren{max-width:340px;margin-left:var(--space-md)}}
@media (max-width:560px){.lg-index-lijst li{flex-direction:column;gap:2px}}

/* --- LG Service: over --- */
section.intro.lg-over-intro-blok,section.intro.lg-over-verhaal-blok,section.intro.lg-over-citaat-blok,section.intro.lg-over-fotos-blok{padding:var(--space-3xl) 0}
section.intro.lg-over-verhaal-blok{padding-top:0}
section.intro.lg-over-citaat-blok{background:var(--color-brand);color:#fff}
.lg-over-lead{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-3xl);align-items:center}
.lg-sectie p.lg-lead{font-size:1.375rem;line-height:1.5}
.lg-over-lead .lg-knoppen{margin-top:var(--space-lg)}
.lg-over-foto{position:relative}
.lg-sectie p.lg-portret{aspect-ratio:4/5;margin:0;max-width:none}
.lg-portret > *{display:flex;width:100%;height:100%}
.lg-over-foto p.lg-jaren{position:absolute;left:calc(var(--space-2xl) * -1);bottom:var(--space-xl);padding:var(--space-md) var(--space-lg) var(--space-md) var(--space-xl)}
.lg-over-foto .lg-jaren strong{font-size:clamp(3.5rem,6vw,5rem)}
.lg-verhaal-rij{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--space-2xl);padding:var(--space-xl) 0;border-top:2px solid var(--color-text-main)}
.lg-verhaal-rij:last-child{border-bottom:2px solid var(--color-text-main)}
.lg-sectie.lg-verhaal h2{font-size:1.75rem;margin:0}
.lg-sectie.lg-verhaal h2::before{width:48px;height:10px;margin-bottom:var(--space-sm)}
.lg-verhaal-rij p{margin:0;font-size:1.25rem;line-height:1.6}
.lg-sectie.lg-citaat,.lg-sectie.lg-citaat p{color:#fff !important}
.lg-citaat blockquote{margin:0 0 var(--space-lg);padding:0;border:0}
.lg-citaat blockquote p{font-family:var(--font-heading);font-weight:900;font-variation-settings:"wdth" 118;font-size:clamp(2rem,4.5vw,3.5rem);line-height:1.08;max-width:22ch;margin:0}
.lg-citaat blockquote p.lg-citaat-naam{margin-top:var(--space-lg);font-size:1.125rem;font-weight:800;font-variation-settings:"wdth" 112;line-height:1.3}
.lg-citaat blockquote p.lg-citaat-naam::before{content:"";display:inline-block;width:40px;height:10px;margin-right:var(--space-sm);background:var(--color-accent);transform:skewX(var(--slant))}
.lg-citaat > p{margin:0;font-size:1.125rem}
.lg-fotostrook{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-sm)}
.lg-fotostrook .lg-werk-item:first-child{grid-column:auto;grid-row:auto}
@media (max-width:991px){section.intro.lg-over-intro-blok,section.intro.lg-over-citaat-blok,section.intro.lg-over-fotos-blok{padding:var(--space-2xl) 0}section.intro.lg-over-verhaal-blok{padding:0 0 var(--space-2xl)}.lg-over-lead,.lg-verhaal-rij{grid-template-columns:minmax(0,1fr)}.lg-over-lead{gap:var(--space-xl)}.lg-verhaal-rij{gap:var(--space-sm)}.lg-over-foto{max-width:460px}.lg-over-foto p.lg-jaren{left:var(--space-sm);bottom:var(--space-sm)}.lg-fotostrook{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* --- LG Service: menu --- */
header nav.navbar-default ul.navbar-nav > li > a{position:relative;font-family:var(--font-heading);font-weight:800;font-variation-settings:"wdth" 112;letter-spacing:0;text-transform:none;background:transparent !important;box-shadow:none !important}
header button.navbar-toggle.default {
    width: 56px;
    height: 44px;
    padding: 0 42px 0 25px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--color-brand) !important;
    color: #fff !important;
    font-size: 1.25rem;
    clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
    margin-right: 15px !important;
}
header nav.navbar-default div.navbar-header div.holder, header div.header div.holder {
    min-height: 50px;
    height: 102px;
}
header>div.wrapper {
    min-height: 100px;
}
header nav.navbar-default:has(.navbar-collapse.in) button.navbar-toggle.default{background:var(--color-accent) !important;color:var(--color-text-main) !important}

@media (min-width:992px){
header nav.navbar-default,header div.header nav.navbar-default{background:transparent !important}
header nav.navbar-default div.navbar-collapse,header nav.navbar-default ul.navbar-nav{text-align:right !important}
header nav.navbar-default ul.navbar-nav{margin-right:-1rem}
header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav>li>a{padding:.75rem 1rem !important;font-size: 14px;color:var(--color-text-main) !important}
header nav.navbar-default ul.navbar-nav > li > a::after{content:"";position:absolute;left:1rem;right:1rem;bottom:.3rem;height:5px;background:var(--color-accent);transform:skewX(var(--slant)) scaleX(0);transform-origin:left center;transition:transform .2s ease}
header div.header nav.navbar-default ul.navbar-nav > li > a:hover,header div.header nav.navbar-default ul.navbar-nav > li > a:focus-visible{color:var(--color-brand) !important;background:transparent !important;outline:none}
header nav.navbar-default ul.navbar-nav > li > a:hover::after,header nav.navbar-default ul.navbar-nav > li > a:focus-visible::after,header nav.navbar-default ul.navbar-nav > li.active > a::after,header nav.navbar-default ul.navbar-nav > li.current-menu-item > a::after{transform:skewX(var(--slant)) scaleX(1)}
header div.header nav.navbar-default ul.navbar-nav > li.active > a,header div.header nav.navbar-default ul.navbar-nav > li.current-menu-item > a{color:var(--color-brand) !important}
    header div.header.full-width div.wrapper img.logo {
        max-width: 79px;
    }
    header div.header div.holder {
        height: 74px;
        min-height: 50px;
    }
    header > div.wrapper {
        min-height: 65px;
    }
}


@media (max-width:991px){
header div.navbar-collapse{padding:120px var(--space-md) var(--space-xl) !important;text-align:left !important}
header div.navbar-collapse ul.navbar-nav{margin:0}
header div.navbar-collapse ul.navbar-nav > li > a{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0 !important;font-size:1.35rem;font-variation-settings:"wdth" 118;line-height:1.15;text-align:left !important;color:#fff !important;border-bottom:1px solid rgba(255,255,255,.3) !important}
header div.navbar-collapse ul.navbar-nav > li > a::before{content:"";flex-shrink:0;width:14px;height:14px;background:rgba(255,255,255,.35);transform:skewX(var(--slant))}
header div.navbar-collapse ul.navbar-nav > li.active > a::before,header div.navbar-collapse ul.navbar-nav > li.current-menu-item > a::before{background:var(--color-accent)}
header div.navbar-collapse ul.navbar-nav > li > a:hover::before,header div.navbar-collapse ul.navbar-nav > li > a:focus-visible::before{background:#fff}
header div.navbar-collapse div.social-media{margin-top:var(--space-lg);text-align:left !important}
}

/* --- LG Service: contactpagina --- */
section.intro.lg-contact-blok,section.intro.lg-contact-kanalen-blok,section.intro.lg-contact-form-blok{padding:var(--space-3xl) 0}
section.intro.lg-contact-kanalen-blok{background:var(--color-brand);color:#fff}
.lg-contact{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--space-2xl);align-items:start}
.lg-contact-omgekeerd{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.lg-contact .lg-knoppen{margin-bottom:var(--space-xl)}
.lg-sectie p.lg-contact-tel{margin:var(--space-xs) 0 var(--space-lg)}
.lg-contact-tel a{font-family:var(--font-heading);font-weight:900;font-variation-settings:"wdth" 125;font-size:clamp(1.75rem,4vw,3rem);line-height:1.1;text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:6px;text-underline-offset:10px}
.lg-contact-tel a:hover{text-decoration-color:currentColor}
.lg-gegevens{margin-top:var(--space-lg) !important;padding-top:var(--space-md) !important;border-top:2px solid var(--color-text-main);font-size:1rem;line-height:1.7}
.lg-gegevens a{text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:2px;text-underline-offset:4px}
.lg-formulier-kaart{position:relative;padding:var(--space-xl);border:2px solid var(--color-text-main);background:#fff}
.lg-formulier-kaart::before{content:"";position:absolute;top:0;left:var(--space-xl);width:120px;height:12px;background:var(--color-accent);transform:skewX(var(--slant))}
.lg-formulier-kaart h2{font-size:var(--font-size-h3)}
.lg-formulier-kaart h2::before{display:none}
.lg-sectie.lg-kanalen-sectie h1{color:#fff !important}
.lg-sectie.lg-kanalen-sectie h1::before{content:"";display:block;width:96px;height:14px;margin:0 0 var(--space-md) 6px;background:linear-gradient(90deg,#fff 0 30%,transparent 30% 35%,var(--color-accent) 35% 65%,transparent 65% 70%,var(--color-grey) 70% 100%);transform:skewX(var(--slant))}
.lg-kanalen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:var(--space-xl) 0 0 !important;padding:0 var(--space-xl) !important}
.lg-kanalen a{position:relative;display:block;height:100%;padding:var(--space-xl) var(--space-lg) var(--space-lg) var(--space-xl);color:var(--color-brand) !important;isolation:isolate}
.lg-kanalen a::before{content:"";position:absolute;inset:0;transform:skewX(var(--slant));border-radius:12px;background:#fff;z-index:-1}
.lg-kanalen li:nth-child(2) a,.lg-kanalen li:nth-child(3) a{color:var(--color-text-main) !important}
.lg-kanalen li:nth-child(2) a::before{background:var(--color-accent)}
.lg-kanalen li:nth-child(3) a::before{background:var(--color-grey)}
.lg-kanalen a:hover,.lg-kanalen a:focus-visible{color:#fff !important;outline:none}
.lg-kanalen a:hover::before, .lg-kanalen a:focus-visible::before {
    background: var(--color-text-main) !important;
}
.lg-kanalen li:hover, .lg-kanalen li:nth-child(2) a:hover, .lg-kanalen li:nth-child(3) a:hover {
    color: white !important;
}
.lg-kanalen span{display:block;font-size:1rem;font-weight:700;margin-bottom:4px}
.lg-kanalen strong{display:block;font-family:var(--font-heading);font-weight:900;font-variation-settings:"wdth" 118;font-size:clamp(1.05rem,1.6vw,1.4rem);line-height:1.15;overflow-wrap:anywhere}
@media (max-width:991px){section.intro.lg-contact-blok,section.intro.lg-contact-kanalen-blok,section.intro.lg-contact-form-blok{padding:var(--space-2xl) 0}.lg-contact,.lg-contact-omgekeerd,.lg-kanalen{grid-template-columns:minmax(0,1fr)}.lg-kanalen{padding:0 var(--space-md) !important;gap:12px}.lg-formulier-kaart{padding:var(--space-xl) var(--space-md) var(--space-md)}.lg-formulier-kaart::before{left:var(--space-md)}}

/* --- LG Service: contactformulier --- */
.lg-formulier .nf-form-fields-required,.lg-formulier .ninja-forms-req-symbol{display:none}
.lg-formulier .nf-field-container{margin-bottom:var(--space-md) !important}
.lg-formulier .nf-form-content .label-above .nf-field-label{display:block !important;margin:0 0 var(--space-xs) !important;padding:0}
.lg-formulier .nf-form-content .html-container .nf-field-label{display:none !important}
.lg-formulier .nf-field-label label{margin:0;font-family:var(--font-heading);font-weight:800 !important;font-variation-settings:"wdth" 108;font-size:1rem !important;line-height:1.3;color:var(--color-text-main)}
.lg-formulier .nf-field-element input:not([type=submit]):not([type=button]),.lg-formulier .nf-field-element textarea{width:100%;height:48px !important;padding:.75rem 1rem !important;border:2px solid var(--color-text-main) !important;border-radius:0 !important;background:#fff !important;box-shadow:none !important;font-family:var(--font-body);font-size:1rem !important;color:var(--color-text-main)}
.lg-formulier .nf-field-element textarea{height:140px !important;resize:vertical}
.lg-formulier .nf-field-element input:focus,.lg-formulier .nf-field-element textarea:focus{outline:3px solid var(--color-accent);outline-offset:0}
.lg-formulier .nf-error .nf-field-element input,.lg-formulier .nf-error .nf-field-element textarea{border-color:#c62828 !important}
.lg-formulier .contact-privacy p{margin:0;font-size:.875rem}
.lg-formulier .submit-container{margin:var(--space-sm) 0 0}
.lg-formulier .submit-container input[type=submit],.lg-formulier .submit-container input[type=button]{width:auto !important;height:auto !important;padding:1.125rem 2.75rem !important;border:0 !important;border-radius:0 !important;background:var(--color-accent) !important;color:var(--color-text-main) !important;font-family:var(--font-body);font-size:1.125rem !important;font-weight:800;font-variation-settings:"wdth" 112;line-height:1.2;cursor:pointer;clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%)}
.lg-formulier .submit-container input[type=submit]:hover,.lg-formulier .submit-container input[type=submit]:focus-visible{background:var(--color-text-main) !important;color:#fff !important;outline:none}


section.reviews > div > div > div:nth-child(3) > div.reviews > .row {
    align-items: stretch;
}
section.reviews > div > div > div:nth-child(3) > div.reviews > .row {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
}
section.reviews > div > div > div:nth-child(3) > div.reviews > .row > .col-xs-48 {
    display: flex;
    flex-direction: column;
}
section.reviews > div > div > div:nth-child(3) > div.reviews > .row > .col-xs-48 > .row {
    flex: 1;
    display: flex;
    flex-direction: column;
}
section.reviews > div > div > div:nth-child(3) > div.reviews > .row > .col-xs-48 > .row > .col-xs-48 {
    flex: 1;
    display: flex;
    flex-direction: column;
}
section.archive.reviews div.reviews div.review {
    flex: 1;
}
section.archive.reviews div.reviews div.review {
    border: 0.5px solid rgba(132, 107, 90, 0.18);
    padding: 36px 32px;
    font-style: italic;
    font-size: 17.5px;
    font-weight: 340;
    line-height: 1.5;
}
section.archive.reviews div.reviews div.review .col-sm-12 {
    display: none;
}
section.archive.reviews div.reviews div.review .col-sm-36 {
    display: flex;
    flex-direction: column-reverse;
}

section.archive.reviews div.reviews div.review .col-sm-36 {
    width: 100%;
}
section.archive.reviews div.reviews div.review h4 {
    margin-bottom: 0;
    font-style: italic;
    font-size: 16px;
    margin: 10px 0 0;
    line-height: 1.3;
    border-top: 1px solid rgba(132, 107, 90, 0.2);
    padding-top: 16px;
}
section.archive.reviews div.reviews div.review blockquote.blockquote {
    display: none;
}

.page-template-front-page header>div.wrapper.title_in_header .header__content, div.breadcrumbs {
    display: none;
}

/* --- LG Service: beeldvakken en placeholders --- */
.lg-media-beeld > p{height:100%;margin:0 !important;max-width:none !important}
.lg-sectie .lg-media-beeld:not(:has(img,video,iframe)),.lg-sectie .lg-werk-item:not(:has(img)),.lg-sectie .lg-portret:not(:has(img)){display:flex !important;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-md);border:2px dashed var(--color-grey);background:repeating-linear-gradient(-70deg,#f3f3f3 0 16px,#e8e8e8 16px 32px);color:#6b6b6b !important;font-size:.8125rem;line-height:1.4;text-align:center;overflow:hidden;overflow-wrap:anywhere}
.lg-sectie .lg-media-beeld:not(:has(img,video,iframe)) > *,.lg-sectie .lg-werk-item:not(:has(img)) > *,.lg-sectie .lg-portret:not(:has(img)) > *{width:auto;height:auto;margin:0 !important;color:inherit !important;font-size:inherit}
.lg-sectie .lg-media-beeld:not(:has(img,video,iframe))::before,.lg-sectie .lg-werk-item:not(:has(img))::before,.lg-sectie .lg-portret:not(:has(img))::before{content:"Foto volgt";display:inline-block;padding:.35rem 1rem;background:var(--color-text-main);color:#fff;font-family:var(--font-heading);font-weight:800;font-variation-settings:"wdth" 112;font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}

/* --- LG Service: recensies --- */
section.archive.reviews {
    padding: var(--space-3xl) 0;
}
section.archive.reviews .breadcrumbs{margin-bottom:var(--space-md);font-size:.875rem;color:var(--color-text-main)}
section.archive.reviews .breadcrumbs a{color:var(--color-text-main) !important;text-decoration:underline;text-decoration-fcolor:var(--color-accent);text-decoration-thickness:2px;text-underline-offset:4px}
section.archive.reviews .page-header{margin:0 0 var(--space-3xl) !important;padding:0 !important;border:0 !important}
section.archive.reviews .page-header h1{margin:0;padding:0;border:0 !important;font-family:var(--font-heading) !important;font-weight:800;font-variation-settings:"wdth" 118;font-size:var(--font-size-h1);line-height:1.05;letter-spacing:-.01em;color:var(--color-text-main) !important}
section.archive.reviews .page-header h1::before{content:"";display:block;width:96px;height:14px;margin:0 0 var(--space-md) 6px;background:var(--livrei);transform:skewX(var(--slant))}
section.archive.reviews .reviews > .row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg);margin:0}
section.archive.reviews .reviews > .row::before,section.archive.reviews .reviews > .row::after{display:none}
section.archive.reviews .reviews > .row > div,section.archive.reviews .reviews > .row > div > .row,section.archive.reviews .reviews > .row > div > .row > div{float:none;width:auto;height:100% !important;min-height:0 !important;margin:0 !important;padding:0 !important}
section.archive.reviews .review{position:relative;height:100% !important;margin:0 !important;padding:var(--space-xl) var(--space-md) var(--space-md) !important;border:2px solid var(--color-text-main) !important;border-radius:0 !important;background:#fff !important}
section.archive.reviews .review::before{content:"";position:absolute;top:0;left:var(--space-md);width:88px;height:12px;background:var(--color-brand);transform:skewX(var(--slant))}
section.archive.reviews .reviews > .row > div:nth-child(3n+2) .review::before{background:var(--color-accent)}
section.archive.reviews .reviews > .row > div:nth-child(3n+3) .review::before{background:var(--color-grey)}
section.archive.reviews .review > .row{height:100%;margin:0}
section.archive.reviews .review,section.archive.reviews .review *{text-align:left !important}
section.archive.reviews .review .col-sm-36{display:flex;flex-direction:column !important;width:100%;height:100%;padding:0}
section.archive.reviews .review p{order:1;margin:0 0 var(--space-md);font-style:normal !important;font-size:var(--font-size-body);line-height:1.6;color:var(--color-text-main)}
section.archive.reviews .review h4 {
    order: 2;
    margin: auto 0 0 !important;
    padding-top: var(--space-sm) !important;
    border-top: 1px solid var(--border-color) !important;
    font-family: var(--font-heading) !important;
    font-style: normal !important;
    font-weight: 800;
    font-variation-settings: "wdth" 112;
    font-size: 1.125rem !important;
    color: var(--color-text-main) !important;
}

@media (max-width:991px){section.archive.reviews .reviews > .row{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}}
@media (max-width:640px){section.archive.reviews .reviews > .row{grid-template-columns:minmax(0,1fr)}}

/* --- LG Service: contactblok via footer-CTA --- */
section.footer-cta.above{position:relative;overflow:hidden;margin:0 !important;padding:10rem 0 0 !important;background:var(--color-brand) !important;color:#fff;text-align:left !important;clip-path:polygon(0 4rem,100% 0,100% 100%,0 100%)}
section.footer-cta.above::after{content:"";position:absolute;top:2.5rem;right:-3rem;bottom:auto;left:auto;width:260px;height:340px;background:linear-gradient(90deg,rgba(255,255,255,.12) 0 38%,transparent 38% 45%,var(--color-accent) 45% 60%,transparent 60% 67%,rgba(169,168,169,.4) 67% 100%);transform:skewX(var(--slant));pointer-events:none}
section.footer-cta.above > .container{position:relative;z-index:1}
section.footer-cta.above .row{margin:0}
section.footer-cta.above .footer-cta-box{float:none;width:auto;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;text-align:left !important}
@media (max-width:991px){section.footer-cta.above{padding-top:7rem !important;clip-path:polygon(0 2.5rem,100% 0,100% 100%,0 100%)}section.footer-cta.above::after{width:150px;height:200px;top:1.5rem;opacity:.6}}
@media (max-width:600px){section.footer-cta.above::after{display:none}}

/* --- LG Service: footer ruimte --- */
body footer{padding:var(--space-2xl) 0 0 !important}
body footer.footer-cta-above{padding-top:0 !important}
section.footer-cta.above{margin-bottom:-1px !important}
body footer.footer-cta-above > .container{padding-top:var(--space-2xl)}
footer div.column{margin-bottom:var(--space-xl) !important}
footer div.column > h4{padding-bottom:var(--space-sm) !important;margin-bottom:var(--space-md) !important}
footer div.column p{margin-bottom:var(--space-sm)}
footer div.socket{margin-top:var(--space-md);padding:var(--space-md) 0 !important}

/* --- LG Service: paginatitel in header --- */
header > div.wrapper.title_in_header::before{display:none !important}
header > div.wrapper.title_in_header div.header{background:#fff !important}
header > div.wrapper.title_in_header .header__content{min-height:0 !important;padding:var(--space-3xl) 0 !important;background:#fff !important;text-align:left !important}
header > div.wrapper.title_in_header .header__content .breadcrumbs{margin-bottom:var(--space-md);font-size:.875rem;color:var(--color-text-main) !important}
header > div.wrapper.title_in_header .header__content .breadcrumbs *{color:var(--color-text-main) !important}
header > div.wrapper.title_in_header .header__content .breadcrumbs a{text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:2px;text-underline-offset:4px}
header > div.wrapper.title_in_header .header__content .page-header{margin:0 !important;padding:0 !important;border:0 !important}
header > div.wrapper.title_in_header .header__content .page-header h1{margin:0;padding:0;border:0;font-family:var(--font-heading) !important;font-weight:800;font-variation-settings:"wdth" 118;font-size:var(--font-size-h1) !important;line-height:1.05;letter-spacing:-.01em;color:var(--color-text-main) !important;text-shadow:none !important}
header > div.wrapper.title_in_header .header__content .page-header h1::before{content:"";display:block;width:96px;height:14px;margin:0 0 var(--space-md) 6px;background:var(--livrei);transform:skewX(var(--slant))}
@media (max-width:991px){header > div.wrapper.title_in_header .header__content{padding:var(--space-2xl) 0 !important}}


.hero_header img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    margin: 0;
}
.hero_header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
}
.lg-hero {
    z-index: 1;
    position: relative;
}

a:focus, :focus {
    outline: none !important;
}

footer div.social-media ul li a:hover {
    background: var(--color-text-main) !important;
}

/* --- LG Service: controle-fixes --- */
section.intro.lg-wz-intro-blok,section.intro.lg-reviews-blok{overflow-x:clip}
section.page .content{overflow-wrap:anywhere}
.lg-kanalen li:nth-child(3) strong{font-size:clamp(1rem,1.3vw,1.2rem);overflow-wrap:normal}
@media (max-width:991px){.lg-kanalen li:nth-child(3) strong{font-size:1.25rem}}
@media (max-width:600px){header > div.wrapper.title_in_header .header__content .page-header h1{font-size:2.25rem !important;font-variation-settings:"wdth" 100;overflow-wrap:break-word;hyphens:auto}}

/* --- LG Service: witte tekst op rode knoppen en mobiel menu --- */
.lg-sectie .btn.btn-primary{color:#fff !important}
.lg-cta-diensten .lg-warmte a{color:#fff !important}
.lg-kanalen li:nth-child(2) a{color:#fff !important}
.lg-cta-diensten .lg-service a,.lg-kanalen li:nth-child(3) a{color:#fff !important}
.lg-cta-diensten .lg-service a::before,.lg-kanalen li:nth-child(3) a::before{background:#6e6d6e}
.lg-cta-diensten .lg-service a:hover::before,.lg-cta-diensten .lg-service a:focus-visible::before,.lg-kanalen li:nth-child(3) a:hover::before,.lg-kanalen li:nth-child(3) a:focus-visible::before{background:var(--color-text-main)}
.lg-formulier .submit-container input[type=submit],.lg-formulier .submit-container input[type=button]{color:#fff !important}
footer .btn{color:#fff !important}
footer .btn{padding:var(--space-sm) var(--space-lg) !important;font-variation-settings:"wdth" 112;line-height:1.35 !important;text-decoration:none !important}
footer .btn:hover,footer .btn:focus-visible{background:var(--color-text-main) !important;color:#fff !important;outline:none}
.lg-reviews-pijl:hover,.lg-reviews-pijl:focus-visible{color:#fff}
header nav.navbar-default:has(.navbar-collapse.in) button.navbar-toggle.default{color:#fff !important}
@media (max-width:991px){header div.navbar-collapse div.social-media ul li{margin:0 var(--space-xs) 0 0}header div.navbar-collapse div.social-media ul li a{width:44px;height:44px;line-height:44px;background:var(--color-accent) !important;color:#fff !important;font-size:1.125rem}}


footer > div.socket > div > div > div.col-md-30.left > span:nth-child(2) {
    display: none;
}

/* --- LG Service: werkzaamheid-detailpagina --- */
section.intro.lg-wd-intro-blok,
section.intro.lg-wd-tekst-blok,
section.intro.lg-wd-rijen-blok{padding:var(--space-3xl) 0}
section.intro.lg-wd-tekst-blok,
section.intro.lg-wd-rijen-blok{padding-top:0}
.lg-wd-intro{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-3xl);align-items:center}
.lg-wd-intro:not(:has(.lg-portret)){grid-template-columns:minmax(0,1fr)}
.lg-wd-intro .lg-knoppen{margin-top:var(--space-lg)}
.lg-media.lg-wd-tekst:not(:has(.lg-media-beeld)){grid-template-columns:minmax(0,1fr)}
.lg-media.lg-wd-tekst .lg-media-tekst p:last-child:not(:has(.btn)){margin:0}
.lg-wd-rijen .lg-verhaal-rij p + p{margin-top:var(--space-sm)}
@media (max-width:991px){
  section.intro.lg-wd-intro-blok{padding:var(--space-2xl) 0}
  section.intro.lg-wd-tekst-blok,
  section.intro.lg-wd-rijen-blok{padding:0 0 var(--space-2xl)}
  .lg-wd-intro{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}
  .lg-wd-intro p.lg-portret{max-width:460px}
}

/* --- LG Service: werkzaamheid-detailpagina, lijsten --- */
.lg-wd-rijen .lg-wd-lijst{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md) var(--space-xl);margin:var(--space-md) 0}
.lg-wd-rijen .lg-wd-lijst:first-child{margin-top:0}
.lg-wd-rijen .lg-wd-lijst:last-child{margin-bottom:0}
.lg-wd-lijst li{position:relative;padding-left:var(--space-xl);font-size:1.125rem;line-height:1.5}
.lg-wd-lijst li::before{content:"";position:absolute;left:4px;top:.35em;width:14px;height:14px;background:var(--color-brand);transform:skewX(var(--slant))}
.lg-wd-lijst li strong{display:block;margin-bottom:.25rem;font-family:var(--font-heading);font-weight:800;font-variation-settings:"wdth" 112;font-size:1.25rem;line-height:1.25}
@media (max-width:600px){
  .lg-wd-rijen .lg-wd-lijst{grid-template-columns:minmax(0,1fr)}
}

/* --- LG Service: dropdown Werkzaamheden --- */
@media (min-width:992px){
  header nav.navbar-default div.navbar-collapse ul.navbar-nav > li > ul.dropdown-menu{min-width:340px;margin-top:0;padding:var(--space-md) 0 var(--space-sm) !important;background:#fff !important;border:2px solid var(--color-text-main) !important;border-radius:0 !important;box-shadow:0 18px 40px rgba(0,0,0,.12) !important;text-align:left !important}
  header nav.navbar-default div.navbar-collapse ul.navbar-nav ul.dropdown-menu > li > a{display:flex !important;align-items:center;gap:.75rem;padding:.55rem var(--space-md) !important;font-family:var(--font-heading);font-size:15px;font-weight:700;font-variation-settings:"wdth" 108;line-height:1.3;white-space:nowrap;color:var(--color-text-main) !important;background:transparent !important;border:0 !important}
  header nav.navbar-default div.navbar-collapse ul.navbar-nav ul.dropdown-menu > li > a::before{content:"";flex-shrink:0;width:10px;height:10px;background:var(--color-brand);transform:skewX(var(--slant))}
  header nav.navbar-default div.navbar-collapse ul.navbar-nav ul.dropdown-menu > li.lg-menu-warmte > a::before{background:var(--color-accent)}
  header nav.navbar-default div.navbar-collapse ul.navbar-nav ul.dropdown-menu > li.lg-menu-service > a::before{background:var(--color-grey)}
  header nav.navbar-default div.navbar-collapse ul.navbar-nav ul.dropdown-menu > li > a:hover,
  header nav.navbar-default div.navbar-collapse ul.navbar-nav ul.dropdown-menu > li > a:focus-visible{color:var(--color-brand) !important;background:#f3f3f3 !important;outline:none}
  header nav.navbar-default div.navbar-collapse ul.navbar-nav > li > ul.dropdown-menu > li.active > a,
  header nav.navbar-default div.navbar-collapse ul.navbar-nav > li > ul.dropdown-menu > li.current-menu-item > a{color:var(--color-brand) !important;font-weight:800}
  header nav.navbar-default ul.dropdown-menu > li.lg-menu-water + li.lg-menu-warmte,
  header nav.navbar-default ul.dropdown-menu > li.lg-menu-warmte + li.lg-menu-service{margin-top:.35rem;padding-top:.35rem;border-top:1px solid #e5e5e5}
}
@media (max-width:991px){
  header div.navbar-collapse ul.navbar-nav ul.dropdown-menu{padding:var(--space-xs) 0 var(--space-sm) !important;margin:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important}
  header div.navbar-collapse ul.navbar-nav ul.dropdown-menu > li > a{display:flex !important;align-items:center;gap:.6rem;padding:.55rem 0 .55rem calc(14px + var(--space-sm)) !important;font-family:var(--font-heading);font-size:1.05rem;font-weight:700;font-variation-settings:"wdth" 108;line-height:1.25;white-space:normal;color:#fff !important;background:transparent !important;border:0 !important;border-bottom:1px solid rgba(255,255,255,.15) !important}
  header div.navbar-collapse ul.navbar-nav ul.dropdown-menu > li > a::before{content:"";flex-shrink:0;width:9px;height:9px;background:rgba(255,255,255,.6);transform:skewX(var(--slant))}
  header div.navbar-collapse ul.navbar-nav ul.dropdown-menu > li.lg-menu-warmte > a::before{background:var(--color-accent)}
  header div.navbar-collapse ul.navbar-nav ul.dropdown-menu > li.lg-menu-service > a::before{background:var(--color-grey)}
  header div.navbar-collapse ul.navbar-nav ul.dropdown-menu > li.current-menu-item > a{text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:3px;text-underline-offset:5px}
}

/* --- LG Service: menu-markering op subpagina's van Werkzaamheden --- */
@media (min-width:992px){
  header div.header nav.navbar-default ul.navbar-nav > li.current-page-ancestor > a{color:var(--color-brand) !important}
  header nav.navbar-default ul.navbar-nav > li.current-page-ancestor > a::after{transform:skewX(var(--slant)) scaleX(1)}
}
header div.navbar-collapse ul.navbar-nav > li.current-page-ancestor > a::before{background:var(--color-accent)}

/* --- LG Service: links naar werkzaamheden-pagina's --- */
.lg-index-lijst li > a{display:flex;flex:1;min-width:0;align-items:baseline;justify-content:space-between;gap:var(--space-md);text-decoration:none}
.lg-index-lijst li > a::after{content:"";position:absolute;inset:0}
.lg-index-lijst li > a:hover .lg-index-naam,
.lg-index-lijst li > a:focus-visible .lg-index-naam{color:var(--color-brand);text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:3px;text-underline-offset:6px}
.lg-dienst li a{display:block;text-decoration:none}
.lg-dienst li a:hover,
.lg-dienst li a:focus-visible{color:var(--color-brand) !important;text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:2px;text-underline-offset:4px}

/* --- LG Service: footer-CTA werkzaamheden, 10 onderdelen in twee rijen --- */
.lg-cta-diensten ul{grid-template-columns:repeat(5,minmax(0,1fr));row-gap:var(--space-sm)}
@media (max-width:767px){
  .lg-cta-diensten ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}