:root{--blauw:#2f2f7e;--blauw2:#22225f;--oranje:#ee7023;--licht:#f2f5fd;--rand:#cbd5ec;--groen:#15945b;--tekst:#23243d;--schaduw:0 18px 50px rgba(32,38,94,.12)}
*{box-sizing:border-box}html{background:#f5f7fd}body{margin:0;color:var(--tekst);font-family:'Source Sans 3',Arial,sans-serif;-webkit-font-smoothing:antialiased}.boek-wrap{max-width:1180px;margin:auto;padding:24px}.boek-kop{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:38px;padding:34px 42px;background:linear-gradient(125deg,var(--blauw),#3f3e9a);color:#fff;border-radius:30px;box-shadow:var(--schaduw);overflow:hidden;position:relative}.boek-kop:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(238,112,35,.2);right:-130px;top:-190px}.boek-kop img{width:170px;background:#fff;padding:14px;border-radius:18px;position:relative;z-index:1}.boek-kop div{position:relative;z-index:1}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:1.7px;font-weight:900;color:#ffbb8d}.boek-kop h1{font-size:42px;line-height:1.05;margin:7px 0 9px;letter-spacing:-1.2px}.boek-kop p{max-width:720px;margin:0;font-size:18px;line-height:1.5;color:#e9eafd;font-weight:600}.stap{background:#fff;border:2px solid var(--rand);border-radius:26px;padding:28px;margin-top:24px;box-shadow:0 9px 30px rgba(47,47,126,.07)}.stap-kop{display:flex;align-items:center;gap:14px;margin-bottom:22px}.stap-kop>span{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;background:var(--oranje);color:#fff;border-radius:13px;font-size:20px;font-weight:900;box-shadow:0 7px 17px rgba(238,112,35,.28)}.stap-kop h2{margin:0;color:var(--blauw);font-size:25px;line-height:1.1}.stap-kop p{margin:3px 0 0;color:#6b7280;font-size:14px;font-weight:650}.ruimte-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ruimte-kaart{appearance:none;display:flex;flex-direction:column;text-align:left;padding:0;background:#fff;border:2px solid #d9e0f0;border-radius:20px;overflow:hidden;cursor:pointer;color:inherit;font:inherit;position:relative;transition:.24s cubic-bezier(.22,1,.36,1)}.ruimte-kaart:hover{transform:translateY(-5px);border-color:#8f9ed4;box-shadow:0 15px 32px rgba(47,47,126,.16)}.ruimte-kaart.actief{border-color:var(--oranje);box-shadow:0 0 0 4px rgba(238,112,35,.12),0 15px 35px rgba(47,47,126,.16);transform:translateY(-3px)}.ruimte-beeld{height:92px;width:100%;display:grid;place-items:center;background:linear-gradient(135deg,#2f2f7e,#605fc1);overflow:hidden}.ruimte-beeld-2{background:linear-gradient(135deg,#168f81,#29b3a3)}.ruimte-beeld-3{background:linear-gradient(135deg,#d85c1b,#f0924d)}.ruimte-beeld span{font-size:52px;font-weight:900;color:rgba(255,255,255,.25);transform:rotate(-7deg)}.ruimte-inhoud{display:flex;flex-direction:column;gap:12px;padding:18px;flex:1}.ruimte-regel{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.ruimte-regel strong{color:var(--blauw);font-size:22px}.ruimte-regel em{font-size:12px;font-style:normal;background:#eef1fb;color:#5a6280;padding:5px 8px;border-radius:999px;font-weight:800;white-space:nowrap}.ruimte-omschrijving{font-size:14px;line-height:1.45;color:#596174}.faciliteiten{display:flex;gap:6px;flex-wrap:wrap}.faciliteiten i{font-style:normal;font-size:11px;color:var(--blauw);background:#f0f3fc;border-radius:6px;padding:4px 7px;font-weight:750}.prijzen{display:flex;justify-content:space-between;margin-top:auto;padding-top:10px;border-top:1px solid #e3e7f2;color:var(--blauw);font-size:13px}.keuze-vink{position:absolute;right:12px;top:12px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--oranje);font-weight:900;opacity:0;transform:scale(.5);transition:.2s}.ruimte-kaart.actief .keuze-vink{opacity:1;transform:scale(1)}.planning-stap.nog-kiezen{opacity:.65}.planning-grid{display:grid;grid-template-columns:minmax(330px,1.15fr) minmax(280px,.85fr);gap:20px}.kalender,.moment-keuze{border:1.5px solid var(--rand);border-radius:20px;padding:18px;background:var(--licht)}.kalender-nav{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;text-align:center;margin-bottom:14px}.kalender-nav strong{font-size:19px;color:var(--blauw);text-transform:capitalize}.kalender-nav button{border:0;background:#fff;color:var(--blauw);width:38px;height:38px;border-radius:12px;font-size:27px;cursor:pointer;box-shadow:0 4px 12px rgba(47,47,126,.09)}.kalender-nav button:disabled{opacity:.25;cursor:default}.weekkop,.dagen{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.weekkop span{text-align:center;color:#7a8192;font-size:11px;font-weight:900;text-transform:uppercase;padding:5px}.dag{aspect-ratio:1.08;border:1.5px solid transparent;border-radius:11px;background:#fff;color:var(--blauw);font:800 14px 'Source Sans 3';cursor:pointer;position:relative;transition:.15s}.dag:after{content:"";position:absolute;bottom:5px;left:50%;width:5px;height:5px;transform:translateX(-50%);border-radius:50%;background:var(--groen)}.dag:hover:not(:disabled){transform:scale(1.08);border-color:var(--oranje)}.dag.actief{background:var(--blauw);color:#fff;box-shadow:0 6px 16px rgba(47,47,126,.28)}.dag.deels:after{background:#e49a13}.dag.vol:after{background:#aeb5c5}.dag:disabled,.dag.leeg{opacity:.35;cursor:default;background:transparent}.kalender-legenda{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px;font-size:11px;color:#697184;font-weight:700}.kalender-legenda span{display:flex;align-items:center;gap:5px}.kalender-legenda i{width:8px;height:8px;border-radius:50%;background:var(--groen)}.kalender-legenda .deels{background:#e49a13}.kalender-legenda .vol{background:#aeb5c5}.moment-keuze{background:#fff}.gekozen-datum{font-size:17px;color:var(--blauw);font-weight:900;margin:2px 0 14px}.blokken{display:flex;flex-direction:column;gap:10px}.blokken button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border:1.5px solid #d8dfef;background:#fff;border-radius:14px;text-align:left;color:var(--blauw);font:inherit;cursor:pointer;transition:.16s}.blokken button:hover:not(:disabled){border-color:var(--oranje);transform:translateX(3px)}.blokken button.actief{border-color:var(--oranje);background:#fff5ed;box-shadow:0 0 0 3px rgba(238,112,35,.1)}.blokken button:disabled{opacity:.45;cursor:not-allowed;background:#f2f3f6}.blokken span{display:flex;flex-direction:column}.blokken strong{font-size:15px}.blokken small{color:#697184;font-weight:650}.blokken i{font-style:normal;font-size:11px;color:var(--groen);font-weight:900}.blokken button:disabled i{color:#8a91a0}.moment-melding,.form-melding{font-size:13px;font-weight:750;min-height:18px;color:#b34024}.formulier-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.formulier-grid>label,.keuzes{display:flex;flex-direction:column;gap:6px}.formulier-grid .breed{grid-column:1/-1}.formulier-grid label>span,.keuzes>span{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:#60697a;font-weight:900}.formulier-grid input,.formulier-grid textarea{width:100%;border:1.5px solid #ccd4e5;border-radius:12px;padding:12px 14px;font:600 16px 'Source Sans 3';color:#25265f;background:#fff}.formulier-grid input:focus,.formulier-grid textarea:focus{outline:0;border-color:var(--oranje);box-shadow:0 0 0 3px rgba(238,112,35,.1)}.keuzes{flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}.keuzes>span{width:100%}.keuzes label,.privacy{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:700;color:#4f5668}.keuzes input,.privacy input{position:absolute;opacity:0}.keuzes i,.privacy i{width:22px;height:22px;border:2px solid #aeb8d2;border-radius:7px;display:grid;place-items:center;background:#fff;flex:0 0 22px}.keuzes input:checked+i,.privacy input:checked+i{background:var(--blauw);border-color:var(--blauw)}.keuzes input:checked+i:after,.privacy input:checked+i:after{content:"✓";color:#fff;font-size:14px;font-weight:900}.privacy{margin:22px 0 12px;align-items:flex-start;font-size:13px}.samenvatting{background:#eef2fc;color:var(--blauw);border-radius:13px;padding:12px 15px;font-size:14px;font-weight:750;display:none}.samenvatting.zichtbaar{display:block}.verstuur{margin-top:16px;width:100%;border:0;background:linear-gradient(135deg,var(--oranje),#f48c48);color:#fff;border-radius:15px;padding:15px 20px;display:flex;justify-content:center;gap:14px;font:900 17px 'Source Sans 3';cursor:pointer;box-shadow:0 10px 24px rgba(238,112,35,.25);transition:.18s}.verstuur:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(238,112,35,.35)}.verstuur:disabled{opacity:.55;cursor:wait;transform:none}.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}.bedankt{text-align:center;background:#fff;border:2px solid #afdcc5;border-radius:26px;padding:50px 25px;margin-top:24px;box-shadow:var(--schaduw)}.bedankt-vink{width:70px;height:70px;margin:auto;display:grid;place-items:center;border-radius:50%;background:var(--groen);color:#fff;font-size:37px;font-weight:900}.bedankt h2{font-size:30px;color:var(--blauw);margin:15px 0 5px}.bedankt p{color:#5d6575;margin:0 0 16px}.bedankt strong{display:block;color:var(--blauw);font-size:18px}.bedankt button{margin-top:24px;border:2px solid var(--blauw);background:#fff;color:var(--blauw);border-radius:12px;padding:10px 18px;font:800 14px 'Source Sans 3';cursor:pointer}footer{text-align:center;padding:25px 10px;color:#6b7280;font-size:13px}footer a{color:var(--blauw);font-weight:800}
@media(max-width:800px){.boek-wrap{padding:12px}.boek-kop{grid-template-columns:1fr;padding:26px 24px;gap:18px;border-radius:22px}.boek-kop img{width:145px}.boek-kop h1{font-size:32px}.ruimte-grid{grid-template-columns:1fr}.ruimte-kaart{flex-direction:row}.ruimte-beeld{width:86px;height:auto;min-height:170px;flex:0 0 86px}.ruimte-inhoud{padding:15px}.planning-grid{grid-template-columns:1fr}.stap{padding:19px;border-radius:20px}.formulier-grid{grid-template-columns:1fr}.formulier-grid .breed{grid-column:auto}}
@media(max-width:440px){.boek-wrap{padding:0}.boek-kop{border-radius:0;padding:22px 18px}.boek-kop h1{font-size:28px}.stap{margin:12px 8px;padding:15px}.ruimte-kaart{display:block}.ruimte-beeld{width:100%;height:62px;min-height:0}.ruimte-beeld span{font-size:35px}.ruimte-regel{display:block}.ruimte-regel em{display:inline-block;margin-top:5px}.planning-grid{gap:12px}.kalender,.moment-keuze{padding:12px}.weekkop,.dagen{gap:3px}.dag{border-radius:8px}.formulier-grid input,.formulier-grid textarea{font-size:16px}footer{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}