.elementor-kit-24605{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#FF6125;--e-global-color-40c1738:#FF6125;--e-global-typography-primary-font-family:"Inter";--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;--e-global-typography-09ee52b-font-size:20px;}.elementor-kit-24605 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.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);}@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 *//* Basis styles */
.hero-coolroof {
  background: url('JOUW-AFBEELDING.jpg') center/cover no-repeat;
  color: #fff;
  text-align: center;
  padding: 120px 20px;
  position: relative;
}
.hero-coolroof::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
}
.hero-coolroof h1,
.hero-coolroof p,
.hero-coolroof a {
  position: relative;
  z-index: 2;
}
.hero-coolroof h1 {
  font-size: 2.5rem;
  margin-bottom: 20px;
}
.hero-coolroof p {
  font-size: 1.2rem;
  margin-bottom: 30px;
}
.btn-primary {
  display: inline-block;
  background: #0074C2; /* Twenseal blauw? Pas aan! */
  color: #fff;
  padding: 15px 30px;
  text-decoration: none;
  border-radius: 5px;
}
.content-section {
  padding: 60px 20px;
  max-width: 900px;
  margin: 0 auto;
}
.content-section.alt {
  background: #f7f7f7;
}
.content-section h2 {
  font-size: 2rem;
  margin-bottom: 20px;
}
.highlight-box {
  background: #e9f7ff;
  padding: 40px 20px;
  max-width: 700px;
  margin: 40px auto;
  text-align: center;
  border-radius: 10px;
}
.highlight-box h2 {
  margin-bottom: 15px;
}
.cta-section {
  background: #0074C2;
  color: #fff;
  text-align: center;
  padding: 80px 20px;
}
.cta-section h2 {
  font-size: 2rem;
  margin-bottom: 20px;
}
.cta-section p {
  font-size: 1.2rem;
  margin-bottom: 30px;
}/* End custom CSS */