/* Forma 22 · nieuwe contactpagina (voorbeeld ?nieuw=1) */
body.f22-c2 .et_pb_section.f22-contact.c2{padding-top:clamp(120px,16vh,170px)!important;padding-bottom:90px!important;min-height:100svh}
body.f22-c2 .c2 .f22-contact-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:clamp(30px,6vw,90px);align-items:center;max-width:1240px!important;width:calc(100% - 40px)!important;margin:0 auto!important}
body.f22-c2 .c2 .f22-contact-row>.et_pb_column{width:auto!important;margin:0!important}
.c2-l{color:#e9e2d2}
.c2-k{font:500 11px var(--f22-mono,ui-monospace,monospace);letter-spacing:.24em;text-transform:uppercase;color:#aab586}
.c2-l h1{font-size:clamp(46px,5.4vw,80px)!important;line-height:.96!important;letter-spacing:-.045em!important;font-weight:500!important;color:#e9e2d2!important;margin:18px 0 0!important;padding:0!important}
.c2-l h1 em{display:block;font-family:var(--f22-serif,'Instrument Serif',Georgia,serif);font-style:italic;font-weight:400;color:#aab586;letter-spacing:-.02em}
.c2-l>p{margin:20px 0 0!important;max-width:470px;font-size:17px;line-height:1.6;color:#c9bfae!important;padding:0!important}
.c2-steps{list-style:none!important;margin:28px 0 0!important;padding:0!important;max-width:470px;border-top:1px solid rgba(233,226,210,.14)}
.c2-steps li{display:grid;grid-template-columns:40px 1fr;padding:11px 0!important;border-bottom:1px solid rgba(233,226,210,.14);list-style:none!important;margin:0!important}
.c2-steps small{grid-row:span 2;font:500 11px var(--f22-mono,monospace);letter-spacing:.14em;color:#aab586;padding-top:4px}
.c2-steps b{font-weight:500;color:#e9e2d2;font-size:15.5px}.c2-steps span{color:#a19d90;font-size:13.5px}
.c2-l .c2-mail{font-size:15px!important}.c2-mail a{color:#e9e2d2!important;text-decoration:none;border-bottom:1px solid rgba(233,226,210,.3)}
.c2-hide{display:none!important}
.c2-pick{margin:4px 0 6px;width:100%;flex-basis:100%}
.c2-prog{display:flex;gap:6px;margin:4px 0 16px}.c2-prog i{flex:1;height:3px;border-radius:3px;background:rgba(34,27,21,.12);transition:background .4s}.c2-prog i.on{background:#5f6b44}
.c2-lb{font:500 10px var(--f22-mono,monospace);letter-spacing:.16em;text-transform:uppercase;color:#6b6255;margin:14px 0 10px}.c2-lb small{letter-spacing:.08em;text-transform:none;font-size:10px;opacity:.7}
.c2-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.c2-tiles button,.c2-chips button{appearance:none;-webkit-appearance:none;cursor:pointer;font:inherit;color:#221b15;background:transparent;border:1px solid rgba(34,27,21,.2);transition:all .25s}
.c2-tiles button{border-radius:10px;padding:11px 12px;font-size:13.5px;display:flex;gap:8px;align-items:center;text-align:left;line-height:1.2}
.c2-tiles button i{flex:none;width:15px;height:15px;border-radius:50%;border:1.5px solid rgba(34,27,21,.35);transition:all .25s}
.c2-tiles button:hover,.c2-chips button:hover{border-color:#221b15}
.c2-tiles button.on{background:#221b15;color:#e9e2d2;border-color:#221b15}.c2-tiles button.on i{border-color:#aab586;background:#aab586}
.c2-chips{display:flex;flex-wrap:wrap;gap:8px}.c2-chips button{border-radius:99px;padding:8px 14px;font-size:12.5px}
.c2-chips button.on{background:#8e9b6b;border-color:#8e9b6b;color:#fff}
.c2-note{margin-right:auto;font-size:12.5px;color:#6b6255;align-self:center}
body.f22-c2 .c2 .et_contact_bottom_container{display:flex!important;align-items:center;gap:12px;width:100%;float:none!important}
@media (max-width:980px){
  body.f22-c2 .c2 .f22-contact-row{grid-template-columns:1fr;gap:34px}
  body.f22-c2 .et_pb_section.f22-contact.c2{padding-top:110px!important}
  .c2-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .c2-note{display:none}
}
html body.f22-c2 .et_pb_section.c2 .et_pb_row.f22-contact-row{width:min(1240px,calc(100% - 40px))!important;max-width:none!important}
html body.f22-c2 .et_pb_section.c2 .et_pb_row.f22-contact-row>.et_pb_column{width:100%!important;max-width:none!important;flex:none!important}
html body.f22-c2 .c2 .f22-form{width:100%!important;max-width:none!important}
html body.f22-c2 .c2 .c2-pick{grid-column:1/-1!important;width:100%!important}
html body.f22-c2 .c2 .f22-form form{width:100%!important}
html body.f22-c2 .et_pb_section.c2-gone{display:none!important}
/* korter formulier (contactpagina + homepage) */
html body.f22-c2form .f22-form form .et_pb_contact_field{grid-column:1/-1!important;margin-bottom:10px!important}
html body.f22-c2form .f22-form form .et_pb_contact_field.c2-half{grid-column:span 1!important}
html body.f22-c2form .f22-form .c2-pick{grid-column:1/-1!important;width:100%!important}
html body.f22-c2form .f22-form form{width:100%!important;column-gap:18px!important}
html body.f22-c2form .f22-form .et_pb_contact_form_label{margin-bottom:2px!important}
html body.f22-c2form .f22-form textarea.input{min-height:72px!important;height:72px!important}
html body.f22-c2form .c2-tiles button{padding:8px 10px;font-size:13px}
html body.f22-c2form .c2-chips button{padding:6px 12px}
html body.f22-c2form .c2-lb{margin:10px 0 8px}
html body.f22-c2form .c2-prog{margin:2px 0 10px}
html body.f22-c2form .f22-paper-head{margin-bottom:6px!important;padding-bottom:10px!important}
@media (max-width:600px){html body.f22-c2form .f22-form form .et_pb_contact_field.c2-half{grid-column:1/-1!important}}
@media (max-width:980px){
  .c2-lb small{display:none}
  html body.f22-c2form .f22-form form .et_pb_contact_field.c2-half{grid-column:span 1!important}
  html body.f22-c2form .f22-form .c2-pick{margin-bottom:0!important}
  html body.f22-c2form .f22-form form .et_pb_contact_field{margin-bottom:6px!important;padding-top:0!important}
  html body.f22-c2form .f22-form .et_pb_contact_form_label{font-size:9px!important}
  html body.f22-c2form .f22-form textarea.input{min-height:60px!important;height:60px!important}
  html body.f22-c2form .c2-tiles button{font-size:11.5px;padding:7px 6px}
  html body.f22-c2form .c2-chips{gap:6px}.c2-chips button{font-size:11px!important;padding:5px 9px!important}
  html body.f22-c2 .c2-l>p:not(.c2-mail){display:none}
  html body.f22-c2 .c2-l h1{font-size:40px!important}
}
@media (max-width:980px){
  html body.f22-c2form .et_pb_section.f22-contact .f22-contact-row{gap:14px!important;row-gap:14px!important}
  html body.f22-c2form .et_pb_section.f22-contact .f22-contact-row>.et_pb_column{margin:0!important;padding:0!important}
  html body.f22-c2form .et_pb_section.f22-contact .f22-form form{display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:12px!important}
  html body.f22-c2form .et_pb_section.f22-contact .f22-form .et_pb_contact_form_label{display:none!important}
  html body.f22-zand.f22-c2form .et_pb_section.f22-contact.is-paper .f22-form textarea.input{min-height:64px!important;height:64px!important}
  html body.f22-c2form .et_pb_section.f22-contact .f22-paper-head{padding-bottom:8px!important}
  html body.f22-c2form .et_pb_section.f22-contact .f22-paper-head span{font-size:8.5px!important}
}
html body.f22-c2form .et_pb_section.f22-contact .f22-form .et_pb_contact_form_label{display:none!important}
html body.f22-zand.f22-c2form .et_pb_section.f22-contact.is-paper .f22-form textarea.input{min-height:76px!important;height:76px!important}