.elementor-kit-27{--e-global-color-primary:#2A201A;--e-global-color-secondary:#A0613A;--e-global-color-text:#5A4D43;--e-global-color-accent:#C4824E;--e-global-color-creme:#FFFDF9;--e-global-color-zand:#F6F1E9;--e-global-color-linnen:#EDE4D8;--e-global-color-grijsbruin:#9A8B7D;--e-global-color-olijf:#333B2E;--e-global-color-salie:#A8B59A;--e-global-color-saliebleek:#C9D4BC;--e-global-color-olijftekst:#C8C6B8;--e-global-color-donkerbruin:#29201A;--e-global-color-koper:#C3814E;--e-global-color-footertekst:#BBA999;--e-global-typography-primary-font-family:"Lora";--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:1.12em;--e-global-typography-primary-letter-spacing:-0.03em;--e-global-typography-secondary-font-family:"Lora";--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.25em;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Lora";--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1.4em;--e-global-typography-03823d9-font-family:"Futura";--e-global-typography-03823d9-font-size:clamp(1.5rem, 0.4615rem + 4.6154vw, 3.75rem);--e-global-typography-03823d9-font-weight:700;--e-global-typography-9acd1f9-font-family:"Futura";--e-global-typography-9acd1f9-font-size:clamp(1.25rem, 0.6731rem + 2.5641vw, 2.5rem);--e-global-typography-9acd1f9-font-weight:700;--e-global-typography-5402d94-font-family:"Futura";--e-global-typography-5402d94-font-size:clamp(1.125rem, 1.0673rem + 0.2564vw, 1.25rem);--e-global-typography-5402d94-font-weight:700;--e-global-typography-2170821-font-family:"Poppins";--e-global-typography-2170821-font-size:18px;--e-global-typography-2170821-font-weight:400;--e-global-typography-fd410d0-font-family:"Futura";--e-global-typography-fd410d0-font-size:16px;--e-global-typography-fd410d0-font-weight:500;color:#5A4D43;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.6em;}.elementor-kit-27 button,.elementor-kit-27 input[type="button"],.elementor-kit-27 input[type="submit"],.elementor-kit-27 .elementor-button{background-color:#A0613A;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;color:#FFFFFF;border-radius:999px 999px 999px 999px;padding:14px 22px 14px 22px;}.elementor-kit-27 button:hover,.elementor-kit-27 button:focus,.elementor-kit-27 input[type="button"]:hover,.elementor-kit-27 input[type="button"]:focus,.elementor-kit-27 input[type="submit"]:hover,.elementor-kit-27 input[type="submit"]:focus,.elementor-kit-27 .elementor-button:hover,.elementor-kit-27 .elementor-button:focus{background-color:#8A5230;color:#FFFFFF;}.elementor-kit-27 e-page-transition{background-color:#FFBC7D;}.elementor-kit-27 a{color:var( --e-global-color-secondary );}.elementor-kit-27 h1{color:#2A201A;font-family:"Lora", Sans-serif;font-size:76px;font-weight:400;line-height:1.06em;letter-spacing:-0.01em;}.elementor-kit-27 h2{color:#2A201A;font-family:"Lora", Sans-serif;font-size:58px;font-weight:400;line-height:1.1em;letter-spacing:-0.01em;}.elementor-kit-27 h3{color:#2A201A;font-family:"Lora", Sans-serif;font-size:28px;font-weight:400;line-height:1.2em;letter-spacing:0em;}.elementor-kit-27 h4{color:#2A201A;font-family:"Lora", Sans-serif;font-size:22px;font-weight:400;line-height:1.3em;letter-spacing:0em;}.elementor-kit-27 h5{color:#2A201A;font-family:"Lora", Sans-serif;font-size:18px;font-weight:400;line-height:1.35em;letter-spacing:0em;}.elementor-kit-27 h6{color:#2A201A;font-family:"Lora", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;letter-spacing:0em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1312px;}.e-con{--container-max-width:1312px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1366px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}@media(max-width:1200px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}@media(max-width:1080px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:80%;}.e-con{--container-max-width:80%;}}@media(max-width:880px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:80%;}.e-con{--container-max-width:80%;}}@media(max-width:720px){.elementor-kit-27 h1{font-size:42px;}.elementor-kit-27 h2{font-size:36px;}.elementor-kit-27 h3{font-size:24px;}.elementor-kit-27 h4{font-size:20px;}.elementor-kit-27 h5{font-size:17px;}.elementor-kit-27 h6{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:85%;}.e-con{--container-max-width:85%;}}/* Start custom CSS *//* =============================================================================
   Maatwerk-CSS voor een DYsign-klantsite in Elementor.
   Hoort in Site Settings → Custom CSS (de global kit), niet in een plugin of child theme,
   zodat het team het op één plek vindt.

   Dit bestand doet twee dingen:
   1. Het repareert vier eigenaardigheden van Elementor die je anders sectie per sectie tegenkomt.
   2. Het levert de handvol dingen die Elementor niet kan uitdrukken: beeldverhoudingen,
      bijschriften over beeld, een vaste header en een mobiele actiebalk.

   Vervang de kleurwaarden onderaan door die van de klant.
   ============================================================================= */

/* --- 1. reparaties ---------------------------------------------------------- */

/* Elke <p> in een tekstwidget houdt zijn ondermarge van 14px. Dat duwt tekst in tags
   en balken naar boven en zet overal losse gaten waar je ze niet vraagt. */
.elementor-widget-text-editor p:last-of-type{margin-bottom:0}

/* De veilige zone blijft op elk scherm gelijk; de buitenpadding van de sectie regelt de marge.
   Zonder dit versmalt Elementor de container naar 90% en 80% op tussenmaten. */
.e-con{--container-max-width:1312px}

/* De header vastzetten hoort op de theme-wrapper. Op de container erin is sticky begrensd
   door zijn eigen hoogte, en Elementor Pro's sticky-functie kloont de container in de DOM. */
header.elementor-location-header{position:sticky;top:0;z-index:100}

/* Een container die als los element in een rij staat mag niet uitrekken. */
.gv-auto{width:auto!important;flex:0 0 auto}

/* --- 2. beeldverhoudingen --------------------------------------------------- */
/* Zet de klasse op de container róndom het beeld, niet op het image-widget:
   Elementor bewaart maar één klasse per container en widget-klassen sneuvelen.
   !important is nodig omdat de widget-CSS van Elementor ná de kit-CSS laadt. */
.gv-imgwrap img{width:100%!important;aspect-ratio:16/9!important;object-fit:cover!important;display:block}
.gv-caseimg img{width:100%!important;aspect-ratio:4/3!important;object-fit:cover!important;display:block}
.gv-portret img{width:100%!important;aspect-ratio:4/5!important;object-fit:cover!important;display:block}
/* Grafieken, rapporten en tomogrammen nooit bijsnijden. */
.gv-contain img{width:100%!important;aspect-ratio:4/3!important;object-fit:contain!important;padding:12px;display:block}

/* --- 3. overlays op beeld --------------------------------------------------- */
.gv-imgwrap,.gv-caseimg,.gv-figure{position:relative}
.gv-figcap{position:absolute;left:12px;right:12px;bottom:12px;width:auto!important}
.gv-tag{position:absolute;top:16px;left:16px;width:auto!important;z-index:2}

/* --- 4. kaarten ------------------------------------------------------------- */
.gv-card{transition:transform .18s ease,box-shadow .18s ease}
.gv-card:hover{transform:translateY(-2px)}
.gv-card img{transition:transform .4s ease}
.gv-card:hover .gv-imgwrap img{transform:scale(1.03)}

/* --- 5. accordeon ----------------------------------------------------------- */
/* Zet géén border-instelling op het accordeon-widget zelf: die komt rondom te staan. */
.elementor-accordion .elementor-accordion-item{border:0!important;border-bottom:1px solid var(--gv-lijn)!important}
.elementor-accordion .elementor-accordion-item:last-child{border-bottom:0!important}
.elementor-accordion .elementor-tab-content{border-top:0!important}
.elementor-accordion .elementor-tab-content a{color:var(--gv-accent);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* --- 6. formulieren --------------------------------------------------------- */
/* Minimaal 48px hoog, met een zichtbare focusring in plaats van alleen een kleurtje. */
.elementor-field-textual{min-height:48px!important;padding-top:12px!important;padding-bottom:12px!important}
textarea.elementor-field-textual{min-height:96px!important}
.elementor-field-textual:focus{outline:none;box-shadow:0 0 0 3px var(--gv-focus)}

/* --- 7. ankers onder de vaste header --------------------------------------- */
[id]{scroll-margin-top:130px}

/* --- 8. lopende band (certificaten, USP's) ---------------------------------- */
/* Elementor heeft geen marquee-widget. Zet twee identieke lijsten naast elkaar in een
   container met deze klasse; de band schuift de helft op en herhaalt naadloos. */
.gv-strip{width:max-content!important;flex-wrap:nowrap!important;animation:gv-schuif 42s linear infinite}
.gv-strip .elementor-widget{width:auto!important;--container-widget-width:auto}
.gv-strip .elementor-icon-list-items{display:flex;flex-wrap:nowrap;gap:0}
.gv-strip .elementor-icon-list-item{margin:0!important;padding:0 28px!important;white-space:nowrap}
@keyframes gv-schuif{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.gv-strip{animation:none}}

/* --- 9. mobiel -------------------------------------------------------------- */
@media(max-width:767px){
  /* tikdoelen minstens 44px, ook tekstlinks in lijsten */
  .gv-flist a{display:inline-flex;align-items:center;min-height:44px}
  .gv-flist{gap:0}

  /* een pilvormige tag met tekst over twee regels wordt een stadion; maak er een label van */
  .gv-badge{border-radius:16px!important;padding:10px 14px!important;gap:10px!important;flex-wrap:nowrap!important}
  .gv-badge img{width:24px!important;height:24px!important}
  .gv-badge p{font-size:13px!important;line-height:1.35!important}
  .gv-badge .elementor-widget{width:auto!important;--container-widget-width:auto}
  .gv-badge .elementor-widget-text-editor{flex:1 1 auto!important;min-width:0}

  /* een schuine verloop-overlay werkt niet op een smal scherm */
  .gv-hero-overlay::before{background-image:none!important;background-color:var(--gv-overlay)!important;opacity:1!important}

  body{padding-bottom:76px}
  [id]{scroll-margin-top:90px}
}

/* --- 10. mobiele actiebalk -------------------------------------------------- */
.gv-sticky{display:none}
@media(max-width:767px){
  .gv-sticky{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:99;background:rgba(255,255,255,.97);border-top:1px solid var(--gv-lijn);padding:12px 16px}
  .gv-sticky .elementor-widget-button,.gv-sticky .elementor-button{width:100%}
}

/* --- klantkleuren ----------------------------------------------------------- */
:root{
  --gv-lijn:#E6DCD0;
  --gv-accent:#A0613A;
  --gv-focus:rgba(160,97,58,.20);
  --gv-overlay:rgba(41,32,26,.88);
}

/* =============================================================================
   Leon's Huisje: klant-specifiek. Alles hieronder hangt aan een klasse die je in
   Elementor terugvindt onder Geavanceerd → CSS-klassen (lh-...).
   ============================================================================= */
:root{--lh-lijn:#E6DCD0;--lh-merk:#A0613A;--lh-accent:#C4824E;--lh-ink:#2A201A;--lh-muted:#9A8B7D;--lh-creme:#FFFDF9;--lh-zand:#F6F1E9}
body{background:var(--lh-creme)}

/* schuine nadruk in titels: zet een woord in <em> in het titelveld */
.elementor-heading-title em{font-style:italic;color:var(--e-global-color-accent)}
.lh-donker .elementor-heading-title em{color:#C9D4BC}
.lh-cta .elementor-heading-title em{color:#3A2A1F}

/* knop met pijl in een bolletje */
.lh-pijl .elementor-button-icon{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.22);display:inline-flex;align-items:center;justify-content:center}
.lh-pijl .elementor-button-icon svg{width:10px;height:10px}
.lh-pijl-donker .elementor-button-icon{background:rgba(42,32,26,.10)}

/* header */
header.elementor-location-header{background:var(--lh-creme)}
.lh-logo{text-decoration:none}
.lh-nav .elementor-nav-menu--main .elementor-item{padding-top:12px;padding-bottom:12px}

/* hero */
.lh-badge{width:auto!important;align-self:flex-start}
.lh-badge .lh-dot .elementor-heading-title{width:26px;height:26px;border-radius:50%;background:var(--e-global-color-accent);color:#fff;display:flex;align-items:center;justify-content:center}
.lh-herobeeld{position:relative}
.lh-boog img{width:100%!important;aspect-ratio:17/18!important;object-fit:cover!important;border-radius:50% 50% 20px 20px / 47.2% 47.2% 20px 20px;display:block}
.lh-boog-smal img{width:100%!important;aspect-ratio:1/2!important;object-fit:cover!important;border-radius:50% 50% 20px 20px / 25% 25% 20px 20px;display:block}
.e-con.lh-inzet{position:absolute!important;left:-9%;bottom:6%;width:32%!important;z-index:2}
.lh-inzet img{aspect-ratio:4/5!important;object-fit:cover!important;border-radius:10px!important;width:100%!important}
.e-con.lh-notitie{position:absolute!important;right:4%;top:42%;width:auto!important;max-width:36%;z-index:2}
.lh-stats>.e-con:not(:first-child){border-left:1px solid var(--lh-lijn);padding-left:24px}

/* lopende band */
.lh-band{overflow:hidden}
.lh-band .elementor-heading-title span{display:inline-block;margin:0 22px;font-style:normal;font-size:12px;opacity:.85}
.lh-band .gv-strip .elementor-widget{padding-right:22px}

/* split-secties: foto vult de volledige hoogte */
.e-con.lh-cover{position:relative;min-height:560px;padding:0!important}
.lh-cover>.elementor-widget-image{position:absolute!important;inset:0;width:100%!important;height:100%}
.lh-cover>.elementor-widget-image .elementor-widget-container,.lh-cover>.elementor-widget-image img{width:100%!important;height:100%!important;object-fit:cover!important;display:block;max-width:none}

/* handtekening */
.lh-initialen .elementor-heading-title{width:44px;height:44px;border-radius:50%;border:1px dashed var(--e-global-color-accent);display:flex;align-items:center;justify-content:center}

/* het huisje */
.lh-tag{position:absolute!important;top:12px;left:12px;width:auto!important;z-index:2}
.lh-kaartbeeld{position:relative}
.lh-kaartbeeld img{width:100%!important;aspect-ratio:1/1!important;object-fit:cover!important;border-radius:14px!important;display:block}
.lh-galerij img{width:100%!important;aspect-ratio:21/20!important;object-fit:cover!important;border-radius:14px!important;display:block}
.lh-icoon img{width:20px!important;height:20px!important}

/* stappen */
.e-con.lh-stap{position:relative}
.e-con.lh-stap:not(:last-child)::after{content:"";position:absolute;top:24px;left:64px;right:0;width:auto!important;border-top:1px dashed #D8CBBB}
.lh-num .elementor-heading-title{width:48px;height:48px;border-radius:50%;border:1px solid var(--lh-lijn);background:var(--lh-creme);display:flex;align-items:center;justify-content:center}
.lh-num-vol .elementor-heading-title{background:var(--lh-merk);border-color:var(--lh-merk);color:#fff!important}

/* waarom rechtstreeks: verticale scheidingslijnen */
.lh-drie>.e-con:not(:first-child){border-left:1px solid #434C3B}

/* formulieren: label klein in het veld, zoals in het ontwerp */
.lh-form .elementor-field-group{position:relative}
.lh-form .elementor-field-group>.elementor-field-label{position:absolute;top:9px;left:15px;z-index:1;margin:0!important;pointer-events:none;font-size:10px!important;letter-spacing:.18em;text-transform:uppercase;color:var(--lh-muted)!important;font-weight:500}
.lh-form .elementor-field-textual{padding:27px 14px 9px!important;min-height:58px!important;border-radius:12px!important;font-size:15px!important}
.lh-form textarea.elementor-field-textual{min-height:96px!important}
.lh-form .elementor-select-wrapper .select-caret-down-wrapper{top:60%}
.lh-form .elementor-field-type-submit .elementor-button{min-height:56px}
.lh-form .elementor-button-icon{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.22);display:inline-flex;align-items:center;justify-content:center}
.lh-form .elementor-button-icon svg{width:10px;height:10px;fill:#fff}

/* boekingsbalk in de hero */
.lh-balk .elementor-form-fields-wrapper{align-items:stretch}
.lh-balk .elementor-field-textual{border:0!important;background:transparent!important}
.lh-balk .elementor-field-group:not(.elementor-field-type-submit){border-right:1px solid var(--lh-lijn)}
.lh-balk .elementor-field-type-submit .elementor-button{border-radius:12px!important;height:100%}

/* FAQ */
.lh-faq .elementor-accordion .elementor-accordion-item{border-bottom:1px solid var(--lh-lijn)!important}
.lh-faq .elementor-accordion .elementor-accordion-item:first-child{border-top:1px solid var(--lh-lijn)!important}
.lh-faq .elementor-accordion .elementor-accordion-item:last-child{border-bottom:1px solid var(--lh-lijn)!important}

/* CTA: illustratie tegen de onderrand */
.lh-illu{align-self:flex-end}
.lh-illu img{width:100%!important;max-width:380px;display:block;margin:0 0 0 auto;opacity:.95}

/* footer */
.lh-footer a{color:inherit}

/* tekstkolom in split-secties */
.e-con.lh-maxb{max-width:560px}
.lh-band .elementor-heading-title{white-space:nowrap}
.lh-regels p{margin:0 0 6px!important}

/* tekstlink met pijl in een donker bolletje (kaart het huisje) */
.lh-tekstlink .elementor-button-icon{width:22px;height:22px;border-radius:50%;background:var(--lh-ink);display:inline-flex;align-items:center;justify-content:center}
.lh-tekstlink .elementor-button-icon svg{width:9px;height:9px;fill:#fff}
.lh-tekstlink .elementor-button{padding-left:0!important}
.lh-intro{max-width:540px}

/* FAQ-icoon fijner */
.lh-faq .elementor-accordion-icon svg{width:13px;height:13px}
.lh-faq .elementor-tab-title{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center}

/* contactlijst: icoon in een cirkel */
.lh-contact .elementor-icon-list-icon{width:34px;height:34px;min-width:34px;border:1px solid var(--lh-lijn);border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.lh-contact .elementor-icon-list-item>a{min-height:44px;align-items:center}

.lh-icoon-groot img{width:28px!important;height:28px!important}
.lh-logo-ico a{display:inline-flex;align-items:center;min-height:44px}
.lh-logo-ico img{display:block}
.lh-cover img{object-position:50% 35%}

/* smalle laptop (1080-1280): header en hero wat compacter */
.lh-tel .elementor-button,.lh-nav .elementor-item{white-space:nowrap}
@media(max-width:1280px){.lh-tel{display:none!important}}
@media(min-width:1081px) and (max-width:1280px){
  .lh-nav .elementor-nav-menu--main .elementor-item{padding-left:10px!important;padding-right:10px!important}
  .elementor-kit-27 h1{font-size:60px}
  .elementor-kit-27 h2{font-size:48px}
}

/* tablet */
@media(max-width:1080px){
  .e-con.lh-inzet{left:-4%;width:30%!important}
  .lh-stats>.e-con:not(:first-child){padding-left:16px}
  .e-con.lh-stap::after{display:none}
  .lh-drie>.e-con:not(:first-child){border-left:0;border-top:1px solid #434C3B;padding-top:32px}
  .lh-balk .elementor-field-group:not(.elementor-field-type-submit){border-right:0;border-bottom:1px solid var(--lh-lijn)}
  .lh-verberg-t{display:none!important}
}
/* mobiel */
@media(max-width:720px){
  .e-con.lh-inzet{display:none}
  .e-con.lh-notitie{right:12px;top:auto;bottom:12px;max-width:62%}
  .lh-stats>.e-con:nth-child(3){border-left:0;padding-left:0}
  .e-con.lh-cover{min-height:320px}
  .lh-band .elementor-heading-title{font-size:17px!important}
  .lh-illu img{max-width:240px;margin:0 auto}
  .lh-badge{border-radius:16px!important}
  .lh-flink .elementor-heading-title a,.lh-footer a{display:inline-flex;align-items:center;min-height:44px}
  .lh-galerij img{aspect-ratio:1/1!important}
}

/* --- overgenomen van de live site leonshuisje.be (feedback 15/10, daar rechtstreeks gezet) --- */
/* knoptekst verticaal in het midden, ook naast het pijl-bolletje (feedback 15/10) */
.elementor-button .elementor-button-content-wrapper{align-items:center}
/* gastheerfoto: de personen volledig in beeld */
.lh-cover img.lh-boven,.lh-boven img{object-position:50% 75%!important}
.e-con.lh-cover:has(.lh-boven){min-height:760px}
@media(max-width:720px){.e-con.lh-cover:has(.lh-boven){min-height:440px}}
/* stappen gecentreerd onder de gecentreerde titel (tablet en gsm, daar is geen stippellijn) */
@media(max-width:1080px){.e-con.lh-stap{align-items:center!important;text-align:center}.lh-stap .elementor-widget{align-self:center;width:100%}.lh-stap .elementor-heading-title,.lh-stap .elementor-widget-text-editor{text-align:center!important}.lh-num .elementor-heading-title{margin:0 auto}}
/* contacticonen gecentreerd in hun cirkel */
.lh-contact .elementor-icon-list-icon{justify-content:center!important;align-items:center!important;padding:0!important}
.lh-contact .elementor-icon-list-icon svg,.lh-contact .elementor-icon-list-icon i{margin:0!important}

/* mobiel-ronde 2026-10-16: geen tekst over foto's, niets dat raar afbreekt */
@media(max-width:1080px){
  /* hamburger rechts tegen de rand (de lege belknop-kolom duwde hem naar het midden) */
  header .e-con-inner>.e-con:has(.elementor-menu-toggle){flex-grow:1;justify-content:flex-end}
  /* uitklapmenu: afgelijnd van de pagina eronder */
  header nav.elementor-nav-menu--dropdown{border-bottom:1px solid var(--lh-lijn);box-shadow:0 12px 24px rgba(42,32,26,.08)}
  /* foto's met vaste verhouding: het vak zelf krijgt de verhouding, anders rekent het raster de
     rijhoogte vóór de foto vierkant is en loopt de foto over de tekst eronder (zichtbaar vanaf ~390px) */
  .elementor-widget.lh-boog{aspect-ratio:17/18;height:auto!important}
  .lh-boog .elementor-widget-container{height:100%}
  .lh-boog img{height:100%!important}
  .e-con.lh-kaartbeeld{aspect-ratio:1/1;height:auto!important}
  .lh-kaartbeeld>.elementor-widget-image,.lh-kaartbeeld>.elementor-widget-image .elementor-widget-container{width:100%;height:100%}
  .lh-kaartbeeld img{height:100%!important}
  .e-con.lh-galerij{aspect-ratio:21/20;height:auto!important}
  .lh-galerij>.elementor-widget-image,.lh-galerij>.elementor-widget-image .elementor-widget-container{width:100%;height:100%}
  .lh-galerij img{height:100%!important}
  /* hero: notitiekaartje onder de foto in plaats van erover (ook op tablet) */
  .e-con.lh-notitie{position:relative!important;right:auto;bottom:auto;top:auto;max-width:none;width:100%!important;margin-top:12px}
  /* inzetfoto blijft op de grote foto, niet op het kaartje eronder */
  .e-con.lh-inzet{bottom:auto;top:15%}
}
@media(max-width:720px){
  /* header: de knoppenkolom is hier leeg (beide knoppen verborgen) maar at nog ruimte + gap */
  header .e-con-inner>.e-con:has(.lh-tel){display:none}
  .e-con.lh-galerij{aspect-ratio:1/1}
  /* voordelen in de prijskaart: icoonkolom niet breder dan het icoon */
  .e-con.lh-icoon{width:20px!important;max-width:20px;flex:0 0 20px!important}
  /* afstanden (omgeving): de waarde breekt niet in twee */
  .elementor-element-0a100d6>.e-con{gap:16px}
  .elementor-element-0a100d6>.e-con>.elementor-widget:first-child{flex:1 1 auto;min-width:0}
  .elementor-element-0a100d6>.e-con>.elementor-widget:last-child{flex:0 0 auto}
  .elementor-element-0a100d6>.e-con>.elementor-widget:last-child .elementor-heading-title{white-space:nowrap}
  /* galerij: onderschrift links onder de titel */
  .lh-galerij+.e-con .elementor-widget-text-editor{text-align:start}
  /* FAQ: vraag over twee regels leesbaar */
  .lh-faq .elementor-tab-title{gap:16px}
  .lh-faq .elementor-accordion-title{line-height:1.4}
}

/* faciliteiten: drie foto's (keuken, woonkamer, eethoek) die rustig in elkaar overvloeien, feedback 20/10 */
.lh-wissel>.elementor-widget-image{animation:lh-wissel 15s infinite}
.lh-wissel>.elementor-widget-image:nth-child(2){animation-delay:-10s}
.lh-wissel>.elementor-widget-image:nth-child(3){animation-delay:-5s}
@keyframes lh-wissel{0%,30%{opacity:1}36%,94%{opacity:0}100%{opacity:1}}
@media(prefers-reduced-motion:reduce){.lh-wissel>.elementor-widget-image{animation:none}.lh-wissel>.elementor-widget-image:not(:first-child){opacity:0}}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Futura';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://leonshuisje.dysign.be/wp-content/uploads/2024/02/Future-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Futura';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://leonshuisje.dysign.be/wp-content/uploads/2024/02/Futura-Medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */