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

.kg .faq {
  background:var(--kg-wit);
}
.kg .faq-list {
  margin-top:10px;
}
.kg .faq-item {
  border-top:1px solid var(--kg-lijn);
}
.kg .faq-item:last-child {
  border-bottom:1px solid var(--kg-lijn);
}
.kg .faq-ic {
  width:34px;
  height:34px;
  flex:none;
  border-radius:50%;
  border:1.5px solid var(--kg-groen-donker);
  color:var(--kg-groen-donker);
  display:grid;
  place-items:center;
  transition:.25s;
}
.kg .faq-ic svg {
  width:15px;
  height:15px;
  transition:.25s;
}
.kg .faq-item.open .faq-ic {
  background:var(--kg-groen-donker);
  color:#fff;
}
.kg .faq-item.open .faq-ic svg {
  transform:rotate(45deg);
}
.kg .faq-a {
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .32s ease;
}
.kg .faq-item.open .faq-a {
  grid-template-rows:1fr;
}
.kg .faq-a-in {
  overflow:hidden;
}
.kg .faq-a p {
  color:var(--kg-grijs);
  font-size:16px;
  max-width:72ch;
  padding:0 2px 26px;
}
.kg .faq-a a {
  color:var(--kg-groen-donker);
  font-weight:600;
}
.kg .faq-nog {
  margin-top:34px;
  font-size:15.5px;
  color:var(--kg-grijs);
}
.kg .faq-nog a {
  font-family:var(--kg-kop);
  font-weight:700;
  color:var(--kg-groen-donker);
}
.kg .faq-nog a:hover {
  color:var(--kg-groen-diep);
}
.kg .faq {
  background:var(--kg-papier);
}