/* Contact (fixronde 19-10): één formulierblok met keuze bericht / terugbellen. */
.eo-contact-een{display:grid;gap:0;padding-block:40px 64px;max-width:820px}
.eo-contact-een__kop{background:#fff;border-top:4px solid var(--eo-green);padding:28px 28px 4px}
.eo-contact-een__kop h2{font-family:var(--eo-font-kop);font-weight:400;text-transform:uppercase;font-size:clamp(26px,3vw,34px);line-height:1.1;margin:0}
.eo-contact-een__kop p{margin:6px 0 0;color:var(--eo-blue)}
.eo-contact-een__keuze{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--eo-line);margin:20px 0 4px}
.eo-contact-een__keuze button{font:600 14px/1.3 var(--eo-font);padding:13px 10px;border:0;border-radius:0;background:var(--eo-off);color:var(--eo-navy);cursor:pointer;transition:none}
.eo-contact-een__keuze button:hover,.eo-contact-een__keuze button:focus{background:var(--eo-off);color:var(--eo-navy)}
.eo-contact-een__keuze button[aria-pressed="true"],.eo-contact-een__keuze button[aria-pressed="true"]:hover,.eo-contact-een__keuze button[aria-pressed="true"]:focus{background:var(--eo-green);color:#fff}
.eo-contact-een__keuze button:focus-visible{outline:3px solid var(--eo-focus);outline-offset:2px}
/* Met de keuze zijn de twee formulieren één blok: eigen koppen alleen voor schermlezers, geen tweede kader-rand. */
.eo-contact-een.is-keuze .eo-form{border:0;margin:0;max-width:none;width:100%;background:#fff;padding:12px 28px 28px;box-shadow:none}
@media (max-width:600px){.eo-contact-een.is-keuze .eo-form{padding:12px 16px 20px}}
.eo-contact-een.is-keuze .eo-form__titel,.eo-contact-een.is-keuze .eo-form__intro{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.eo-contact-een:not(.is-keuze) .eo-contact-een__paneel+.eo-contact-een__paneel{margin-top:24px}
@media (max-width:600px){.eo-contact-een__kop{padding:20px 16px 4px}}