.elementor-8194 .elementor-element.elementor-element-caee6f5{--display:grid;--min-height:560px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:column;--overlay-opacity:0.6;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8194 .elementor-element.elementor-element-caee6f5:not(.elementor-motion-effects-element-type-background), .elementor-8194 .elementor-element.elementor-element-caee6f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ventinet.com/wp-content/uploads/Dakventilator-header-offerte-pagina.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8194 .elementor-element.elementor-element-caee6f5::before, .elementor-8194 .elementor-element.elementor-element-caee6f5 > .elementor-background-video-container::before, .elementor-8194 .elementor-element.elementor-element-caee6f5 > .e-con-inner > .elementor-background-video-container::before, .elementor-8194 .elementor-element.elementor-element-caee6f5 > .elementor-background-slideshow::before, .elementor-8194 .elementor-element.elementor-element-caee6f5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8194 .elementor-element.elementor-element-caee6f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000A8;--background-overlay:'';}.elementor-8194 .elementor-element.elementor-element-b4dd194{--display:flex;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-8194 .elementor-element.elementor-element-cdb7036 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8194 .elementor-element.elementor-element-cdb7036{text-align:center;}.elementor-8194 .elementor-element.elementor-element-cdb7036 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:60px;font-weight:700;font-style:normal;line-height:64px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-8194 .elementor-element.elementor-element-c9c1c76 > .elementor-widget-container{margin:0px 0px 40px 0px;}.elementor-8194 .elementor-element.elementor-element-c9c1c76{text-align:center;font-family:"Inter", Sans-serif;font-size:24px;font-weight:500;line-height:36px;color:#FFFFFF;}.elementor-8194 .elementor-element.elementor-element-0d5a905{--display:flex;--min-height:0px;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-8194 .elementor-element.elementor-element-f232744 > .elementor-widget-container{margin:0px 0px -100px 0px;}.elementor-8194 .elementor-element.elementor-element-5c3c632{--display:flex;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--border-radius:40px 40px 40px 40px;box-shadow:0px 20px 40px 2px rgba(0, 0, 0, 0.2);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8194 .elementor-element.elementor-element-5c3c632:not(.elementor-motion-effects-element-type-background), .elementor-8194 .elementor-element.elementor-element-5c3c632 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8194 .elementor-element.elementor-element-a8347d4 > .elementor-widget-container{padding:96px 48px 48px 48px;}.elementor-8194 .elementor-element.elementor-element-5948f27{--display:flex;}.elementor-8194 .elementor-element.elementor-element-e13603b > .elementor-widget-container{margin:80px 0px 60px 0px;}.elementor-8194 .elementor-element.elementor-element-e13603b{text-align:center;font-family:"Inter", Sans-serif;font-weight:400;line-height:27px;color:#191919;}.elementor-8194 .elementor-element.elementor-element-e13603b a{color:#FD6806;}@media(min-width:1025px){.elementor-8194 .elementor-element.elementor-element-caee6f5:not(.elementor-motion-effects-element-type-background), .elementor-8194 .elementor-element.elementor-element-caee6f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-8194 .elementor-element.elementor-element-caee6f5{--grid-auto-flow:row;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image .widget-image-caption{line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-8194 .elementor-element.elementor-element-caee6f5{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-8194 .elementor-element.elementor-element-cdb7036{text-align:center;}.elementor-8194 .elementor-element.elementor-element-cdb7036 .elementor-heading-title{font-size:39px;line-height:62px;}.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image .widget-image-caption{line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for container, class: .elementor-element-caee6f5 */.header-container {
  position: relative;
  width: 100%;
  height: 400px; /* Pas aan naar de gewenste hoogte van de header */
  overflow: hidden;
}

.header-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.header-container h1,
.header-container p {
  position: absolute;
  z-index: 2;
  color: #ffffff;
  text-align: center;
  width: 100%;
}

.header-container h1 {
  top: 20%;
  font-size: 36px;
}

.header-container p {
  top: 40%;
  font-size: 18px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f232744 */.elementor-8194 .elementor-element.elementor-element-f232744 {
  z-index: 10;
  position: relative;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a8347d4 */.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper textarea {
  border: 1px solid #ccc !important;
  border-radius: 8px !important;
  padding: 12px !important;
  font-size: 16px !important;
  background-color: #f9f9f9 !important;
  transition: background-color 0.3s, border-color 0.3s !important;
}

/* Hover-animatie voor tekstvelden */
.gform_wrapper input[type="text"]:hover,
.gform_wrapper input[type="email"]:hover,
.gform_wrapper input[type="tel"]:hover,
.gform_wrapper textarea:hover {
  background-color: #FFF0E7 !important;
  border-color: #FD6806 !important;
}

.gform_wrapper input[type="submit"] {
  background-color: #0073e6 !important;
  color: #fff !important;
  border: none !important;
  padding: 12px 20px !important;
  border-radius: 8px !important;
  font-size: 16px !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease !important;
}

/* Hover-animatie voor de knop */
.gform_wrapper input[type="submit"]:hover {
  background-color: #005bb5 !important;
}

#gform_submit_button_1 {
  font-family: "Inter", Sans-serif !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  color: #FFFFFF !important;
  background-color: #FD6806 !important;
  border-radius: 60px !important;
  padding: 16px 34px !important;
  display: block !important;
  margin: 0 auto !important;
  transition: background-color 0.3s ease !important;
}

/* Hover-animatie voor de specifieke submit knop */
#gform_submit_button_1:hover {
  background-color: #B14804 !important;
}

.gform_wrapper input[type="submit"] {
  background-color: #0073e6 !important;
  color: #fff !important;
  border: none !important;
  padding: 12px 40px !important; /* Verbreedt de knop */
  border-radius: 8px !important;
  font-size: 16px !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease !important;
  max-width: 300px !important; /* Maximale breedte voor schaalbaarheid */
  width: 100% !important; /* Past zich aan de container aan */
  box-sizing: border-box !important; /* Voorkomt dat padding de knop vergroot */
}

/* Centrerend effect voor de submit knop */
.gform_wrapper .gform_footer {
  text-align: center !important;
}

.gform-body {
  font-family: "Inter", Sans-serif !important;
  font-size: 16px !important;
  color: #191919 !important;
  margin-bottom: 48px !important;
}

.gfield_required_text {
  display: none !important;
}

.gform_title {
  font-family: Inter, Sans-serif !important;
  color: #191919 !important;
  font-size: 50px !important;
  font-weight: 600 !important;
}

.gform_description {
  font-family: Inter, Sans-serif !important;
  color: #191919 !important;
  font-size: 16px !important;
  line-height: 28px !important;
  margin-bottom: 24px !important;
}

.gform_wrapper .gfield {
  margin-bottom: -12px !important;
}

.gform-field-label {
    font-size: 16px !important;
    color: #191919 !important;
}

.gfield_validation_message {
    font-family: Inter, Sans-Serif;
    font-size: 16px !important;
    color: #FD6806 !important;
}

.gform_validation_errors {
   background-color: #FFF0E7 !important;
  border-color: #FD6806 !important;
}

.gform_validation_errors h2 {
    font-family: Inter, Sans-Serif !important;
    font-size: 16px !important;
    color: #FD6806 !important;
    font-weight: 700 !important;
}

.gform_validation_errors ol {
    color:#FD6806 !important ;
}

.gform_validation_error_link {
    color: #FD6806 !important;
     font-family: Inter, Sans-Serif !important;
    font-size: 16px !important;
}

.gform-icon.gform-icon--circle-error {
    color: #FFFFFF !important;
    background-color: #FD6806 !important ;
    border:none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d5a905 */.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper textarea {
  border: 1px solid #ccc !important;
  border-radius: 8px !important;
  padding: 12px !important;
  font-size: 16px !important;
  background-color: #f9f9f9 !important;
  transition: background-color 0.3s, border-color 0.3s !important;
}

/* Hover-animatie voor tekstvelden */
.gform_wrapper input[type="text"]:hover,
.gform_wrapper input[type="email"]:hover,
.gform_wrapper input[type="tel"]:hover,
.gform_wrapper textarea:hover {
  background-color: #FFF0E7 !important;
  border-color: #FD6806 !important;
}

.gform_wrapper input[type="submit"] {
  background-color: #0073e6 !important;
  color: #fff !important;
  border: none !important;
  padding: 12px 20px !important;
  border-radius: 8px !important;
  font-size: 16px !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease !important;
}

/* Hover-animatie voor de knop */
.gform_wrapper input[type="submit"]:hover {
  background-color: #005bb5 !important;
}

#gform_submit_button_2 {
  font-family: "Inter", Sans-serif !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  color: #FFFFFF !important;
  background-color: #FD6806 !important;
  border-radius: 60px !important;
  padding: 16px 34px !important;
  display: block !important;
  margin: 0 auto !important;
  transition: background-color 0.3s ease !important;
}

/* Hover-animatie voor de specifieke submit knop */
#gform_submit_button_2:hover {
  background-color: #B14804 !important;
}

.gform_wrapper input[type="submit"] {
  background-color: #0073e6 !important;
  color: #fff !important;
  border: none !important;
  padding: 12px 40px !important; /* Verbreedt de knop */
  border-radius: 8px !important;
  font-size: 16px !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease !important;
  max-width: 300px !important; /* Maximale breedte voor schaalbaarheid */
  width: 100% !important; /* Past zich aan de container aan */
  box-sizing: border-box !important; /* Voorkomt dat padding de knop vergroot */
}

/* Centrerend effect voor de submit knop */
.gform_wrapper .gform_footer {
  text-align: center !important;
}

.gform-body {
  font-family: "Inter", Sans-serif !important;
  font-size: 16px !important;
  color: #191919 !important;
  margin-bottom: 48px !important;
}

.gfield_required_text {
  display: none !important;
}

.gform_title {
  font-family: Inter, Sans-serif !important;
  color: #191919 !important;
  font-size: 50px !important;
  font-weight: 600 !important;
}

.gform_description {
  font-family: Inter, Sans-serif !important;
  color: #191919 !important;
  font-size: 16px !important;
  line-height: 28px !important;
  margin-bottom: 24px !important;
}

.gform_wrapper .gfield {
  margin-bottom: -12px !important;
}

.gform-field-label {
    font-size: 16px !important;
    color: #191919 !important;
}

.gfield_validation_message {
    font-family: Inter, Sans-Serif;
    font-size: 16px !important;
    color: #FD6806 !important;
}

.gform_validation_errors {
   background-color: #FFF0E7 !important;
  border-color: #FD6806 !important;
}

.gform_validation_errors h2 {
    font-family: Inter, Sans-Serif !important;
    font-size: 16px !important;
    color: #FD6806 !important;
    font-weight: 700 !important;
}

.gform_validation_errors ol {
    color:#FD6806 !important ;
}

.gform_validation_error_link {
    color: #FD6806 !important;
     font-family: Inter, Sans-Serif !important;
    font-size: 16px !important;
}

.gform-icon.gform-icon--circle-error {
    color: #FFFFFF !important;
    background-color: #FD6806 !important ;
    border:none !important;
}

::placeholder {
  font-family: Inter, Sans-Serif;
  color: #8B8B8B !important;
  font-size: 16px;
  font-style: italic;
  line-height: 28px !important;
  opacity: 1 !important;   /* Zorg dat de kleur zichtbaar blijft */
}

.gform_wrapper input[type="tel"] {
  width: 100% !important;
  box-sizing: border-box !important;
}

.gsection_title {
    font-family: Inter, Sans-Serif !important;
    font-weight: 700 !important;
    color: #191919 !impportant;
}

.gform_wrapper .speciaal-label label {
  font-family: Inter, Sans-Serif;
  color: #191919 !important;
  font-weight: bold !important;
  font-size: 26px !important;
}

#field_2_10,
#field_2_10::before,
#field_2_10::after {
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
  background: none !important;
  outline: none !important;
}

#gfield_description_2_10 {
    font-family: Inter, Sans-Serif !important;
    font-size: 16px !important!;
    color: #191919 !important;
    line-height: 28px;
}/* End custom CSS */
/* Start custom CSS */h1.entry-title {
  display: none;
}

/* Zorg dat de header positie relative heeft om het formulier te positioneren */
.header {
  position: relative;
  z-index: 1;
  padding-bottom: 50px; /* Zorgt voor ruimte onder de header als buffer */
}

/* Formulier dat iets over de header zweeft */
.offerte-formulier {
  position: relative;
  margin-top: -200px; /* Hoeveel het formulier boven de header uitsteekt */
  z-index: 2; /* Boven de header */
}

body {
  background-color: #F8F9FD;
}

.gform_confirmation_message {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  color: #191919;
  background-color: #f8f8f8;
  padding: 24px;
  border-radius: 12px;
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.gform_confirmation_message a {
  color: #FD6806;
  font-weight: 600;
  text-decoration: underline;
  transition: color 0.2s ease-in-out;
}

.gform_confirmation_message a:hover {
  color: #B14804;
}/* End custom CSS */