/* Contactformulier op de over-pagina */
.conblok{border-top:1px solid #000;margin:34px 0 0;padding:26px 0 0}
.conblok h2{font-family:var(--sans);font-weight:700;font-size:23px;line-height:29px;letter-spacing:-.2px;margin:0 0 4px}
.conblok .conuit{font-size:17px;line-height:25px;color:rgba(0,0,0,.65);margin:0 0 18px;max-width:52ch}
.confo{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;max-width:640px}
.confo .breed{grid-column:1 / -1}
.confo label{display:block;font-family:var(--sans);font-weight:700;font-size:13px;text-transform:uppercase;
 letter-spacing:.6px;margin:0 0 5px}
.confo label span{font-weight:500;text-transform:none;letter-spacing:0;color:rgba(0,0,0,.5)}
.confo input,.confo textarea{width:100%;border:1px solid #000;background:#fff;padding:11px 12px;
 font-family:var(--mono);font-size:16px;line-height:22px;border-radius:0}
.confo textarea{min-height:130px;resize:vertical}
.confo input:focus,.confo textarea:focus{outline:2px solid var(--fel);outline-offset:-2px}
.confo button{grid-column:1 / -1;justify-self:start;font-family:var(--sans);font-weight:700;font-size:14px;
 text-transform:uppercase;letter-spacing:1px;background:#000;color:#fff;border:0;padding:13px 22px;cursor:pointer}
.confo button:hover{background:var(--fel)}
.confo button[disabled]{opacity:.6;cursor:default}
.confo .lokaas{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.confout{grid-column:1 / -1;background:var(--fel);color:#000;padding:9px 11px;margin:0;
 font-family:var(--sans);font-weight:700;font-size:14px}
.conklaar{border:1px solid #000;padding:16px 18px;font-size:17px;line-height:25px;max-width:640px}
.conklaar[hidden]{display:none}
@media(max-width:620px){.confo{grid-template-columns:1fr}}