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

.kg .rev-head {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
  margin-bottom:40px;
  flex-wrap:wrap;
}
.kg .rev-nav {
  display:flex;
  gap:10px;
}
.kg .rev-nav button {
  width:46px;
  height:46px;
  border-radius:50%;
  border:1.5px solid var(--kg-lijn);
  background:#fff;
  cursor:pointer;
  font-size:18px;
  color:var(--kg-groen-donker);
  transition:.18s;
  display:grid;
  place-items:center;
}
.kg .rev-nav button:hover {
  background:var(--kg-groen-donker);
  color:#fff;
  border-color:var(--kg-groen-donker);
}
.kg .rev-track {
  display:flex;
  gap:22px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  padding-bottom:6px;
  scrollbar-width:none;
}
.kg .rev-track::-webkit-scrollbar {
  display:none;
}
.kg .review {
  flex:0 0 340px;
  scroll-snap-align:start;
  border:1px solid var(--kg-lijn);
  border-radius:var(--kg-radius);
  padding:28px;
  display:flex;
  flex-direction:column;
  gap:14px;
  background:#fff;
  transition:.24s;
}
.kg .review:hover {
  transform:translateY(-4px);
  box-shadow:0 14px 34px rgba(21,23,15,.09);
  border-color:var(--kg-goud-licht);
}
.kg .review .quote-t {
  font-family:var(--kg-kop);
  font-weight:700;
  font-size:18px;
  color:var(--kg-donker);
  line-height:1.3;
}
.kg .review p {
  font-size:14px;
  color:var(--kg-grijs);
}
.kg .review .who {
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:auto;
  padding-top:10px;
  border-top:1px solid var(--kg-lijn);
}
.kg .review .who img {
  width:46px;
  height:46px;
  border-radius:50%;
  object-fit:cover;
}
.kg .review .who .naam {
  font-family:var(--kg-kop);
  font-weight:700;
  font-size:14px;
  color:var(--kg-donker);
}
.kg .review .who .func {
  font-size:12px;
  color:var(--kg-grijs);
}
.kg .rev-track {
  margin-right:calc(50% - 50vw);
  padding-right:max(28px,calc(50vw - 50%));
  -webkit-mask-image:linear-gradient(to right,#000 calc(100% - 90px),transparent 100%);
  mask-image:linear-gradient(to right,#000 calc(100% - 90px),transparent 100%);
}