.elementor-13214 .elementor-element.elementor-element-5ad12a9{--display:flex;--position:relative;--min-height:550px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--flex-wrap:nowrap;--overflow:hidden;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}.elementor-13214 .elementor-element.elementor-element-5ad12a9:not(.elementor-motion-effects-element-type-background), .elementor-13214 .elementor-element.elementor-element-5ad12a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.vestingsteden.nl/wp-content/uploads/2026/09/bestuur-header.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-13214 .elementor-element.elementor-element-5ad12a9::before, .elementor-13214 .elementor-element.elementor-element-5ad12a9 > .elementor-background-video-container::before, .elementor-13214 .elementor-element.elementor-element-5ad12a9 > .e-con-inner > .elementor-background-video-container::before, .elementor-13214 .elementor-element.elementor-element-5ad12a9 > .elementor-background-slideshow::before, .elementor-13214 .elementor-element.elementor-element-5ad12a9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13214 .elementor-element.elementor-element-5ad12a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}body:not(.rtl) .elementor-13214 .elementor-element.elementor-element-5ad12a9{left:0px;}body.rtl .elementor-13214 .elementor-element.elementor-element-5ad12a9{right:0px;}.elementor-13214 .elementor-element.elementor-element-08eef54{--display:flex;--position:relative;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--overflow:visible;--padding-top:40px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:2;}.elementor-13214 .elementor-element.elementor-element-08eef54:not(.elementor-motion-effects-element-type-background), .elementor-13214 .elementor-element.elementor-element-08eef54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(0,0,0,0);}body:not(.rtl) .elementor-13214 .elementor-element.elementor-element-08eef54{left:0px;}body.rtl .elementor-13214 .elementor-element.elementor-element-08eef54{right:0px;}.elementor-13214 .elementor-element.elementor-element-9f41c67{width:var( --container-widget-width, 386px );max-width:386px;--container-widget-width:386px;--container-widget-flex-grow:0;top:0px;z-index:2;text-align:start;}body:not(.rtl) .elementor-13214 .elementor-element.elementor-element-9f41c67{left:0px;}body.rtl .elementor-13214 .elementor-element.elementor-element-9f41c67{right:0px;}.elementor-13214 .elementor-element.elementor-element-9f41c67 .elementor-heading-title{color:var( --e-global-color-wit );}.elementor-13214 .elementor-element.elementor-element-2688120{width:var( --container-widget-width, 420px );max-width:420px;--container-widget-width:420px;--container-widget-flex-grow:0;font-size:17px;color:var( --e-global-color-wit );}.elementor-13214 .elementor-element.elementor-element-bce2f70{--display:flex;--position:absolute;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0rem;--margin-bottom:-2rem;--margin-left:0rem;--margin-right:0rem;--padding-top:40px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;bottom:0px;--z-index:20;}.elementor-13214 .elementor-element.elementor-element-bce2f70:not(.elementor-motion-effects-element-type-background), .elementor-13214 .elementor-element.elementor-element-bce2f70 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(0,0,0,0);}body:not(.rtl) .elementor-13214 .elementor-element.elementor-element-bce2f70{right:0px;}body.rtl .elementor-13214 .elementor-element.elementor-element-bce2f70{left:0px;}.elementor-13214 .elementor-element.elementor-element-a7f34ca{--display:flex;}.elementor-13214 .elementor-element.elementor-element-241a3c9{--spacer-size:50px;}.elementor-13214 .elementor-element.elementor-element-63ca311{--spacer-size:50px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-13214 .elementor-element.elementor-element-5ad12a9{--min-height:420px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-13214 .elementor-element.elementor-element-08eef54{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-13214 .elementor-element.elementor-element-9f41c67{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-13214 .elementor-element.elementor-element-5ad12a9::before, .elementor-13214 .elementor-element.elementor-element-5ad12a9 > .elementor-background-video-container::before, .elementor-13214 .elementor-element.elementor-element-5ad12a9 > .e-con-inner > .elementor-background-video-container::before, .elementor-13214 .elementor-element.elementor-element-5ad12a9 > .elementor-background-slideshow::before, .elementor-13214 .elementor-element.elementor-element-5ad12a9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13214 .elementor-element.elementor-element-5ad12a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.vestingsteden.nl/wp-content/uploads/2026/09/hero-lichtblauw-mobiel.svg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-13214 .elementor-element.elementor-element-5ad12a9{--min-height:456px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--overlay-opacity:1;}.elementor-13214 .elementor-element.elementor-element-5ad12a9:not(.elementor-motion-effects-element-type-background), .elementor-13214 .elementor-element.elementor-element-5ad12a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;background-size:213vw auto;}.elementor-13214 .elementor-element.elementor-element-08eef54{--width:100%;--justify-content:flex-end;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:30px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-13214 .elementor-element.elementor-element-9f41c67{padding:0px 0px 0px 0px;}.elementor-13214 .elementor-element.elementor-element-2688120{width:100%;max-width:100%;}}@media(min-width:768px){.elementor-13214 .elementor-element.elementor-element-08eef54{--width:55%;}.elementor-13214 .elementor-element.elementor-element-bce2f70{--width:48%;}}@media(max-width:1024px) and (min-width:768px){.elementor-13214 .elementor-element.elementor-element-08eef54{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-6930354 *//* --- Algemene styling voor de formulier container --- */
.gform_wrapper {
    font-family: inherit; /* Neemt het lettertype van je website over */
}

/* --- Formulier Titel --- */
.gform_wrapper .gform_heading .gform_title {
    color: #163951 !important; /* Donkerblauwe/slate kleur */
    font-size: 24px !important;
    font-weight: 600 !important;
    margin-bottom: 25px !important;
}

/* --- Veld Labels --- */
.gform_wrapper .gfield_label {
    color: #163951 !important; /* Donkerblauwe/slate kleur */
    font-size: 16px !important;
    font-weight: 500 !important;
    margin-bottom: 8px !important;
    display: inline-block !important;
}

/* Verberg sub-labels als die per ongeluk aan staan */
.gform_wrapper .gfield_description {
    display: none !important;
}

/* --- Input velden (Naam, E-mail, Telefoon) --- */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="number"] {
    border: 1px solid #7896a9 !important; /* Grijze/blauwe rand */
    border-radius: 25px !important; /* Afgeronde hoeken (pill-vorm) */
    padding: 12px 20px !important;
    background-color: #ffffff !important;
    color: #163951 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    outline: none !important;
    transition: border-color 0.3s ease !important;
}

/* --- Textarea (Uw vraag) --- */
.gform_wrapper textarea {
    border: 1px solid #7896a9 !important;
    border-radius: 15px !important; /* Iets minder rond dan de input velden */
    padding: 15px 20px !important;
    background-color: #ffffff !important;
    color: #163951 !important;
    width: 100% !important;
    min-height: 120px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    outline: none !important;
    resize: vertical !important; /* Alleen verticaal vergroten toegestaan */
}

/* Focus state voor velden (wanneer je erin typt) */
.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="tel"]:focus,
.gform_wrapper textarea:focus {
    border-color: #1b75bb !important; /* Rand wordt blauw bij selecteren */
}

/* --- Verzendknop --- */
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_button {
    background-color: #1b75bb !important; /* Helderblauwe kleur */
    color: #ffffff !important;
    border: none !important;
    border-radius: 30px !important; /* Volledig afgerond */
    padding: 14px 32px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
    margin-top: 10px !important;
}

/* Verzendknop Hover */
.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper .gform_button:hover {
    background-color: #13588e !important; /* Iets donkerder blauw bij hover */
}

/* --- Verzendknop (Extra specifiek) --- */
body .gform_wrapper .gform_footer input[type="submit"],
body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_footer button.gform_button,
body .gform_wrapper .gform_page_footer button.gform_next_button {
    background-color: #1b75bb !important; /* Helderblauwe kleur */
    color: #ffffff !important;
    border: none !important;
    border-radius: 30px !important; /* Volledig afgerond */
    padding: 14px 32px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin-top: 10px !important;
    box-shadow: none !important; /* Voorkomt schaduwen van je thema */
    text-transform: none !important; /* Voorkomt ongewenste hoofdletters */
    line-height: normal !important;
    height: auto !important;
    width: auto !important; /* Zorgt dat de knop niet per ongeluk schermbreed wordt */
}

/* --- Verzendknop (Ultieme overschrijving voor Elementor) --- */
html body .elementor-widget .gform_wrapper .gform_footer input[type="submit"],
html body .elementor-widget .gform_wrapper .gform_footer input.button,
html body .elementor-widget .gform_wrapper .gform_footer button.gform_button,
html body .elementor-widget .gform_wrapper .gform_page_footer button.gform_next_button {
    background-color: #1b75bb !important; 
    background: #1b75bb !important; /* Forceert de kleur over thema-achtergronden heen */
    color: #ffffff !important;
    border: none !important;
    border-radius: 30px !important;
    padding: 14px 32px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin-top: 10px !important;
    box-shadow: none !important;
    text-transform: none !important;
}
/* --- Verzendknop (Forceer alle browser- en themazaken uit) --- */
html body .elementor-widget .gform_wrapper .gform_footer input[type="submit"],
html body .elementor-widget .gform_wrapper .gform_footer input.button,
html body .elementor-widget .gform_wrapper .gform_button {
    -webkit-appearance: none !important; /* Stript standaard Apple/Windows knop opmaak */
    appearance: none !important;
    background-image: none !important; /* Zorgt dat er geen onzichtbare witte gradient overheen ligt */
    background-color: #1b75bb !important; 
    color: #ffffff !important;
    border: none !important;
    border-radius: 30px !important;
    padding: 14px 32px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
}

html body .elementor-widget .gform_wrapper .gform_footer input[type="submit"]:hover,
html body .elementor-widget .gform_wrapper .gform_footer input.button:hover,
html body .elementor-widget .gform_wrapper .gform_button:hover {
    background-color: #13588e !important;
}

/* --- Verzendknop (Verslaat de specifieke #gform_wrapper_1 regel) --- */
body #gform_wrapper_1 button[type=submit],
body #gform_wrapper_1 input[type=submit] {
    background: #1b75bb !important;
    background-color: #1b75bb !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 30px !important;
    padding: 14px 32px !important;
}

/* Verzendknop Hover */
body #gform_wrapper_1 button[type=submit]:hover,
body #gform_wrapper_1 input[type=submit]:hover {
    background: #13588e !important;
    background-color: #13588e !important;
}
/* Verzendknop Hover */
body #gform_wrapper_1 button[type=submit]:hover,
body #gform_wrapper_1 input[type=submit]:hover {
    background: #13588e !important;
    background-color: #13588e !important;
    color: #ffffff !important; /* Forceert de tekstkleur wit tijdens hover */
}/* End custom CSS */