:root{--papier:#f8f6f0;--inkt:#19283d;--rood:#b8322c;--lijn:#deded5;--stil:#606b72;--vlak:#eeede5}
body{background:var(--papier);color:var(--inkt);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:4px}
a:hover{color:var(--rood)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--rood);outline-offset:4px}
.masthead{max-width:1120px;margin:32px auto 0;display:flex;align-items:center;justify-content:space-between;padding:0 0 27px;gap:24px}
.merk{display:flex;align-items:center;gap:21px;text-decoration:none!important}
.merk-beeld{display:block;flex:0 0 83px;width:83px;height:83px;overflow:hidden;border-radius:50%}
.masthead .merk-beeld img{display:block;width:415px;max-width:none;height:83px;border-radius:0}
.merk-tekst{display:flex;flex-direction:column;gap:9px}
.woordmerk{font:italic 700 clamp(32px,4.5vw,57px)/1 Georgia,'Times New Roman',serif;letter-spacing:-2px;color:var(--inkt)}
.merk-punt{color:var(--rood)}
.merk-slogan{font-size:12px;letter-spacing:.035em;color:var(--stil)}
.masthead-noot{font:italic 16px/1.5 Georgia,serif;color:var(--stil);text-align:right}
.sheet{max-width:1120px;margin:0 auto 50px;background:transparent;border-radius:0;box-shadow:none;overflow:visible}
.sheet>nav{padding:18px 0;border-top:2px solid var(--inkt);border-bottom:1px solid var(--lijn);gap:34px;align-items:center;font-size:14px}
nav a[aria-current="page"]{color:var(--rood);text-decoration:none}
.layout{grid-template-columns:210px minmax(0,1fr);gap:46px}
aside{background:none;padding:34px 24px 24px 0;border-right:1px solid var(--lijn);font-size:14px}
aside h2{font:700 11px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;margin-top:30px}
aside li{margin:8px 0}
aside label{font-size:12px;font-weight:bold}
input{background:#fffdf9;border:1px solid #b9bebc;color:var(--inkt)}
button,.knop{background:var(--inkt);color:#fffdf8;border:1px solid var(--inkt);border-radius:0;font-size:13px;line-height:1.5}
button:hover,.knop:hover{background:var(--rood);border-color:var(--rood);color:white;text-decoration:none}
main{padding:38px 0 50px}
h1,h2,h3{color:var(--inkt);font-family:Georgia,'Times New Roman',serif;letter-spacing:-.035em}
h1{font-size:46px;line-height:1.1;font-weight:normal;margin:0 0 24px}
h2{font-weight:normal;font-size:34px;line-height:1.15}
h3{font-size:25px;line-height:1.2}
p{line-height:1.7}
.meta{color:var(--stil);font-size:12px;letter-spacing:.025em;line-height:1.6}
.wenk{font:700 10px/1.5 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--rood);margin:0 0 16px}
.leeslink{font-size:12px;font-weight:700;line-height:1.5;text-decoration:none;border-bottom:1px solid var(--rood);padding-bottom:4px;display:inline-block}
.knop{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:14px 20px;text-decoration:none;font-weight:700}
.js-menu :is(.startpagina,.lees-pagina,.personages-pagina) .layout{display:block}
.js-menu :is(.startpagina,.lees-pagina,.personages-pagina) .layout>aside{display:none}
:is(.startpagina,.lees-pagina,.personages-pagina) .mobiel-menu{display:block;width:auto;margin:0 0 0 auto;background:transparent;color:var(--inkt);border:0;border-bottom:1px solid var(--lijn);padding:12px 0;font-size:11px;letter-spacing:.03em}
:is(.startpagina,.lees-pagina,.personages-pagina) .mobiel-menu:hover{color:var(--rood)}
.js-menu :is(.startpagina,.lees-pagina,.personages-pagina) .layout>aside.mobiel-open{display:block;padding:24px;border:1px solid var(--lijn);background:var(--vlak)}
:is(.startpagina,.lees-pagina,.personages-pagina) aside [data-menu="zijbalk"]{display:grid;grid-template-columns:repeat(3,1fr);gap:0 25px}
:is(.startpagina,.lees-pagina,.personages-pagina) aside [data-menu="zijbalk"] h2{grid-row:1}
:is(.startpagina,.lees-pagina,.personages-pagina) aside [data-menu="zijbalk"] ul{grid-row:2}
:is(.startpagina,.lees-pagina,.personages-pagina) aside form{max-width:420px}
.welkom{padding:19px 0 44px;display:grid;grid-template-columns:1.25fr 1fr;column-gap:80px;align-items:end}
.welkom .wenk{grid-column:1/-1;margin-bottom:17px}
.welkom h1{font-size:clamp(40px,5vw,65px);line-height:1.05;margin:0}
.welkom h1 em{color:var(--rood);font-weight:normal}
.welkom>p:last-child{font-size:16px;max-width:340px;color:var(--stil);margin:0 0 3px}
.uitgelicht{display:grid;grid-template-columns:1.35fr 1fr;background:#efede4;border:1px solid #e5e0d5;min-height:390px}
.uitgelicht-tekst{padding:48px;align-self:center}
.rode-stip{display:inline-block;width:6px;height:6px;background:var(--rood);border-radius:50%;vertical-align:middle;margin-right:7px}
.uitgelicht h2{font-size:clamp(38px,4vw,57px);margin:14px 0 20px;max-width:440px}
.uitgelicht h2 a{text-decoration:none}
.uitgelicht-tekst>p:not(.wenk){max-width:385px;font-size:16px;margin-bottom:26px}
.uitgelicht-beeld{display:flex;justify-content:center;align-items:center;background:#e6e3d8;padding:28px}
main .uitgelicht-beeld img{float:none!important;width:180px!important;max-height:325px;object-fit:contain;margin:0!important;box-shadow:7px 9px 0 #d3cdbd;transform:rotate(3deg)}
.redactie-sectie{padding-top:65px}
.sectiekop{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:28px}
.sectiekop h2{margin:0;font-size:36px}
.sectiekop .wenk{margin-bottom:9px}
.sectiekop>.leeslink{white-space:nowrap;margin-bottom:4px}
.redactie-grid,.personage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.redactie-kaart{padding:0 0 26px;border-bottom:1px solid var(--lijn);min-width:0}
.redactie-beeld{display:flex;align-items:center;justify-content:center;height:174px;background:var(--vlak);margin-bottom:24px;padding:16px}
main .redactie-beeld img{float:none!important;display:block;width:100%!important;height:142px!important;object-fit:contain;margin:0!important;max-width:100%!important}
.redactie-kaart .wenk{margin:0 0 9px;font-size:9px}
.redactie-kaart h3{margin:0 0 14px;font-size:28px;font-weight:normal}
.redactie-kaart h3 a{text-decoration:none}
.redactie-kaart>p:not(.wenk){font-size:14px;color:var(--stil);margin-bottom:20px}
.begin-hier{border-bottom:1px solid var(--lijn);padding-bottom:36px}
.personage-tegel{display:block;padding:25px;background:var(--vlak);text-decoration:none!important;border-top:2px solid var(--inkt)}
.personage-tegel:hover{border-top-color:var(--rood)}
.personage-initialen{font:italic 34px Georgia,serif;color:var(--rood)}
.personage-tegel h3,.personage-tegel h2{font-size:26px;margin:20px 0 12px}
.personage-tegel p{font-size:14px;color:var(--stil)}
.slotregel{border-top:2px solid var(--inkt);margin-top:64px;padding-top:26px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.slotregel p{font:italic 24px Georgia,serif}
.personage-intro{max-width:660px;color:var(--stil);font-size:18px;margin-bottom:40px}
.personages-pagina main>h1{max-width:650px;font-size:56px}
.personages-pagina .personage-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:36px}
.kaart{padding-bottom:28px;margin-bottom:30px;border-color:var(--lijn)}
.kaart h2{font-size:30px;margin:0 0 12px}
.kaart h2 a{text-decoration:none}
.kaart .kaart-voorbeeld{margin:18px 0 14px}
.kaart-voorbeeld p{font-size:15px;color:#45515c}
main .kaart-voorbeeld>img{width:112px!important;height:100px!important;object-fit:contain;background:var(--vlak);padding:7px;margin:0 20px 12px 0!important}
.kaart>a:last-child{font-size:12px;font-weight:700;color:var(--rood)}
.lees-pagina main{max-width:710px;margin:0 auto;padding-top:48px}
.lees-pagina main h1{font-size:clamp(37px,4.4vw,58px);line-height:1.08;margin-bottom:20px}
.lees-pagina main>.verder-lezen{margin-top:48px;background:var(--vlak);padding:26px 30px;border-top:2px solid var(--inkt)}
.lees-pagina .verhaal{font:19px/1.85 Georgia,'Times New Roman',serif;margin-top:38px;color:#263447}
.lees-pagina .verhaal p{line-height:1.85}
.lees-pagina .verhaal :is(h2,h3,h4,h5,h6){font-family:Georgia,'Times New Roman',serif!important;font-size:26px!important;letter-spacing:-.025em;line-height:1.3!important;margin:36px 0 18px!important;color:var(--inkt)!important}
.lees-pagina main>p>a{font-size:13px;color:var(--rood)}
.verder-lezen h2{margin-top:0}
.verder-lezen li{font-size:15px}
footer{border-color:var(--lijn);font-size:12px;color:var(--stil);padding:26px 0}
@media(min-width:701px) and (max-width:1199px){.masthead,.sheet{margin-left:32px;margin-right:32px}.layout{gap:30px;grid-template-columns:190px minmax(0,1fr)}.uitgelicht-tekst{padding:32px}.redactie-grid{gap:24px}}
@media(max-width:700px){
 .masthead{margin:24px 20px 0;padding-bottom:24px;gap:0}.merk{gap:12px}.merk-beeld{flex-basis:54px;width:54px;height:54px}.masthead .merk-beeld img{width:270px;height:54px}.woordmerk{font-size:36px;letter-spacing:-1.5px}.merk-tekst{gap:6px}.merk-slogan{font-size:9px;max-width:225px;line-height:1.5;letter-spacing:0}.masthead-noot{display:none}
 .sheet{margin:0 20px 35px}.sheet>nav{padding:16px 0;gap:21px;font-size:12px;flex-wrap:wrap}
 .layout{display:flex;gap:0}.layout>aside{order:-1;border:0;padding:20px 0}
 .js-menu .layout>aside{display:none}.js-menu .layout>aside.mobiel-open{display:block;order:-1}
 .mobiel-menu,:is(.startpagina,.lees-pagina,.personages-pagina) .mobiel-menu{display:block;width:100%;text-align:left;margin:0;padding:14px 0;border:0;border-bottom:1px solid var(--lijn);background:transparent;color:var(--inkt);font-size:11px}
 :is(.startpagina,.lees-pagina,.personages-pagina) aside [data-menu="zijbalk"]{display:block}
 .js-menu :is(.startpagina,.lees-pagina,.personages-pagina) .layout>aside.mobiel-open{padding:20px}
 main{padding:30px 0 40px;width:100%}h1{font-size:36px}h2{font-size:29px}
 .welkom{display:block;padding:3px 0 30px}.welkom h1{font-size:43px;line-height:1.07;margin-bottom:21px}.welkom>p:last-child{font-size:14px;max-width:none}
 .uitgelicht{grid-template-columns:1fr;min-height:0}.uitgelicht-tekst{padding:28px 25px}.uitgelicht h2{font-size:41px;margin-top:12px}.uitgelicht-tekst>p:not(.wenk){font-size:15px}.uitgelicht-beeld{padding:22px;min-height:220px}main .uitgelicht-beeld img{width:116px!important;max-height:205px}
 .redactie-sectie{padding-top:42px}.sectiekop{display:block;margin-bottom:24px}.sectiekop h2{font-size:31px}.sectiekop>.leeslink{margin-top:14px}
 .redactie-grid,.personage-grid,.personages-pagina .personage-grid{grid-template-columns:1fr;gap:26px}.redactie-kaart h3{font-size:28px}.redactie-beeld{height:165px}.redactie-kaart>p:not(.wenk){font-size:15px}.redactie-kaart{padding-bottom:24px}
 .slotregel{display:block;margin-top:42px}.slotregel p{font-size:23px;line-height:1.4}.personages-pagina main>h1{font-size:41px}.personage-intro{font-size:16px}
 .kaart h2{font-size:27px}.kaart-voorbeeld p{font-size:15px}.kaart-voorbeeld>p{display:block;-webkit-line-clamp:unset;overflow:visible}main .kaart-voorbeeld>img{width:86px!important;height:86px!important;margin-right:14px!important}
 .lees-pagina main{padding:30px 0 40px}.lees-pagina .verhaal{font-size:18px;line-height:1.8;margin-top:28px}.lees-pagina main>.verder-lezen{padding:22px}.lees-pagina .verhaal :is(h2,h3,h4,h5,h6){font-size:24px!important}.lees-pagina main .verhaal img{margin:18px 0!important}
 footer{line-height:1.9}
}
@media(prefers-reduced-motion:no-preference){a,button{transition:color .15s,background-color .15s,border-color .15s}}