
*{box-sizing:border-box}
body{margin:0;background:#fff;color:#3a3d3c;font:300 17px/1.75 "Nunito Sans",Arial,sans-serif}
a{color:#4d5a55}
img{display:block;max-width:100%;background:#e8e6e1}
.in{max-width:1040px;margin:0 auto;padding:0 32px}
.narrow{max-width:720px}
.hd{border-bottom:1px solid #e8e6e1}
.hd .in{display:flex;align-items:center;justify-content:space-between;height:96px}
.logo{text-decoration:none;display:flex;align-items:baseline;gap:10px}
.lg1{font:400 34px "Crimson Pro",Georgia,serif;color:#2f3634}
.lg2{font:300 15px "Nunito Sans",sans-serif;color:#8a908d;letter-spacing:.05em}
.site-nav{display:flex;gap:28px}
.site-nav a{text-decoration:none;font-size:15.5px;color:#5f6563;padding:4px 0;border-bottom:1px solid transparent}
.site-nav a:hover,.site-nav a.on{color:#2f3634;border-bottom-color:#9aa39f}
.menu-toggle{display:none}
.always{text-align:right;max-width:1040px;margin:10px auto 0;padding:0 32px;font-size:14px;color:#8a908d}
.always a{color:#2f3634;font-weight:600;text-decoration:none}
h1,h2{font-family:"Crimson Pro",Georgia,serif;font-weight:400;color:#2f3634;line-height:1.25}
h1{font-size:44px;margin:40px 0 18px}
h2{font-size:28px;margin:44px 0 10px}
main{padding-bottom:80px}
.intro{display:grid;grid-template-columns:1fr 360px;gap:70px;align-items:start;margin-top:30px}
.intro h1{margin-top:20px}
.intro-i{width:100%;aspect-ratio:3/4;object-fit:cover}
.sec{margin-top:70px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.two h2{margin-top:0}
.lnk{color:#2f3634;text-decoration:none;border-bottom:1px solid #9aa39f;font-weight:400}
.lnk:hover{border-bottom-color:#2f3634}
.olist{list-style:none;margin:10px 0 20px;padding:0;border-top:1px solid #e8e6e1}
.olist li{border-bottom:1px solid #e8e6e1}
.olist a{display:flex;gap:22px;align-items:center;padding:18px 0;text-decoration:none;color:inherit}
.olist a:hover .r-n{text-decoration:underline}
.olist img{width:64px;height:80px;object-fit:cover;flex:0 0 64px;filter:grayscale(.3)}
.r-t{display:flex;flex-direction:column}
.r-n{font:400 25px/1.2 "Crimson Pro",Georgia,serif;color:#2f3634}
.r-d{font-size:14.5px;color:#7a807d}
.r-r{font-size:14.5px;color:#7a807d;font-style:italic}
.werken{margin-top:60px;font-size:14px;color:#8a908d;border-top:1px solid #e8e6e1;padding-top:14px}
.lead{font:300 22px/1.55 "Crimson Pro",Georgia,serif;color:#5f6563;margin-top:-6px}
.wide{width:100%;aspect-ratio:16/8;object-fit:cover;margin:20px 0 30px}
.zoek{margin:24px 0 10px;font-size:15px}
.zoek input{border:0;border-bottom:1px solid #9aa39f;font:300 17px "Nunito Sans",sans-serif;padding:4px 2px;width:260px;max-width:60%;margin-left:10px;outline:none}
.zoek input:focus{border-bottom-color:#2f3634}
.mh{font-size:22px;margin:34px 0 4px;color:#5f6563}
.zoek-m{margin-top:4px}.zoek select{border:0;border-bottom:1px solid #9aa39f;font:300 16px "Nunito Sans",sans-serif;padding:3px 2px;margin-left:10px;background:#fff;color:#2f3634}
.arch-n{font-size:14px;color:#8a908d;margin-top:30px}
.crumb{font-size:14px;color:#8a908d;margin-top:34px}.crumb a{color:#5f6563}
.bericht{text-align:center;border:1px solid #2f3634;outline:1px solid #2f3634;outline-offset:5px;padding:46px 40px 34px;margin:20px 6px 0}
.bericht h1{font-size:46px;margin:6px 0 6px}
.open{font:italic 300 19px "Crimson Pro",Georgia,serif;color:#5f6563;margin:0}
.rel{font:400 20px/1.45 "Crimson Pro",Georgia,serif;margin:0 0 14px}
.dates{font-size:16px;color:#5f6563;margin:0 0 22px}
.quote{font:italic 300 24px/1.45 "Crimson Pro",Georgia,serif;color:#2f3634;margin:0 auto 26px;max-width:460px}
.info{text-align:left;max-width:520px;margin:0 auto;font-size:16px}
.info p{margin:0 0 12px}
.rouwadres{margin-top:18px !important}
.acts{margin:24px 0 0;font-size:15px}.acts a{color:#2f3634}
.reg{margin-top:60px}
.cnt{font-size:14px;color:#8a908d;margin:-6px 0 10px}
.msgs{list-style:none;margin:0 0 30px;padding:0;border-top:1px solid #e8e6e1}
.msgs li{padding:16px 0;border-bottom:1px solid #e8e6e1}
.msgs p{margin:0;font:400 19px/1.5 "Crimson Pro",Georgia,serif}
.msgs .m-f{font:400 14px "Nunito Sans",sans-serif;color:#7a807d;margin-top:4px}
.cform{border-top:1px solid #e8e6e1;padding-top:16px}
.cform h3{font:400 24px "Crimson Pro",Georgia,serif;margin:0 0 12px;color:#2f3634}
.cform label{display:block;font-size:15px;margin-bottom:14px}
.cform small{color:#8a908d}
.cform input,.cform textarea{display:block;width:100%;border:1px solid #c9cdcb;font:300 16px "Nunito Sans",sans-serif;padding:9px 10px;margin-top:4px;border-radius:0;color:#2f3634}
.cform input:focus,.cform textarea:focus{outline:1px solid #4d5a55}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cform button{background:#4d5a55;color:#fff;border:0;font:400 15px "Nunito Sans",sans-serif;padding:10px 26px;cursor:pointer;border-radius:2px}
.cform button:hover{background:#2f3634}
.cform-err{color:#8b3a2e;font-size:14.5px}
.cform-ok{border:1px solid #9aa39f;padding:20px 24px;margin-top:10px}
.cform-ok p{margin:0;font:italic 400 20px "Crimson Pro",Georgia,serif;color:#2f3634}
.ft{border-top:1px solid #e8e6e1;background:#f7f6f3;font-size:15px;padding-top:34px}
.ft-in{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}
.ft p{margin:0 0 6px}.ft a{color:#3a3d3c}
.ft-n{font:400 22px "Crimson Pro",Georgia,serif;color:#2f3634}
.ft .ft-b{font-size:12.5px;color:#9aa09d;padding-top:18px;padding-bottom:20px;border-top:1px solid #e8e6e1;margin:20px auto 0}
@media print{.hd,.always,.ft,.reg,.acts,.crumb,#oh-fictie{display:none}}
@media (max-width:760px){
 .in{padding:0 20px}.hd .in{height:70px;position:relative}.lg1{font-size:28px}.lg2{display:none}
 .menu-toggle{display:block;background:none;border:1px solid #c9cdcb;font:400 14px "Nunito Sans",sans-serif;padding:5px 12px;color:#3a3d3c;cursor:pointer}
 .site-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;flex-direction:column;gap:0;border-bottom:1px solid #e8e6e1;padding:6px 20px 14px;z-index:5}
 .site-nav.open{display:flex}.site-nav a{padding:9px 0;border-bottom:1px solid #f0efeb}
 .always{text-align:left;padding:0 20px}
 h1{font-size:36px;margin-top:26px}h2{font-size:25px}
 .intro{grid-template-columns:1fr;gap:20px}.intro-i{aspect-ratio:16/10}
 .two{grid-template-columns:1fr;gap:10px}.two h2{margin-top:30px}
 .bericht{padding:30px 18px 24px}.bericht h1{font-size:36px}
 .frow{grid-template-columns:1fr;gap:0}.ft-in{grid-template-columns:1fr;gap:6px}
}
/* prentjes:start */
.prent{margin-top:60px}
.prent-l{font-size:15px;color:#7a807d;margin:-4px 0 22px}
.prent-fig{margin:0 0 40px}
.prent-fig figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;font-size:14px;color:#7a807d;max-width:560px;margin-left:auto;margin-right:auto}
.groot{white-space:nowrap;background:none;border:1px solid #9aa39f;color:#2f3634;font:400 14px "Nunito Sans",sans-serif;padding:5px 14px;cursor:pointer;border-radius:2px}
.groot:hover{border-color:#2f3634}
.card{font-family:"Crimson Pro",Georgia,serif;color:#2b2a27;font-size:15px}
.rk{background:#fbf8f0;max-width:560px;margin:0 auto;padding:1.2em;box-shadow:0 1px 3px rgba(40,35,25,.18)}
.rk-in{border:1px solid #5a5650;padding:2.2em 2em 1.4em;text-align:center;line-height:1.45}
.rk p{margin:0}
.rk-open{font-style:italic;font-size:1.02em;max-width:24em;margin:0 auto .9em !important}
.rk-naam{font-size:2.05em;font-weight:500;letter-spacing:.01em;line-height:1.15}
.rk-rel{font-size:1.08em;margin-top:.2em !important}
.rk-data{margin-top:.7em !important}
.rk-orn{font-size:.95em;color:#6e6a63;margin:.9em 0 .7em !important}
.rk-dienst{max-width:30em;margin:0 auto .55em !important}
.rk-note{font-style:italic;max-width:30em;margin:.4em auto 0 !important}
.rk-fam{border-top:1px solid #c9c3b6;margin:1.2em auto 0;padding-top:1em;max-width:26em}
.rk-mel{font-style:italic;margin-bottom:.5em !important}
.rk-g{margin-bottom:.55em}
.rk-k{font-size:.82em;font-variant:small-caps;letter-spacing:.06em;color:#5f5a52}
.rk-fams{margin-top:.6em !important}
.rk-adres{margin-top:1.2em !important;font-size:.92em}
.nw{white-space:nowrap}
.rk-enig{font-size:.86em;font-style:italic;margin-top:.3em !important}
.rk-druk{font-family:"Nunito Sans",Arial,sans-serif;font-size:.6em;color:#9a958c;margin-top:1.4em !important;letter-spacing:.03em}
.bp{display:flex;justify-content:center;gap:18px}
.bp-face{width:17em;background:#fbf8f0;box-shadow:0 1px 3px rgba(40,35,25,.18);padding:.7em;display:flex;flex-direction:column}
.bp-f{flex:1;min-height:22em;border:1px solid #b9b2a5}
.bp-photo{position:relative;overflow:hidden;background:#e3ddd0}
.bp-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#e3ddd0}
.bp-draw{display:flex;align-items:center;justify-content:center;background:#f6f1e6}
.bp-draw .orn{width:80%;height:auto}
.bp-back{text-align:center;line-height:1.38;padding:1.3em 1em 1.1em;border:0;outline:1px solid #b9b2a5;outline-offset:-.7em}
.bp-back p{margin:0}
.bp-head{font-style:italic;font-size:.95em;color:#5f5a52}
.bp-naam{font-size:1.45em;font-weight:500;line-height:1.15;margin-top:.35em !important}
.bp-rel{font-size:.92em}
.bp-data{font-size:.84em;margin-top:.5em !important;color:#46433e}
.bp-age{font-size:.84em;font-style:italic;color:#46433e}
.bp-tekst{font-size:.88em;margin-top:.8em !important;padding-top:.7em;border-top:1px solid #d6d0c4}
.bp-tekst span,.bp-gebed span{display:block;text-wrap:balance}
.bp-tekst span+span{margin-top:.08em}
.bp-gebed{font-style:italic;font-size:.88em;margin-top:.7em !important;color:#46433e}
dialog.lb{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100%;height:100%;margin:0}
dialog.lb::backdrop{background:rgba(32,34,33,.82)}
.lb-wrap{min-height:100%;display:flex;align-items:flex-start;justify-content:center;padding:56px 20px 40px;box-sizing:border-box}
.lb-x{position:fixed;top:12px;right:14px;background:#fff;border:1px solid #c9cdcb;font:400 14px "Nunito Sans",sans-serif;padding:6px 14px;cursor:pointer;border-radius:2px;z-index:2}
.lb .card{font-size:21px}
.lb .rk{max-width:none;width:28em}
@media (max-width:760px){
 .card{font-size:14px}
 .bp{flex-direction:column;align-items:center;gap:14px}
 .bp-face{width:100%;max-width:19em}
 .bp-f{min-height:24em}
 .rk{padding:.8em}.rk-in{padding:1.6em 1.1em 1.1em}.rk-naam{font-size:1.8em}
 .lb .card{font-size:15.5px}.lb .rk{width:100%}.lb-wrap{padding:52px 10px 30px}
}
@media print{.groot,.prent-l{display:none}.rk,.bp-face{box-shadow:none}}
/* prentjes:end */
