/* Contactformulier (home #contact) en de pagina's /bedankt/ en /niet-verzonden/ */
.contact-form{margin-top:34px;background:#ffffff0f;border:1px solid #ffffff2b;border-left:3px solid var(--terra);padding:clamp(22px,3vw,34px)}
.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}
.contact-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.contact-field-wide{grid-column:1/-1}
.contact-field label{font-size:13px;font-weight:700;color:#fff;letter-spacing:.01em}
.contact-field label span{font-weight:500;color:#ffffffa8}
.contact-field input,.contact-field textarea{font:inherit;font-size:15px;line-height:1.5;color:var(--navy);background:#fff;border:1px solid #ffffff00;border-radius:0;padding:12px 14px;width:100%;box-sizing:border-box;transition:box-shadow .15s ease}
.contact-field textarea{min-height:150px;resize:vertical}
.contact-field input::placeholder,.contact-field textarea::placeholder{color:#6b6f74}
.contact-field input:focus,.contact-field textarea:focus{outline:none;box-shadow:0 0 0 3px var(--terra-on-dark)}
.contact-field input:user-invalid,.contact-field textarea:user-invalid{box-shadow:0 0 0 3px #f0a3a3}
.contact-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.contact-form-foot{margin-top:24px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px}
.contact-redesign .contact-form-foot .home-primary{margin-top:0;cursor:pointer;font-family:inherit}
.contact-form-note{font-size:13px;line-height:1.6;color:#ffffffc2;max-width:44ch}
.contact-form-note a,.contact-form-alt a{color:#fff;border-bottom:1px solid #ffffff65}
.contact-form-alt{margin-top:18px;font-size:13px;line-height:1.6;color:#ffffffa8}
@media (max-width:640px){.contact-form-grid{grid-template-columns:1fr}.contact-form-foot{flex-direction:column;align-items:flex-start}}

.form-result-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.form-result-actions a{display:inline-flex;align-items:center;min-height:52px;padding:0 24px;font-size:14px;font-weight:700;border:1px solid var(--navy)}
.form-result-actions a.primary{background:var(--terra);border-color:var(--terra);color:#fff}
.form-result-actions a.primary:hover{background:#aa5830}
.form-result-actions a.secondary{color:var(--navy);background:#fff}
.form-result h1{margin-bottom:24px}