/* Tekstpagina: tekst met meelopend blok (optie 4) */
.op{--i:#233f50;--a:#377c9d;--z:#f1f7fa;--l:#d9e9f1;--m:#566b79;background:#fff;color:var(--m);font-size:1rem;line-height:1.7}
.op h1,.op h2{font-family:Marcellus,Georgia,serif;color:var(--i);font-weight:400;line-height:1.15;margin:0}
.op h1{font-size:clamp(2.4rem,5vw,3.6rem)}
.op h2{font-size:1.6rem}
.op p{margin:0 0 1em}
.op a:not(.opt-btn):not(.opt-tile){color:var(--a)}
.op img{display:block;max-width:100%}
.op .opt-w{width:min(1120px,100% - 48px);margin-inline:auto}
.opt-eyebrow{margin:0 0 .7rem!important;color:var(--a);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.opt-lead{font-size:1.2rem;line-height:1.55;color:var(--i);margin-top:1rem!important}
.opt-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border-radius:999px;background:var(--a);color:#fff;font-weight:600;text-decoration:none;border:1px solid var(--a);transition:background .15s}
.opt-btn:hover{background:#2d6885}
.opt-btn.rand{background:#fff;color:var(--i);border-color:var(--l)}
.opt-btn.rand:hover{background:var(--z)}
.opt-btn.licht{background:#fff;color:var(--i);border-color:#fff;flex:none}
.opt-btn.licht:hover{background:var(--z)}
.opt-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:1.4rem}
.opt-tile{display:block;border:1px solid var(--l);border-radius:14px;overflow:hidden;background:#fff;color:var(--i);text-decoration:none;font-weight:600;transition:transform .2s,box-shadow .2s}
.opt-tile:hover{transform:translateY(-3px);box-shadow:0 16px 30px -20px rgba(23,50,70,.5)}
.opt-tile img{width:100%;aspect-ratio:4/3;object-fit:cover}
.opt-tile span{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:14px 16px;line-height:1.3}
.opt-tile svg{width:18px;height:18px;flex:none;color:var(--a)}
.opt-links{margin:1.8rem 0 0!important;font-size:.95rem}
.op .onder{padding:64px 0}

.op4 .kop{padding:68px 0 36px;border-bottom:1px solid var(--l)}
.kolommen{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:72px;align-items:start;padding-top:12px}
.deel{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;padding:32px 0;border-bottom:1px solid var(--l)}
.deel h2{font-size:1.3rem}
.deel p:last-child{margin-bottom:0}
.kolommen>aside{position:sticky;top:108px;padding-top:32px}
.kaartje{border:1px solid var(--l);border-radius:16px;padding:20px;display:grid;gap:12px}
.kaartje img{width:100%;aspect-ratio:1;object-fit:cover;object-position:50% 20%;border-radius:10px}
.kaartje strong{display:block;color:var(--i);font-size:1.05rem}
.kaartje>div span{font-size:.9rem}
.kaartje ul{list-style:none;margin:0;padding:0;font-size:.88rem}
.kaartje li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--l)}
.kaartje li strong{font-size:.88rem;font-weight:600;text-align:right}
.op4 .onder{padding:48px 0 72px}

.op4 .kop{padding:60px 0 32px}
.opt-eyebrow a{color:inherit!important;text-decoration:none}
.opt-eyebrow a:hover{text-decoration:underline}
.op4 .tekst{max-width:none;padding-top:32px;color:var(--m)}
.op4 .tekst .deel,.op4 .tekst .deel-intro{max-width:none}
.op4 .deel-intro{padding-bottom:12px}
.op4 .deel:first-child{padding-top:0}
.op4 .deel h2{margin:0;font-size:1.3rem;clear:none}
.op4 .tekst h2{font-size:1.7rem;line-height:1.2}
.op4 .tekst h3{font-size:1.4rem}
.op4 .tekst h4{font-size:1.2rem}
.op4 .tekst .lees-ook{margin-top:2rem;padding-top:0;border-top:0;font-size:.95rem}
.op4-slot{height:64px}
.opt-tiles.drie{grid-template-columns:repeat(3,1fr)}
@media(max-height:640px){.kolommen>aside{position:static}}
@media(max-width:1000px){
  .opt-tiles,.opt-tiles.drie{grid-template-columns:repeat(2,1fr)}
  .kolommen{grid-template-columns:minmax(0,1fr);gap:0}
  .kolommen>aside{position:static}
  .kaartje{grid-template-columns:120px 1fr}
  .kaartje img{grid-row:span 2}
  .kaartje ul,.kaartje .opt-btn{grid-column:1/-1}
}
@media(max-width:760px){
  .op .opt-w{width:calc(100% - 40px)}
  .op h1{font-size:2.3rem}
  .op4 .kop{padding:44px 0 24px}
  .deel{grid-template-columns:1fr;gap:10px;padding:24px 0}
  .op .onder{padding:44px 0}
}
@media(max-width:420px){
  .opt-tiles,.opt-tiles.drie{grid-template-columns:1fr}
  .kaartje{grid-template-columns:minmax(0,1fr)}
  .kaartje img{grid-row:auto;aspect-ratio:4/3}
}
.op4 .deel h2{hyphens:none;overflow-wrap:normal}
.op4 .tekst .sticky-split{display:flex;flex-direction:column;gap:18px;margin-bottom:28px}
.op4 .tekst .split-media-sticky{position:static;order:-1;width:100%}
.op4 .tekst .sticky-photos img{width:100%;max-height:340px;object-fit:cover;border-radius:14px}