/* Approved 28 October design. Only step 1 and its surrounding navigation. */
.intake-one-sidebar { display:none; }
body.intake-step1 { --goud:#685237; --goud-dim:#eee8dd; --goud-rand:#d8d4c9; --creme:#f7f1e6; --creme-dim:#eee8dd; --donker:#282b25; --tekst:#282b25; --tekst-mid:#4f544b; --tekst-dim:#4f544b; --wit:#fffcf6; --rand:#d8d4c9; background:#f7f1e6; color:#282b25; color-scheme:light; font:400 15px/1.65 'DM Sans',sans-serif; }
body.intake-step1::before, .intake-step1 > .progress-bar { display:none; }
.intake-step1 .site-header { margin-left:188px; padding:20px 45px; background:#f7f1e6; border-color:#d8d4c9; gap:15px; }
.intake-step1 .site-header .logo { display:none; }
.intake-step1 .stap-indicator { color:#4f544b; font:400 14px 'DM Sans',sans-serif; letter-spacing:0; text-transform:none; }
.intake-step1 .wrapper { max-width:1250px; margin-left:188px; padding:0 45px 45px; }
.intake-step1 .intake-one-sidebar { position:fixed; inset:0 auto 0 0; width:188px; padding:29px 13px 20px; display:flex; flex-direction:column; gap:29px; border-right:1px solid #d8d4c9; background:#fffcf6; z-index:40; }
.intake-one-sidebar a { color:#282b25; text-decoration:none; }
.intake-one-sidebar .intake-one-brand { font:400 35px/1 'Libre Caslon Display',Georgia,serif; letter-spacing:-1.4px; padding:0 11px; }
.intake-one-brand span { color:#685237; }
.intake-one-sidebar nav { display:flex; flex-direction:column; gap:4px; }
.intake-one-sidebar nav a { min-height:42px; padding:9px 11px; border-radius:4px; color:#4f544b; }
.intake-one-sidebar nav [aria-current] { background:#eee8dd; color:#282b25; }
.intake-one-account { margin-top:auto; border-top:1px solid #d8d4c9; padding:18px 7px 0; font-size:13px; overflow-wrap:anywhere; }
.intake-one-account span,.intake-one-account a { display:block; }
#stap-1 { color:#282b25; }
#stap-1 .intake-one-progress { padding:20px 0; margin-bottom:29px; border-bottom:1px solid #d8d4c9; }
#stap-1 .intake-one-progress>div { display:flex; justify-content:space-between; gap:12px; font-size:14px; margin-bottom:16px; }
#stap-1 .intake-one-progress>div>span { color:#4f544b; }
#stap-1 .intake-one-progress ol { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); list-style:none; gap:6px; padding:0; margin:0; }
#stap-1 .intake-one-progress li { position:relative; color:#4f544b; font-size:13px; min-width:0; }
#stap-1 .intake-one-progress li::before { content:''; position:absolute; top:13px; left:32px; right:0; height:1px; background:#d8d4c9; }
#stap-1 .intake-one-progress li:last-child::before { display:none; }
#stap-1 .intake-one-progress li>span:first-child { display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:#eee8dd; margin-bottom:8px; }
#stap-1 .intake-one-progress [aria-current]>span:first-child { background:#28322c; color:#fffcf6; }
#stap-1 .stap-kop { margin-bottom:25px; }
#stap-1 .stap-nr { color:#685237; font:500 13px 'DM Sans',sans-serif; letter-spacing:1.8px; margin-bottom:7px; }
#stap-1 .stap-nr::after { display:none; }
#stap-1 h1 { color:#282b25; font:400 48px/1.1 'Libre Caslon Display',Georgia,serif; letter-spacing:-1.1px; margin:0 0 12px; }
#stap-1 .stap-kop p { color:#4f544b; font:400 16px/1.65 'DM Sans',sans-serif; max-width:620px; }
#stap-1 .intake-one-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr); gap:30px; align-items:start; }
#stap-1 .intake-one-grid>* { min-width:0; }
#stap-1 .intake-one-basics { padding:22px; background:#fffcf6; border:1px solid #d8d4c9; border-radius:5px; }
#stap-1 .intake-one-basics h2 { color:#282b25; font:400 27px/1.2 'Libre Caslon Display',Georgia,serif; margin-bottom:5px; }
#stap-1 .intake-one-basics>p { color:#4f544b; font-size:14px; margin-bottom:23px; }
#stap-1 .vraag { margin-bottom:23px; }
#stap-1 .vraag:last-child { margin-bottom:0; }
#stap-1 :is(.vraag-label,.verdiepingen-label,.veld label,.verdieping-label) { display:block; color:#282b25; font:500 15px/1.6 'DM Sans',sans-serif; letter-spacing:0; text-transform:none; margin-bottom:7px; }
#stap-1 :is(.vraag-label,.veld label,.optie,.toggle-optie) span, #stap-1 #plattegrondNaam { color:#282b25; -webkit-text-fill-color:currentColor; }
#stap-1 .opties { display:flex; flex-direction:column; gap:0; }
#stap-1 :is(.optie,.toggle-optie) { display:flex; align-items:center; gap:9px; min-height:36px; padding:8px 0; border:0; border-radius:0; background:transparent; color:#282b25; font:400 14px/1.45 'DM Sans',sans-serif; letter-spacing:0; text-transform:none; }
#stap-1 :is(.optie,.toggle-optie)::before { content:''; width:16px; height:16px; border:1px solid #777e70; border-radius:50%; flex-shrink:0; background:#fffcf6; }
#stap-1 :is(.optie,.toggle-optie).gekozen::before { background:#28322c; box-shadow:inset 0 0 0 3px #fffcf6; border-color:#28322c; }
#stap-1 .toggle-opties { display:flex; flex-direction:column; gap:0; }
#stap-1 .upload-zone { min-height:244px; padding:28px 20px; border:1px dashed #b3a78f; border-radius:5px; background:#fffcf6; margin-bottom:12px; }
#stap-1 .upload-zone.over { background:#eee8dd; border-color:#28322c; }
#stap-1 .upload-icoon { display:grid; place-items:center; width:43px; height:43px; margin:0 auto 15px; background:#eee8dd; border-radius:50%; font-size:21px; }
#stap-1 .upload-zone h4 { color:#282b25; }
#stap-1 .intake-one-upload-button { display:inline-block; padding:10px 16px; border-radius:3px; background:#28322c; color:#fffcf6; font:500 15px/1.5 'DM Sans',sans-serif; letter-spacing:0; }
#stap-1 .intake-one-drop { color:#4f544b; margin:10px 0 14px; }
#stap-1 :is(.upload-zone,.upload-zone-klein)>span:not(.upload-icoon), #stap-1 :is(.upload-zone,.upload-zone-klein)>span>span { color:#4f544b; font:400 13px/1.7 'DM Sans',sans-serif; letter-spacing:0; }
#stap-1 .upload-zone-klein { border-color:#b3a78f; border-radius:5px; }
#stap-1 .upload-zone-klein h4 { color:#282b25; }
#stap-1 .upload-bevestiging { color:#282b25; font:500 14px/1.5 'DM Sans',sans-serif; overflow-wrap:anywhere; background:#fffcf6; border-color:#d8d4c9; }
#stap-1 .intake-one-file { background:#fffcf6; border:1px solid #d8d4c9; border-radius:5px; padding:15px; margin-bottom:12px; }
#stap-1 .intake-one-file[hidden], #stap-1 img[hidden] { display:none; }
#stap-1 .intake-one-file img { display:block; max-width:100%; max-height:175px; margin:0 auto 12px; object-fit:contain; }
#stap-1 .intake-one-file p { color:#4f544b; font-size:13px; }
#stap-1 .intake-one-file button { margin-top:10px; padding:8px 12px; border:1px solid #d8d4c9; border-radius:3px; background:#fffcf6; color:#282b25; cursor:pointer; font:400 14px 'DM Sans',sans-serif; }
#stap-1 .intake-one-help { margin:13px 0 22px; color:#4f544b; font-size:14px; }
#stap-1 .intake-one-help summary { padding:6px 0; color:#282b25; cursor:pointer; }
#stap-1 .intake-one-drawing>.veld, #stap-1 .verdiepingen-toggle { padding-top:21px; border-top:1px solid #d8d4c9; }
#stap-1 .verdiepingen-toggle { margin-top:22px; }
#stap-1 .veld input { background:#fffcf6; color:#282b25; border:1px solid #d8d4c9; border-radius:3px; min-height:45px; padding:10px 12px; font:400 16px 'DM Sans',sans-serif; max-width:200px; }
#stap-1 .veld input::placeholder { color:#686c61; opacity:1; }
#stap-1 .nav-knoppen { margin-top:27px; padding-top:21px; border-color:#d8d4c9; display:flex; align-items:center; gap:16px; }
#stap-1 .intake-one-note { max-width:410px; color:#4f544b; font-size:14px; }
#stap-1 .intake-one-next { display:flex; flex-direction:column; gap:7px; align-items:flex-end; }
#stap-1 .intake-one-next>span { color:#4f544b; font-size:13px; }
#stap-1 .knop-verder, #stap-1 #dxfGebruikKnop { background:#28322c !important; color:#fffcf6 !important; border:1px solid #28322c; border-radius:3px; padding:10px 16px; font:500 15px/1.5 'DM Sans',sans-serif !important; letter-spacing:0 !important; text-transform:none !important; min-height:44px; }
#stap-1 .knop-verder span { color:#fffcf6; }
#stap-1 .knop-verder:disabled { opacity:.55; cursor:not-allowed; }
#stap-1 .fout { color:#9a3026; background:#faece7; border-color:#d6a499; font:400 14px/1.6 'DM Sans',sans-serif; overflow-wrap:anywhere; }
#stap-1 :is(button,input,[role=radio],summary):focus-visible,.intake-step1 a:focus-visible { outline:2px solid #685237; outline-offset:4px; }
#stap-1 .upload-zone:focus-within,#stap-1 .upload-zone-klein:focus-within { outline:2px solid #685237; outline-offset:4px; }
@media(max-width:1100px) { .intake-step1 .wrapper { padding-left:29px; padding-right:29px; } #stap-1 .intake-one-grid { grid-template-columns:minmax(0,1.36fr) minmax(230px,1fr); gap:22px; } #stap-1 h1 { font-size:43px; } }
@media(max-width:900px) { #stap-1 .intake-one-grid { grid-template-columns:minmax(0,1fr); } }
@media(max-width:740px) {
 .intake-step1 .intake-one-sidebar { position:static; width:auto; padding:16px 18px; gap:15px; border-right:0; border-bottom:1px solid #d8d4c9; }
 .intake-one-sidebar nav { flex-direction:row; flex-wrap:wrap; } .intake-one-account { display:none; }
 .intake-step1 .site-header { margin-left:0; padding:16px 18px; flex-wrap:nowrap; }
 .intake-step1 .wrapper { margin-left:0; padding:0 18px 30px; }
 #stap-1 .intake-one-progress { margin-bottom:24px; }
 #stap-1 .intake-one-progress>div { flex-wrap:wrap; }
 #stap-1 .intake-one-progress ol { grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px 6px; }
 #stap-1 .intake-one-progress li:nth-child(4)::before { display:none; }
 #stap-1 h1 { font-size:35px; }
 #stap-1 .upload-zone { min-height:217px; padding:25px 14px; }
 #stap-1 :is(.optie,.toggle-optie) { min-height:44px; }
 #stap-1 .nav-knoppen { align-items:stretch; flex-direction:column; }
 #stap-1 .intake-one-next { align-items:stretch; text-align:center; }
 #stap-1 .intake-one-help summary { padding:11px 0; }
 #stap-1 .intake-one-basics { padding:20px; }
}

#stap-1 .opties[hidden] { display:none; }
#stap-1 .intake-one-select { display:block; width:100%; min-width:0; min-height:45px; padding:10px 12px; border:1px solid #d8d4c9; border-radius:3px; background:#fffcf6; color:#282b25; font:400 16px 'DM Sans',sans-serif; }
#stap-1 .intake-one-select:focus-visible { outline:2px solid #685237; outline-offset:4px; }
#stap-1 .intake-one-area { margin-top:22px; padding-top:21px; border-top:1px solid #d8d4c9; }
#stap-1 .veld label>span:nth-child(2) { display:block; font-size:13px !important; color:#4f544b; font-weight:400; }
#stap-1 .upload-zone>div { font:400 13px/1.65 'DM Sans',sans-serif !important; color:#4f544b !important; letter-spacing:0 !important; }

#stap-1 .upload-zone>div span { font:inherit; color:inherit; letter-spacing:inherit; }
#stap-1 .upload-zone.vol { min-height:0; padding:12px; border-style:solid; border-color:#d8d4c9; }
#stap-1 .upload-zone.vol :is(.upload-icoon,.intake-one-drop), #stap-1 .upload-zone.vol>span, #stap-1 .upload-zone.vol>div { display:none; }

#stap-1 #dxfKiezer>div:first-child { font:500 14px/1.6 'DM Sans',sans-serif !important; letter-spacing:0 !important; color:#282b25 !important; text-transform:none !important; }
#stap-1 #dxfKandidaten>div>div { font:400 13px/1.6 'DM Sans',sans-serif !important; color:#282b25 !important; }
#stap-1 #dxfKandidaten [id^="kzB_"] { background:#28322c !important; color:#fffcf6 !important; font:500 12px/1.5 'DM Sans',sans-serif !important; }