/* Doelgroep- en aanbodpagina's: zelfde zwart-wit ritme als de homepage, met ruimte voor feiten, prijzen en vragen. */
.offer-page .kicker{font-size:14px;color:#555;line-height:1.5}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 10px;font-size:13px;color:#555}
.crumbs li+li:before{content:"/";margin-right:10px;color:#aaa}
.crumbs a{text-decoration:underline;text-underline-offset:4px}
.crumbs a:hover{color:#000}
.offer-opening{padding-block:40px 80px}
.offer-opening .kicker{margin-top:40px}
.offer-opening h1{font-size:clamp(52px,7.4vw,112px);line-height:1.01;letter-spacing:-.065em;margin:22px -4px 34px;max-width:1150px}
.offer-lead{font-size:21px;line-height:1.55;letter-spacing:-.2px;max-width:720px}
.offer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 34px;margin-top:38px}
.offer-actions .action{background:#000;color:#fff}
.offer-band{background:#000;color:#fff;padding-block:92px}
.offer-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px}
.offer-grid>h2,.offer-grid>div>h2{font-size:clamp(40px,4.4vw,66px);line-height:1.02}
.offer-intro{font-size:15px;color:#535353;max-width:320px;margin-top:24px}
.offer-band .offer-intro{color:#aaa}
.facts{list-style:none;margin:0;padding:0;border-top:1px solid #555}
.facts li{display:grid;grid-template-columns:150px 1fr;gap:24px;padding-block:24px;border-bottom:1px solid #333}
.facts time,.facts .fact-label{font-size:13px;font-weight:700;color:#fff;line-height:1.7}
.facts p{font-size:16px;color:#c2c2c2;max-width:560px}
.facts p strong{color:#fff;font-weight:700}
.facts a{text-decoration:underline;text-underline-offset:4px;color:#fff}
.offer-section{padding-block:100px 96px}
.offer-section+.offer-section{border-top:1px solid #ddd}
.offer-copy{max-width:620px}
.offer-copy p{font-size:17px;color:#535353}
.offer-copy p+p{margin-top:22px}
.offer-copy strong{color:#000}
.offer-copy a{text-decoration:underline;text-underline-offset:4px;color:#000}
.offer-copy .offer-turn{font-size:23px;line-height:1.45;letter-spacing:-.4px;color:#000;font-weight:700}
.rows{list-style:none;margin:0;padding:0;border-top:1px solid #000;counter-reset:row}
.rows li{border-bottom:1px solid #ccc;padding:28px 0;display:grid;grid-template-columns:52px 1fr;gap:0 12px;counter-increment:row}
.rows li:before{content:counter(row,decimal-leading-zero);font-size:12px;color:#666;padding-top:7px}
.rows h3{font-size:23px;line-height:1.25;letter-spacing:-.7px;font-weight:700}
.rows p{grid-column:2;font-size:15px;color:#535353;max-width:520px;margin-top:10px}
.rows.plain li{grid-template-columns:1fr}.rows.plain li:before{display:none}.rows.plain p{grid-column:1}
.ladder-head{margin-bottom:64px}@media(max-width:700px){.ladder-head{margin-bottom:40px}}
.ladder{list-style:none;margin:0;padding:30px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;border-top:1px solid #555}
.ladder li{display:flex;flex-direction:column;gap:12px}
.ladder .step{font-size:12px;color:#aaa}
.ladder h3{font-size:26px;letter-spacing:-1px;line-height:1.15}
.ladder .price{font-size:15px;font-weight:700;color:#fff}
.ladder p{font-size:15px;color:#bbb;max-width:330px}
.ladder a{text-decoration:underline;text-underline-offset:4px;color:#fff;font-size:14px;font-weight:700;width:fit-content}
.price-card{border:1px solid #000;padding:34px 34px 30px;display:grid;gap:14px;align-content:start}
.price-card .amount{font-size:clamp(46px,4.8vw,68px);font-weight:800;letter-spacing:-.06em;line-height:1}
.price-card .amount small{font-size:15px;font-weight:400;letter-spacing:0;color:#555;margin-left:10px}
.price-card .intro-price{font-size:16px;line-height:1.5;border-top:1px solid #ddd;padding-top:14px}
.price-card ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px}
.price-card li{font-size:15px;line-height:1.55;color:#333;padding-left:22px;position:relative}
.price-card li:before{content:"";position:absolute;left:0;top:9px;width:9px;height:9px;background:#000}
.price-card .action{background:#000;color:#fff;margin-top:12px;width:100%}
.price-card .note{font-size:13px;color:#555}
.faq{border-top:1px solid #000}
.faq details{border-bottom:1px solid #ccc}
.faq summary{list-style:none;display:flex;justify-content:space-between;gap:24px;padding:24px 0;font-size:20px;font-weight:700;letter-spacing:-.4px;line-height:1.35}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";font-weight:400;font-size:26px;line-height:1}
.faq details[open] summary:after{content:"−"}
.faq details>p{font-size:16px;color:#444;max-width:640px;padding-bottom:26px;margin-top:-6px}
.faq details>p a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){.offer-grid{gap:45px}.offer-band{padding-block:75px}.offer-section{padding-block:80px 76px}.ladder{gap:32px}}
@media(max-width:800px){.ladder{grid-template-columns:1fr;gap:34px}}
@media(max-width:700px){.offer-opening{padding-block:28px 56px}.offer-opening .kicker{margin-top:30px}.offer-opening h1{font-size:clamp(40px,11vw,60px);margin:16px -2px 22px}.offer-lead{font-size:17px}.offer-actions{margin-top:28px}.offer-grid{grid-template-columns:1fr;gap:30px}.offer-band{padding-block:58px}.offer-section{padding-block:58px}.facts li{grid-template-columns:1fr;gap:6px;padding-block:20px}.facts p{font-size:15px}.offer-copy p{font-size:16px}.offer-copy .offer-turn{font-size:20px}.rows li{grid-template-columns:36px 1fr}.rows h3{font-size:21px}.price-card{padding:26px 22px}.faq summary{font-size:18px;padding:20px 0}}
.offer-opening.has-art{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:56px}
.offer-opening.has-art>*{grid-column:1}
.offer-art{grid-column:2!important;grid-row:2/6;align-self:center;margin:0;width:360px}
.offer-art img{display:block;width:100%;height:auto}
@media(max-width:1000px){.offer-art{width:260px}}

/* Full-width pixel band above the heading: the leap over the ditch. */
.offer-leap{margin:34px 0 6px;line-height:0}
.offer-opening.has-leap h1{font-size:clamp(44px,6.1vw,92px);max-width:none;margin-top:18px}
.offer-leap img{display:block;width:100%;height:auto}
@media(max-width:900px){.offer-leap{margin:26px 0 10px;height:clamp(130px,26vw,200px);overflow:hidden}.offer-leap img{height:100%;object-fit:cover;object-position:47% 60%}}
@media(max-width:700px){.offer-leap{margin:22px -20px 8px;height:clamp(120px,36vw,160px)}}
.offer-art.wide{width:540px}
@media(max-width:1200px){.offer-art.wide{width:420px}}
/* Mobile and tablet: illustration above the heading, 70% wide, left aligned. Keep this rule last. */
@media(max-width:800px){.offer-opening.has-art{grid-template-columns:minmax(0,1fr)}.offer-opening.has-art>*{order:2}.offer-opening.has-art>.crumbs,.offer-opening.has-art>.kicker{order:0}.offer-art,.offer-art.wide{order:1!important;grid-column:1!important;grid-row:auto;width:70%;max-width:none;margin:28px 0 0;justify-self:start}}