/* Minimal styling for the static misintentie form */
.visual-form-builder { max-width: 640px; margin: 1.5rem auto; }
.visual-form-builder fieldset { border: 0; padding: 0; margin: 0 0 1.5rem; }
.visual-form-builder .vfb-legend h3 { margin-bottom: .75rem; }
.visual-form-builder ul { list-style: none; margin: 0; padding: 0; }
.visual-form-builder li { margin: 0 0 1rem; }
.visual-form-builder label { display: block; margin-bottom: .35rem; }
.visual-form-builder input[type=text], .visual-form-builder input[type=email], .visual-form-builder input[type=date], .visual-form-builder textarea { box-sizing: border-box; width: 100%; max-width: 100%; padding: .55rem .65rem; border: 1px solid #aaa; border-radius: 3px; font: inherit; }
.visual-form-builder textarea { min-height: 8rem; resize: vertical; }
.visual-form-builder button[type=submit] { padding: .65rem 1rem; border: 0; border-radius: 3px; cursor: pointer; font: inherit; }
.static-form-note { font-style: italic; }

.visual-form-builder-container, .visual-form-builder .vfb-legend h3, .visual-form-builder .vfb-legend p { font-family: 'Fira Sans', Arial, sans-serif; color: #233e34; }
.visual-form-builder .vfb-legend h3 { font-size: 1.35rem; font-weight: 700; line-height: 1.3; }
.visual-form-builder .vfb-legend p { font-size: 1rem; font-style: normal; }
.misintentie-form-divider { width: 100%; margin: 1.5rem 0; border: 0; border-top: 1px solid #82958a; }

.form-spamtrap { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }

.misintentie-extra { margin:1.25rem 0; padding:1rem; border:1px solid #c7d4c4; text-align:left; font-family:'Fira Sans',Arial,sans-serif; }
.misintentie-extra legend { font-weight:700; color:#243b33; }
.misintentie-extra label { display:block; margin:.6rem 0; }
#plaatjes-keuzes { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.5rem; }
#plaatjes-keuzes button { position:relative; padding:.4rem; background:#fcfbf6; border:2px solid #c7d4c4; border-radius:.3rem; min-height:80px; }
#plaatjes-keuzes img { display:block; width:100%; max-width:64px; height:auto; margin:auto; }
#plaatjes-keuzes button[aria-pressed="true"] { border-color:#244934; background:#dcebd8; }
#plaatjes-keuzes button:focus-visible { outline:3px solid #244934; outline-offset:2px; }
#plaatjes-keuzes span { position:absolute; right:3px; top:0; font-weight:700; color:#244934; }