/* Bedrijfsgeheugen — gedeelde site-header en -footer.
   Eén bron voor alle pagina's. Klassen met bg- ervoor, zodat ze nooit
   botsen met de eigen stijlen van een pagina. */

:root{--bg-papier:#FBFAF7;--bg-inkt:#14171A;--bg-blauw:#2742D6;--bg-geel:#FFE86B;--bg-lijn:#DCDFE6;--bg-grijs:#5C646E}

.bgkop{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--bg-lijn);font-family:'Instrument Sans',system-ui,sans-serif}
.bgkop *{box-sizing:border-box}
.bgkop-in{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1.5rem}
.bgkop-logo{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--bg-inkt)}
.bgkop-logo img{width:34px;height:34px;flex-shrink:0}
.bgkop-woord{font-family:'Bricolage Grotesque','Instrument Sans',sans-serif;font-weight:800;font-size:1.22rem;letter-spacing:-.02em;line-height:1.1;display:block}
.bgkop-woord b{color:var(--bg-blauw);font-weight:800}
.bgkop-payoff{display:block;font-size:.62rem;font-weight:500;color:var(--bg-grijs);letter-spacing:0;line-height:1.3;margin-top:.1rem}
.bgkop-links{display:flex;gap:1.35rem;font-size:.93rem;font-weight:600}
.bgkop-links a{color:var(--bg-inkt);text-decoration:none;padding-bottom:.2rem;border-bottom:2px solid transparent}
.bgkop-links a:hover{color:var(--bg-blauw)}
.bgkop-links a[aria-current=page]{color:var(--bg-blauw);border-bottom-color:var(--bg-blauw)}
.bgkop-cta{background:var(--bg-geel);border:2px solid var(--bg-inkt);border-radius:10px;padding:.5rem 1rem;font-weight:700;font-size:.88rem;color:var(--bg-inkt);text-decoration:none;white-space:nowrap}
.bgkop-knop{display:none;background:none;border:0;flex-direction:column;gap:4px;cursor:pointer;padding:.3rem}
.bgkop-knop span{display:block;width:24px;height:2px;background:var(--bg-inkt)}
.bgkop-mob{display:none;flex-direction:column;padding:.4rem 1.5rem 1.1rem;background:#fff;border-bottom:1px solid var(--bg-lijn);font-family:'Instrument Sans',system-ui,sans-serif}
.bgkop-mob a{color:var(--bg-inkt);text-decoration:none;font-weight:600;padding:.55rem 0;border-bottom:1px solid var(--bg-lijn)}
.bgkop-mob a:last-child{border-bottom:0;color:var(--bg-blauw)}
@media(max-width:1040px){.bgkop-links,.bgkop-cta{display:none}.bgkop-knop{display:flex}.bgkop-mob:not([hidden]){display:flex}}

.bgvoet{background:var(--bg-inkt);color:#C8CBD2;padding:2.8rem 0 0;margin-top:3.5rem;font-size:.88rem;font-family:'Instrument Sans',system-ui,sans-serif}
.bgvoet-in{max-width:1120px;margin:0 auto;padding:0 1.5rem}
.bgvoet a{color:#C8CBD2;text-decoration:none}
.bgvoet a:hover{color:#fff;text-decoration:underline}
.bgvoet-net{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.5fr;gap:1.6rem;padding-bottom:2rem}
.bgvoet-merk{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;font-size:1.05rem;color:#fff;letter-spacing:-.02em;display:block;margin-bottom:.5rem}
.bgvoet-merk b{color:#7C90F0}
.bgvoet-over{color:#8E96A5;font-size:.84rem;line-height:1.55}
.bgvoet-kop{color:#fff;font-weight:600;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.55rem;display:block}
.bgvoet-kolom a{display:block;padding:.2rem 0;line-height:1.45}
.bgvoet-cta{background:#20242B;border-radius:12px;padding:1rem 1.1rem}
.bgvoet-cta b{color:#fff;display:block;margin-bottom:.25rem}
.bgvoet-cta p{color:#8E96A5;font-size:.82rem;margin-bottom:.7rem;line-height:1.5}
.bgvoet-knop{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg-geel,#FFE86B);color:var(--bg-inkt);
 font-weight:700;font-size:.85rem;border-radius:9px;padding:.5rem 1rem;text-decoration:none}
.bgvoet-knop:hover{color:var(--bg-inkt);text-decoration:none;filter:brightness(.96)}
.bgvoet-onder{border-top:1px solid #2A2F38;padding:1rem 0 1.4rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem;font-size:.8rem;color:#8E96A5}
.bgvoet-onder .bgvoet-links{display:flex;flex-wrap:wrap;gap:.4rem 1rem}
@media(max-width:900px){.bgvoet-net{grid-template-columns:1fr 1fr;gap:1.4rem}}
@media(max-width:560px){.bgvoet-net{grid-template-columns:1fr}}

/* Kruimelpad — één opmaak voor de hele site */
.bgkruim{max-width:1120px;margin:0 auto;padding:1.3rem 1.5rem .2rem;display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;font-family:'Instrument Sans',system-ui,sans-serif;font-size:.85rem;color:var(--bg-grijs);border:0}
.bgkruim a{color:var(--bg-blauw);text-decoration:none}
.bgkruim a:hover{text-decoration:underline}
.bgkruim span[aria-hidden]{color:var(--bg-lijn)}

/* Bovenbalk — vaste site-chrome, één plek */
.bgtop{background:var(--bg-inkt);color:#C8CBD2;font-family:'Instrument Sans',system-ui,sans-serif;font-size:.78rem}
.bgtop-in{max-width:1120px;margin:0 auto;padding:.45rem 1.5rem;display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}
.bgtop-punten{display:flex;gap:1.2rem;flex-wrap:wrap}
.bgtop-punten span{display:inline-flex;align-items:center;gap:.35rem}
.bgtop-punten span::before{content:"\2713";color:var(--bg-geel,#FFE86B);font-weight:700}
.bgtop-re{margin-left:auto;color:#8E96A5}
@media(max-width:760px){.bgtop-re{display:none}.bgtop-punten{gap:.9rem;font-size:.72rem}}