/* Oplever Klaar v16: explicit grid placement prevents legacy implicit columns. */
html[data-ok-mobile-v16] form[data-form_name="contact"]{box-sizing:border-box;min-width:0;max-width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;align-items:start!important}
html[data-ok-mobile-v16] form[data-form_name="contact"]>*,html[data-ok-mobile-v16] form[data-form_name="contact"] .ok-job-fields>*{grid-column:auto!important;min-width:0;max-width:100%;box-sizing:border-box}
html[data-ok-mobile-v16] form[data-form_name="contact"] .form-group{padding:0!important;margin:0!important;width:100%!important;background:transparent!important}
html[data-ok-mobile-v16] form[data-form_name="contact"]>fieldset,html[data-ok-mobile-v16] form[data-form_name="contact"]>.v10-photos,html[data-ok-mobile-v16] form[data-form_name="contact"]>.ok-form-privacy,html[data-ok-mobile-v16] form[data-form_name="contact"]>[role="status"],html[data-ok-mobile-v16] form[data-form_name="contact"]>[data-aire-for="message"],html[data-ok-mobile-v16] form[data-form_name="contact"]>button[type="submit"]{grid-column:1/-1!important;width:100%!important;min-width:0}
html[data-ok-mobile-v16] form[data-form_name="contact"] .ok-job-fields{box-sizing:border-box;min-inline-size:0;max-width:100%;padding:18px!important;gap:18px!important}
html[data-ok-mobile-v16] form[data-form_name="contact"] .ok-job-fields legend{max-width:100%;font-size:18px!important;line-height:1.4!important;padding:0 6px;white-space:normal}
html[data-ok-mobile-v16] form[data-form_name="contact"] label{font-size:15px!important;line-height:1.45!important;font-weight:700;text-transform:none!important;letter-spacing:normal!important;margin:0 0 7px!important;white-space:normal;overflow-wrap:break-word}
html[data-ok-mobile-v16] form[data-form_name="contact"] :is(input:not([type="hidden"]),select,textarea){box-sizing:border-box;width:100%!important;min-width:0!important;max-width:100%!important;font-size:16px!important;line-height:1.5!important;padding:11px 12px!important;min-height:48px!important;border-radius:9px!important}
html[data-ok-mobile-v16] form[data-form_name="contact"] textarea{min-height:140px!important;resize:vertical!important}
html[data-ok-mobile-v16] form[data-form_name="contact"] :is(small,.v10-photos>p,.ok-form-privacy){font-size:14px!important;line-height:1.6!important;white-space:normal;overflow-wrap:break-word;max-width:100%;margin:7px 0 0!important}
html[data-ok-mobile-v16] form[data-form_name="contact"] .v10-photos input[type="file"]{display:block;margin-top:10px;font-size:16px!important;overflow:hidden}
html[data-ok-mobile-v16] form[data-form_name="contact"] input::file-selector-button{font:inherit;white-space:normal;border:1px solid #c6d7cb;border-radius:6px;padding:8px 10px;margin-right:8px;background:#e7eee8;color:#123c35;cursor:pointer}
html[data-ok-mobile-v16] form[data-form_name="contact"] .v10-photos button{width:auto!important;max-width:100%;min-height:44px!important;line-height:1.4!important;border-radius:8px!important;padding:10px 14px!important;white-space:normal;font-size:14px!important}
html[data-ok-mobile-v16] form[data-form_name="contact"]>button[type="submit"]{justify-self:stretch;min-height:52px!important;border-radius:10px!important;padding:14px 18px!important;font-size:17px!important;line-height:1.4!important;white-space:normal;margin:0!important}
html[data-ok-mobile-v16] form[data-form_name="contact"] [hidden]{display:none!important}
html[data-ok-mobile-v16] form[data-form_name="contact"] :is(input,textarea,select,button):focus-visible{outline:3px solid #bd7719!important;outline-offset:3px}
@media(max-width:767px){
 html[data-ok-mobile-v16]{scroll-padding-top:100px}
 html[data-ok-mobile-v16] #offerte-aanvragen{padding:44px 16px!important}
 html[data-ok-mobile-v16] #offerte-aanvragen .container{padding-left:0!important;padding-right:0!important;min-width:0;max-width:100%}
 html[data-ok-mobile-v16] #offerte-aanvragen form{padding:20px 16px!important;border-radius:16px!important}
 html[data-ok-mobile-v16] form[data-form_name="contact"],html[data-ok-mobile-v16] form[data-form_name="contact"] .ok-job-fields{grid-template-columns:minmax(0,1fr)!important}
 html[data-ok-mobile-v16] form[data-form_name="contact"]>*{grid-column:1/-1!important}
 html[data-ok-mobile-v16] form[data-form_name="contact"] .ok-job-fields{padding:14px!important}
 html[data-ok-mobile-v16] .ok-hero h1{font-size:clamp(30px,8.5vw,42px)!important;line-height:1.14!important;overflow-wrap:break-word}
 html[data-ok-mobile-v16] :is(.ok-section-head h2,#offerte-aanvragen h2,#footer h2,.ok-blog-hero h1){font-size:clamp(27px,7.5vw,38px)!important;line-height:1.2!important;overflow-wrap:break-word}
 html[data-ok-mobile-v16] :is(.ok-wrap,.ok-hero-grid,.ok-service-copy,.ok-media-top,.ok-blog-hero,.ok-job-fields){min-width:0}
 html[data-ok-mobile-v16] :is(.ok-actions,.ok-social-v15 nav,.ok-media-controls,.ok-legal-links){flex-wrap:wrap;gap:10px}
 html[data-ok-mobile-v16] :is(.ok-button,.ok-actions a,.ok-social-v15 a){max-width:100%;white-space:normal;text-align:center;min-height:44px;box-sizing:border-box}
 html[data-ok-mobile-v16] :is(#article article,#footer,.ok-blog-hero,.ok-service-copy){overflow-wrap:break-word}
 html[data-ok-mobile-v16] :is(#footer a[href^="mailto:"],.ok-form-privacy a){overflow-wrap:anywhere}
 html[data-ok-mobile-v16] .ok-media-controls button{min-width:44px;min-height:44px}
 html[data-ok-mobile-v16] :is(.v9-dialog,dialog){max-width:calc(100vw - 24px);box-sizing:border-box}
 html[data-ok-mobile-v16] .v9-dialog nav{flex-wrap:wrap;gap:8px}
 html[data-ok-mobile-v16] .v9-dialog button{min-height:44px}
}
@media(max-width:374px){
 html[data-ok-mobile-v16] .ok-wrap{padding-left:16px;padding-right:16px}
 html[data-ok-mobile-v16] .ok-actions>a{width:100%}
 html[data-ok-mobile-v16] .ok-gallery{grid-template-columns:minmax(0,1fr)}
}