/*
 * Marnix 1.2.0 — nieuwe stijl (palet E: warmwit #FAF8F4, inkt #141414, warmgrijs #F1EEE8, geel #FFDD00).
 * Laag over style.css. Klassen op <body>: nw-theme (overal), nw-design (Home en Coaching),
 * nw-pg + nw-<soort> (bio, boeken, blogs, post, interviews, contact, english, cursus).
 * Overgenomen uit de goedgekeurde preview (ronde 7).
 */

/* --- gedeelde kop, menu en voet (uit het Home-ontwerp) --- */
.nw-design{margin:0;background:#FAF8F4;color:#141414;font-family:'Source Sans 3','Segoe UI',system-ui,sans-serif;font-size:18px;line-height:1.6;-webkit-text-size-adjust:100%}
.nw-header,.nw-footer{background:#FAF8F4;color:#141414;font-family:'Source Sans 3','Segoe UI',system-ui,sans-serif;line-height:1.6;font-size:18px}
.nw-header{position:relative}
.nw-header a,.nw-footer a{color:#141414}
.nw-header nav[aria-label="Hoofdmenu"] a:hover{text-decoration:underline!important;text-underline-offset:6px;text-decoration-color:#FFDD00!important;text-decoration-thickness:3px!important}
.kennis-link:hover{text-decoration:underline!important;text-decoration-color:#FFDD00!important;text-decoration-thickness:3px!important;text-underline-offset:6px}
.nw-header :focus-visible,.nw-footer :focus-visible,.nw-design :focus-visible{outline:2px solid #141414;outline-offset:2px}
.nw-footer a{text-decoration-color:#141414;text-underline-offset:4px;text-decoration-thickness:1px}
.nw-footer a:hover{text-decoration-color:#FFDD00;text-decoration-thickness:3px}
.nw-menu{border-top:1px solid #E4E0D8;padding:6px clamp(20px,5.2vw,48px) 14px;background:#FAF8F4}
.nw-menu[hidden]{display:none}
.nw-menu ul{list-style:none;margin:0 auto;padding:0;max-width:1120px}
.nw-menu li{border-bottom:1px solid #E4E0D8}
.nw-menu a{display:flex;align-items:center;min-height:50px;font-size:19px;text-decoration:none}
.nw-menu a[aria-current="page"]{font-weight:600;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#FFDD00;text-decoration-thickness:3px}
.nw-design main a:not([style*="background"]):hover{text-decoration-color:#FFDD00;text-decoration-thickness:3px}
.nw-design [hidden]{display:none!important}
.nw-design main{max-width:none;margin:0;padding:0}

/* --- bestaande themapagina's in palet E --- */
.nw-theme{
  --bg:#FAF8F4;--paper:#FAF8F4;--cream:#F1EEE8;--band:#F1EEE8;--line:#E4E0D8;--line-band:#E4E0D8;
  --ink:#141414;--soft:#4A4A47;--rule:rgba(20,20,20,.13);
  --pink:#141414;--pt:#141414;--hl:rgba(255,221,0,.55);--tint:#F1EEE8;
  --act:#141414;--act-2:#3A3A3A;--sand:#FFDD00;
  background:#FAF8F4;color:#141414}
.nw-theme main a:not(.btn):hover{color:#141414;text-decoration-color:#FFDD00;text-decoration-thickness:3px}
.nw-theme .btn-primary{background:#141414;color:#fff}
.nw-theme .btn-primary:hover{background:#3A3A3A;color:#fff}
.nw-theme :focus-visible{outline-color:#141414}
.nw-theme .kz input:focus,.nw-theme .kz textarea:focus{border-color:#141414;box-shadow:0 0 0 3px rgba(255,221,0,.75)}
.nw-theme .kz-choice{border-color:#C9C3B6}
.nw-theme .kz-choice:has(input:checked){border-color:#141414;background:#F1EEE8;box-shadow:inset 4px 0 0 #FFDD00}
.nw-theme .kz-choice input{accent-color:#141414}
.nw-theme .fr input:focus,.nw-theme .fr textarea:focus{border-bottom-color:#141414}
.nw-theme .sb{border-bottom-color:#FFDD00;border-bottom-width:3px}
.nw-theme .up{--ln:rgba(20,20,20,.42)}

/* =====================================================================
   Ronde 2 — de overige pagina's in de stijl van Home en Coaching
   ===================================================================== */

/* --- typografie, overal: geen automatische woordafbreking --- */
.nw-design,.nw-design *,.nw-theme,.nw-theme *{-webkit-hyphens:manual!important;hyphens:manual!important}
.nw-theme,.nw-design{overflow-wrap:break-word}
.nw-theme p,.nw-theme li,.nw-theme dd{text-wrap:pretty}

/* Home: ervaringsband. Desktop: kolommen zo breed als hun tekst, zodat 'Duizenden gesprekken' op één regel blijft */
@media (min-width:960px){.nw-facts{grid-template-columns:repeat(4,auto)!important;justify-content:space-between}.nw-facts>div>div:first-child{white-space:nowrap}}

/* --- gedeelde bouwstenen --- */
.nw-pg{--nw-ink:#141414;--nw-soft:#4A4A47;--nw-line:#E4E0D8;--nw-tint:#F1EEE8;--nw-y:#FFDD00;font-size:18px;line-height:1.6}
.nw-pg .eyebrow,.nw-pg .l.mono,.nw-pg .mono.l,.nw-pg .shf,.nw-pg .sh{font:700 14px/1.4 'Source Sans 3','Segoe UI',system-ui,sans-serif!important;letter-spacing:.08em!important;text-transform:uppercase;color:#141414}
.nw-pg .hero{padding:clamp(32px,6vw,80px) 0 clamp(32px,5vw,64px)}
.nw-pg .hero h1,.nw-pg .bio-ht h1{font-family:'Newsreader',Georgia,serif;font-weight:500;font-size:clamp(38px,4.4vw,62px)!important;line-height:1.06;letter-spacing:-.01em;max-width:14em;text-wrap:balance;white-space:normal!important}
.nw-pg .eyebrow{margin:0 0 14px!important}
.nw-pg .lead,.nw-pg .bio-ht .lead{font-family:'Source Sans 3','Segoe UI',system-ui,sans-serif;font-weight:400;font-size:clamp(19px,1.6vw,22px)!important;line-height:1.5!important;max-width:30em}
.nw-pg main h2:not(.tt):not(.l):not(.shf):not(.sh){font-family:'Newsreader',Georgia,serif;font-weight:500;font-size:clamp(28px,2.8vw,38px);line-height:1.12;letter-spacing:-.005em}
.nw-pg .t{max-width:34em}
.nw-pg main a{text-underline-offset:4px;text-decoration-thickness:1px}
.nw-pg main a:not(.btn):not(.nw-btn):not(.nw-cta-out):hover{text-decoration-color:#FFDD00;text-decoration-thickness:3px}
.nw-pg .bio-foto,.nw-pg .iv-foto,.nw-pg .bk-foto{border-radius:8px}

.nw-band{background:#F1EEE8;box-shadow:0 0 0 100vmax #F1EEE8;clip-path:inset(0 -100vmax)}
.nw-dark{background:#141414;color:#FAF8F4;box-shadow:0 0 0 100vmax #141414;clip-path:inset(0 -100vmax)}

.nw-btn,.nw-cta-out{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;font:600 17px/1.2 'Source Sans 3','Segoe UI',system-ui,sans-serif;text-decoration:none!important;white-space:nowrap}
.nw-btn{background:#141414;color:#fff!important;border:2px solid #141414}
.nw-btn:hover{background:#3A3A3A;border-color:#3A3A3A}
.nw-cta-out{border:2px solid #141414;color:#141414!important;background:transparent}
.nw-cta-out:hover{background:#141414;color:#fff!important}
.nw-btn::after,.nw-cta-out.nw-pijl::after{content:"→";font-weight:400}
.nw-cta-p{margin:clamp(8px,2vw,16px) 0 0}
.nw-pg section.g:has(.nw-cta-p){padding-bottom:clamp(48px,7vw,96px)}

/* --- Bio: persoonlijk verhaal als tijdlijn; gele stip per loopbaan --- */
.nw-bio .bio-foto img{object-position:62% 30%}
.nw-bio .bio-ht .small{font-size:16px;color:#4A4A47;margin-top:6px}
.nw-bio .car{position:relative;padding-left:44px;padding-bottom:clamp(48px,7vw,88px)}
.nw-bio .car::before{content:"";position:absolute;left:8px;top:10px;bottom:0;width:2px;background:#E4E0D8}
.nw-bio .car::after{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:#FFDD00;box-shadow:0 0 0 5px #FAF8F4}
.nw-bio .car h2{margin:6px 0 0!important;font-size:clamp(28px,2.4vw,34px)!important}
.nw-bio .car .note{font-size:16px;color:#4A4A47;font-style:italic}
.nw-bio .car .bd{max-width:33em}
.nw-bio .car .bd .lead{margin-bottom:.9em}
.nw-bio .car .em{font-family:'Newsreader',Georgia,serif;font-weight:500;font-size:clamp(21px,1.7vw,24px);line-height:1.3;margin-top:1.3em}
@media (min-width:860px){.nw-bio .car{grid-template-columns:236px minmax(0,1fr);column-gap:clamp(32px,4vw,56px)}}
.nw-bio .car .bd p:not(.lead):not(.em){font-size:18px;line-height:1.65}

/* --- Boeken: plank met omslagen, knoppen per boek, donker kopen-blok --- */
.nw-boeken .nw-shelf-s{padding:clamp(28px,4vw,48px) 0;margin-bottom:clamp(40px,6vw,72px)}
.nw-boeken .nw-shelf-s>.t{max-width:none}
.nw-shelf{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px;align-items:end}
@media (min-width:860px){.nw-shelf{grid-template-columns:repeat(8,minmax(0,1fr));gap:20px}}
.nw-shelf a{display:block;padding:4px 2px 10px;border-bottom:3px solid transparent;transition:border-color .15s}
.nw-shelf a:hover,.nw-shelf a:focus-visible{border-bottom-color:#FFDD00}
.nw-shelf img{display:block;width:100%;height:clamp(84px,9vw,124px);object-fit:contain;object-position:50% 100%}
.nw-boeken .bk{scroll-margin-top:24px}
.nw-boeken .bk h2{font-size:clamp(28px,2.8vw,40px)!important;margin-bottom:10px}
.nw-boeken .bk .hd .lead{font-size:clamp(19px,1.5vw,21px)!important}
.nw-boeken .bk .lk{margin-top:10px}
.nw-boeken .bk summary{display:inline-flex;align-items:center;gap:12px;min-height:44px;font:600 17px/1.3 'Source Sans 3',system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#141414!important}
.nw-boeken .bk summary::after{content:"+";flex:0 0 28px;height:28px;border-radius:50%;background:#FFDD00;color:#141414;display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:400;line-height:1}
.nw-boeken .bk details[open] summary::after{content:"−"}
.nw-boeken .nw-dark{padding:clamp(40px,6vw,72px) 0;margin-top:clamp(16px,3vw,32px)}
.nw-boeken .nw-dark .l.mono{color:#FFDD00!important}
.nw-boeken .nw-dark .t{color:#E9E6E0;font-size:clamp(18px,1.5vw,20px)}
.nw-boeken .nw-dark a{color:#FFDD00!important;font-weight:600;text-decoration-color:#FFDD00!important}
.nw-boeken .nw-dark a:hover{text-decoration-thickness:3px}
.nw-boeken .nw-dark :focus-visible{outline-color:#FFDD00}
.nw-boeken main{padding-bottom:0}

/* --- Blogs: overzichtelijk kiezen; nieuwste bericht uitgelicht in geel --- */
.nw-blogs .page-intro{padding-bottom:clamp(24px,4vw,48px)}
.nw-blogs .bl{border-top:1px solid #141414}
.nw-blogs .bl .it{border-top:1px solid #E4E0D8;padding:20px 0 22px}
.nw-blogs .bl .it:first-child{border-top:0}
.nw-blogs .bl .it:last-child{border-bottom:1px solid #E4E0D8}
.nw-blogs .bl .dt{font:600 14px/1.4 'Source Sans 3',system-ui,sans-serif!important;letter-spacing:.02em!important;text-transform:none!important;color:#4A4A47!important}
.nw-blogs .bl .tt{font-family:'Newsreader',Georgia,serif;font-weight:500;font-size:clamp(23px,2.1vw,28px);line-height:1.2;margin-bottom:6px}
.nw-blogs .bl .tt a:hover{text-decoration:underline;text-decoration-color:#FFDD00;text-decoration-thickness:3px}
.nw-blogs .bl .ex{font-size:17px;line-height:1.55;color:#4A4A47}
.nw-blogs .bl .it.nw-feat{background:#FFDD00;border-radius:8px;padding:clamp(22px,3vw,36px);margin:clamp(24px,3vw,32px) 0 clamp(8px,2vw,16px);border:0}
.nw-blogs .bl .it.nw-feat+.it{border-top:0}
.nw-blogs .bl .it.nw-feat .dt,.nw-blogs .bl .it.nw-feat .ex{color:#141414!important}
.nw-blogs .bl .it.nw-feat .tt{font-size:clamp(32px,3.4vw,46px);line-height:1.08}
.nw-blogs .bl .it.nw-feat .tt a:hover{text-decoration-color:#141414}
.nw-blogs .bl .it.nw-feat :focus-visible{outline-color:#141414}
.nw-blogs .bl:has(.nw-feat){border-top:0}
.nw-blogs .bpn{display:flex;flex-wrap:wrap;gap:12px}
.nw-blogs #bpg .l.mono{align-self:center}

/* --- Blogpost: rustig lezen --- */
.nw-post .hero h1{font-size:clamp(36px,4.2vw,58px)!important;max-width:16em}
.nw-post .art{max-width:33em}
.nw-post .art p{font-size:clamp(18px,1.25vw,20px);line-height:1.7}
.nw-post .art>p:first-child{font-family:'Newsreader',Georgia,serif;font-size:clamp(22px,1.9vw,26px)!important;line-height:1.35;margin-bottom:1.2em}
.nw-post .pm{font:600 15px/1.4 'Source Sans 3',system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
.nw-post .pm a{color:#141414;text-decoration:underline;text-underline-offset:4px}
.nw-post .pm time{color:#4A4A47}
.nw-post .cats a{font:600 15px/1.4 'Source Sans 3',system-ui,sans-serif;letter-spacing:0;text-transform:none;color:#141414;border:1px solid #C9C3B6;border-radius:999px;padding:6px 14px;display:inline-block}
.nw-post .cats a:hover{border-color:#141414}
.nw-post .nw-pn{display:grid;gap:12px;max-width:34em;padding-bottom:clamp(48px,7vw,96px)}
@media (min-width:600px){.nw-post .nw-pn{grid-template-columns:1fr 1fr}}
.nw-post .nw-pn p{margin:0}
.nw-post .nw-pn a{display:flex;align-items:center;min-height:64px;height:100%;padding:14px 18px;border:1px solid #E4E0D8;border-radius:8px;background:#fff;text-decoration:none;font:500 19px/1.3 'Newsreader',Georgia,serif;color:#141414}
.nw-post .nw-pn a[rel="next"]{justify-content:flex-end;text-align:right}
.nw-post .nw-pn a:hover{border-color:#141414}

/* --- Interviews: bladeren, kijken en luisteren --- */
.nw-interviews .iv-foto img{object-position:62% 40%}
.nw-interviews .nw-ivs{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:clamp(40px,5vw,64px) 40px!important;padding-bottom:clamp(48px,7vw,80px)}
@media (min-width:720px){.nw-interviews .nw-ivs{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.nw-interviews .nw-ivs>.sh{grid-column:1/-1!important;margin:0!important;padding-top:14px;border-top:1px solid #141414}
.nw-interviews .nw-ivs>.iv{grid-column:auto!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"im" "tt" "tx"!important;padding:0!important;align-content:start;gap:4px 0!important}
.nw-interviews .nw-ivs>.iv:not(.has){grid-template-areas:"tt" "tx"!important}
.nw-interviews .iv .im{width:100%!important;max-width:none!important;margin:0 0 12px!important;aspect-ratio:3/2;overflow:hidden;border-radius:8px;background:#E4E0D8;position:relative}
.nw-interviews .iv .im a{display:block;width:100%;height:100%}
.nw-interviews .iv .im img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;filter:grayscale(1)!important;transition:filter .3s}
@media (hover:hover){.nw-interviews .iv .im:hover img{filter:none!important}}
.nw-interviews .iv .im a::after{content:"";position:absolute;left:14px;bottom:14px;width:52px;height:52px;border-radius:50%;background:#FFDD00 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' viewBox='0 0 18 20'%3E%3Cpath d='M2 1.5v17L17 10z' fill='%23141414'/%3E%3C/svg%3E") no-repeat 58% 50%/18px 20px;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.nw-interviews .iv .tt{font-family:'Newsreader',Georgia,serif;font-weight:500;font-size:clamp(25px,2.2vw,30px);line-height:1.15;margin:0 0 4px}
.nw-interviews .iv .tx p{font-size:17px;line-height:1.6}
.nw-interviews .iv .tx .ld{font-family:'Source Sans 3',system-ui,sans-serif;font-size:19px;line-height:1.45}
.nw-interviews .iv .lkx a{font-weight:600;color:#141414}

/* --- Contact: eenvoudig en persoonlijk --- */
.nw-ct-foto{display:block;width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:64% 22%;margin:0 0 20px}
.nw-contact .page-intro .t{max-width:30em}
.nw-contact .formw .shf{margin:0 0 14px!important}
.nw-contact .kz-wrap{background:#fff;border:1px solid #E4E0D8;border-radius:8px;padding:clamp(20px,3vw,36px);max-width:none}
.nw-contact .kz{max-width:none}
.nw-contact .kz-direct{font-size:16px}
.nw-contact .kz-direct a{color:#141414!important;text-decoration-color:#FFDD00!important;text-decoration-thickness:3px!important;text-underline-offset:4px}
@media (min-width:960px){
  .nw-contact #contact.view.show{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(40px,6vw,96px);align-items:start}
  .nw-contact #contact>.page-hero{grid-column:1/-1;padding-bottom:24px}
  .nw-contact #contact>.ct-intro{grid-column:1;grid-row:2}
  .nw-contact #contact>.formw{grid-column:2;grid-row:2}
  .nw-contact #contact .g{grid-template-columns:minmax(0,1fr)!important}
  .nw-contact #contact .g>.l:empty{display:none}
}
@media (max-width:640px){.nw-contact .kz-wrap{padding:18px 16px}}

/* --- English: dezelfde kwaliteit, met aandacht voor lange tekst --- */

.nw-english .t{max-width:35em}
.nw-english .t p:not(.lead){font-size:clamp(17px,1.25vw,19px)!important;line-height:1.7!important;margin-bottom:1em}
.nw-english .t h2{margin:0 0 16px!important}
.nw-english main section.g:not(.sp){padding-top:clamp(24px,4vw,40px)}
.nw-english .nw-four{padding:clamp(40px,6vw,72px) 0!important;margin:clamp(24px,4vw,48px) 0}
.nw-english .enx .iv .im img{border-radius:8px}
.nw-english .enx .iv .tt{font-family:'Newsreader',Georgia,serif;font-weight:500;font-size:clamp(28px,2.8vw,38px)}
/* het Engelse formulier in dezelfde vorm als het formulier op Home */
.nw-english .fm{background:#fff;border:1px solid #E4E0D8;border-radius:8px;padding:clamp(20px,3vw,36px);max-width:640px}
@media (min-width:860px){.nw-english .formw{padding-left:calc(var(--col) + var(--gap))}}
.nw-english .fr{grid-template-columns:minmax(0,1fr)!important;gap:6px!important;padding-bottom:16px!important}
.nw-english .fr label{font:600 16px/1.35 'Source Sans 3',system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#141414!important}
.nw-english .fr input,.nw-english .fr textarea{font:400 17px/1.4 'Source Sans 3',system-ui,sans-serif!important;min-height:48px;border:1px solid #C9BFAF!important;border-radius:6px!important;padding:10px 14px!important;background:#fff!important}
.nw-english .fr textarea{min-height:110px;overflow:auto}
.nw-english .fr input:focus,.nw-english .fr textarea:focus{border-color:#141414!important;box-shadow:0 0 0 3px rgba(255,221,0,.75);padding:10px 14px!important}
.nw-english .fr.hp{position:absolute;left:-9999px}
.nw-english .fs>span{display:none}
.nw-english .sb{display:inline-flex;align-items:center;min-height:52px;padding:0 28px!important;border:0!important;border-radius:999px!important;background:#141414;color:#fff!important;font:600 17px/1.2 'Source Sans 3',system-ui,sans-serif!important}
.nw-english .sb:hover{background:#3A3A3A}
.nw-boeken .nw-shelf-s{grid-template-columns:minmax(0,1fr)!important;row-gap:18px!important}
.nw-shelf img{height:clamp(88px,11vw,150px)}
.nw-boeken .bk .hd p:not(.lead),.nw-boeken .bk .mr p{font-size:18px;line-height:1.6}
.nw-btn[rel]::after{content:none}
.nw-contact .kz-wrap{background:transparent;border:0;padding:0}
.nw-blogs .bl .yy{display:none!important}

/* =====================================================================
   Ronde 3 — Contact in het menu, nieuwe foto's, eigen aanpak per paginatype
   ===================================================================== */

/* --- Interviews: één breed hoofdbeeld (TEDx), mobiel een eigen uitsnede --- */
.nw-ivhero{display:grid;grid-template-columns:minmax(0,1fr);gap:14px clamp(32px,6vw,80px);padding-bottom:clamp(40px,6vw,72px)!important}
@media (min-width:860px){.nw-ivhero{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end}}
.nw-ivh-h .eyebrow{margin-bottom:12px!important}
.nw-ivh-h h1{margin:0}
.nw-ivh-l .lead{margin:0 0 .4em}
.nw-ivh-l .lead:last-child{margin:0}
.nw-ivh-f{grid-column:1/-1;margin:clamp(10px,2vw,20px) 0 0}
.nw-ivh-f img{display:block;width:100%;height:auto;border-radius:8px;background:#2a1d1d}

/* --- Blogs: compacte opening met kleine, speelse foto --- */
.nw-blhero{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"h" "l";column-gap:18px;row-gap:6px;padding-bottom:clamp(24px,4vw,40px)!important}
.nw-blhero.has-f{grid-template-columns:minmax(0,1fr) clamp(88px,26vw,112px);grid-template-areas:"h h" "l f"}
.nw-blh-h{grid-area:h}
.nw-blh-h h1{margin:0 0 8px}
.nw-blh-l{grid-area:l;max-width:32em}
.nw-blh-l p{margin:0 0 .5em}
.nw-blh-f{grid-area:f;margin:6px 0 0;align-self:start}
.nw-blh-f img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:6px}
@media (min-width:860px){
  .nw-blhero.has-f{grid-template-columns:minmax(0,1fr) 176px;grid-template-areas:"h f" "l f";column-gap:64px;align-items:end}
  .nw-blh-f{margin:0}
}
/* uitgelicht verhaal: redactioneel, met alleen een gele datum */
.nw-blogs .bl .it.nw-feat{background:transparent;border-radius:0;margin:0;padding:clamp(22px,3vw,32px) 0 clamp(26px,3.4vw,36px);border:0;border-top:2px solid #141414;border-bottom:1px solid #141414}
.nw-blogs .bl .it.nw-feat+.it{border-top:0}
.nw-blogs .bl .it.nw-feat .yr{display:none!important}
.nw-blogs .bl .it.nw-feat .dt{padding-top:0}
.nw-blogs .bl .it.nw-feat .dd{display:inline-block;background:#FFDD00;color:#141414;padding:3px 10px;border-radius:4px;font-weight:700}
.nw-blogs .bl .it.nw-feat .tt{font-size:clamp(34px,4vw,52px);line-height:1.04;margin:10px 0 10px}
.nw-blogs .bl .it.nw-feat .tt a:hover{text-decoration-color:#FFDD00}
.nw-blogs .bl .it.nw-feat .ex{font-size:clamp(18px,1.5vw,20px);color:#141414!important;max-width:32em}
.nw-blogs .bl:has(.nw-feat){border-top:0}

/* --- Boeken: omslagen direct onder de kop, verhaal + Vrij-foto daarna --- */
.nw-bkhero{padding-bottom:clamp(20px,3vw,32px)!important}
.nw-bkhero h1{margin-bottom:12px}
.nw-bkhero .lead{max-width:28em}
.nw-boeken .nw-shelf-s{padding:clamp(20px,3vw,36px) 0;margin:0 0 clamp(36px,5vw,64px)}
.nw-shelf a{text-decoration:none!important;color:#141414}
.nw-shelf-t{display:none}
@media (min-width:700px){.nw-shelf-t{display:block;margin-top:10px;font:600 14px/1.3 'Source Sans 3',system-ui,sans-serif;text-align:center;text-wrap:balance}}
.nw-bkstory{display:grid;grid-template-columns:minmax(0,1fr) clamp(104px,30vw,132px);gap:20px;align-items:center;padding-bottom:clamp(36px,6vw,64px);margin-bottom:clamp(36px,6vw,64px);border-bottom:1px solid #E4E0D8}
@media (min-width:860px){.nw-bkstory{grid-template-columns:minmax(0,32em) 220px;justify-content:space-between;gap:64px}}
.nw-bkstory .lead{margin:0;font-family:'Newsreader',Georgia,serif!important;font-size:clamp(21px,2vw,28px)!important;line-height:1.35!important}
.nw-bkstory .bk-foto{margin:0;width:100%!important;max-width:none!important;position:static!important}
.nw-bkstory .bk-foto img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:8px}

/* --- Cursus: aanbod en afleveringen eerst --- */
.nw-cuhero .lead{max-width:30em}
.nw-cu-info{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:22px}
.nw-cu-chip{display:inline-flex;align-items:center;gap:8px;margin:0;padding:6px 14px;border-radius:999px;background:#FFDD00;color:#141414;font:700 16px/1.3 'Source Sans 3',system-ui,sans-serif}
.nw-cu-acts{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.nw-cu-acts .nw-cta-out::after{content:"↓";font-weight:400}
.nw-cu-acts .nw-btn::after{content:"↓"}
.nw-cursus .cl{scroll-margin-top:16px}
.nw-cursus #cvid{display:grid;grid-template-columns:minmax(0,1fr)!important;column-gap:40px;padding-bottom:clamp(40px,6vw,72px)}
@media (min-width:760px){.nw-cursus #cvid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.nw-cursus .cl>.sh{grid-column:1/-1!important;margin:0 0 6px!important}
.nw-cursus .cl>.cs{grid-column:auto!important}
.nw-cursus #caud>.cs{grid-column:1/-1!important}
.nw-cursus .cs{grid-template-columns:40px minmax(0,1fr)!important;column-gap:14px!important;align-items:center!important;border-top:1px solid #E4E0D8!important}
.nw-cursus .cs .no{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;font:700 15px/1 'Source Sans 3',system-ui,sans-serif!important;letter-spacing:0!important;color:#141414!important}
.nw-cursus .cs.vd .no{background:#FFDD00}
.nw-cursus .cs.au .no{border:1.5px solid #C9C3B6}
.nw-cursus .cs .bd{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;min-width:0}
.nw-cursus .cs .tt{font:500 clamp(19px,1.6vw,22px)/1.25 'Newsreader',Georgia,serif!important;margin:0}
.nw-cursus .cs.au .tt{font-size:18px!important}
.nw-cursus .cs .ct{margin:0}
.nw-cursus .cs .pl{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border:1.5px solid #141414!important;border-radius:999px;color:#141414!important;font:600 15px/1 'Source Sans 3',system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important}
.nw-cursus .cs .pl::before{content:"";border-left:8px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent}
.nw-cursus .cs .pl:hover{background:#141414;color:#fff!important}
.nw-cursus .cs .pn{grid-column:1/-1!important}
.nw-cursus #caud{padding-bottom:clamp(40px,6vw,72px)}
.nw-cursus .cs.au{padding:10px 0!important}

/* --- English: opening zoals Coaching --- */
.nw-enhero{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(24px,5vw,72px);padding:clamp(24px,5vw,72px) 0 clamp(40px,6vw,80px)}
.nw-enh-t{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;gap:16px}
.nw-enh-t .eyebrow{margin:0!important}
.nw-enh-t h1{margin:0;font:500 clamp(38px,4.4vw,62px)/1.04 'Newsreader',Georgia,serif;letter-spacing:-.01em;text-wrap:balance}
.nw-enh-t .lead{margin:0;max-width:30em}
.nw-me{display:flex;align-items:center;gap:16px;margin-top:4px;padding-top:18px;border-top:1px solid #E4E0D8}
.nw-me img{flex:0 0 auto;width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:64% 22%}
.nw-me p{margin:0;font-size:17px;line-height:1.5;color:#4A4A47}
.nw-me strong{color:#141414}
.nw-offer{flex:1 1 320px;max-width:440px;background:#fff;border:1px solid #E4E0D8;border-radius:8px;padding:clamp(22px,2.4vw,28px);display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 0 #E4E0D8,0 18px 40px -28px rgba(31,38,33,.35)}
.nw-offer p{margin:0}
.nw-offer-l{font:700 14px/1.4 'Source Sans 3',system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#4A4A47}
.nw-offer-p{display:flex;align-items:baseline;gap:10px;color:#4A4A47}
.nw-offer-p span{font:400 52px/1 'Newsreader',Georgia,serif;color:#141414}
.nw-offer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:17px}
.nw-offer li{display:flex;gap:10px;margin:0;padding:0}
.nw-offer li::before{content:none!important}
.nw-offer svg{flex:0 0 20px;margin-top:4px}
.nw-offer-b{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 16px;margin-top:2px;border-radius:999px;background:#141414;color:#fff!important;text-decoration:none!important;font-weight:600;text-align:center}
.nw-offer-b:hover{background:#3A3A3A}
.nw-offer-s{font-size:15px;color:#4A4A47;text-align:center}
.nw-english #formulier{scroll-margin-top:16px}

/* --- Contact: klein portret bij de introductie, formulier eerder in beeld --- */
.nw-contact .page-hero{padding-bottom:14px!important}
.nw-contact .ct-intro{padding-top:0!important;padding-bottom:clamp(20px,3vw,28px)!important}
.nw-ct-me{display:flex;align-items:flex-start;gap:16px}
.nw-ct-me .lead{margin:0}
.nw-ct-me .nw-ct-foto{flex:0 0 auto;width:clamp(52px,14vw,64px);height:clamp(52px,14vw,64px);margin:4px 0 0;border-radius:50%;object-fit:cover;object-position:64% 22%}
.nw-contact .ct-intro .t>p{margin-left:calc(clamp(52px,14vw,64px) + 16px)}
.nw-cuhero h1{margin-bottom:14px}



/* =====================================================================
   Ronde 4 — correcties: formulieren, previewbevestiging, Divi-pagina
   ===================================================================== */
/* foutmeldingen en hulpteksten (ook op Home, waar het thema-CSS niet geladen is) */
.nw-design .kz-error{color:#A3221B;font-size:15px;line-height:1.4}
.nw-design .kz-error:empty{display:none}
.nw-design .kz-help{color:#4A4A47;font-size:15px;line-height:1.4}
.nw-design [aria-invalid="true"]{border-color:#A3221B!important;box-shadow:0 0 0 1px #A3221B}
.nw-design .kz-status{margin:0;font-size:15px;line-height:1.4}
.nw-design .kz-status:empty{display:none}
.nw-design .kz-status.is-error{color:#A3221B;font-weight:600}
.nw-design [data-kz-telveld][hidden]{display:none!important}
.nw-contact .kz-field[hidden]{display:none}

/* --- Verslaafd aan reclame: inhoud uit de oude paginabouwer, in de huisstijl --- */
.nw-reclame .art{max-width:36em}
.nw-reclame .art h2{font:500 clamp(28px,2.8vw,38px)/1.12 'Newsreader',Georgia,serif;margin:1.6em 0 .5em}
.nw-reclame .art h3{font:400 italic clamp(22px,2vw,28px)/1.3 'Newsreader',Georgia,serif;margin:.2em 0 1em}
.nw-reclame .art h4{font:700 14px/1.4 'Source Sans 3',system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;margin:2.4em 0 .4em}
.nw-reclame .art h4+h3{margin-top:0}
.nw-reclame .nw-divi-hr{border:0;border-top:1px solid #E4E0D8;margin:2.4em 0}
.nw-reclame .nw-blurb{border-top:1px solid #141414;padding:14px 0 6px}
.nw-reclame .nw-blurb h3{font:500 normal 24px/1.2 'Newsreader',Georgia,serif;margin:0 0 4px}
.nw-reclame .nw-blurb p{margin:0;color:#4A4A47}
.nw-reclame .nw-divi-btn{margin:1.2em 0}
.nw-reclame .nw-divi-form{background:#fff;border:1px solid #E4E0D8;border-radius:8px;padding:clamp(18px,3vw,28px);margin:1em 0 2em}
.nw-reclame .nw-divi-form p{margin:0 0 14px}
.nw-reclame .nw-divi-form label{display:block;font-weight:600;font-size:16px;margin-bottom:6px}
.nw-reclame .nw-divi-form input,.nw-reclame .nw-divi-form textarea{display:block;width:100%;box-sizing:border-box;min-height:48px;border:1px solid #C9BFAF;border-radius:6px;padding:10px 14px;font:inherit;background:#fff}
.nw-reclame .nw-divi-form button{border:0;cursor:pointer}

/* =====================================================================
   Ronde 5 — mobiele kop: Kennismaken als subtiele omlijnde knop, los van het menu
   ===================================================================== */
/* 1.2.0: de rij menulinks komt uit het WordPress-menu (Weergave → Menu's → Hoofdmenu). Onder 960 px, of als de links
   op een smal desktopscherm niet naast de naam passen (klasse nw-krap, gezet door marnix.js), geldt de mobiele kop. */
.nw-header .nw-nav{margin-left:auto;margin-right:10px;display:flex;justify-content:flex-end;gap:22px;white-space:nowrap;font-size:16px;flex:0 1 auto;min-width:0;overflow:hidden}
.nw-header .me{flex:0 1 auto}
.nw-header .nw-mbtn{flex:0 0 44px;width:44px;height:44px;margin-right:-10px;padding:0;border:0;background:transparent;color:#141414;display:flex;align-items:center;justify-content:center;cursor:pointer}
@media (min-width:960px){
  .nw-header:not(.nw-krap) .me{flex:0 0 auto}
  .nw-header:not(.nw-krap) .nw-mbtn{display:none}
  .nw-header:not(.nw-krap) .nw-menu{display:none!important}
}
@media (max-width:959px){.nw-header .nw-nav{display:none}}
.nw-header.nw-krap .nw-nav{display:none}
@media (max-width:959px){
  .nw-header .kennis-link{position:relative;min-height:44px!important;min-width:44px;padding:0 13px!important;border-radius:999px!important;
    font-size:15px!important;font-weight:600!important;background:transparent!important;text-decoration:none!important}
  /* zichtbare omlijning iets lager dan het aanraakgebied (44 px), zodat het een rustige, kleine knop blijft */
  .nw-header .kennis-link::before{content:"";position:absolute;left:0;right:0;top:5px;bottom:5px;border:1px solid #141414;border-radius:999px;pointer-events:none}
  .nw-header .kennis-link:hover{text-decoration:none!important}
  .nw-header .kennis-link:hover::before{border-width:2px;top:4px;bottom:4px;left:-1px;right:-1px}
  .nw-header .kennis-link:focus-visible{outline:none}
  .nw-header .kennis-link:focus-visible::before{outline:2px solid #141414;outline-offset:3px}
  /* ruimte tussen de knop en het menu */
  .nw-header .kennis-link + button[data-menu]{margin-left:10px}
}
.nw-header.nw-krap{}

.nw-header.nw-krap .kennis-link{position:relative;min-height:44px!important;min-width:44px;padding:0 13px!important;border-radius:999px!important;
  font-size:15px!important;font-weight:600!important;background:transparent!important;text-decoration:none!important}
/* zichtbare omlijning iets lager dan het aanraakgebied (44 px), zodat het een rustige, kleine knop blijft */
.nw-header.nw-krap .kennis-link::before{content:"";position:absolute;left:0;right:0;top:5px;bottom:5px;border:1px solid #141414;border-radius:999px;pointer-events:none}
.nw-header.nw-krap .kennis-link:hover{text-decoration:none!important}
.nw-header.nw-krap .kennis-link:hover::before{border-width:2px;top:4px;bottom:4px;left:-1px;right:-1px}
.nw-header.nw-krap .kennis-link:focus-visible{outline:none}
.nw-header.nw-krap .kennis-link:focus-visible::before{outline:2px solid #141414;outline-offset:3px}
/* ruimte tussen de knop en het menu */
.nw-header.nw-krap .kennis-link + button[data-menu]{margin-left:10px}
@media (max-width:359px){.nw-header .kennis-link{padding:0 10px!important;font-size:14px!important}}

/* --- 1.2.0 Home: het (bestaande) formulier in de vorm van de preview: witte kaart, velden onder elkaar --- */
.vp2 .vp-form .kz{background:#FFFFFF;border:1px solid #E4E0D8;border-radius:8px;padding:clamp(22px,3vw,36px);display:flex;flex-direction:column;gap:16px;margin:0;max-width:none;font-size:18px}
.vp2 .vp-form .kz-row{display:flex;flex-direction:column;gap:16px;margin:0}
.vp2 .vp-form .kz-field{display:flex;flex-direction:column;gap:6px;margin:0}
.vp2 .vp-form .kz label,.vp2 .vp-form .kz legend{font-weight:600;font-size:16px;color:#141414;margin:0;padding:0;letter-spacing:0;text-transform:none}
.vp2 .vp-form .kz legend{margin-bottom:6px}
.vp2 .vp-form .kz fieldset{border:0;margin:0;padding:0;min-width:0}
.vp2 .vp-form .kz input[type=text],.vp2 .vp-form .kz input[type=email],.vp2 .vp-form .kz input[type=tel]{min-height:48px;border:1px solid #C9BFAF;border-radius:6px;padding:0 14px;font:inherit;background:#FFFFFF;width:100%;box-sizing:border-box}
.vp2 .vp-form .kz textarea{border:1px solid #C9BFAF;border-radius:6px;padding:12px 14px;font:inherit;background:#FFFFFF;resize:vertical;width:100%;box-sizing:border-box;min-height:0}
.vp2 .vp-form .kz-choices{display:flex;flex-direction:column;gap:6px;grid-template-columns:none}
.vp2 .vp-form .kz .kz-choice{display:flex;align-items:center;gap:10px;min-height:36px;padding:0;border:0;background:none;box-shadow:none;font-weight:400;font-size:18px}
.vp2 .vp-form .kz-choice:has(input:checked){background:none;box-shadow:none}
.vp2 .vp-form .kz-choice input{width:20px;height:20px;margin:0;accent-color:#141414;flex:0 0 20px}
.vp2 .vp-form .kz-hint{font-weight:400;color:#4A4A47}
.vp2 .vp-form .kz button[type=submit],.vp2 .vp-form .kz .btn{width:100%;min-height:54px;justify-content:center;border:0;border-radius:999px;background:#141414;color:#FFFFFF;font:inherit;font-weight:600;margin:0}
.vp2 .vp-form .kz button[type=submit]:hover{background:#3A3A3A}
.vp2 .vp-form .kz-help{font-size:15px;color:#4A4A47}
/* bevestiging na versturen: tweede regel per gekozen route */
.kz-done-r{margin:.4em 0 0;color:#4A4A47}

/* 1.2.1: het deel van een kop tussen *sterretjes*, als op die pagina 'cursief met geel' is gekozen */
.nw-mark{font-style:italic;font-weight:400;color:#141414;background:#FFDD00;padding:0 .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* 1.2.1 Engels formulier: bevestiging, foutmelding en melding bij het veld */
.nw-english .kz-done.fm{display:block}
.nw-english .kz-done-t{margin:0;font:500 clamp(24px,2.4vw,30px)/1.2 'Newsreader',Georgia,serif;color:#141414}
.nw-english .kz-done-r{margin:.5em 0 0;color:#4A4A47}
.nw-english .kz-done-s{margin:1.2em 0 0}
.nw-english .kz-done-s a{color:#141414;font-weight:600;text-underline-offset:4px}
.nw-english .en-fout{margin:0 0 18px;padding:12px 14px;border-left:4px solid #A3221B;background:#FBEDEC;color:#141414;font-size:17px}
.nw-english .en-x{display:block;min-height:0;font-size:15px;color:#A3221B}
.nw-english .en-x:empty{display:none}
.nw-english .fr [aria-invalid="true"]{border-color:#A3221B!important}

/* 1.2.1 Cursus: tekstlink naar de audio's naast het gele label */
.nw-cursus .nw-cu-audio{color:#141414;font-size:17px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.nw-cursus .nw-cu-audio:hover{text-decoration-color:#FFDD00;text-decoration-thickness:3px}

/* ---------------- 1.2.3 (ronde 2) ---------------- */
/* Home, "De winst van onze gesprekken": vier blokken altijd 2 × 2 (smal: onder elkaar); link naar Coaching */
.vp-ob{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"kop" "lijst" "link";gap:28px}
.vp-ob-kop{grid-area:kop}.vp-ob-lijst{grid-area:lijst;display:grid;grid-template-columns:repeat(auto-fit,minmax(max(240px,calc(50% - 24px)),1fr));gap:clamp(18px,2vw,24px) 48px}.vp-ob-link{grid-area:link}
@media (min-width:1100px){.vp-ob{grid-template-columns:minmax(0,1fr) minmax(0,2fr);grid-template-rows:auto 1fr;grid-template-areas:"kop lijst" "link lijst";column-gap:clamp(40px,6vw,96px);row-gap:22px;align-items:start}}

/* Coaching en English: de prijskaart al vanaf ± 900 px naast de opening (iPad liggend) */
.nw-enh-t{flex-basis:440px}

/* Boeken op tablet liggend (860–1279 px): omslag naast de tekst, zoals op desktop */
@media (min-width:860px) and (max-width:1279px){
 #boeken .bk.has-ins,#boeken .bk.has-ins.pos-m{grid-template-columns:minmax(0,32%) minmax(0,1fr);grid-template-areas:"cv hd" "cv mr" "cv lk";column-gap:clamp(28px,4vw,48px);row-gap:.4rem;padding-left:0;align-items:start}
 #boeken .bk.has-ins .cover{--vw:min(var(--w),calc((100vw - 2 * var(--m)) * .32 - 1rem));justify-self:end;margin:calc(var(--ih) * var(--bt) * -1 + .35rem) calc(var(--iw) * (1 - var(--br)) * -1) calc(var(--ih) * (1 - var(--bb)) * -1) 0}
}
/* uitklapknoppen ("Meer over Vrij"): de tekst niet afbreken */
.nw-boeken .bk summary,.nw-boeken .bk .mr button{white-space:nowrap}

/* English: ruimte tussen de tekstblokken ± 30% kleiner */
.nw-english main section{padding-bottom:clamp(2.1rem,4.9vw,3.85rem)}
.nw-english main section.g:not(.sp){padding-top:clamp(17px,2.8vw,28px)}
.nw-english main section.nw-four{margin:clamp(17px,2.8vw,34px) 0}