.contact-kop{padding:var(--sp-7) 0 var(--sp-5)}
.contact-kop p{margin-top:.6rem;max-width:54ch}


.contact-split h1{margin-top:.6rem}
.contact-split>div>p{margin-top:.7rem}


.contact-split{display:grid;grid-template-columns:7fr 5fr;gap:var(--sp-6)}
.contact-split>*{min-width:0}
@media (max-width:900px){.contact-split{grid-template-columns:1fr;gap:var(--sp-5)}}

.contact-form{display:grid;gap:1.1rem;max-width:38rem;margin-top:var(--sp-4)}
.contact-form .rij2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}

.contact-form label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--kleur-inkt-2);margin-bottom:.35rem}
.contact-form input,.contact-form select,.contact-form textarea{
  width:100%;font:inherit;padding:.75em .9em;border:1px solid var(--kleur-lijn);
  background:var(--kleur-wit);color:var(--kleur-inkt);
}
.contact-form textarea{min-height:8rem;resize:vertical}

.contact-form select{
  padding-right:2.4em;appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23201C19' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right .9em center;
}

.contact-form select:invalid{color:var(--kleur-inkt-2)}
.contact-form button{justify-self:start;margin-top:.3rem}

.contact-form-privacy{margin:0;max-width:none;font-size:.85rem;color:var(--kleur-inkt-2)}

.contact-form-noten p{margin:0;max-width:none;font-size:.85rem;color:var(--kleur-inkt-2)}
.contact-form-noten p+p{margin-top:.45rem}
.contact-form-status:empty+p{margin-top:0}
.contact-form-status:not(:empty){margin-bottom:.9rem;font-size:.95rem;color:var(--kleur-inkt)}
.contact-form-status:not(:empty)+p{margin-top:0}
.contact-nojs{margin-top:var(--sp-4);max-width:38rem;color:var(--kleur-inkt)}


.veld-fout{margin:.4rem 0 0;max-width:none;font-size:.85rem;line-height:1.45;color:var(--kleur-cta-terracotta-donker)}
.contact-form [aria-invalid="true"]{border-color:var(--kleur-cta-terracotta-donker)}
@media (max-width:600px){.contact-form .rij2{grid-template-columns:1fr}}


.contact-zijbox p{font-size:.95rem;margin:0 0 .4rem;color:var(--kleur-inkt)}
.contact-zijbox p:last-child{margin-bottom:0}
.contact-zijbox a:not(.link){color:inherit}
.contact-zijbox-lijn{border:0;border-top:1px solid var(--kleur-lijn);margin:var(--sp-5) 0}