.halfhero{position:relative;height:clamp(240px,25vw,360px);overflow:hidden;background:var(--staal) url(/img/book-hero-1440.jpg) center / cover no-repeat;color:var(--papier)}@media(min-width:1441px){.halfhero{background-image:url(/img/book-hero-2160.jpg)}}.halfhero:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(9,8,7,.42) 0%,transparent 34%,rgba(9,8,7,.34) 100%)}.halfhero>*{position:relative;z-index:1}.halfhero__oog{position:absolute;top:32px;left:var(--marge);opacity:.8}.halfhero__titel{display:none}.halfhero__knop{position:absolute;left:50%;bottom:28px;transform:translate(-50%);height:36px;min-width:168px}.stap{position:relative;max-width:1440px;margin-inline:auto;padding:44px var(--marge) 0}.stap[hidden]{display:none}.stap__kop{display:flex;justify-content:space-between;gap:24px}.stap__kop .label{color:var(--zacht)}.stap__titel{margin:20px 0 0;font-size:clamp(38px,5vw,72px);line-height:.86}.stap__streep{margin-top:38px;border:0;border-top:1px solid var(--haarlijn)}.pakketten{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:43px}.pakketten input{position:absolute;opacity:0;pointer-events:none}.pakket{--ink: #F2F0EC;position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:430px;padding:28px;border-radius:16px;overflow:hidden;color:var(--ink);cursor:pointer}.pakket__grond{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover}.pakket>*:not(.pakket__grond){position:relative;z-index:1}.pakket:after{content:"";position:absolute;inset:0 0 auto;z-index:2;height:3px;background:var(--vermiljoen);transform:scaleX(0);transform-origin:left center;transition:transform .26s cubic-bezier(.2,.8,.25,1)}.pakketten input:checked+.pakket:after{transform:scaleX(1)}.pakket{isolation:isolate}.pakket:before{content:"";position:absolute;inset:-1px;z-index:3;pointer-events:none;border-radius:inherit;backdrop-filter:invert(1) hue-rotate(180deg);-webkit-backdrop-filter:invert(1) hue-rotate(180deg);opacity:0;transition:opacity .22s ease}.pakketten input:checked+.pakket:before{opacity:1}.pakket:hover:after{transform:scaleX(.35)}.pakketten input:focus-visible+.pakket{outline:2px solid var(--vermiljoen);outline-offset:3px}.pakket__kop{display:flex;justify-content:space-between;gap:16px}.pakket__kop .label{opacity:.7}.pakket__kop .pakket__gekozen{opacity:0;transition:opacity .16s ease}.pakketten input:checked+.pakket .pakket__gekozen{opacity:1}.pakket__prijs{margin:32px 0 0;font-weight:300;font-size:clamp(40px,4.03vw,58px);line-height:.88;letter-spacing:-.04em}.pakket__belofte{display:block;margin-top:24px;opacity:.72}.pakket__cijfers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 8px;margin-top:30px;padding-top:18px;border-top:1px solid color-mix(in srgb,var(--ink) 28%,transparent)}.pakket__cijfers b{display:block;font-weight:400;font-size:clamp(24px,2.08vw,30px);line-height:1;letter-spacing:-.03em}.pakket__cijfers .label{opacity:.55}.pakket__lijst{list-style:none;margin:23px 0 0;padding:0}.pakket__lijst li{padding:12px 0;border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent);opacity:.85}.stap__voet{display:flex;align-items:flex-start;gap:32px;margin-top:48px;padding-top:3px;border-top:1px solid var(--haarlijn)}.stap__voet .knop{height:52px;min-width:260px;border-radius:26px;margin-top:-18px}.stap__voet .label{color:var(--zacht)}.boekvoet{background:var(--papier);padding-top:34px}.boekvoet .voet{margin-top:0}body:has(.staart) .boekvoet,body:has(.werkstaart) .boekvoet,body:has(.schapstaart) .boekvoet,body:has(.pdpstaart) .boekvoet{padding-top:0}@media(max-width:900px){.pakketten{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:0;scrollbar-width:none}.pakketten::-webkit-scrollbar{display:none}.pakket{flex:0 0 82%;scroll-snap-align:start;min-height:400px}.stap__voet{flex-direction:column;align-items:stretch;gap:16px;padding-top:20px}.stap__voet .knop{margin-top:0}}@media(prefers-reduced-motion:reduce){.pakket:after{transition:none}}.weekraster{display:flex;gap:12px;margin-top:43px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:0;scrollbar-width:none}.weekraster::-webkit-scrollbar{display:none}.weekcel{flex:0 0 calc((100% - 36px)/4);scroll-snap-align:start}.weekkaart{width:100%}.maandstrip{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:46px}.maandstrip .label{color:var(--zacht)}.maandstrip__sturing{display:flex;align-items:center;gap:8px}.maandstrip__sturing .label{margin-right:24px}.maanden{display:flex;gap:8px;margin-top:20px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.maanden::-webkit-scrollbar{display:none}.maand{flex:0 0 auto;height:34px;padding:0 16px;border:1px solid var(--haarlijn);border-radius:17px;background:none;color:var(--zacht);font-family:var(--mono);font-size:var(--label);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:border-color .16s ease,color .16s ease,background .16s ease}.maand:hover{border-color:color-mix(in srgb,var(--inkt) 34%,transparent);color:var(--inkt)}.maand[aria-pressed=true]{background:var(--inkt);border-color:var(--inkt);color:var(--papier)}.weekrail{position:relative;height:2px;margin-top:26px;background:var(--haarlijn)}.weekrail span{position:absolute;inset:0 auto 0 0;background:var(--vermiljoen)}.weekteller{display:flex;justify-content:space-between;gap:24px;margin-top:18px;color:var(--zacht)}.weekraster{position:relative}.weekraster input{position:absolute;opacity:0;pointer-events:none}.weekkaart{position:relative;isolation:isolate;display:block;min-height:150px;padding:26px 24px 24px;border:1px solid var(--haarlijn);border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color .16s ease}.weekkaart:hover{border-color:color-mix(in srgb,var(--inkt) 30%,transparent)}.weekkaart__nr{display:block;color:color-mix(in srgb,var(--inkt) 45%,transparent)}.weekkaart__dagen{display:block;margin-top:12px;font-weight:500;font-size:20px;line-height:1.15;letter-spacing:-.04em}.weekkaart__staat{display:flex;justify-content:space-between;gap:12px;margin-top:30px;color:var(--vermiljoen)}.weekkaart__gekozen{opacity:0;transition:opacity .16s ease}.weekkaart--dicht{cursor:default;color:color-mix(in srgb,var(--inkt) 38%,transparent)}.weekkaart--dicht:hover{border-color:var(--haarlijn)}.weekkaart--dicht .weekkaart__nr,.weekkaart--dicht .weekkaart__staat{color:inherit}.weekraster input:checked+.weekkaart{border-color:transparent;color:var(--papier);background:var(--inkt) url(/img/week-gekozen.webp) center / cover no-repeat}.weekraster input:checked+.weekkaart .weekkaart__nr{color:var(--papier)}.weekraster input:checked+.weekkaart .weekkaart__staat{color:color-mix(in srgb,var(--papier) 75%,transparent)}.weekraster input:checked+.weekkaart .weekkaart__gekozen{opacity:1;color:var(--papier)}.weekraster input:focus-visible+.weekkaart{outline:2px solid var(--vermiljoen);outline-offset:3px}.legenda{display:flex;flex-wrap:wrap;gap:12px 76px;margin-top:12px;padding-top:19px;border-top:1px solid var(--haarlijn)}.legenda div{display:flex;align-items:baseline;gap:16px}.legenda .label{color:var(--vermiljoen)}.legenda div:nth-child(2) .label,.legenda div:nth-child(3) .label{color:var(--zacht)}.legenda span:last-child{font-size:14px;line-height:1;letter-spacing:-.03em;color:var(--zacht)}#stap-week .stap__voet{margin-top:34px;padding-top:28px;align-items:center}#stap-week .stap__voet .knop{margin-top:0}.kaal{display:block;max-width:1440px;margin-inline:auto;padding:34px var(--marge) 0}.kaal[hidden]{display:none}.kaal .merkteken{color:var(--inkt)}#stap-betalen,#stap-klaar{padding-top:66px}#stap-betalen .stap__titel{font-size:clamp(34px,4.4vw,64px)}#stap-betalen .stap__streep{margin-top:47px}#stap-klaar .stap__streep{margin-top:62px}#stap-klaar .stap__voet{margin-top:28px;padding-top:0;border-top:0;align-items:center}#stap-klaar .stap__voet .knop{margin-top:0;min-width:300px}.betaal{display:grid;grid-template-columns:576fr 708fr;gap:0 92px;margin-top:29px}.betaal__blok>.label{color:var(--zacht)}.regels{margin-top:28px}.regel{display:grid;grid-template-columns:236fr 340fr;align-items:baseline;gap:0 16px;padding-bottom:8px;border-bottom:1px solid var(--haarlijn)}.regel+.regel{padding-top:25px}.regel .label{color:var(--zacht)}.regel b{font-weight:500;font-size:16px;line-height:1.15;letter-spacing:-.04em}.bedrag{position:relative;min-height:214px;margin-top:35px;padding:26px 28px 25px;border-radius:12px;overflow:hidden;background:var(--inkt) url(/img/bedrag-veld-1152.webp) center / cover no-repeat;color:var(--papier)}.bedrag__oog{display:block;opacity:.6}.bedrag__som{margin:14px 0 0;font-weight:300;font-size:clamp(42px,4.03vw,58px);line-height:.88;letter-spacing:-.04em}.bedrag__wat{display:block;margin-top:20px}.bedrag__rest{display:flex;justify-content:space-between;gap:24px;margin-top:24px;padding-top:17px;border-top:1px solid color-mix(in srgb,var(--papier) 25%,transparent);opacity:.7}.velden{display:grid;gap:10px;margin-top:24px}.veld{display:block;padding:12px 20px 8px;border:1px solid var(--haarlijn);border-radius:10px;background:transparent}.veld:focus-within{border-color:var(--inkt)}.veld>span{display:block;color:var(--zacht)}.veld input{width:100%;margin-top:6px;border:0;padding:0;background:none;color:var(--inkt);font-family:var(--sans);font-weight:500;font-size:14px;line-height:1;letter-spacing:-.03em}.veld input:focus{outline:none}.veld input::placeholder{color:color-mix(in srgb,var(--inkt) 38%,transparent)}.veld--stripe>div{min-height:20px;margin-top:8px}.betaalmerken{display:flex;align-items:center;gap:22px;margin-top:14px;height:34px}.betaalmerken span{font-family:var(--mono);font-size:11px;letter-spacing:.02em;text-transform:uppercase;color:color-mix(in srgb,var(--inkt) 45%,transparent)}.betaalmerken .hangslot{margin-left:auto;display:flex;align-items:center;gap:8px}.betaal__doen{display:flex;align-items:flex-start;gap:24px;margin-top:22px}.betaal__doen .knop{height:56px;min-width:360px;border-radius:28px}.betaal__doen p{margin:0;max-width:324px;font-size:14px;line-height:1.38;letter-spacing:-.03em;color:var(--zacht)}.voorwaarden{display:grid;grid-template-columns:repeat(3,1fr);gap:0 38px;margin-top:0;padding-top:20px;border-top:1px solid var(--haarlijn)}.voorwaarden h3{margin:10px 0 0;font-weight:500;font-size:16px;line-height:1.15;letter-spacing:-.04em}.voorwaarden p:not(.label){margin:6px 0 0;font-size:14px;line-height:1.38;letter-spacing:-.03em;color:var(--zacht)}.voorwaarden>.label{grid-column:1 / -1;color:var(--zacht)}.geboekt{display:grid;grid-template-columns:648fr 648fr;gap:0 80px;margin-top:30px}.geboekt>div>.label{color:var(--zacht)}.tijdlijn{margin-top:21px}.tijdlijn div{padding:16px 0 3px;border-top:1px solid var(--haarlijn)}.tijdlijn div:last-child{border-bottom:1px solid var(--haarlijn)}.tijdlijn p:not(.label){margin:10px 0 0;font-size:14px;line-height:1;letter-spacing:-.03em;color:var(--zacht)}.geboekt__beeld{width:100%;height:auto;aspect-ratio:648 / 364;object-fit:cover;border-radius:12px;background:var(--staal)}.geboekt__bij{display:block;margin-top:18px;color:var(--zacht)}@media(max-width:900px){.weekraster{grid-template-columns:1fr 1fr}.legenda{gap:12px 32px}.betaal,.geboekt,.voorwaarden{grid-template-columns:1fr;gap:40px}.betaal__doen{flex-direction:column}.betaal__doen .knop{min-width:0}.regel{grid-template-columns:1fr;gap:8px}.tijdlijn{margin-top:24px}}@media(max-width:768px){.halfhero{height:460px;background-image:url(/img/book-hero-mobiel.webp)}.halfhero:after{background:linear-gradient(to top,rgba(9,8,7,.88) 0,rgba(9,8,7,.84) 130px,rgba(9,8,7,.58) 200px,rgba(9,8,7,.22) 290px,transparent 380px)}.halfhero__oog{top:310px}.halfhero__knop{display:none}.halfhero__titel{display:block;position:absolute;left:var(--marge);top:336px;margin:0;font-size:44px;line-height:1;color:var(--papier)}.stap{padding-top:36px}.stap__kop{gap:12px}.stap__kop .label:first-child{flex:0 0 auto;white-space:nowrap}.stap__kop .label:last-child{text-align:right}.stap__titel,.stap__streep{display:none}.pakketten{display:grid;grid-template-columns:1fr;overflow:visible;margin-top:30px;gap:14px}.pakket{flex:none;min-height:290px;padding:18px}.pakket__prijs{margin-top:28px;font-size:40px}.pakket__belofte{margin-top:8px;font-size:13px}.pakket__cijfers{margin-top:27px;padding-top:0;border-top:0}.pakket__cijfers b{font-size:24px}.pakket__lijst{margin-top:22px;padding-top:22px;border-top:1px solid color-mix(in srgb,var(--ink) 28%,transparent)}.pakket__lijst li{display:flex;align-items:center;gap:16px;padding:3px 0;border-top:0}.pakket__lijst li:before{content:"";flex:0 0 8px;height:2px;background:currentColor}.pakket__gekozen{padding:5px 10px;border-radius:11px;background:color-mix(in srgb,var(--ink) 18%,transparent)}.maandstrip{display:flex;justify-content:space-between;gap:12px;margin-top:34px}.maandstrip .label{color:var(--zacht)}.maanden{display:flex;gap:8px;margin-top:24px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.maanden::-webkit-scrollbar{display:none}.maand{flex:0 0 62px;height:34px;border:1px solid var(--haarlijn);border-radius:17px;background:none;color:var(--zacht);font-family:var(--mono);font-size:var(--label);letter-spacing:.02em;text-transform:uppercase;cursor:pointer}.maand[aria-pressed=true]{background:var(--inkt);border-color:var(--inkt);color:var(--papier)}.weekraster{display:flex;gap:12px;margin-top:22px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none}.weekraster::-webkit-scrollbar{display:none}.weekkaart{flex:0 0 106px;scroll-snap-align:start;min-height:124px;padding:16px 14px;border-radius:10px}.weekkaart__dagen{margin-top:8px;font-size:13px;line-height:15px;font-weight:400}.weekkaart__staat{display:inline-flex;margin-top:30px;padding:5px 10px;border-radius:11px;background:color-mix(in srgb,currentColor 14%,transparent)}.weekkaart__gekozen{display:none}.weekrail{display:block;position:relative;height:2px;margin-top:18px;background:var(--haarlijn)}.weekrail span{position:absolute;inset:0 auto 0 0;background:var(--vermiljoen)}.weekteller{display:flex;justify-content:space-between;gap:12px;margin-top:20px;color:var(--zacht)}.legenda{flex-direction:column;gap:10px;margin-top:34px;padding-top:0;border-top:0}.legenda div{gap:26px}#stap-week .stap__voet,#stap-pakket .stap__voet{flex-direction:column;align-items:stretch;gap:18px;margin-top:46px;padding-top:0;border-top:0}.stap__voet .knop{margin-top:0;width:100%;min-width:0}.kaal{padding-top:20px}#stap-betalen,#stap-klaar{padding-top:28px}#stap-betalen .stap__titel,#stap-klaar .stap__titel{display:block;margin-top:15px;font-size:44px;line-height:40px}#stap-betalen .stap__streep,#stap-klaar .stap__streep{display:none}.betaal{grid-template-columns:1fr;gap:44px;margin-top:30px}.regels{margin-top:16px}.regel,.regel+.regel{grid-template-columns:120px 1fr;padding:13px 0 12px}.regel:first-child{border-top:1px solid var(--haarlijn)}.bedrag{min-height:150px;margin-top:24px;padding:20px}.bedrag__som{font-size:44px}.bedrag__wat{margin-top:12px}.bedrag__rest{flex-direction:row;justify-content:space-between;gap:12px}.velden{gap:10px;margin-top:16px}.veld{min-height:54px;padding:10px 16px}.betaalmerken{gap:8px;margin-top:12px}.betaalmerken span{width:46px;height:28px}.betaalmerken .hangslot{display:none}.betaal__doen{flex-direction:column;gap:16px;margin-top:16px}.betaal__doen .knop{width:100%;min-width:0;height:54px;border-radius:27px}.betaal__doen p{font-size:13px;line-height:17px}.voorwaarden{grid-template-columns:1fr;gap:26px;margin-top:26px;padding-top:22px}.voorwaarden>.label{margin-bottom:0}.voorwaarden h3{font-size:15px}.voorwaarden p:not(.label){margin-top:6px;font-size:13px;line-height:17px}#stap-klaar .stap__voet{flex-direction:column;align-items:stretch;gap:16px}#stap-klaar .stap__voet .knop{width:100%}}@media(max-width:768px){.weekcel{flex:0 0 106px}.weekkaart{width:100%}}
