/* Opmaak volgt de variabelen van Oranje Website Stijl. Aanpasbaar via die centrale CSS-editor. */
.oranje-contact{box-sizing:border-box;width:80%;max-width:1160px;margin:48px auto 64px;color:var(--ink,#17304f);font-family:Nunito,Arial,sans-serif;line-height:1.7}
.oranje-contact *{box-sizing:border-box}
.oranje-contact .oranje-contact-eyebrow{color:var(--orange-dark,#e76600);font-weight:900;text-transform:uppercase;letter-spacing:2px;font-size:14px;margin:0 0 12px}
.oranje-contact h1{font-size:clamp(30px,4vw,46px);line-height:1.2;letter-spacing:normal;margin:0 0 20px;color:var(--blue,#173e72)}
.oranje-contact .oranje-contact-intro{max-width:780px;font-size:18px;margin-bottom:32px}
.oranje-contact .oranje-contact-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:start}
.oranje-contact .oranje-contact-info,.oranje-contact .oranje-contact-form{min-width:0;border-radius:22px;padding:30px}
.oranje-contact .oranje-contact-info{background:var(--blue-light,#eaf5ff)}
.oranje-contact .oranje-contact-form{background:#fff;border:1px solid #dce5ef;box-shadow:0 10px 35px #173e720c}
.oranje-contact h2{font-size:26px;line-height:1.3;margin:0 0 18px}
.oranje-contact h3{font-size:20px;line-height:1.4;margin:24px 0 8px}
.oranje-contact .oranje-contact-info a{overflow-wrap:anywhere}
.oranje-contact .oranje-contact-form>label{display:block;margin:17px 0 6px;font-weight:800;font-size:16px}
.oranje-contact .oranje-contact-form>input:not([type=hidden]),.oranje-contact select,.oranje-contact textarea{display:block;width:100%;max-width:100%;font:inherit;font-size:16px;background:#fff;color:var(--ink,#17304f);padding:12px 14px;border:1px solid #bac9da;border-radius:10px}
.oranje-contact textarea{resize:vertical;min-height:150px}
.oranje-contact :is(input,select,textarea,button,a):focus-visible{outline:3px solid var(--orange,#f58212);outline-offset:3px}
.oranje-contact .oranje-contact-submit{margin-top:18px;min-height:48px;padding:13px 24px;border:0;border-radius:999px;background:var(--orange-dark,#e76600);color:#fff;font:inherit;font-weight:900;cursor:pointer}
.oranje-contact .oranje-contact-submit:disabled{opacity:.65;cursor:wait}
.oranje-contact .oranje-contact-privacy{font-size:14px;color:#526477;margin:18px 0 0}
.oranje-contact .oranje-contact-status:not(:empty){padding:14px;border-radius:10px;margin-bottom:18px;background:#fff1e8;color:#71310b}
.oranje-contact .oranje-contact-status.is-success{background:#e8f7ee;color:#165b35}
.oranje-contact .oranje-contact-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:800px){.oranje-contact .oranje-contact-layout{grid-template-columns:1fr}}
@media(max-width:767px){.oranje-contact{width:calc(100% - 40px);margin:28px auto 40px}.oranje-contact .oranje-contact-info,.oranje-contact .oranje-contact-form{padding:22px}.oranje-contact .oranje-contact-submit{width:100%}}