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

.kg .ill-tag {
  position:absolute;
  bottom:8px;
  right:8px;
  background:rgba(21,23,15,.72);
  color:#fff;
  font-family:var(--kg-kop);
  font-size:10px;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-weight:700;
  padding:3px 8px;
  border-radius:6px;
}
.kg .wb-dotnav {
  position:fixed;
  right:26px;
  top:50%;
  transform:translateY(-50%);
  z-index:60;
  display:flex;
  flex-direction:column;
  gap:16px;
}
.kg .wb-dot {
  position:relative;
  width:12px;
  height:12px;
  border-radius:50%;
  border:2px solid var(--kg-goud);
  background:transparent;
  cursor:pointer;
  padding:0;
  transition:background .25s,transform .25s;
}
.kg .wb-dot:hover {
  transform:scale(1.25);
}
.kg .wb-dot.actief {
  background:var(--kg-goud);
}
.kg .wb-dot .lbl {
  position:absolute;
  right:24px;
  top:50%;
  transform:translateY(-50%);
  white-space:nowrap;
  font-family:var(--kg-kop);
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  color:var(--kg-donker);
  background:#fff;
  border:1px solid var(--kg-lijn);
  border-radius:100px;
  padding:5px 13px;
  opacity:0;
  pointer-events:none;
  transition:opacity .2s;
  box-shadow:0 6px 18px rgba(21,23,15,.12);
}
.kg .wb-dot:hover .lbl,
.kg .wb-dot:focus-visible .lbl {
  opacity:1;
}
.kg .wb-dot:focus-visible {
  outline:2px solid var(--kg-goud);
  outline-offset:3px;
}
.kg .wb-hero {
  position:relative;
  min-height:100vh;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:
    radial-gradient(900px 650px at 8% 112%,rgba(201,169,98,.13),transparent 56%),
    linear-gradient(170deg,#FFFFFF 0%,#F7F5F0 100%);
  padding:120px 0 90px;
}
.kg .wb-paneel {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  width:56%;
  background:linear-gradient(200deg,#12291a 0%,var(--kg-donker) 60%,#0a1a0f 100%);
  clip-path:polygon(22% 0,100% 0,100% 100%,4% 100%);
}
.kg .wb-paneel .merk {
  position:absolute;
  right:-14%;
  top:-18%;
  width:620px;
  height:620px;
  border:2px solid rgba(201,169,98,.16);
  transform:rotate(45deg);
}
.kg .wb-paneel .merk::after {
  content:"";
  position:absolute;
  inset:70px;
  border:2px solid rgba(0,166,81,.18);
}
.kg .wb-paneel .merk::before {
  content:"";
  position:absolute;
  inset:140px;
  border:2px solid rgba(255,255,255,.05);
}
.kg .wb-paneel .gloed {
  position:absolute;
  left:0;
  bottom:0;
  width:70%;
  height:55%;
  background:radial-gradient(closest-side,rgba(0,166,81,.14),transparent);
}
.kg .wb-heli {
  position:absolute;
  width:135%;
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(201,169,98,.75),transparent);
  pointer-events:none;
  transform:rotate(-7deg);
}
.kg .wb-heli.h2x {
  bottom:16%;
  left:-12%;
  opacity:.7;
}
.kg .wb-hero .wrap {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:70px;
  align-items:center;
}
.kg .wb-hero .crumbs {
  margin-bottom:0;
}
.kg .wb-hero .crumbs a {
  color:rgba(13,31,18,.6);
}
.kg .wb-hero .crumbs a:hover {
  color:var(--kg-donker);
}
.kg .wb-hero .crumbs .sep {
  color:rgba(13,31,18,.35);
}
.kg .wb-hero .crumbs [aria-current] {
  color:var(--kg-donker);
}
.kg .wb-kicker {
  font-family:var(--kg-kop);
  font-size:12.5px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--kg-goud);
  margin:18px 0;
}
.kg .wb-hero h1 {
  font-family:var(--kg-kop);
  font-weight:800 !important;
  font-size:clamp(46px,6vw,80px) !important;
  line-height:1.0 !important;
  letter-spacing:-.025em;
  color:var(--kg-donker);
}
.kg .wb-hero h1 .groen {
  color:var(--kg-groen-donker);
}
.kg .wb-hero .sub {
  margin-top:18px;
  font-size:clamp(16px,1.5vw,19px);
  color:var(--kg-grijs);
  max-width:42ch;
  line-height:1.65;
}
.kg .wb-collegas {
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:28px;
}
.kg .wb-koppen {
  display:flex;
}
.kg .wb-koppen .kp {
  width:52px;
  height:52px;
  border-radius:50%;
  border:2.5px solid var(--kg-goud);
  overflow:hidden;
  box-shadow:0 4px 14px rgba(21,23,15,.15);
  margin-left:-14px;
  position:relative;
  background:var(--kg-lijn);
  transition:transform .25s,box-shadow .25s,z-index 0s;
}
.kg .wb-koppen .kp:hover {
  transform:translateY(-7px) scale(1.14);
  box-shadow:0 12px 26px rgba(21,23,15,.25);
  z-index:3;
}
.kg .wb-koppen .kp:first-child {
  margin-left:0;
}
.kg .wb-koppen .kp img {
  width:100%;
  height:100%;
  object-fit:cover;
}
.kg .wb-koppen .kp.meer {
  background:#0D1F12;
  color:var(--kg-goud);
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--kg-kop);
  font-weight:800;
  font-size:13px;
}
.kg .wb-collegas .ct {
  font-size:14.5px;
  color:var(--kg-grijs);
  line-height:1.45;
}
.kg .wb-collegas .ct b {
  font-family:var(--kg-kop);
  color:var(--kg-donker);
}
.kg .wb-hero .hero-cta {
  margin-top:26px;
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  align-items:center;
}
.kg .wb-tlink {
  font-family:var(--kg-kop);
  font-weight:700;
  font-size:14.5px;
  color:var(--kg-donker);
  text-decoration:none;
  border-bottom:1.5px solid var(--kg-goud);
  padding-bottom:2px;
}
.kg .wb-tlink:hover {
  color:var(--kg-groen-donker);
}
.kg .wb-scroll {
  position:absolute;
  bottom:20px;
  left:50%;
  transform:translateX(-50%);
  z-index:3;
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-family:var(--kg-kop);
  font-size:12px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--kg-grijs);
  background:none;
  border:none;
  cursor:pointer;
}
.kg .wb-scroll .pijltje {
  width:26px;
  height:40px;
  border:2px solid rgba(13,31,18,.35);
  border-radius:14px;
  display:flex;
  justify-content:center;
  padding-top:7px;
}
.kg .wb-scroll .pijltje::after {
  content:"";
  width:4px;
  height:8px;
  border-radius:2px;
  background:var(--kg-goud);
  animation:wbscroll 1.8s ease-in-out infinite;
}
.kg .wb-scroll:hover {
  color:var(--kg-donker);
}
.kg .wb-testkant {
  position:relative;
  display:flex;
  align-items:stretch;
}
.kg .wb-testkant::before {
  content:"";
  position:absolute;
  inset:-12px;
  border:2px solid rgba(201,169,98,.7);
  border-radius:26px;
}
.kg .wb-kaart {
  position:relative;
  width:100%;
  background:#fff;
  border:1px solid var(--kg-lijn);
  border-radius:20px;
  padding:34px 34px 28px;
  min-height:440px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  box-shadow:0 34px 80px rgba(0,0,0,.35);
}
.kg .wb-kaart .glans {
  position:absolute;
  inset:-3px;
  border-radius:22px;
  pointer-events:none;
  box-shadow:0 0 0 0 rgba(201,169,98,0);
  animation:wbgloed 3.6s ease-in-out infinite;
}
.kg .wb-badge {
  position:absolute;
  top:-16px;
  right:26px;
  background:var(--kg-groen);
  color:#fff;
  font-family:var(--kg-kop);
  font-weight:800;
  font-size:12px;
  letter-spacing:.1em;
  text-transform:uppercase;
  padding:9px 16px;
  border-radius:100px;
  box-shadow:0 8px 20px rgba(0,166,81,.4);
}
.kg .wb-vraagnr {
  font-family:var(--kg-kop);
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--kg-goud);
  margin-bottom:10px;
}
.kg .wb-vraag {
  font-family:var(--kg-kop);
  font-weight:800;
  font-size:clamp(20px,2.2vw,26px);
  margin-bottom:20px;
  letter-spacing:-.01em;
  color:var(--kg-donker);
}
.kg .wb-opties {
  display:flex;
  flex-direction:column;
  gap:11px;
}
.kg .wb-optie {
  appearance:none;
  border:1.5px solid var(--kg-lijn);
  background:#fff;
  color:var(--kg-donker);
  font-family:var(--kg-kop);
  font-weight:600;
  font-size:15.5px;
  text-align:left;
  padding:15px 19px;
  border-radius:12px;
  cursor:pointer;
  transition:border-color .2s,background .2s,transform .2s;
  display:flex;
  align-items:center;
  gap:12px;
}
.kg .wb-optie .pijl {
  margin-left:auto;
  opacity:0;
  transition:.2s;
  color:var(--kg-groen);
}
.kg .wb-optie:hover {
  border-color:var(--kg-groen);
  background:rgba(0,166,81,.05);
  transform:translateX(4px);
}
.kg .wb-optie:hover .pijl {
  opacity:1;
}
.kg .wb-optie:focus-visible {
  outline:2px solid var(--kg-groen-donker);
  outline-offset:2px;
}
.kg .wb-optie.gekozen {
  border-color:var(--kg-groen);
  background:rgba(0,166,81,.14);
  transform:translateX(4px);
}
.kg .wb-voortgang {
  display:flex;
  gap:8px;
  margin-top:22px;
}
.kg .wb-voortgang span {
  height:4px;
  flex:1;
  background:var(--kg-lijn);
  border-radius:2px;
  transition:background .3s;
}
.kg .wb-voortgang span.aan {
  background:var(--kg-goud);
}
.kg .wb-vacpill {
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:var(--kg-kop);
  font-size:11.5px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--kg-groen-donker);
  background:rgba(0,166,81,.09);
  border:1px solid rgba(0,166,81,.35);
  border-radius:100px;
  padding:6px 14px;
  margin-bottom:12px;
}
.kg .wb-vacpill::before {
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--kg-groen);
}
.kg .wb-resultaat .wb-profiel {
  font-family:var(--kg-kop);
  font-weight:800;
  font-size:clamp(24px,2.8vw,31px);
  color:var(--kg-groen-donker);
  letter-spacing:-.015em;
  margin-bottom:10px;
}
.kg .wb-resultaat p {
  color:var(--kg-grijs);
  font-size:15.5px;
  max-width:52ch;
}
.kg .wb-resultaat .acties {
  display:flex;
  gap:11px;
  flex-wrap:wrap;
  margin-top:20px;
}
.kg .wb-opnieuw {
  background:none;
  border:none;
  color:var(--kg-grijs);
  font-family:var(--kg-kop);
  font-size:13px;
  cursor:pointer;
  margin-top:14px;
  text-decoration:underline;
  text-underline-offset:3px;
  padding:0;
}
.kg .wb-opnieuw:hover {
  color:var(--kg-goud);
}
.kg .wb-hfd {
  position:relative;
  padding:104px 0;
}
.kg .wb-hoofdstuk {
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:12px;
}
.kg .wb-hoofdstuk .hnr {
  font-family:var(--kg-kop);
  font-weight:800;
  font-size:13px;
  color:var(--kg-donker);
  background:var(--kg-goud);
  width:34px;
  height:34px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.kg .wb-hoofdstuk .hlbl {
  font-family:var(--kg-kop);
  font-size:12.5px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--kg-goud);
}
.kg .wb-hoofdstuk::after {
  content:"";
  flex:1;
  height:1px;
  background:linear-gradient(90deg,rgba(201,169,98,.6),transparent);
}
.kg .wb-kop {
  font-family:var(--kg-kop);
  font-weight:800;
  font-size:clamp(28px,3.4vw,44px);
  line-height:1.08;
  letter-spacing:-.02em;
  color:var(--kg-donker);
}
.kg .wb-kop .groen {
  color:var(--kg-groen);
}
.kg .wb-lead {
  margin-top:14px;
  color:var(--kg-grijs);
  font-size:16.5px;
  max-width:56ch;
  line-height:1.7;
}
.kg .wb-h-verhaal {
  background:linear-gradient(180deg,#fff,var(--kg-papier));
}
.kg .wb-h-verhaal .duo {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:64px;
  align-items:start;
  margin-top:8px;
}
.kg .wb-tellerkaart {
  position:relative;
  background:linear-gradient(200deg,#12291a,var(--kg-donker));
  color:#fff;
  border-radius:18px;
  padding:46px 44px;
  overflow:hidden;
  transition:transform .3s,box-shadow .3s;
}
.kg .wb-tellerkaart:hover {
  transform:translateY(-4px);
  box-shadow:0 24px 60px rgba(13,31,18,.25);
}
.kg .wb-tellerkaart::before {
  content:"";
  position:absolute;
  right:-16%;
  top:-24%;
  width:340px;
  height:340px;
  border:2px solid rgba(201,169,98,.18);
  transform:rotate(45deg);
}
.kg .wb-tellerkaart .tl {
  font-family:var(--kg-kop);
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--kg-goud);
}
.kg .wb-dagenteller {
  white-space:nowrap;
  font-family:var(--kg-kop);
  font-weight:800;
  font-size:clamp(36px,5vw,66px);
  letter-spacing:-.02em;
  line-height:1.05;
  font-variant-numeric:tabular-nums;
  margin:10px 0 4px;
}
.kg .wb-dagenteller .dagen {
  color:var(--kg-goud);
}
.kg .wb-dagenteller .tel,
.kg .wb-minifeit .tel {
  display:inline-block;
  font-variant-numeric:tabular-nums;
}
.kg .wb-teller-sub {
  color:rgba(255,255,255,.8);
  font-size:15.5px;
}
.kg .wb-minifeiten {
  display:flex;
  gap:26px;
  margin-top:26px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.15);
  flex-wrap:wrap;
}
.kg .wb-minifeit .g {
  font-family:var(--kg-kop);
  font-weight:800;
  font-size:24px;
  color:#fff;
}
.kg .wb-minifeit .g .plus {
  color:var(--kg-goud);
}
.kg .wb-minifeit .l {
  font-size:12.5px;
  color:rgba(255,255,255,.65);
  margin-top:2px;
}
.kg .wb-h-werkplek {
  background:#fff;
}
.kg .wb-wptabs {
  display:flex;
  gap:14px;
  margin:30px 0 26px;
  flex-wrap:wrap;
}
.kg .wb-wptab {
  appearance:none;
  font-family:var(--kg-kop);
  font-weight:800;
  font-size:16px;
  padding:15px 28px;
  border-radius:100px;
  border:1.5px solid var(--kg-lijn);
  background:#fff;
  color:var(--kg-donker);
  cursor:pointer;
  transition:.22s;
}
.kg .wb-wptab:hover {
  border-color:var(--kg-goud);
  transform:translateY(-2px);
}
.kg .wb-wptab.actief {
  background:#0D1F12;
  border-color:var(--kg-donker);
  color:#fff;
}
.kg .wb-wptab:focus-visible {
  outline:2px solid var(--kg-groen-donker);
  outline-offset:2px;
}
.kg .wb-wppaneel {
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:52px;
  align-items:center;
  background:var(--kg-papier);
  border:1px solid var(--kg-lijn);
  border-radius:18px;
  padding:44px;
  min-height:420px;
}
.kg .wb-wprollen {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:16px;
  min-height:34px;
}
.kg .fpill {
  display:inline-flex;
  align-items:center;
  font-family:var(--kg-kop);
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.03em;
  line-height:1;
  padding:7px 12px;
  border-radius:100px;
  background:#fff;
  border:1px solid rgba(201,169,98,.6);
  color:var(--kg-donker);
  white-space:nowrap;
}
.kg .wb-wppaneel h3 {
  font-size:clamp(21px,2.4vw,28px) !important;
  font-weight:800 !important;
  letter-spacing:-.01em;
  margin-bottom:16px;
  min-height:1.2em;
}
.kg .wb-wplijst {
  display:flex;
  flex-direction:column;
  gap:12px;
  min-height:180px;
}
.kg .wb-wppunt {
  display:flex;
  gap:14px;
  align-items:baseline;
}
.kg .wb-wppunt .bol {
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--kg-goud);
  flex-shrink:0;
  transform:translateY(-1px);
}
.kg .wb-wppunt p {
  color:var(--kg-grijs);
  font-size:15.5px;
}
.kg .wb-wppunt p b {
  font-family:var(--kg-kop);
  color:var(--kg-donker);
  font-weight:700;
}
.kg .wb-wpbeeld {
  position:relative;
}
.kg .wb-wpbeeld .frame {
  position:relative;
}
.kg .wb-wpbeeld img {
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  border-radius:14px;
}
.kg .wb-h-mensen {
  background:linear-gradient(200deg,#12291a 0%,var(--kg-donker) 65%,#0a1a0f 100%);
}
.kg .wb-h-mensen .wb-kop {
  color:#fff;
}
.kg .wb-h-mensen .wb-kop .groen {
  color:var(--kg-goud);
}
.kg .wb-h-mensen .wb-lead {
  color:rgba(255,255,255,.78);
}
.kg .wb-h-mensen .wb-hoofdstuk .hnr {
  color:var(--kg-donker);
}
.kg .wb-h-mensen .wb-meer {
  color:#fff;
  border-color:rgba(201,169,98,.8);
}
.kg .wb-h-mensen .wb-meer:hover {
  background:rgba(201,169,98,.15);
  border-color:var(--kg-goud);
}
.kg .wb-mensgrid {
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:24px;
  margin-top:30px;
}
.kg .wb-mens {
  position:relative;
  border-radius:16px;
  overflow:hidden;
  min-height:330px;
}
.kg .wb-mens img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .6s ease;
}
.kg .wb-mens:hover img {
  transform:scale(1.04);
}
.kg .wb-mens::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 35%,rgba(13,31,18,.88) 100%);
}
.kg .wb-mens::before {
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(201,169,98,.5);
  border-radius:10px;
  z-index:2;
  pointer-events:none;
}
.kg .wb-mens .mq {
  position:absolute;
  left:26px;
  right:26px;
  bottom:22px;
  z-index:2;
}
.kg .wb-mens .mq .q {
  font-size:16px;
  line-height:1.55;
  color:#fff;
}
.kg .wb-mens .mq .wie {
  margin-top:10px;
  font-family:var(--kg-kop);
  font-size:12px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--kg-goud);
}
.kg .wb-mens.breed {
  grid-column:1/-1;
  min-height:290px;
}
.kg .wb-mens.breed .mq {
  max-width:64ch;
}
.kg .wb-meerwrap {
  text-align:center;
  margin-top:28px;
}
.kg .wb-meer {
  font-family:var(--kg-kop);
  font-weight:700;
  font-size:14.5px;
  color:var(--kg-donker);
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(201,169,98,.7);
  border-radius:100px;
  padding:11px 22px;
  transition:gap .2s,border-color .2s,background .2s;
}
.kg .wb-meer:hover {
  gap:12px;
  border-color:var(--kg-goud);
  background:rgba(201,169,98,.08);
}
.kg .wb-h-krijgt {
  background:#fff;
}
.kg .wb-beloftegrid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  margin-top:34px;
}
.kg .wb-belofte {
  background:var(--kg-papier);
  border:1px solid var(--kg-lijn);
  border-radius:16px;
  padding:28px;
  position:relative;
  overflow:hidden;
  transition:transform .25s,box-shadow .25s,border-color .25s;
}
.kg .wb-belofte::before {
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:var(--kg-goud);
  opacity:0;
  transition:.25s;
}
.kg .wb-belofte:hover {
  transform:translateY(-4px);
  box-shadow:0 18px 44px rgba(21,23,15,.08);
  border-color:rgba(201,169,98,.5);
}
.kg .wb-belofte:hover::before {
  opacity:1;
}
.kg .wb-belofte .bn {
  font-family:var(--kg-kop);
  font-weight:800;
  font-size:22px;
  color:var(--kg-goud);
  letter-spacing:.04em;
  display:inline-block;
  transition:color .25s,transform .25s;
  transform-origin:left bottom;
}
.kg .wb-belofte:hover .bn {
  color:var(--kg-groen);
  transform:scale(1.35);
}
.kg .wb-belofte h3 {
  font-size:18.5px !important;
  font-weight:800 !important;
  margin:8px 0 8px;
  letter-spacing:-.01em;
  transition:color .25s;
}
.kg .wb-belofte:hover {
  background:#fff;
}
.kg .wb-belofte:hover h3 {
  color:var(--kg-groen-donker);
}
.kg .wb-belofte p {
  font-size:14.5px;
  color:var(--kg-grijs);
}
.kg .wb-h-vac {
  background:linear-gradient(180deg,var(--kg-papier),#fff);
}
.kg .wb-vacgrid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
  margin-top:34px;
}
.kg .wb-vac {
  background:#fff;
  border:1px solid var(--kg-lijn);
  border-radius:16px;
  padding:32px;
  display:flex;
  flex-direction:column;
  gap:12px;
  transition:transform .25s,box-shadow .25s,border-color .25s;
}
.kg .wb-vac:hover {
  transform:translateY(-4px);
  box-shadow:0 18px 44px rgba(21,23,15,.08);
  border-color:rgba(0,166,81,.4);
}
.kg .wb-vac:hover h3 {
  color:var(--kg-groen-donker);
}
.kg .wb-vac h3 {
  transition:color .25s;
}
.kg .wb-vac .vtag {
  font-family:var(--kg-kop);
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--kg-goud);
  transition:color .25s;
}
.kg .wb-vac:hover .vtag {
  color:var(--kg-groen-donker);
}
.kg .wb-vac h3 {
  font-size:22px !important;
  font-weight:800 !important;
  letter-spacing:-.01em;
}
.kg .wb-vac .feit {
  font-size:15px;
  color:var(--kg-grijs);
  flex:1;
}
.kg .wb-vaclink {
  font-family:var(--kg-kop);
  font-weight:700;
  font-size:15px;
  color:var(--kg-groen-donker);
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  border-bottom:1.5px solid var(--kg-groen);
  padding-bottom:2px;
  align-self:flex-start;
  transition:gap .2s,color .2s;
}
.kg .wb-vaclink:hover {
  gap:12px;
  color:var(--kg-groen);
}
.kg .wb-vaclink:focus-visible,
.kg .wb-meer:focus-visible,
.kg .wb-tlink:focus-visible,
.kg .wb-scroll:focus-visible {
  outline:2px solid var(--kg-groen-donker);
  outline-offset:3px;
  border-radius:6px;
}
.kg .wb-vac.open-vac {
  background:var(--kg-papier);
  border:1.5px dashed rgba(201,169,98,.7);
}
.kg .wb-minuut {
  margin-top:36px;
  background:#fff;
  border:1px solid var(--kg-lijn);
  border-left:3px solid var(--kg-groen);
  border-radius:16px;
  padding:34px 38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  flex-wrap:wrap;
}
.kg .wb-minuut .t h3 {
  font-size:21px !important;
  font-weight:800 !important;
  margin-bottom:6px;
}
.kg .wb-minuut .t p {
  font-size:15px;
  color:var(--kg-grijs);
  max-width:56ch;
}

@media(max-width:1180px) {
  .kg .wb-dotnav {
    right:14px;
  }
}

@media(max-width:980px) {
  .kg .wb-dotnav {
    display:none;
  }
  .kg .wb-hero {
    min-height:0;
    padding:110px 0 130px;
  }
  .kg .wb-hero .wrap {
    grid-template-columns:1fr;
    gap:44px;
  }
  .kg .wb-paneel {
    top:auto;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:44%;
    clip-path:polygon(0 10%,100% 0,100% 100%,0 100%);
  }
  .kg .wb-paneel .merk {
    width:380px;
    height:380px;
    right:-30%;
    top:-30%;
  }
  .kg .wb-kaart {
    min-height:0;
    transform:none;
  }
  .kg .wb-testkant::before {
    display:none;
  }
  .kg .wb-scroll {
    display:none;
  }
  .kg .wb-h-verhaal .duo,
  .kg .wb-wppaneel {
    grid-template-columns:1fr;
    gap:36px;
  }
  .kg .wb-wppaneel {
    padding:28px;
    min-height:0;
  }
  .kg .wb-wplijst {
    min-height:0;
  }
  .kg .wb-mensgrid {
    grid-template-columns:1fr;
  }
  .kg .wb-mens,
  .kg .wb-mens.breed {
    min-height:280px;
  }
  .kg .wb-beloftegrid {
    grid-template-columns:1fr;
  }
  .kg .wb-vacgrid {
    grid-template-columns:1fr;
  }
}

@media(prefers-reduced-motion:reduce) {
  .kg .wb-scroll .pijltje::after {
    animation:none;
  }
  .kg .wb-kaart .glans {
    animation:none;
  }
}