/* Aanvraagscherm. Gebruikt de kleuren en knoppen van de pagina waar het
   op staat, dus dit bestand bevat alleen wat het scherm zelf nodig heeft. */

.aanvraag-scherm{position:fixed;inset:0;z-index:400;background:rgba(5,36,52,.58);
  backdrop-filter:blur(4px);display:none;align-items:flex-start;justify-content:center;
  padding:24px 18px;overflow-y:auto}
.aanvraag-scherm.open{display:flex}
.aanvraag-kaart{position:relative;width:100%;max-width:580px;background:#fff;border-radius:22px;
  box-shadow:0 30px 70px rgba(0,0,0,.34);padding:34px clamp(20px,3vw,34px) 28px;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
.aanvraag-sluit{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;
  border:1px solid #DCEAF0;background:#fff;cursor:pointer;display:grid;place-items:center;color:#53707E}
.aanvraag-sluit:hover{border-color:#0281A8;color:#0281A8}
.aanvraag-sluit svg{width:17px;height:17px}

.aanvraag-eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#0281A8}
.aanvraag-kaart h2{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;letter-spacing:-.03em;
  font-size:25px;line-height:1.12;margin:8px 0 0;color:#052434;padding-right:36px}
.aanvraag-regel{margin:7px 0 0;font-size:14px;font-weight:700;color:#0C4056}
.aanvraag-sub{margin:10px 0 20px;font-size:14.5px;color:#53707E;line-height:1.55}

.aanvraag-rij{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.aanvraag-veld{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.aanvraag-rij .aanvraag-veld{margin-bottom:0}
.aanvraag-veld label{font-size:11.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#53707E}
.aanvraag-veld input,.aanvraag-veld textarea{border:1px solid #DCEAF0;border-radius:11px;padding:12px 14px;
  font-family:inherit;font-size:15px;color:#052434;outline:none;background:#fff;width:100%;resize:vertical}
.aanvraag-veld input:focus,.aanvraag-veld textarea:focus{border-color:#0281A8}

.aanvraag-fout{display:none;margin:0 0 14px;font-size:14px;font-weight:600;color:#E00D23}
.aanvraag-knoppen{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.aanvraag-knoppen .btn{flex:none}

.aanvraag-klaar{text-align:left}
.aanvraag-vink{width:46px;height:46px;border-radius:50%;background:#DDF3E7;color:#12805A;
  display:grid;place-items:center;margin-bottom:16px}
.aanvraag-vink svg{width:23px;height:23px}
.aanvraag-nummer{margin:8px 0 16px;font-size:14px;color:#53707E}
.aanvraag-nummer strong{color:#052434;letter-spacing:.04em}
.aanvraag-samenvatting{background:#FFF6E4;border:1px solid #FCE9C9;border-radius:12px;padding:14px 16px;
  font-family:inherit;font-size:13.5px;line-height:1.6;color:#0C4056;white-space:pre-wrap;
  margin:0 0 16px;max-height:210px;overflow:auto}
.aanvraag-demo{background:#EAF6FA;border:1px solid #CDE7F0;border-radius:12px;padding:13px 15px;
  font-size:13.5px;color:#0C4056;font-weight:600;margin-bottom:18px}

@media(max-width:560px){
  .aanvraag-rij{grid-template-columns:1fr}
  .aanvraag-kaart{padding:30px 18px 24px}
  .aanvraag-knoppen .btn{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){
  .aanvraag-scherm{backdrop-filter:none}
}