.msf {margin: 0 auto;font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}
.msf-steps {display: flex;justify-content: space-between;align-items: center;list-style: none;padding: 0;margin: 0 0 2rem;position: relative}
.msf-steps::before {content: "";position: absolute;left: 0;right: 0;top: 14px;height: 2px;background: #000000;z-index: 0}
.msf-step {position: relative;z-index: 1;display: flex;flex-direction: column;align-items: center;gap: 0.35rem;flex: 1 1 0;text-align: center}
.msf-step::before {content: "";width: 1px;height: 1px;border-radius: 50%;border: 2px solid #000000;background: #000000;box-sizing: border-box;}
.msf-step__label {color: #777}
.msf--step-1 .msf-step--1::before,
.msf--step-2 .msf-step--1::before,
.msf--step-2 .msf-step--2::before,
.msf--step-3 .msf-step--1::before,
.msf--step-3 .msf-step--2::before,
.msf--step-3 .msf-step--3::before {background: #000000;border-color: #000000}
.msf--step-1 .msf-step--1 .msf-step__label,
.msf--step-2 .msf-step--1 .msf-step__label,
.msf--step-2 .msf-step--2 .msf-step__label,
.msf--step-3 .msf-step--1 .msf-step__label,
.msf--step-3 .msf-step--2 .msf-step__label,
.msf--step-3 .msf-step--3 .msf-step__label {color: #EB970F}
.msf-steps::after {content: "";position: absolute;left: 0;top: 14px;height: 2px;z-index: 0;transition: width 0.25s ease}
.msf--step-1 .msf-steps::after { width: 0; }
.msf--step-2 .msf-steps::after { width: 50%; }
.msf--step-3 .msf-steps::after { width: 100%; }
.msf-form {position: relative}
.msf-panel {display: none}
.msf--step-1 .msf-panel--1 { display: block; }
.msf--step-2 .msf-panel--2 { display: block; }
.msf--step-3 .msf-panel--3 { display: block; }
.msf-panel {display: none}
.msf-panel.is-active {display: block}
.msf-step {opacity: 0.4}
.msf--step-1 .msf-step--1, .msf--step-2 .msf-step--2, .msf--step-3 .msf-step--3 {opacity: 1}

input,select,textarea,fieldset,legend,button {-webkit-appearance: none; -moz-appearance: none;appearance: none;background: none}
textarea {width: 100%;font-family: inherit;font-size: 1rem;box-sizing: border-box;color: #030981;background-color: #FFFFFF;padding: 8px 1px 4px 12px;border-radius: 0.75rem;border: 1px solid #f2f1f6;min-height: 110px;resize: none;}
.cols-3 {display: flex;gap: 1.5rem}
.cols-3 .col {flex: 1 1 0; background: #ffffff;border-radius: 8px;padding: 1.5rem 1.5rem 0.5rem 1.5rem;box-sizing: border-box}
.cols-3 .col {display: flex;flex-direction: column;}
.cols-3 .col > *:last-child {margin-top: auto;}
.insamenvatting{float: left;width: 35%;padding: 0 0 0 3%;margin: 0;box-sizing: border-box;border-radius: 9px}	
.inaanvraag{float: left;width: 65%;padding: 0 3% 0 0 ;margin: 0;box-sizing: border-box;border-radius: 9px}	
.inaanvraagruimte{float: left;width: 100%;padding: 25px 3% 2% 3% ;margin: 0;box-sizing: border-box;border-radius: 9px}	
.insamenvattingruimte{float: left;width: 100%;padding: 25px 3% 2% 3% ;margin: 0;box-sizing: border-box;border-radius: 9px}
.inlinksbut{float: left;width: 45%;padding:0;margin: 0;box-sizing: border-box}		
.inrechtsbut{float: left;width: 55%;padding:0;margin: 0;box-sizing: border-box}
.samenvattingtekst {margin-bottom: 1rem}
.inrechts-sticky {position: sticky}
.witter {background-color: #FFFFFF;}
.field {width: 100%;margin: 8px 0 8px 0;padding: 8px 1px 4px 12px;border-radius: 0.75rem;border: 1px solid #f2f1f6  ; box-sizing: border-box; background: #ffffff;color: #000000;font-size: 0.95rem;font-family: inherit; appearance: none; -webkit-appearance: none; -moz-appearance: none}
.field:focus {outline: none;border-color: #ffffff;}	
.field input {display: block;width: 98%;box-sizing: border-box;padding: 8px 1px 1px 0px;margin-top: 0;border: 1px solid;border-top-color: #ffffff;border-right-color: #ffffff;border-bottom-color: #ffffff;border-left-color: #ffffff;font-size: 1rem;line-height: 1.4;color: #222;background-color: #ffffff}
.field input[type="date"],
.field .date-input {font-family: inherit}
.field input::placeholder {color: #999}
.field input:focus {border-color: #ffffff;border: 1px solid}
.field input:invalid:focus {border-color: #ffffff;box-shadow: 0 0 0 2px rgba(217, 48, 37, 0.2)}
	
input[type="date"].date-input::-webkit-calendar-picker-indicator {opacity: 1;display: block;width: 18px;height: 18px;padding: 0;margin: 0;cursor: pointer;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
background-repeat: no-repeat;background-position: center;background-size: 18px 18px;color: transparent}
input, textarea, select {-webkit-tap-highlight-color: transparent}
.field input:focus, .field input:active {outline: none;box-shadow: none;border: 1px solid;border-color: #ffffff}
.field input:focus {border: 1px solid;border-color: #ffffff}
.field {width: 100%;margin: 12px 0 0 0;padding: 8px 1px 4px 12px;border-radius: 0.75rem;border: 1px solid #f2f1f6;box-sizing: border-box;background: #ffffff;color: #000000;font-size: 1rem;font-family: inherit}
.field:focus {outline: none;border-color: #ffffff}
.field input {display: block;width: 100%;box-sizing: border-box;height: 42px;padding: 0 32px 0 0;margin: 8px 0 0 0;border: 1px solid #ffffff;font-size: 1rem;line-height: 42px;color: #222;background-color: #ffffff}
.field input[type="date"], .field .date-input {font-family: inherit;line-height: normal}
.field input::placeholder {color: #999}
.field input:focus, .field input:active {outline: none;box-shadow: none;border-color: #ffffff}
.field .label {display: block;margin-bottom: 2px}
.field input {display: block;width: 100%;box-sizing: border-box;height: 42px;padding: 0.4rem 0.75rem;margin-top: 4px;border: 1px solid #ffffff;font-size: 1rem;line-height: 1.4;color: #222;background-color: #ffffff}
.field input[type="date"], .field .date-input {font-family: inherit;font-size: 1rem;padding: 0.4rem 0.75rem;margin-top: 4px;line-height: 1.4;text-align: left}
.field input::placeholder {color: #999;opacity: 1}
.radio-option {display: flex;align-items: center;gap: 0.6rem;margin: 0.25rem 0;cursor: pointer;font: 400 0.95rem/1.4 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color: #000000}
.radio-option input[type="radio"] {-webkit-appearance: none;appearance: none;margin: 0;width: 1.1rem;height: 1.1rem;border-radius: 50%;border: 2px solid #EB970F;background-color: #ffffff;display: inline-grid;place-content: center;cursor: pointer;transition: border-color 0.15s ease, box-shadow 0.15s ease}
.radio-option input[type="radio"]::before {content: "";width: 0.6rem;height: 0.6rem;border-radius: 50%;transform: scale(0);transition: transform 0.15s ease;background-color: #EB970F}
.radio-option input[type="radio"]:checked::before {transform: scale(1)}
.radio-option input[type="radio"]:focus-visible {outline: none;box-shadow: 0 0 0 2px rgba(235, 151, 15, 0.4)}
.radio-option:hover span {color: #EB970F}
.radio-option {display: flex;align-items: center;gap: 0.6rem;margin: 0.25rem 0;cursor: pointer;font: 400 0.95rem/1.4 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color: #000000}
.radio-option input[type="radio"],
.radio-option input[type="checkbox"] {-webkit-appearance: none;appearance: none;margin: 0;width: 1.1rem;height: 1.1rem;border-radius: 50%;border: 2px solid #EB970F;background-color: #ffffff;display: inline-grid;place-content: center;cursor: pointer;transition: border-color 0.15s ease, box-shadow 0.15s ease}
.radio-option input[type="radio"]::before, .radio-option input[type="checkbox"]::before {content: "";width: 0.6rem;height: 0.6rem;border-radius: 50%;transform: scale(0);transition: transform 0.15s ease;background-color: #EB970F}
.radio-option input[type="radio"]:checked::before, .radio-option input[type="checkbox"]:checked::before {transform: scale(1)}
.radio-option input[type="radio"]:focus-visible, .radio-option input[type="checkbox"]:focus-visible {outline: none;box-shadow: 0 0 0 2px rgba(235, 151, 15, 0.4)}
.radio-option:hover span {color: #EB970F}
.cross-list, .checklist {list-style: none;padding-left: 0;margin: 0; line-height: 2;font-family: 'REM', system-ui, sans-serif}
.checklist, .cross-list {list-style: none;margin: 0;padding: 0;line-height: 2;font-family: 'REM', system-ui, sans-serif}
.checklist li, .cross-list li {position: relative;padding-left: 1.45rem;margin: 0.4rem 0;line-height: 2;font-family: 'REM', system-ui, sans-serif}
.checklist li::before {content: "✓";color: #22c55e;line-height: 2;}
.cross-list li::before {  content: "✕";color: #ef4444;line-height: 2;}
.checklist li::before, .cross-list li::before  {position: absolute;left: 0;top: 0.05rem; font-family: 'REM', system-ui, sans-serif}
.checklist, .cross-list, .plus-list {list-style: none;padding-left: 0;margin: 0;line-height: 2;font-family: 'REM', system-ui, sans-serif;}
.checklist li, .cross-list li, .plus-list li {position: relative;padding-left: 1.45rem;margin: 0.4rem 0;line-height: 2;font-family: 'REM', system-ui, sans-serif}
.checklist li::before, .cross-list li::before, .plus-list li::before {position: absolute;left: 0;top: 0.05rem;font-family: 'REM', system-ui, sans-serif}
.checklist li::before {content: "✓";color: #22c55e}
.cross-list li::before {content: "✕";color: #22c55e}
.plus-list li::before {content: "+";color: #EB970F}
.modal__backdrop {position: absolute;inset: 0;background: rgba(0, 0, 0, 0.65);}
.modal__dialog {position: relative;z-index: 9999999;width: 74%;background: #EB970F;color: #111;border-radius: 9px;padding: 1.8rem 2rem;box-shadow: 0 18px 45px rgba(0, 0, 0, 0.4);box-sizing: border-box;}
.modal__close {position: absolute;top: 0.6rem;right: 0.8rem;border: none;background: none;font-size: 1.8rem;line-height: 1;cursor: pointer;}
.btn-open-modal {padding: 0.6rem 1.4rem;border-radius: 999px;border: 1px solid #000;background: #000;color: #fff;cursor: pointer;}
[data-modal-open] {cursor: pointer;}
.modal {position: fixed;inset: 0;z-index: 999;display: none}
.modal.is-visible {display: flex;align-items: center;justify-content: center}
.modal__dialog {position: relative;max-height: 83vh;overflow-y: auto;box-sizing: border-box;margin-top: 6vh;z-index: 999999}
.modal__close {position: absolute;top: 0.75rem;right: 0.75rem;border: none;background: transparent;font-size: 1.5rem;cursor: pointer}
.p-badge {display: inline-block; background-color: #EB970F; padding: 0.3rem 0.7rem; border-radius: 6px}
.cols-3-eq {display: flex;flex-wrap: wrap}
.cols-3-eq > .col {flex: 0 0 33.3333%;box-sizing: border-box;margin: 0;padding: 0}
.ruimteboven{margin-top: 15px}
.ruimteonder{margin-bottom: 15px}
.combies{box-sizing: border-box; padding: 2% 2% 2% 3%;margin: 10px 0 10px 0}
	
@media screen and (max-width: 800px) {		
.insamenvatting{float: left;width: 100%;padding: 0;margin: 0;box-sizing: border-box;border-radius: 9px}	
.inaanvraag{float: left;width: 100%;padding: 0 ;margin: 0;box-sizing: border-box;border-radius: 9px}	
.inaanvraagruimte{float: left;width: 100%;padding: 15px 5% 2% 5% ;margin: 0;box-sizing: border-box;border-radius: 9px}	
.insamenvattingruimte{float: left;width: 100%;padding: 15px 5% 2% 5% ;margin: 0;box-sizing: border-box;border-radius: 9px}
.cols-3-eq {display: block}
.cols-3-eq > .col {flex: 0 0 100%;width: 100%}		
.modal__backdrop {position: absolute;inset: 0;background: rgba(0, 0, 0, 0.65);}
.modal__dialog {position: relative;z-index: 9999999;width: 90%;background: #EB970F;color: #111;border-radius: 9px;padding: 50px 5%;box-shadow: 0 18px 45px rgba(0, 0, 0, 0.4);box-sizing: border-box;}
.modal__close {position: absolute;top: 0.6rem;right: 0.8rem;border: none;background: none;font-size: 1.8rem;line-height: 1;cursor: pointer;}
.btn-open-modal {padding: 0.6rem 1.4rem;border-radius: 999px;border: 1px solid #000;background: #000;color: #fff;cursor: pointer;}
[data-modal-open] {cursor: pointer;}
.modal {position: fixed;inset: 0; z-index: 999;display: none}
.modal.is-visible {display: flex;align-items: center;justify-content: center}
.modal__dialog {position: relative;max-height: 84vh;overflow-y: auto;box-sizing: border-box;margin-top: 16vh;z-index: 999999}
.modal__close {position: absolute;top: 0.75rem;right: 0.75rem;border: none;background: transparent;font-size: 1.5rem;cursor: pointer}			
}