/* mobiel menu */
.mobiel-menu{display:none;background:#fff;border-bottom:1px solid var(--lijn);padding:12px 16px 20px}
.mobiel-menu.open{display:block}
.mobiel-menu a{display:block;padding:12px 0;font-weight:600;color:var(--navy);border-bottom:1px solid var(--lijn)}
.menu ul,.mobiel-menu ul{list-style:none;display:contents}
.menu li{display:contents}
.mobiel-menu li{display:block}

/* pagina's en berichten */
.paginakop{background:var(--navy);color:#c9d6ea;padding:72px 0 64px}
.paginakop h1{color:#fff;font-size:clamp(34px,4.4vw,54px);max-width:900px}
.paginakop .datum{display:block;margin-bottom:14px}
.paginakop p{margin-top:14px;max-width:640px;font-size:18px}
.paginakop.met-beeld{padding-bottom:150px}
.artikel{max-width:780px;margin:0 auto;padding:64px 24px 96px;font-size:17.5px;line-height:1.75}
.artikel .uitgelicht{border-radius:20px;overflow:hidden;margin:-150px 0 40px;box-shadow:0 30px 60px -28px rgba(19,36,64,.55)}
.artikel .uitgelicht img{width:100%;height:auto}
.artikel h2{font-size:30px;margin:44px 0 14px}
.artikel h3{font-size:22px;margin:32px 0 10px}
.artikel p,.artikel ul,.artikel ol{margin-bottom:20px}
.artikel ul,.artikel ol{padding-left:22px}
.artikel li{margin-bottom:8px}
.artikel li::marker{color:var(--geel)}
.artikel a{color:var(--navy);font-weight:600;text-decoration:underline;text-decoration-color:var(--geel);text-decoration-thickness:2px}
.artikel blockquote{border-left:4px solid var(--geel);padding:6px 0 6px 22px;margin:28px 0;font-size:20px;color:var(--navy);font-weight:500}
.artikel img{border-radius:14px;height:auto}
.artikel table{width:100%;border-collapse:collapse;margin-bottom:24px;font-size:15.5px}
.artikel th{background:var(--navy);color:#fff;text-align:left;padding:10px 14px}
.artikel td{padding:10px 14px;border-bottom:1px solid var(--lijn)}
.artikel .cta{background:var(--lichtbg);border-radius:18px;padding:28px;margin-top:48px}
.artikel .cta h3{margin-top:0}
.artikel .cta a.btn{text-decoration:none}
.paginering{display:flex;gap:10px;justify-content:center;margin-top:48px}
.paginering .page-numbers{min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1.5px solid var(--lijn);font-weight:600;color:var(--navy);padding:0 12px}
.paginering .current{background:var(--navy);color:#fff;border-color:var(--navy)}
.leeg{text-align:center;padding:40px 0;color:var(--muted)}
a.blog .tegel.foto-leeg{background:var(--lichtbg)}

/* hero vult het scherm, gele band staat net boven de onderrand */
.band{line-height:26px}
@media (min-width:681px){
  .hero{min-height:0;height:calc(100vh - 187px);height:calc(100svh - 187px)}
  body.admin-bar .hero{height:calc(100vh - 219px);height:calc(100svh - 219px)}
  .hero .wrap{padding-top:clamp(16px,4vh,70px);padding-bottom:clamp(16px,4vh,70px)}
  .hero .inhoud{max-width:min(620px,100%)}
  .hero h1{font-size:clamp(30px,min(5vw,6vh),62px)}
  .hero .lead{font-size:clamp(15px,2.1vh,19px);margin:clamp(10px,2.4vh,22px) 0 clamp(14px,3.4vh,32px)}
  .badge{margin-bottom:clamp(10px,2.4vh,22px)}
  .tags{margin-top:clamp(10px,2.2vh,22px)}
  .cijfers{margin-top:clamp(16px,4.4vh,44px)}
}
body.admin-bar header.nav{top:32px}
@media (max-width:782px){body.admin-bar header.nav{top:46px}}
@media (max-width:600px){body.admin-bar header.nav{top:0}}
@media (min-width:681px) and (max-width:782px){
  body.admin-bar .hero{height:calc(100vh - 233px);height:calc(100svh - 233px)}
}
@media (min-width:681px) and (max-height:860px){
  .cijfers{display:none}
}
@media (min-width:681px) and (max-height:700px){
  .tags{display:none}
  .zoek label,.zoek input{height:46px}
  .zoek .btn{height:48px}
}

/* licht logo-icoon achter het regioblok */
.regio{position:relative;overflow:hidden}
.regio::before{content:"";position:absolute;right:-140px;top:50%;width:680px;height:680px;transform:translateY(-50%) rotate(-10deg);background:url(img/icoon.svg) center/contain no-repeat;opacity:.08;pointer-events:none}
.regio .wrap{position:relative;z-index:1}
@media (max-width:680px){.regio::before{width:360px;height:360px;right:-120px;top:auto;bottom:-60px;transform:rotate(-10deg)}}

/* vacaturepagina */
.vac-kop{padding:56px 0 52px}
.vac-kop .terug{display:inline-block;color:#c9d6ea;font-size:14px;margin-bottom:18px}
.vac-kop .terug:hover{color:#fff}
.vac-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.vac-chips span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:13.5px;padding:6px 13px;border-radius:999px}
.vac-indeling{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start;padding-top:48px;padding-bottom:96px}
.vac-indeling .artikel{padding:0;margin:0;max-width:none}
.vac-zijkant{position:sticky;top:110px;display:grid;gap:16px}
.vac-kaart{border:1.5px solid var(--lijn);border-radius:18px;padding:24px;background:#fff}
.vac-kaart.licht{background:var(--lichtbg);border-color:transparent}
.vac-kaart dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:0 0 20px;font-size:14.5px}
.vac-kaart dt{color:var(--muted)}
.vac-kaart dd{margin:0;color:var(--navy);font-weight:600}
.vac-kaart .btn{width:100%;justify-content:center}
.vac-kaart small{display:block;margin-top:10px;color:var(--muted);font-size:12.5px;text-align:center}
.vac-kaart p{font-size:14.5px;margin:6px 0 14px}
.vac-bron{margin-top:36px;padding-top:18px;border-top:1px solid var(--lijn);font-size:14px;color:var(--muted)}
.vac-dicht{background:#fdecec;color:#8a1c1c;padding:14px 18px;border-radius:12px;font-weight:600}
@media (max-width:980px){.vac-indeling{grid-template-columns:1fr}.vac-zijkant{position:static}}