.elementor-kit-5347{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-5347 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Elementor > Site instellingen > Aangepaste CSS
   Laadt alleen op Elementor-pagina's. Enfold-pagina's blijven ongemoeid.

   Zet de pagina op Template = "Elementor volledige breedte". */


/* ── 0. BELANGRIJK, DIT MOET ER ALTIJD IN.
       Enfold zet een minimale breedte van 910px op de pagina zodra
       de eigen opmaak van het thema wordt omzeild, wat gebeurt bij
       het template "Elementor volledige breedte". Daardoor kan de
       pagina op een telefoon niet smaller worden en zoomt het
       toestel uit: alles wordt piepklein en de kolommen blijven
       naast elkaar staan.

       Deze CSS laadt alleen op Elementor-pagina's, dus je bestaande
       Enfold-pagina's houden gewoon hun eigen gedrag. ── */

html {
  min-width: 0 !important;
}


/* ── 1. Hoofdletters uit ── */
.elementor .elementor-heading-title,
.elementor h1, .elementor h2, .elementor h3,
.elementor h4, .elementor h5, .elementor h6 {
  text-transform: none !important;
}


/* ── 2. Enfold zet koppen vast op 35px grijs.
       Deze regels geven ze de maten uit het ontwerp terug.
       H1 heeft dit niet nodig, die komt wel gewoon door. ── */

#top #wrap_all .all_colors .elementor h2 {
  color: #242424;
  font-size: 46px;
  line-height: 1.13;
  letter-spacing: -0.5px;
}

#top #wrap_all .all_colors .elementor h3 {
  color: #242424;
  font-size: 28px;
  line-height: 1.22;
}

@media (max-width: 1024px) {
  #top #wrap_all .all_colors .elementor h2 { font-size: 36px; }
  #top #wrap_all .all_colors .elementor h3 { font-size: 26px; }
}

@media (max-width: 767px) {
  #top #wrap_all .all_colors .elementor h2 { font-size: 28px; }
  #top #wrap_all .all_colors .elementor h3 { font-size: 22px; }
}


/* ── 2b. Standaardkleur voor h4 binnen Elementor ── */
#top #wrap_all .all_colors .elementor h4 { color: #242424; }


/* ── 2c. Koppen met een eigen kleur of maat zetten die
       rechtstreeks in de tekst, via een span. Die wint altijd,
       ook van Enfold. Je hoeft daar niets voor te doen.
       Deze regel zorgt er alleen voor dat een kop die op één regel
       staat op mobiel weer gewoon mag afbreken. ── */

@media (max-width: 900px) {
  #top #wrap_all .all_colors .elementor h2 span[style*="nowrap"] {
    white-space: normal !important;
    font-size: inherit !important;
  }
}


/* ── 3. Het thema zet 13px marge boven en onder elke alinea.
       Daardoor staat overal te veel lucht. Deze regels geven de
       tekstvakken de afstanden uit het ontwerp terug. ── */

.elementor .elementor-widget-text-editor p {
  margin-top: 0;
  margin-bottom: 1.15em;
}

.elementor .elementor-widget-text-editor p:last-child {
  margin-bottom: 0;
}


/* ── 4. De veelgestelde vragen: alleen een dunne lijn onder elke
       vraag, geen kader eromheen. ── */

.elementor .elementor-accordion .elementor-accordion-item {
  border: 0;
  border-bottom: 1px solid rgba(64, 64, 64, 0.15);
}


/* ── 5. De footer van Enfold verbergen op Elementor-pagina's,
       zodat je niet twee footers onder elkaar krijgt.
       Wil je de footer van Enfold juist houden? Haal deze regel
       dan weg en gebruik de Elementor-footer niet. ── */

.elementor-page #socket {
  display: none;
}


/* ── 6. Vangnet voor de gele zon in de hero ── */
.hero-sectie { position: relative; overflow: hidden; }
.hero-zon    { pointer-events: none; }/* End custom CSS */