/* Life Builders thema. Overgenomen uit het prototype van 08-11-2026 (prototype-2026-11-08/site.css)
   en gekoppeld aan de klassen van de standaardblokken. Kleuren en letters komen uit theme.json. */
:root{
  --navy:#222C5D; --ink:#262626; --wit:#FDFCFD; --papier:#F3F4F8; --oranje:#F9840A;
  --blauw-a:#00589A; --blauw-b:#0089B0; --lijn:rgba(34,44,93,.14); --stil:#4A5275;
  --kop:var(--wp--preset--font-family--kop); --tekst:var(--wp--preset--font-family--tekst);
  --r:10px; --max:1180px;
}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
:focus-visible{outline:3px solid var(--oranje);outline-offset:3px;border-radius:4px}
h1,h2,h3{text-wrap:balance}
.skip-link.screen-reader-text:focus{background:var(--navy);color:#fff;padding:10px 14px;border-radius:6px}

/* secties liggen tegen elkaar aan, zonder witte strook ertussen */
.wp-site-blocks > * + *, .lb-main > * + *, .lb-main .entry-content > .alignfull{margin-block-start:0}
.lb-main .entry-content > .alignfull + .alignfull{margin-block-start:0}

.label{font:600 13px/1.2 var(--kop);letter-spacing:.06em;text-transform:uppercase;color:var(--oranje)}
.lead{font-size:1.15rem;line-height:1.55;max-width:58ch}

/* knoppen */
.wp-element-button,.wp-block-button__link{transition:background-color .15s}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;border:2px solid currentColor;color:#fff;padding:13px 20px}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:rgba(255,255,255,.1);color:#fff}
.wp-block-button.knop-blauw .wp-block-button__link{background:var(--navy);color:#fff}
.wp-block-button.knop-blauw .wp-block-button__link:hover{background:#2B3770;color:#fff}

/* kop */
.wp-site-blocks > header.wp-block-template-part{position:sticky;top:0;z-index:20}
.admin-bar .wp-site-blocks > header.wp-block-template-part{top:32px}
@media (max-width:782px){.admin-bar .wp-site-blocks > header.wp-block-template-part{top:46px}}
.kop{background:var(--wit);border-bottom:1px solid var(--lijn);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.kop-in{display:flex;align-items:center;gap:20px;min-height:76px;max-width:var(--max);margin-inline:auto}
.kop .wp-block-site-logo img{height:62px;width:auto}
.kop .wp-block-navigation{margin-left:auto;font:600 15px/1 var(--kop)}
.kop .wp-block-navigation-item__content{color:var(--navy);text-decoration:none;padding:12px 12px 14px;position:relative}
.kop .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content::after,
.kop .wp-block-navigation-item__content:hover::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:6px;
  background:radial-gradient(ellipse at 50% 0,transparent 62%,var(--oranje) 63%,var(--oranje) 74%,transparent 75%) 50% 0/100% 200% no-repeat}
.kop .wp-block-navigation__responsive-container.is-menu-open{padding:24px 16px}
.kop .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{font-size:1.2rem;padding:12px 0}
.kop .wp-block-navigation__responsive-container-open{border:2px solid var(--navy);border-radius:8px;padding:8px}
.kop .wp-block-buttons{flex:none}
@media (max-width:980px){.kop .wp-block-site-logo img{height:50px}}
/* Tot 980 px past het hele menu niet op één regel: dan de menuknop, met Contact ernaast. */
@media (min-width:600px) and (max-width:980px){
  .kop .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex}
  .kop .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:none}
}
@media (max-width:980px){.kop .wp-block-navigation{order:3;margin-left:0}.kop .kop-contact{margin-left:auto}.kop .kop-contact .wp-block-button__link{padding:12px 16px;font-size:15px}}

/* held */
.held{background:var(--navy);color:#fff;position:relative;overflow:hidden;padding-top:64px;padding-bottom:88px}
.held::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:60px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0 60 C 420 4, 1020 4, 1440 60 L1440 60 L0 60Z' fill='%23FDFCFD'/%3E%3Cpath d='M180 44 C 560 6, 880 6, 1260 44' fill='none' stroke='%23F9840A' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E") 0 100%/100% 100% no-repeat}
.held h1,.held h2{color:#fff}
.held .wp-block-columns{gap:48px;align-items:center;margin:0}
.held .lead{color:#E4E7F2}
.held .acties{margin-top:28px}
.feiten{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 28px;font-size:15px;color:#E4E7F2}
.feiten strong{color:#fff}
.feiten li{display:flex;gap:8px;align-items:baseline}
.feiten li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--oranje);flex:none;transform:translateY(-1px)}
@media (max-width:860px){.held{padding-top:40px;padding-bottom:64px}}

/* video-gevel: alleen een plaatje tot je klikt */
.gevel{position:relative;display:block;border-radius:var(--r);overflow:hidden;background:#111a3d;text-decoration:none;color:#fff;aspect-ratio:16/9}
.gevel img{width:100%;height:100%;object-fit:cover;opacity:.92;transition:opacity .2s}
.gevel:hover img{opacity:1}
.speel{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:var(--oranje);display:grid;place-items:center;box-shadow:0 6px 24px rgba(0,0,0,.35)}
.speel svg{width:26px;height:26px;fill:var(--navy);margin-left:4px}
.gevel-onder{margin-top:14px;display:grid;gap:4px}
.held .gevel-onder .klein-kop,.donker .gevel-onder .klein-kop{color:#fff;font-size:1.15rem;font-weight:600;letter-spacing:0;margin:0}
.held .gevel-onder p,.donker .gevel-onder p{color:#C9CEE3;font-size:15px;margin:0}
.held .gevel-onder a,.donker .gevel-onder a{color:#fff}

/* secties */
.sectie{padding-top:72px;padding-bottom:72px}
.sectie.papier{background:var(--papier)}
.kopblok{max-width:720px;margin-bottom:32px}
/* in een sectie van 1180px breed: kop links uitlijnen op de rand van de inhoud, niet centreren */
.sectie > .kopblok{margin-left:max(0px, calc((100% - var(--max)) / 2))!important;margin-right:auto!important}
.kopblok > * + *{margin-top:12px}
.kopblok p{color:var(--stil)}

/* waar loop je mee */
.mozaiek{display:grid!important;grid-template-columns:repeat(4,1fr);gap:14px}
.mozaiek > *{margin:0!important}
.tg{position:relative;display:flex;flex-direction:column;gap:0;min-height:200px;padding:22px;border-radius:var(--r);
  background:#fff;border:1px solid var(--lijn);color:var(--navy);transition:transform .15s ease-out,border-color .15s}
.tg:hover{transform:translateY(-3px);border-color:var(--navy)}
.tg > *{margin:0}
.tg .vraag{font:700 1.2rem/1.25 var(--kop);text-wrap:balance}
.tg .vraag a{color:inherit;text-decoration:none}
.tg .vraag a::after{content:"";position:absolute;inset:0;border-radius:var(--r);z-index:2}
.tg .vraag a:focus-visible{outline:none}
.tg:has(.vraag a:focus-visible){outline:3px solid var(--oranje);outline-offset:3px}
.tg .uitleg{font-size:15px;line-height:1.5;color:var(--stil);max-width:46ch;margin-top:10px!important}
.tg .waar{font-size:14px;color:var(--stil);display:flex;gap:8px;align-items:center;margin-top:auto!important;padding-top:24px}
.tg .waar::before{content:"";width:22px;height:8px;flex:none;background:radial-gradient(ellipse at 50% 100%,transparent 60%,var(--oranje) 61%,var(--oranje) 76%,transparent 77%) 50% 0/100% 200% no-repeat}
.tg.groot{grid-column:span 2}
.tg.groot .vraag{font-size:1.6rem}
.tg.navy{background:var(--navy);color:#fff;border-color:var(--navy)}
.tg.navy .uitleg,.tg.foto .uitleg{color:#DDE1EF}
.tg.navy .waar{color:#C9CEE3}
.tg.verloop{background:linear-gradient(100deg,var(--blauw-a),var(--blauw-b));color:#fff;border:0}
.tg.verloop .uitleg{color:#EEF6FA}
.tg.verloop .waar{color:#E8F3F8}
.tg.foto{overflow:hidden;color:#fff;border:0;justify-content:flex-end;gap:0}
.tg.foto .tg-beeld{position:absolute;inset:0;margin:0}
.tg.foto .tg-beeld img{width:100%;height:100%;object-fit:cover}
.tg.foto::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(34,44,93,.15) 0%,rgba(34,44,93,.55) 40%,rgba(34,44,93,.95) 100%)}
.tg.foto > :not(.tg-beeld){position:relative;z-index:1}
.tg.foto .vraag{margin-top:auto}
.tg.foto .waar{color:#E4E7F2;margin-top:10px!important}
@media (max-width:980px){.mozaiek{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.mozaiek{gap:10px;grid-auto-flow:dense}.tg.breed-m{grid-column:span 2;min-height:100px}.tg{min-height:132px;padding:15px}.tg .waar{padding-top:14px}.tg .vraag{font-size:1rem}.tg.groot .vraag{font-size:1.25rem}.tg .waar{font-size:12.5px}.tg .uitleg{font-size:13.5px;line-height:1.45}.tg .waar::before{display:none}.tg.foto{grid-column:span 2;min-height:170px}}

/* week */
.week{gap:48px;align-items:flex-start;margin:0}
.rooster{border-top:2px solid var(--navy)}
.rooster > *{margin:0!important}
.rij{display:grid!important;grid-template-columns:118px 92px 1fr;gap:4px 16px;padding:16px 0;border-bottom:1px solid var(--lijn);align-items:baseline}
.rij > *{margin:0!important}
.rij .dag{font:700 15px/1.3 var(--kop);color:var(--navy)}
.rij .tijd{font-variant-numeric:tabular-nums;color:var(--stil);font-size:15px}
.rij .wat{grid-column:3;font-size:15px;color:var(--stil)}
.rij .wat strong{display:block;font:600 1.02rem/1.3 var(--kop);color:var(--navy)}
.rij.uit{background:linear-gradient(90deg,rgba(249,132,10,.10),transparent 70%)}
.plek{background:var(--navy);color:#fff;border-radius:var(--r);padding:28px}
.plek > * + *{margin-top:18px}
.plek h3{color:#fff;margin-bottom:6px}
.plek p{color:#DDE1EF;font-size:15px;margin:0}
.plek .adres{font:600 1.05rem/1.4 var(--kop);color:#fff}
.plek .wp-block-image img{width:110px;height:auto}
@media (max-width:860px){.rij{grid-template-columns:96px 1fr}.rij .wat{grid-column:1/-1}}

.binnen{margin-top:56px!important}
.binnen-kop{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.binnen-kop h2{font-size:1.6rem}
.binnen-kop p{font:600 15px/1.3 var(--kop);margin:0}
.agenda{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.agenda li{display:flex;gap:16px;align-items:flex-start;background:var(--wit);border:1px solid var(--lijn);border-radius:var(--r);padding:18px}
.agenda .datum{flex:none;width:62px;height:70px;border-radius:8px;background:var(--navy);color:#fff;display:grid;place-content:center;text-align:center;font-family:var(--kop)}
.agenda .datum b{font-size:1.6rem;line-height:1;font-weight:700}
.agenda .datum span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-top:4px}
.agenda h3{font-size:1.05rem;margin:0 0 4px}
.agenda p{margin:0;color:var(--stil);font-size:15px;line-height:1.5}
@media (max-width:980px){.agenda{grid-template-columns:1fr}}

/* eerste keer */
.vragen{display:grid!important;grid-template-columns:repeat(2,1fr);gap:0 48px}
.vragen > *{margin:0!important}
.vragen .wp-block-details{border-bottom:1px solid var(--lijn);padding:4px 0}
.vragen summary{font:600 1.05rem/1.4 var(--kop);color:var(--navy);cursor:pointer;padding:14px 32px 14px 0;list-style:none;position:relative}
.vragen summary::-webkit-details-marker{display:none}
.vragen summary::after{content:"+";position:absolute;right:4px;top:10px;font:400 26px/1 var(--kop);color:var(--oranje)}
.vragen details[open] summary::after{content:"\2013 "}
.vragen details p{padding:0 0 16px;color:var(--ink);max-width:60ch;margin:0}
@media (max-width:760px){.vragen{grid-template-columns:1fr}}

/* handen en voeten */
.handen{background:linear-gradient(100deg,var(--blauw-a),var(--blauw-b));color:#fff;padding-top:72px;padding-bottom:72px}
.handen .wp-block-columns{gap:48px;align-items:center;margin:0}
.handen h2{color:#fff}
.handen p{color:#EEF6FA}
.handen .intro{max-width:52ch}
.blokken > *{margin:0!important}
.blokken{display:grid!important;gap:14px}
.blok{position:relative;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);border-radius:var(--r);padding:20px 22px;color:#fff}
.blok:hover{background:rgba(255,255,255,.16)}
.blok > *{margin:0}
.blok > * + *{margin-top:6px}
.blok .blok-titel{font:700 1.1rem/1.3 var(--kop)}
.blok .blok-titel a{color:#fff;text-decoration:none}
.blok .blok-titel a::after{content:"";position:absolute;inset:0;border-radius:var(--r)}
.blok p:not(.blok-titel){font-size:15px;color:#EEF6FA}

/* jong */
.jong{display:grid!important;grid-template-columns:repeat(3,1fr);gap:14px}
.jong > *{margin:0!important}
.jong-kaart{position:relative;display:grid!important;grid-template-columns:72px 1fr;gap:4px 16px;align-items:center;padding:16px;border:1px solid var(--lijn);border-radius:var(--r);color:var(--navy);background:#fff}
.jong-kaart > *{margin:0!important}
.jong-kaart .wp-block-image{grid-row:span 2}
.jong-kaart .wp-block-image img{width:72px;height:72px;border-radius:8px;object-fit:cover}
.jong-kaart .wp-block-image.logo-beeld img{object-fit:contain;background:var(--papier);padding:12px 8px}
.jong-kaart .jong-titel{font:700 1.05rem/1.2 var(--kop);align-self:end}
.jong-kaart .jong-titel a{color:inherit;text-decoration:none}
.jong-kaart .jong-titel a::after{content:"";position:absolute;inset:0;border-radius:var(--r)}
.jong-kaart p:not(.jong-titel){font-size:14px;color:var(--stil);align-self:start}
@media (max-width:860px){.jong{grid-template-columns:1fr}}

/* geven */
.sectie.geven-sectie{padding-top:48px;padding-bottom:48px}
.geven{display:grid!important;grid-template-columns:1fr auto;gap:24px;align-items:center;border:1px solid var(--lijn);border-radius:var(--r);padding:28px 32px;background:#fff}
.geven > *{margin:0!important}
.geven h2{font-size:1.5rem}
.geven p{color:var(--stil);margin-top:6px!important}
@media (max-width:760px){.geven{grid-template-columns:1fr}}

/* voet */
.voet{background:var(--navy);color:#DDE1EF;font-size:15px;padding-top:56px;padding-bottom:28px}
.voet .wp-block-columns{gap:32px;margin:0}
.voet .wp-block-site-logo img,.voet .wp-block-image img{height:76px;width:auto}
.voet h3{color:#fff;font-size:15px;margin:0 0 10px}
.voet ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.voet a{color:#fff;text-decoration:none}
.voet a:hover{text-decoration:underline}
.voet p{margin:0}
.voet .klein{border-top:1px solid rgba(255,255,255,.18);padding-top:20px;margin-top:32px;font-size:13px;color:#B9C0DA;display:flex;flex-wrap:wrap;gap:8px 24px}

/* gewone pagina's */
.lb-pagina{padding-top:56px;padding-bottom:72px}

/* nog aan te vullen door het team: zichtbaar tot het er staat */
mark.aanvullen{display:inline-block;font:600 12px/1 var(--tekst);background:#FFF1DE;color:#7A3F00;border:1px dashed #C46A08;border-radius:4px;padding:3px 6px;margin-left:6px;vertical-align:2px}
.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}

/* ---------- preekarchief ---------- */
.held-smal{padding-top:52px;padding-bottom:80px}
.held-smal .lead{margin-top:14px}
.held-smal .label a,.held-dienst .label a{color:var(--oranje);text-decoration:none}
.held-smal .label a:hover{text-decoration:underline}
.zoekbalk{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.zoekbalk input,.zoekbalk select{font:400 16px/1 var(--tekst);padding:14px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.4);background:#fff;color:var(--ink);min-width:0}
.zoekbalk input{flex:1 1 260px}
.zoekbalk select{flex:0 1 auto}
.zoekbalk button{flex:none}
.archief{padding-top:40px}
.groep{margin-top:40px}
.groep:first-child{margin-top:0}
.groep h2{font-size:1.6rem;margin-bottom:16px}
.groep .groep-uitleg{color:var(--stil);margin:-10px 0 16px}
.themas{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media (max-width:980px){.themas{grid-template-columns:repeat(3,1fr)}}
.th{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:132px;padding:18px 18px 16px;border-radius:var(--r);
  background:var(--navy);color:#fff;border:2px solid transparent;text-decoration:none;overflow:hidden;transition:transform .15s ease-out}
.th:hover{transform:translateY(-2px)}
.th[aria-current]{border-color:var(--oranje);box-shadow:0 0 0 3px rgba(249,132,10,.35)}
.th b{font:700 1.08rem/1.25 var(--kop);text-wrap:balance;max-width:90%}
.th span{font-size:14px;color:#C9CEE3}
.th span::before{content:"";display:inline-block;width:22px;height:8px;margin-right:8px;vertical-align:1px;background:radial-gradient(ellipse at 50% 100%,transparent 60%,var(--oranje) 61%,var(--oranje) 76%,transparent 77%) 50% 0/100% 200% no-repeat}
.th-serie{background:linear-gradient(110deg,var(--blauw-a),var(--blauw-b))}
.th-serie span{color:#E8F3F8}
.th-bijzonder{background:#fff;color:var(--navy);border-color:var(--lijn)}
.th-bijzonder span{color:var(--stil)}
@media (max-width:560px){.themas{grid-template-columns:1fr 1fr;gap:10px}.th{min-height:112px;padding:14px}.th b{font-size:.98rem}.th span{font-size:13px}}
.dienstenlijst{scroll-margin-top:96px}
.teller{color:var(--stil);font-size:15px;margin:40px 0 16px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.teller .wis{font:600 14px/1 var(--kop);color:var(--navy);border:1px solid var(--navy);border-radius:999px;padding:8px 12px;text-decoration:none}
.lijst{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px 18px}
.dienst{display:grid;gap:10px;align-content:start;text-decoration:none;color:var(--ink)}
.dienst .beeld{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:16/9;background:var(--papier)}
.dienst img{width:100%;height:100%;object-fit:cover;transition:transform .2s}
.dienst:hover img{transform:scale(1.03)}
.dienst .duur{position:absolute;right:8px;bottom:8px;background:rgba(17,26,61,.86);color:#fff;font:500 12px/1 var(--tekst);padding:5px 7px;border-radius:4px;font-variant-numeric:tabular-nums}
.dienst b{font:600 1rem/1.3 var(--kop);color:var(--navy)}
.dienst:hover b{text-decoration:underline}
.dienst .meta{font-size:14px;color:var(--stil);display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}
.chip{font:500 12px/1 var(--tekst);border:1px solid var(--lijn);border-radius:999px;padding:4px 8px;color:var(--navy);background:#fff;text-decoration:none}
a.chip:hover{border-color:var(--navy)}
.paginering{margin-top:32px;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.paginering .page-numbers{font:600 15px/1 var(--kop);color:var(--navy);text-decoration:none;padding:12px 14px;border-radius:999px;border:1px solid var(--lijn);min-width:44px;text-align:center}
.paginering .page-numbers.current{background:var(--navy);color:#fff;border-color:var(--navy)}
.paginering .dots{border:0}

/* losse dienst */
.held-dienst h1{font-size:clamp(1.8rem,4vw,2.8rem);margin-top:8px}
.dienst-video{margin-top:24px}
.dienst-video .gevel img{opacity:1}
.gevel-video{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:var(--r);background:#000}
.dienst-meta{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin-top:16px;color:#C9CEE3;font-size:15px}
.dienst-meta .chip{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.meer-diensten{margin-top:8px}
.meer-diensten .lijst{grid-template-columns:repeat(3,1fr)}
@media (max-width:760px){.meer-diensten .lijst{grid-template-columns:1fr}}
.archief-kop .label{margin-bottom:12px}
/* op een themapagina staan de diensten eerst, de andere tegels eronder */
.tax-thema .archief .teller{margin-top:0}
.tax-thema .archief .themagroepen{margin-top:56px}

/* ---------- overige pagina's (ronde 2) ---------- */
.held.paginakop{padding-top:56px}
.paginakop .wp-block-columns{align-items:center}
.wp-block-image figcaption.wp-element-caption{margin:8px 0 0;font-size:13px;color:var(--stil);text-align:left}
.held .wp-block-image figcaption.wp-element-caption,.donker .wp-block-image figcaption.wp-element-caption{color:#C9CEE3}
.wp-element-caption mark.aanvullen{margin-left:0}
.kop-beeld img,.locatie-beeld img{border-radius:var(--r);width:100%;aspect-ratio:4/3;object-fit:cover}

/* verloop: tijdlijn */
.stappen{display:grid!important;grid-template-columns:repeat(4,1fr);gap:0 24px;counter-reset:stap}
.stappen > *{margin:0!important}
.stap{position:relative;padding-top:30px;border-top:2px solid var(--navy)}
.stap::before{content:"";position:absolute;top:-8px;left:0;width:14px;height:14px;border-radius:50%;background:var(--oranje);box-shadow:0 0 0 4px var(--wit)}
.stap > *{margin:0}
.stap > * + *{margin-top:8px}
.stap .stap-tijd{font:600 13px/1.2 var(--kop);letter-spacing:.06em;text-transform:uppercase;color:var(--oranje);font-variant-numeric:tabular-nums}
.stap h3{font-size:1.15rem}
.stap p:not(.stap-tijd){color:var(--stil);font-size:15px}
@media (max-width:860px){
  .stappen{grid-template-columns:1fr;gap:0;border-left:2px solid var(--navy);margin-left:6px!important}
  .stap{border-top:0;padding:0 0 28px 26px}
  .stap::before{top:2px;left:-8px}
  .stap:last-child{padding-bottom:0}
}

/* goed om te weten: kaarten */
.weetjes{display:grid!important;grid-template-columns:repeat(3,1fr);gap:14px}
.weetjes > *{margin:0!important}
.weetje{background:#fff;border:1px solid var(--lijn);border-radius:var(--r);padding:22px}
.weetje > *{margin:0}
.weetje > * + *{margin-top:8px}
.weetje h3{display:flex;align-items:center;gap:10px;font-size:1.1rem}
.weetje h3::before{content:"";width:22px;height:8px;flex:none;background:radial-gradient(ellipse at 50% 100%,transparent 60%,var(--oranje) 61%,var(--oranje) 76%,transparent 77%) 50% 0/100% 200% no-repeat}
.weetje p{color:var(--stil);font-size:15px}
@media (max-width:980px){.weetjes{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.weetjes{grid-template-columns:1fr}}

/* locatie */
.locatie{gap:48px;align-items:center;margin:0}
.locatie .adres{font:600 1.15rem/1.4 var(--kop);color:var(--navy)}
.locatie p:not(.adres){color:var(--stil)}
.locatie h2 + *{margin-top:16px}

/* donker vlak */
.sectie.donker{background:var(--navy);color:#fff}
.donker h2{color:#fff}
.donker .lead{color:#E4E7F2}
.donker .wp-block-columns{gap:48px;align-items:center;margin:0}
.donker .acties{margin-top:24px}

/* Onder elkaar (smaller dan 782 px): beeld niet breder dan nodig */
@media (max-width:781px){.kop-beeld,.locatie-beeld{max-width:520px}}
/* Open menu: lijst links uitgelijnd */
.kop .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.kop .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{align-items:flex-start}