.elementor-6684 .elementor-element.elementor-element-ab313c7{--display:flex;}.elementor-6684 .elementor-element.elementor-element-1cf05a7{padding:5% 0% 5% 0%;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-6684 .elementor-element.elementor-element-1cf05a7 .elementor-field-group{padding-right:calc( 8px/2 );padding-left:calc( 8px/2 );margin-bottom:8px;}.elementor-6684 .elementor-element.elementor-element-1cf05a7 .elementor-form-fields-wrapper{margin-left:calc( -8px/2 );margin-right:calc( -8px/2 );margin-bottom:-8px;}.elementor-6684 .elementor-element.elementor-element-1cf05a7 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-6684 .elementor-element.elementor-element-1cf05a7 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-6684 .elementor-element.elementor-element-1cf05a7 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-6684 .elementor-element.elementor-element-1cf05a7 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-6684 .elementor-element.elementor-element-1cf05a7 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-6684 .elementor-element.elementor-element-1cf05a7 .elementor-mark-required .elementor-field-label:after{color:var( --e-global-color-b76f2d7 );}.elementor-6684 .elementor-element.elementor-element-1cf05a7 .elementor-field-group > label{font-family:"Lufga", Sans-serif;font-size:16px;line-height:25px;}.elementor-6684 .elementor-element.elementor-element-1cf05a7 .elementor-field-type-html{padding-bottom:7px;}.elementor-6684 .elementor-element.elementor-element-1cf05a7 .elementor-field-group .elementor-field, .elementor-6684 .elementor-element.elementor-element-1cf05a7 .elementor-field-subgroup label{font-family:"Lufga", Sans-serif;font-weight:400;}.elementor-6684 .elementor-element.elementor-element-1cf05a7 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:var( --e-global-color-71c3369 );border-width:0px 0px 0px 0px;}.elementor-6684 .elementor-element.elementor-element-1cf05a7 .elementor-field-group .elementor-select-wrapper select{background-color:var( --e-global-color-71c3369 );border-width:0px 0px 0px 0px;}.elementor-6684 .elementor-element.elementor-element-1cf05a7 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-b76f2d7 );color:#ffffff;}.elementor-6684 .elementor-element.elementor-element-1cf05a7 .elementor-button[type="submit"]{background-color:var( --e-global-color-b76f2d7 );color:#ffffff;}.elementor-6684 .elementor-element.elementor-element-1cf05a7 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-6684 .elementor-element.elementor-element-1cf05a7 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-6684 .elementor-element.elementor-element-1cf05a7 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-6684 .elementor-element.elementor-element-1cf05a7 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-6684 .elementor-element.elementor-element-1cf05a7 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-6684 .elementor-element.elementor-element-1cf05a7 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-6684 .elementor-element.elementor-element-1cf05a7 .elementor-button{border-radius:10px 10px 10px 10px;}@media(max-width:1536px){.elementor-6684 .elementor-element.elementor-element-1cf05a7 .elementor-field-group > label{font-size:14px;}}/* Start custom CSS for form, class: .elementor-element-1cf05a7 *//* =========================== DLM FORM – STRONGER RESTYLE =========================== */ .dlm-form{ font-family: "Lufga", sans-serif; max-width: 100%; padding: 32px; border-radius: 28px; } /* titel / tekst erboven */ .dlm-form h1, .dlm-form h2, .dlm-form h3{ font-family: "Lufga", sans-serif; letter-spacing: -0.03em; line-height: 1.02; margin: 0 0 18px; color: #111533; } /* spacing tussen velden */ .dlm-form .elementor-field-group{ margin-bottom: 26px; } /* labels */ .dlm-form label, .dlm-form .elementor-field-label{ display: block; margin-bottom: 8px; font-size: 14px; line-height: 1.4; font-weight: 600; color: rgba(17,17,17,.58); } /* gewone inputs */ .dlm-form input[type="text"], .dlm-form input[type="email"], .dlm-form input[type="tel"], .dlm-form textarea, .dlm-form select{ width: 100%; font-family: "Lufga", sans-serif; font-size: 16px; line-height: 1.5; font-weight: 500; color: #111; background: #ffffff; border: 1px solid rgba(17,17,17,.10); border-radius: 18px; padding: 18px 20px; outline: none; box-shadow: none; transition: border-color .25s ease, background .25s ease, transform .2s ease; } /* placeholder */ .dlm-form ::placeholder{ color: rgba(0,0,0,.30); font-weight: 400; } /* focus */ .dlm-form input:focus, .dlm-form textarea:focus, .dlm-form select:focus{ border-color: #AF308B; background: #fff; } /* textarea */ .dlm-form textarea{ min-height: 160px; resize: vertical; } /* select */ .dlm-form select{ appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: linear-gradient(45deg, transparent 50%, rgba(17,17,17,.40) 50%), linear-gradient(135deg, rgba(17,17,17,.40) 50%, transparent 50%); background-position: calc(100% - 20px) calc(50% - 2px), calc(100% - 14px) calc(50% - 2px); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; padding-right: 42px; } /* checkbox/radio blok label */ .dlm-form .elementor-field-type-checkbox > .elementor-field-label, .dlm-form .elementor-field-type-radio > .elementor-field-label{ margin-bottom: 14px; font-size: 15px; font-weight: 600; color: rgba(17,17,17,.68); } /* checkbox groep als grid */ .dlm-form .elementor-field-type-checkbox .elementor-field-subgroup, .dlm-form .elementor-field-type-radio .elementor-field-subgroup{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } /* checkbox opties als blokjes */ .dlm-form .elementor-field-option{ display: flex; align-items: center; gap: 12px; min-height: 58px; margin: 0; padding: 14px 16px; background: #ffffff; border: 1px solid rgba(17,17,17,.08); border-radius: 16px; font-size: 15px; line-height: 1.4; font-weight: 500; color: rgba(17,17,17,.72); transition: border-color .2s ease, background .2s ease, transform .2s ease; } /* hover op keuzes */ .dlm-form .elementor-field-option:hover{ border-color: rgba(175,48,139,.35); background: #fff; } /* checkbox/radio zelf */ .dlm-form input[type="checkbox"], .dlm-form input[type="radio"]{ width: 18px; height: 18px; margin: 0; flex-shrink: 0; accent-color: #AF308B; } /* submit wrapper */ .dlm-form .e-form__buttons, .dlm-form .elementor-field-type-submit{ margin-top: 10px; } /* submit knop */ .dlm-form .elementor-button, .dlm-form button[type="submit"], .dlm-form input[type="submit"]{ display: inline-flex; align-items: center; justify-content: center; min-height: 58px; padding: 18px 34px; border-radius: 18px; background: #AF308B; color: #fff; font-family: "Lufga", sans-serif; font-weight: 700; font-size: 16px; line-height: 1; border: 0; transition: transform .2s ease, opacity .2s ease, background .2s ease; } .dlm-form .elementor-button:hover, .dlm-form button[type="submit"]:hover, .dlm-form input[type="submit"]:hover{ transform: translateY(-1px); background: #97297a; } /* required */ .dlm-form .required{ color: #AF308B; } /* foutmelding */ .dlm-form .elementor-message.elementor-message-danger{ display: flex; align-items: flex-start; gap: 12px; margin: 20px 0 0; padding: 14px 18px; background: rgba(213, 35, 35, 0.06); border-left: 4px solid #d52323; border-radius: 12px; font-family: "Lufga", sans-serif; font-size: 15px; font-weight: 500; color: #7a1c1c; } .dlm-form .elementor-message-danger:before{ display: none; } .dlm-form .elementor-message.elementor-message-danger::before{ content: "✕"; display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: #d52323; color: #fff; font-size: 14px; font-weight: 700; flex-shrink: 0; } /* succesmelding */ .dlm-form .elementor-message.elementor-message-success{ display: flex; align-items: flex-start; gap: 12px; margin: 20px 0 0; padding: 14px 18px; background: rgba(34, 197, 94, 0.08); border-left: 4px solid #22c55e; border-radius: 12px; font-family: "Lufga", sans-serif; font-size: 15px; font-weight: 500; color: #14532d; } .dlm-form .elementor-message-success:before{ display: none; } .dlm-form .elementor-message.elementor-message-success::before{ content: "✓"; display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: #22c55e; color: #fff; font-size: 14px; font-weight: 800; flex-shrink: 0; } /* inline errors */ .dlm-form input[aria-invalid="true"], .dlm-form textarea[aria-invalid="true"], .dlm-form select[aria-invalid="true"]{ border-color: #d52323 !important; } .dlm-form .elementor-field-group.elementor-field-group-invalid input, .dlm-form .elementor-field-group.elementor-field-group-invalid textarea, .dlm-form .elementor-field-group.elementor-field-group-invalid select{ border-color: #d52323 !important; } /* tablet */ @media (max-width: 1024px){ .dlm-form{ padding: 26px; border-radius: 24px; } .dlm-form .elementor-field-type-checkbox .elementor-field-subgroup, .dlm-form .elementor-field-type-radio .elementor-field-subgroup{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* mobiel */ @media (max-width: 767px){ .dlm-form{ padding: 18px; border-radius: 20px; } .dlm-form .elementor-field-group{ margin-bottom: 20px; } .dlm-form label, .dlm-form .elementor-field-label{ font-size: 13px; margin-bottom: 7px; } .dlm-form input[type="text"], .dlm-form input[type="email"], .dlm-form input[type="tel"], .dlm-form textarea, .dlm-form select{ font-size: 16px; padding: 16px 16px; border-radius: 14px; } .dlm-form textarea{ min-height: 130px; } .dlm-form .elementor-field-type-checkbox .elementor-field-subgroup, .dlm-form .elementor-field-type-radio .elementor-field-subgroup{ grid-template-columns: 1fr; gap: 10px; } .dlm-form .elementor-field-option{ min-height: 52px; padding: 12px 14px; border-radius: 14px; font-size: 14px; } .dlm-form .elementor-button, .dlm-form button[type="submit"], .dlm-form input[type="submit"]{ width: 100%; min-height: 54px; border-radius: 16px; font-size: 15px; } }/* End custom CSS */