/* kg-blok-artikel
   Gegenereerd door tools/genereer_css.py — niet met de hand bewerken.
   Gescopet onder .kg */

.kg .gart-kop {
  background:var(--kg-wit);
  padding:150px 0 34px;
}
.kg .gart-kop-in {
  max-width:780px;
}
.kg .art-chips {
  display:flex;
  gap:8px;
  margin:20px 0 16px;
}
.kg .art-chip {
  display:inline-flex;
  align-items:center;
  padding:5px 14px;
  border-radius:999px;
  border:1px solid var(--kg-groen-donker);
  color:var(--kg-groen-donker);
  font-family:var(--kg-kop);
  font-weight:600;
  font-size:12.5px;
  letter-spacing:.04em;
  transition:background .2s,color .2s,transform .2s;
}
.kg .art-chip-thema {
  border-color:#8d6b2e;
  color:#8d6b2e;
}
.kg a.art-chip:hover {
  background:var(--kg-groen-donker);
  color:#fff;
  transform:translateY(-1px);
}
.kg a.art-chip-thema:hover {
  background:var(--kg-jub-goud);
  color:#0D1F12;
}
.kg .gart-kop h1 {
  font-family:var(--kg-kop);
  font-size:clamp(28px,3.8vw,44px) !important;
  line-height:1.12 !important;
  color:var(--kg-donker);
  max-width:22ch;
}
.kg .gart-lead {
  margin-top:16px;
  font-size:18.5px;
  line-height:1.6;
  color:var(--kg-tekst);
  max-width:58ch;
}
.kg .gart-meta {
  margin-top:18px;
  font-size:13.5px;
  color:var(--kg-grijs);
}
.kg .gart-meta .mdot {
  margin:0 10px;
}
.kg .gart-beeldband {
  background:var(--kg-wit);
  padding-bottom:26px;
}
.kg .gart-beeld {
  margin:0;
}
.kg .gart-beeld img {
  width:100%;
  height:430px;
  object-fit:cover;
  border-radius:var(--kg-radius);
  transition:transform .5s ease,box-shadow .5s ease;
}
.kg .gart-beeld:hover img {
  transform:scale(1.015);
  box-shadow:0 18px 40px rgba(13,31,18,.16);
}
.kg .gart-beeld figcaption {
  margin-top:12px;
  font-size:12.5px;
  color:var(--kg-grijs);
}
.kg .gart-body {
  background:var(--kg-wit);
  padding:20px 0 60px;
}
.kg .gart-kolom {
  max-width:760px;
}
.kg .gart-tekst p {
  margin-bottom:18px;
  font-size:17px;
  line-height:1.75;
}
.kg .gart-tekst h2 {
  font-family:var(--kg-kop);
  font-size:clamp(21px,2.4vw,27px) !important;
  color:var(--kg-donker);
  margin:36px 0 14px;
}
.kg .gart-tekst a {
  color:var(--kg-groen-donker);
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-thickness:1px;
}
.kg .gart-tekst a:hover {
  color:var(--kg-groen-diep);
}
.kg .gart-cta {
  margin-top:44px;
  padding:32px 36px;
  background:#0D1F12;
  border-radius:var(--kg-radius);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  flex-wrap:wrap;
}
.kg .gart-cta h2 {
  color:#fff;
  font-family:var(--kg-kop);
  font-size:22px !important;
  margin-bottom:6px;
}
.kg .gart-cta p {
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:15.5px;
}
.kg .art-meer {
  background:var(--kg-papier);
  padding:80px 0 100px;
}
.kg .meer-kop {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:20px;
  margin-bottom:34px;
}
.kg .meer-kop h2 {
  font-family:var(--kg-kop);
  font-size:clamp(24px,3vw,34px) !important;
  color:var(--kg-donker);
}
.kg .meer-alles {
  font-family:var(--kg-kop);
  font-weight:600;
  font-size:15px;
  color:var(--kg-groen-donker);
}
.kg .meer-alles:hover {
  color:var(--kg-groen-diep);
}
.kg .meer-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.kg .meer-kaart {
  background:var(--kg-wit);
  border:1px solid var(--kg-lijn);
  border-radius:var(--kg-radius);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.kg .meer-kaart:hover {
  transform:translateY(-6px);
  box-shadow:0 16px 34px rgba(13,31,18,.12);
  border-color:var(--kg-jub-goud);
}
.kg .meer-kaart:hover .mk-beeld {
  transform:scale(1.04);
}
.kg .meer-kaart:hover .mk-lees .arrow {
  transform:translateX(5px);
}
.kg .art-meta {
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.kg .art-chip {
  display:inline-block;
  font-family:var(--kg-kop);
  font-size:11px;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
  padding:5px 12px;
  border-radius:999px;
  background:transparent;
  border:1px solid var(--kg-groen-donker);
  color:var(--kg-groen-donker);
}
.kg .art-dat {
  font-size:12.5px;
  color:var(--kg-grijs);
  font-family:var(--kg-kop);
  font-weight:600;
  letter-spacing:.04em;
}
.kg .art-kop {
  background:linear-gradient(160deg,#0D1F12 0%,#122a18 100%);
  color:#fff;
  padding:150px 0 46px;
}
.kg .art-kop-in {
  max-width:820px;
}
.kg .art-chips {
  display:flex;
  gap:8px;
  margin:22px 0 16px;
}
.kg .art-chip {
  display:inline-flex;
  align-items:center;
  padding:5px 14px;
  border-radius:999px;
  border:1px solid var(--kg-groen);
  color:var(--kg-groen);
  font-family:var(--kg-kop);
  font-weight:600;
  font-size:12.5px;
  letter-spacing:.04em;
}
.kg .art-chip-thema {
  border-color:var(--kg-jub-goud);
  color:var(--kg-jub-goud);
}
.kg a.art-chip {
  transition:background .2s,color .2s,transform .2s;
}
.kg a.art-chip:hover {
  background:var(--kg-groen);
  color:#0D1F12;
  transform:translateY(-1px);
}
.kg .art-kop h1 {
  color:#fff;
  font-family:var(--kg-kop);
  font-size:clamp(30px,4.4vw,52px) !important;
  line-height:1.08 !important;
  max-width:16ch;
}
.kg .art-lead {
  margin-top:18px;
  font-size:19px;
  line-height:1.55;
  color:rgba(255,255,255,.85);
  max-width:56ch;
}
.kg .art-meta {
  margin-top:20px;
  font-size:13.5px;
  color:rgba(255,255,255,.6);
}
.kg .art-meta .mdot {
  margin:0 10px;
}
.kg .art-beeldband {
  background:linear-gradient(180deg,#122a18 0%,#122a18 55%,var(--kg-wit) 55%);
}
.kg .art-beeld {
  position:relative;
  margin:0;
  max-width:920px;
  margin:0 auto;
}
.kg .art-beeld img {
  width:100%;
  height:440px;
  object-fit:cover;
  border-radius:var(--kg-radius);
  position:relative;
  z-index:1;
  transition:transform .5s ease,box-shadow .5s ease;
}
.kg .art-beeld:hover img {
  transform:scale(1.02);
  box-shadow:0 22px 48px rgba(13,31,18,.22);
}
.kg .art-beeld figcaption {
  margin-top:12px;
  font-size:12.5px;
  color:var(--kg-grijs);
}
.kg .art-body {
  background:var(--kg-wit);
  padding:70px 0 40px;
}
.kg .art-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:70px;
  align-items:start;
}
.kg .art-tekst {
  max-width:680px;
}
.kg .art-tekst p {
  margin-bottom:18px;
  font-size:17px;
  line-height:1.75;
}
.kg .art-tekst h2 {
  font-family:var(--kg-kop);
  font-size:clamp(22px,2.6vw,30px) !important;
  color:var(--kg-donker);
  margin:38px 0 14px;
}
.kg .art-tekst a {
  color:var(--kg-groen-donker);
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-thickness:1px;
}
.kg .art-tekst a:hover {
  color:var(--kg-groen-diep);
}
.kg .art-statement {
  margin:34px 0;
  padding:34px 38px;
  background:#0D1F12;
  border-radius:var(--kg-radius);
  text-align:center;
}
.kg .art-statement p {
  margin:0;
  font-family:var(--kg-kop);
  font-weight:700;
  font-size:clamp(19px,2.4vw,25px);
  line-height:1.5;
  color:#fff;
}
.kg .art-statement p br+* {
  color:var(--kg-jub-goud);
}
.kg .art-quote {
  margin:30px 0;
  padding:24px 28px;
  border-left:3px solid var(--kg-jub-goud);
  background:var(--kg-papier);
  border-radius:0 var(--kg-radius-s) var(--kg-radius-s) 0;
}
.kg .art-quote p {
  font-family:var(--kg-kop);
  font-weight:700;
  font-size:19px;
  line-height:1.55;
  color:var(--kg-donker);
  margin:0 0 10px;
}
.kg .art-quote cite {
  font-style:normal;
  font-size:13.5px;
  color:var(--kg-grijs);
}
.kg .art-over {
  margin-top:44px;
  padding-top:28px;
  border-top:1px solid var(--kg-lijn);
}
.kg .art-over h3 {
  font-family:var(--kg-kop);
  font-size:17px !important;
  color:var(--kg-donker);
  margin-bottom:10px;
}
.kg .art-over p {
  font-size:15.5px;
  color:var(--kg-grijs);
  margin:0;
}
.kg .art-pers {
  margin-top:22px;
  padding:18px 22px;
  background:var(--kg-papier);
  border-radius:var(--kg-radius-s);
}
.kg .art-pers p {
  margin:0;
  font-size:14.5px;
  color:var(--kg-tekst);
}
.kg .art-zijbalk {
  position:sticky;
  top:110px;
}
.kg .art-beeld img {
  object-position:center 40%;
  height:560px;
}
.kg .art-beeld-kader {
  position:relative;
  display:block;
}
.kg .art-beeld figcaption {
  margin-top:30px;
}

@media(max-width:1080px) {
  .kg .art-grid {
    grid-template-columns:1fr;
    gap:44px;
  }
  .kg .art-zijbalk {
    position:static;
  }
}

@media(max-width:980px) {
  .kg .gart-kop {
    padding:120px 0 28px;
  }
  .kg .gart-beeld img {
    height:280px;
  }
  .kg .gart-cta {
    padding:26px 24px;
  }
  .kg .meer-grid {
    grid-template-columns:1fr;
  }
  .kg .art-kop {
    padding:120px 0 38px;
  }
  .kg .art-beeld img {
    height:300px;
  }
  .kg .art-body {
    padding:52px 0 28px;
  }
}