*{box-sizing:border-box;margin:0;padding:0}
body{font:16px/1.75 Mulish,Verdana,sans-serif;color:#3b382f;background:#f8faf3}
img{max-width:100%;height:auto}
a{color:#48633c;text-decoration:none}
.topline{height:6px;background:#5c7a4e}
.head{text-align:center;padding:38px 20px 16px;max-width:1180px;margin:0 auto}
.logo{font-family:Domine,Georgia,serif;font-size:40px;font-weight:600;color:#33302a;letter-spacing:-.5px}
.logo a{color:inherit}
.tagline{font-style:italic;font-family:Domine,Georgia,serif;color:#8f8a7c;margin-top:6px;font-size:17px}
.leaf{margin:14px auto 0;display:flex;justify-content:center}
.nav{display:flex;justify-content:center;flex-wrap:wrap;border-top:2px solid #33302a;border-bottom:2px solid #33302a;max-width:1180px;margin:16px auto 0}
.nav a{font-size:12.5px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#33302a;padding:14px 18px}
.nav a:hover{color:#48633c;background:rgba(0,0,0,.03)}
.shell{max-width:1180px;margin:38px auto 0;padding:0 22px}
.cols{display:grid;grid-template-columns:minmax(0,1fr) 322px;gap:44px;align-items:start}

/* ── breadcrumbs (Yoast) ── */
.crumbs{font-size:12.5px;color:#9b9484;margin-bottom:18px}
.crumbs a{color:#8f8a7c} .crumbs a:hover{color:#48633c}
.crumbs span.sep{margin:0 7px;opacity:.6}

/* ── section-koppen ── */
.secttitle{display:flex;align-items:center;gap:14px;margin:6px 0 22px}
.secttitle h2{font-family:Domine,Georgia,serif;font-size:15px;font-weight:600;letter-spacing:2.5px;
  text-transform:uppercase;color:#33302a;white-space:nowrap}
.secttitle::after{content:'';flex:1;height:2px;background:#d9e3c8}

/* ── hero (featured) ── */
.hero{background:#fff;border:2px solid #33302a;border-radius:6px;box-shadow:8px 8px 0 #d9e3c8;
  overflow:hidden;margin-bottom:38px}
.hero .ph{position:relative;display:block}
.hero .svg-cover,.hero img{width:100%;aspect-ratio:21/9;object-fit:cover;display:block}
.hero .badge{position:absolute;top:14px;left:14px;background:#5c7a4e;color:#fff;font-size:10.5px;
  font-weight:700;letter-spacing:1.8px;text-transform:uppercase;padding:6px 12px;border-radius:3px}
.hero-body{padding:24px 28px 26px}
.hero h2{font-family:Domine,Georgia,serif;font-size:29px;line-height:1.25;margin:8px 0 10px}
.hero h2 a{color:#33302a} .hero h2 a:hover{color:#48633c}
.hero p{font-size:15.5px;color:#6b665a}

/* ── 2-koloms grid ── */
.grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-bottom:40px}
.card{background:#fff;border:2px solid #33302a;border-radius:6px;box-shadow:5px 5px 0 #d9e3c8;
  overflow:hidden;display:flex;flex-direction:column}
.card .svg-cover,.card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.card-body{padding:16px 18px 18px;flex:1;display:flex;flex-direction:column}
.card h3{font-family:Domine,Georgia,serif;font-size:18.5px;line-height:1.32;margin:7px 0 8px}
.card h3 a{color:#33302a} .card h3 a:hover{color:#48633c}
.card p{font-size:13.8px;color:#6b665a;line-height:1.6}

/* ── horizontale rij ── */
.row{display:flex;gap:24px;background:#fff;border:2px solid #33302a;border-radius:6px;padding:20px;
  margin-bottom:26px;box-shadow:6px 6px 0 #d9e3c8}
.row .svg-cover,.row img{width:250px;aspect-ratio:4/3;object-fit:cover;display:block;border-radius:4px;flex-shrink:0}
.row-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}
.row h2{font-family:Domine,Georgia,serif;font-size:22px;line-height:1.3;margin-bottom:8px}
.row h2 a{color:#33302a} .row h2 a:hover{color:#48633c}
.row p{font-size:14.5px;color:#6b665a}

.kicker{font-size:11.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#48633c}
.kicker a{color:inherit}
.meta{font-size:12.5px;color:#a09a8a;margin:0 0 10px}
.meta span+span::before{content:'·';margin:0 7px;opacity:.7}
.more{margin-top:12px;font-size:12.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.more a{border-bottom:2px solid #d9e3c8;padding-bottom:2px}

/* ── paginatie ── */
.pagenav{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;
  border-top:2px solid #d9e3c8;padding-top:26px;margin-bottom:10px;font-size:13.5px}
.pagenav a,.pagenav span.cur{border:2px solid #33302a;border-radius:4px;padding:7px 13px;
  color:#33302a;font-weight:600;background:#fff}
.pagenav span.cur{background:#33302a;color:#fff}
.pagenav a.txt{border-color:#d9e3c8}
.pagenav a:hover{background:#d9e3c8}

/* ── artikel ── */
.article{background:#fff;border:2px solid #33302a;border-radius:6px;box-shadow:8px 8px 0 #d9e3c8;padding:38px 44px}
.article-head{text-align:center;border-bottom:1px dashed #cfc8b8;padding-bottom:22px;margin-bottom:26px}
.article h1{font-family:Domine,Georgia,serif;font-size:33px;line-height:1.22;color:#33302a;margin:10px 0 12px}
.article .svg-cover,.article .cover img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:4px;margin:8px 0 26px}
.entry p{margin-bottom:1.4em}
.entry h2{font-family:Domine,Georgia,serif;font-size:24px;color:#48633c;margin:1.6em 0 .6em}
.entry h3{font-family:Domine,Georgia,serif;font-size:19px;margin:1.4em 0 .5em}
.entry ul,.entry ol{margin:0 0 1.4em 1.6em} .entry li{margin-bottom:.5em}
.entry blockquote{background:#f8faf3;border:1px dashed #5c7a4e;border-radius:6px;padding:18px 22px;margin:1.5em 0;font-family:Domine,Georgia,serif;font-style:italic;color:#48633c;font-size:17px}
.entry table{border-collapse:collapse;width:100%;margin:1.5em 0;font-size:14px}
.entry td,.entry th{border:1px solid #d9e3c8;padding:9px 11px;text-align:left}
.entry th{background:#f8faf3;font-weight:700;color:#33302a}
.tiprow{display:flex;justify-content:center;margin:34px 0 6px}
.postcats{border-top:1px dashed #cfc8b8;margin-top:26px;padding-top:16px;font-size:13.5px;color:#8f8a7c}
.comments-closed{text-align:center;font-size:13px;color:#a09a8a;font-style:italic;margin-top:14px}
.prevnext{display:flex;justify-content:space-between;gap:16px;margin-top:26px;font-size:13.5px}
.prevnext div{max-width:47%}
.prevnext .lb{display:block;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:#a09a8a;margin-bottom:3px}
.prevnext .nx{text-align:right}

/* ── gerelateerd ── */
.relwrap{margin-top:40px}
.relrow{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.relcard{background:#fff;border:2px solid #33302a;border-radius:6px;overflow:hidden}
.relcard .svg-cover,.relcard img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.relcard div{padding:12px 14px;font-family:Domine,Georgia,serif;font-size:14.5px;line-height:1.4}
.relcard a{color:#33302a}
.pagehead{margin-bottom:28px}
.pagehead h1{font-family:Domine,Georgia,serif;font-size:29px;color:#33302a}
.pagehead .sub{font-style:italic;color:#8f8a7c;font-family:Domine,Georgia,serif;font-size:15.5px}

/* ── widget-kolom ── */
.aside{font-size:14.5px}
.widget{background:#fff;border:2px solid #33302a;border-radius:6px;box-shadow:5px 5px 0 #d9e3c8;
  padding:20px 22px;margin-bottom:26px}
.widget-title{font-family:Domine,Georgia,serif;font-size:13px;font-weight:600;letter-spacing:2px;
  text-transform:uppercase;color:#33302a;border-bottom:2px solid #d9e3c8;padding-bottom:9px;margin-bottom:14px}
.widget ul{list-style:none}
.widget li{padding:8px 0;border-bottom:1px dotted #ded7c4;line-height:1.45}
.widget li:last-child{border-bottom:0;padding-bottom:0}
.widget li a{color:#4a463c} .widget li a:hover{color:#48633c}
.widget .count{color:#b0a897;font-size:12.5px}
.search-form{display:flex;gap:7px}
.search-form input{flex:1;min-width:0;padding:9px 11px;border:2px solid #d9e3c8;border-radius:4px;
  font:13.5px Mulish,Verdana,sans-serif;background:#f8faf3}
.search-form button{padding:9px 14px;border:2px solid #33302a;border-radius:4px;background:#33302a;
  color:#fff;font:600 12px Mulish,Verdana,sans-serif;letter-spacing:1px;text-transform:uppercase;cursor:pointer}
.me{text-align:center}
.me .av{width:78px;height:78px;margin:0 auto 12px;border-radius:50%;background:#5c7a4e;color:#fff;
  font-family:Domine,Georgia,serif;font-size:36px;display:flex;align-items:center;justify-content:center}
.me .nm{font-family:Domine,Georgia,serif;font-size:19px;color:#33302a;margin-bottom:6px}
.me p{font-size:13.8px;color:#6b665a;line-height:1.62}
.me .lnk{display:inline-block;margin-top:12px;font-size:12px;font-weight:700;letter-spacing:1.2px;
  text-transform:uppercase;border-bottom:2px solid #d9e3c8;padding-bottom:2px}
.mini{display:flex;gap:12px;align-items:flex-start}
.mini .svg-cover,.mini img{width:74px;height:56px;object-fit:cover;border-radius:4px;flex-shrink:0;display:block}
.mini .tx{min-width:0}
.mini .tx a{font-family:Domine,Georgia,serif;font-size:14.5px;line-height:1.34;display:block;color:#33302a}
.mini .dt{font-size:12px;color:#b0a897;margin-top:3px}
.nlbox p{font-size:13.6px;color:#6b665a;margin-bottom:12px;line-height:1.6}
.nlbox input{width:100%;padding:9px 11px;border:2px solid #d9e3c8;border-radius:4px;
  font:13.5px Mulish,Verdana,sans-serif;background:#f8faf3;margin-bottom:9px}
.nlbox button{width:100%;padding:10px;border:2px solid #33302a;border-radius:4px;background:#5c7a4e;
  color:#fff;font:700 12px Mulish,Verdana,sans-serif;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer}
.nlbox .fine{font-size:11.5px;color:#b0a897;margin:9px 0 0}

/* ── footer ── */
.footer{border-top:2px solid #33302a;margin-top:54px;background:#fff}
.footer-in{max-width:1180px;margin:0 auto;padding:38px 22px 26px}
.fwidgets{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-bottom:30px}
.fwidgets .widget-title{font-size:12px}
.fwidgets p{font-size:13.8px;color:#6b665a;line-height:1.62}
.fwidgets ul{list-style:none}
.fwidgets li{padding:5px 0;font-size:13.8px}
.fwidgets a{color:#4a463c} .fwidgets a:hover{color:#48633c}
.footer-bar{border-top:2px solid #d9e3c8;padding-top:18px;display:flex;justify-content:space-between;
  align-items:center;flex-wrap:wrap;gap:12px;font-size:12.5px;color:#8f8a7c}
.footer-bar a{color:#48633c;margin-left:14px}

@media(max-width:980px){
  .cols{grid-template-columns:1fr;gap:34px}
  .grid{grid-template-columns:1fr}
  .fwidgets{grid-template-columns:1fr;gap:26px}
}
@media(max-width:700px){
  .row{flex-direction:column} .row .svg-cover,.row img{width:100%}
  .article{padding:24px} .relrow{grid-template-columns:1fr}
  .hero-body{padding:20px} .hero h2{font-size:24px}
}