#oplossingen :is(.enquiry-demo,.followup-demo){color:var(--ink);padding:30px 28px 8px}
#oplossingen .enquiry-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}
#oplossingen .enquiry-intro h3{font-size:clamp(23px,2.2vw,30px);line-height:1.2;letter-spacing:-.045em}
#oplossingen .enquiry-intro h3 span{color:var(--blue)}
#oplossingen .enquiry-intro>p{font-size:13px;line-height:1.6;color:var(--muted)}
#oplossingen .enquiry-scene{border-radius:16px;background:#f0f4fc;overflow:hidden}
#oplossingen :is(.enquiry-result,.enquiry-form){padding:22px;min-height:420px}
#oplossingen .enquiry-document-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:20px;border-bottom:1px solid #d6e0ef;font-size:12px;font-weight:700}
#oplossingen .enquiry-origin{color:#295e4c;font-size:11px;font-weight:400}
#oplossingen .enquiry-person{display:flex;gap:14px;align-items:center;margin:22px 0}
#oplossingen .enquiry-avatar{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:50%;background:#d9e6ff;color:#2459d6;font-size:22px;font-weight:700}
#oplossingen .enquiry-eyebrow{font-size:11px;font-weight:700;color:var(--muted);margin-bottom:5px}
#oplossingen .enquiry-person h4{font-size:19px;line-height:1.3;overflow-wrap:anywhere;margin-bottom:4px}
#oplossingen .enquiry-person>div{min-width:0}
#oplossingen .enquiry-person>div>p:last-child{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
#oplossingen .enquiry-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 22px}
#oplossingen .enquiry-facts dt{font-size:11px;color:var(--muted);margin-bottom:5px}
#oplossingen .enquiry-facts dd{font-size:14px;font-weight:700;margin:0}
#oplossingen .enquiry-message h5{font:700 12px/1.5 Lato,Arial,sans-serif;margin:0 0 6px;color:var(--muted)}
#oplossingen .enquiry-message>p{font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
#oplossingen .enquiry-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding-top:16px;border-top:1px solid #d6e0ef}
#oplossingen .enquiry-bottom p{font-size:11px;color:var(--muted);line-height:1.5}
#oplossingen :is(.enquiry-edit,.enquiry-cancel,.enquiry-submit){min-height:48px;border-radius:24px;border:0;padding:10px 16px;font-size:12px;font-weight:700}
#oplossingen .enquiry-edit{background:#d9e6ff;color:#163f91;white-space:nowrap}
#oplossingen .enquiry-edit span{margin-left:5px}
#oplossingen .enquiry-edit:hover{background:#cbdcfc}
#oplossingen .enquiry-example{font-size:11px;line-height:1.5;color:var(--muted);padding:14px 2px 0}
#oplossingen .enquiry-form-heading{margin-bottom:18px}
#oplossingen .enquiry-form-heading h4{font-size:20px;margin-bottom:6px}
#oplossingen .enquiry-form-heading p{font-size:12px;color:var(--muted)}
#oplossingen .enquiry-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#oplossingen .enquiry-fields label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;min-width:0}
#oplossingen .enquiry-field-wide{grid-column:1/-1}
#oplossingen .enquiry-fields :is(input,select,textarea){box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid #aabbd6;border-radius:8px;background:#fff;color:var(--ink);font:400 14px/1.5 Lato,Arial,sans-serif}
#oplossingen .enquiry-fields textarea{resize:vertical;min-height:90px}
#oplossingen .enquiry-fields select{appearance:none;-webkit-appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317273e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:20px 20px;background-position:right 12px center}
#oplossingen .enquiry-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
#oplossingen .enquiry-cancel{background:transparent;color:var(--muted)}
#oplossingen .enquiry-submit{background:#d9e6ff;color:#163f91}
#oplossingen .enquiry-submit:hover{background:#cbdcfc}
#oplossingen .followup-tabs{display:flex;gap:6px;margin:0 0 16px;background:#edf2fb;padding:4px;border-radius:28px;width:fit-content;max-width:100%}
#oplossingen .followup-tabs button{min-height:48px;border:0;border-radius:24px;padding:10px 20px;font-size:13px;font-weight:700;background:transparent;color:var(--muted)}
#oplossingen .followup-tabs button[aria-selected="true"]{background:var(--blue);color:#fff}
#oplossingen .followup-tabs button:not([aria-selected="true"]):hover{background:#d9e6ff}
#oplossingen .followup-mail{border:1px solid #d6e0ef;border-radius:16px;overflow:hidden;min-height:385px;background:#fff}
#oplossingen .followup-sender{display:flex;align-items:center;gap:12px;padding:18px 22px;background:#f0f4fc}
#oplossingen .followup-mail-icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:12px;background:#d9e6ff;color:var(--blue)}
#oplossingen .followup-mail-icon svg{width:22px;height:22px}
#oplossingen .followup-sender>div{min-width:0}
#oplossingen .followup-sender strong{display:block;font-size:13px}
#oplossingen .followup-sender>div>span{display:block;color:var(--muted);font-size:11px;overflow-wrap:anywhere;margin-top:3px}
#oplossingen .followup-mail-type{font-size:10px;color:var(--muted);margin-left:auto;white-space:nowrap}
#oplossingen .followup-copy{padding:22px}
#oplossingen .followup-copy h4{overflow-wrap:anywhere;font-size:21px;line-height:1.3;letter-spacing:-.03em;margin-bottom:20px}
#oplossingen .followup-copy>p:not(.enquiry-eyebrow){font-size:14px;line-height:1.7;margin-bottom:12px}
#oplossingen .followup-copy>p.followup-signoff{margin:18px 0 0}
#oplossingen .followup-signoff strong{font-weight:700}
@media(min-width:840px) and (max-width:1170px){
 #oplossingen :is(.enquiry-demo,.followup-demo){padding:24px 20px 8px}
 #oplossingen .enquiry-intro{display:block}
 #oplossingen .enquiry-intro>p{margin-top:10px}
 #oplossingen .enquiry-intro>p br{display:none}
 #oplossingen .enquiry-bottom{align-items:flex-start;flex-direction:column}
 #oplossingen .followup-mail-type{display:none}
}
@media(max-width:839px){
 #oplossingen :is(.enquiry-demo,.followup-demo){padding:8px 20px}
 #oplossingen .enquiry-intro{display:block;margin-bottom:22px}
 #oplossingen .enquiry-intro h3{font-size:26px}
 #oplossingen .enquiry-intro>p{margin-top:10px;font-size:13px}
 #oplossingen .enquiry-intro>p br{display:none}
 #oplossingen :is(.enquiry-result,.enquiry-form){padding:18px 16px;min-height:0}
 #oplossingen .enquiry-document-top{font-size:11px;gap:8px}
 #oplossingen .enquiry-origin{font-size:10px;white-space:nowrap}
 #oplossingen .enquiry-person{gap:10px;margin:20px 0}
 #oplossingen .enquiry-avatar{width:38px;height:38px;font-size:19px}
 #oplossingen .enquiry-person h4{font-size:17px}
 #oplossingen .enquiry-person>div>p:last-child{font-size:12px}
 #oplossingen .enquiry-facts{gap:12px}
 #oplossingen .enquiry-facts dd{font-size:12px}
 #oplossingen .enquiry-message>p{font-size:13px}
 #oplossingen .enquiry-bottom{align-items:flex-start;flex-direction:column;gap:12px}
 #oplossingen .enquiry-bottom p br{display:none}
 #oplossingen .enquiry-fields{grid-template-columns:1fr}
 #oplossingen .enquiry-example{font-size:10px}
 #oplossingen .followup-tabs{width:100%}
 #oplossingen .followup-tabs button{flex:1;min-width:0;padding:10px 12px;font-size:12px}
 #oplossingen .followup-mail{min-height:495px}
 #oplossingen .followup-sender{padding:16px 14px;gap:10px}
 #oplossingen .followup-sender strong{font-size:12px}
 #oplossingen .followup-mail-type{display:none}
 #oplossingen .followup-copy{padding:20px 16px}
 #oplossingen .followup-copy h4{overflow-wrap:anywhere;font-size:19px;margin-bottom:18px}
 #oplossingen .followup-copy>p:not(.enquiry-eyebrow){font-size:13px;line-height:1.65}
}