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

.kg .uitgelicht {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:26px;
  margin-bottom:26px;
}
.kg .nkaart .thumb {
  aspect-ratio:16/9;
}
.kg .ukaart .body h3 {
  font-size:clamp(19px,1.9vw,24px) !important;
}
.kg .ukaart .excerpt {
  font-size:15px;
}
.kg .nkaart .body {
  display:flex;
  flex-direction:column;
}
.kg .nkaart .body h3 {
  margin-top:12px;
}
.kg .nkaart .excerpt {
  margin-top:8px;
  font-size:14.5px;
  color:var(--kg-grijs);
  line-height:1.65;
}
.kg .nkaart .go {
  margin-top:auto;
  padding-top:14px;
}
.kg .themabar {
  margin-top:14px;
  padding-top:16px;
  border-top:1px solid var(--kg-lijn);
}
.kg .themabar .fbtn {
  font-size:12.5px;
  padding:7px 14px;
}
.kg .nkaart .thumb {
  overflow:hidden;
}
.kg .nkaart .thumb img {
  transition:transform .8s ease;
}
.kg .nkaart:hover .thumb img {
  transform:scale(1.05);
}
.kg .nkaart:hover {
  transform:translateY(-4px);
  box-shadow:0 18px 44px rgba(21,23,15,.12);
}
.kg .nkaart {
  transition:transform .25s,box-shadow .25s;
}
.kg .nkaart .go .arrow {
  display:inline-block;
  transition:transform .25s;
}
.kg .nkaart:hover .go .arrow {
  transform:translateX(4px);
}
.kg .brief {
  background:var(--kg-wit);
  color:var(--kg-donker);
  position:relative;
  border-top:1px solid var(--kg-lijn);
}
.kg .brief .wrap {
  position:relative;
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:40px;
  align-items:center;
}
.kg .brief h2 {
  font-size:clamp(22px,2.6vw,32px) !important;
  font-weight:800 !important;
  letter-spacing:-.015em;
}
.kg .brief p {
  margin-top:10px;
  color:var(--kg-grijs);
  max-width:52ch;
}
.kg .brief form {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.kg .brief input[type=email] {
  flex:1;
  min-width:220px;
  padding:15px 20px;
  border-radius:999px;
  border:1px solid var(--kg-lijn);
  background:#fff;
  color:var(--kg-donker);
  font-size:15px;
  font-family:var(--kg-tekst);
}
.kg .brief input[type=email]::placeholder {
  color:var(--kg-grijs);
}
.kg .brief .privacy {
  margin-top:12px;
  font-size:12.5px;
  color:var(--kg-grijs);
}

@media(max-width:980px) {
  .kg .brief .wrap {
    grid-template-columns:1fr;
    gap:22px;
  }
}

@media(max-width:820px) {
  .kg .uitgelicht {
    grid-template-columns:1fr;
  }
}