:root{ --pe-green:#133225; --pe-orange:#df6a3e; --pe-beige:#f9eee2; --pe-white:#fff; }

/* basics */
body.page-template-page-word-klant .pe-kicker{ color:var(--pe-orange); text-transform:uppercase; letter-spacing:.06em; font-weight:700; margin:0 0 6px; }
body.page-template-page-word-klant .pe-title{ color:var(--pe-green); font-size: clamp(28px,3.6vw,44px); margin:.1rem 0 .6rem; line-height:1.1; }
body.page-template-page-word-klant .pe-h2{ color:var(--pe-green); font-size: clamp(20px,2.4vw,28px); margin: 0 0 10px; }
body.page-template-page-word-klant .pe-intro{ color:#2a3a31; max-width:65ch; margin:0 0 14px; line-height: 25px;}
body.page-template-page-word-klant .pe-btn{ display:inline-flex; align-items:center; justify-content:center; border-radius:999px; padding:10px 16px; font-weight:700; background:var(--pe-orange); color:#fff; text-decoration:none; box-shadow:0 8px 20px rgba(223,106,62,.20); }
body.page-template-page-word-klant .pe-btn:hover{ transform:translateY(-1px); box-shadow:0 12px 24px rgba(223,106,62,.28); }
body.page-template-page-word-klant .pe-btn--outline{ background:transparent; color:var(--pe-green); border:2px solid var(--pe-green); box-shadow:none; }

/* hero */
body.page-template-page-word-klant .wk-hero--beige{ background:var(--pe-beige); }
body.page-template-page-word-klant .wk-hero--white{ background:var(--pe-white); }
body.page-template-page-word-klant .wk-hero__wrap{ max-width:1200px; margin:0 auto; padding: clamp(28px,6vw,72px) 20px;
  display:grid; grid-template-columns: 1.2fr .8fr; gap: clamp(18px,3vw,28px); align-items:start; }
@media (max-width:980px){ body.page-template-page-word-klant .wk-hero__wrap{ grid-template-columns:1fr; } }

body.page-template-page-word-klant .wk-hero__bullets{ list-style:none; padding:0; margin:10px 0 14px; display:grid; gap:8px; }
body.page-template-page-word-klant .wk-hero__bullets li{ display:flex; gap:8px; align-items:flex-start; }
body.page-template-page-word-klant .wk-hero__bullets li::before{ content:''; width:8px; height:8px; border-radius:50%; background:var(--pe-orange); margin-top:.6em; }

body.page-template-page-word-klant .wk-hero__cta{ display:flex; gap:10px; flex-wrap:wrap; }

/* sticky form */
body.page-template-page-word-klant .wk-form{ position:sticky; top:84px; background:#fff; border:1px solid rgba(19,50,37,.12); border-radius:16px; padding:16px; box-shadow:0 12px 36px rgba(0,0,0,.06); }
body.page-template-page-word-klant .wk-form__intro{ margin:.2rem 0 .8rem; color:#2a3a31; line-height: 25px;}
body.page-template-page-word-klant .wk-form__meta{ list-style:none; margin:10px 0 0; padding:0; display:grid; gap:6px; color:#2a3a31; }
body.page-template-page-word-klant .wk-form__meta li a { color: #df6a3e; }

/* GF look */
body.page-template-page-word-klant .pe-gf .gform_wrapper{ --gap:10px; }
body.page-template-page-word-klant .pe-gf .gform_fields{ display:grid; gap:var(--gap); }
body.page-template-page-word-klant .pe-gf .gfield_label{ font-weight:700; color:var(--pe-green); margin-bottom:6px; }
body.page-template-page-word-klant .pe-gf input[type="text"], .pe-gf input[type="email"], .pe-gf input[type="tel"], .pe-gf select, .pe-gf textarea{
  width:100%; border-radius:12px; border:1px solid rgba(19,50,37,.18); padding:10px 12px; background:#fff; font:inherit;
}
body.page-template-page-word-klant .pe-gf .gform_button{ border:0; border-radius:999px; padding:10px 16px; font-weight:700; background:var(--pe-orange); color:#fff; cursor:pointer; }
body.page-template-page-word-klant .pe-gf .gform_button:hover{ transform:translateY(-1px); }

/* stats + logos */
body.page-template-page-word-klant .wk-stats{ list-style:none; margin:14px 0 0; padding:0; display:flex; gap:18px; flex-wrap:wrap; }
body.page-template-page-word-klant .wk-stats__num{ color:var(--pe-green); font-weight:900; font-size: clamp(22px,2.6vw,30px); margin-right:6px; }
body.page-template-page-word-klant .wk-stats__lab{ color:#2a3a31; font-weight:600; }
body.page-template-page-word-klant .wk-logos{ border-top:1px solid rgba(19,50,37,.1); }
body.page-template-page-word-klant .wk-logos__wrap{ max-width:1200px; margin:0 auto; padding: 12px 20px 18px; display:flex; gap:14px; align-items:center; flex-wrap:wrap; }
body.page-template-page-word-klant .wk-logos__lead{ color:#415348; font-weight:700; margin-right:6px; }
body.page-template-page-word-klant .wk-logos__list{ list-style:none; padding:0; margin:0; display:flex; gap:16px; flex-wrap:wrap; }
body.page-template-page-word-klant .wk-logos__list img{ height:28px; width:auto; filter:grayscale(100%); opacity:.85; }

/* benefits */
body.page-template-page-word-klant .wk-bens--white{ background:var(--pe-white); }
body.page-template-page-word-klant .wk-bens--beige{ background:var(--pe-beige); }
body.page-template-page-word-klant .wk-bens__wrap{ max-width:1200px; margin:0 auto; padding: clamp(24px,6vw,64px) 20px; }
body.page-template-page-word-klant .wk-bens__grid{ display:grid; grid-template-columns:repeat(12,1fr); gap: clamp(14px,2vw,24px); }
body.page-template-page-word-klant .wk-ben{ grid-column: span 4; background:#fff; border:1px solid rgba(19,50,37,.12); border-radius:16px; padding:14px; box-shadow:0 8px 24px rgba(0,0,0,.06); }
body.page-template-page-word-klant .wk-ben__title{ margin:0 0 6px; color:var(--pe-green); font-size:1.05rem; }
body.page-template-page-word-klant .wk-ben__desc{ margin:0; color:#34463c; line-height:25px; }
@media (max-width:980px){ .wk-ben{ grid-column: span 12; } }

/* steps */
body.page-template-page-word-klant .wk-steps--white{ background:var(--pe-white); }
body.page-template-page-word-klant .wk-steps--beige{ background:var(--pe-beige); }
body.page-template-page-word-klant .wk-steps__wrap{ max-width:1200px; margin:0 auto; padding: clamp(24px,6vw,64px) 20px; }
body.page-template-page-word-klant .wk-steps__list{ list-style:none; padding:0; margin:0; display:grid; gap:12px; }
body.page-template-page-word-klant .wk-step{ display:grid; grid-template-columns:44px 1fr; gap:12px; align-items:start; background:#fff; border:1px solid rgba(19,50,37,.12); border-radius:16px; padding:12px; box-shadow:0 8px 24px rgba(0,0,0,.06); }
body.page-template-page-word-klant .wk-step__num{ width:44px; height:44px; border-radius:12px; display:grid; place-items:center; background:var(--pe-orange); color:#fff; font-weight:900; }
body.page-template-page-word-klant .wk-step__title{ margin:0 0 4px; color:var(--pe-green); font-size:1.04rem; }
body.page-template-page-word-klant .wk-step__desc{ margin:0; color:#34463c; line-height:25px; }

/* testimonials */
body.page-template-page-word-klant .wk-testis--white{ background:var(--pe-white); }
body.page-template-page-word-klant .wk-testis--beige{ background:var(--pe-beige); }
body.page-template-page-word-klant .wk-testis__wrap{ max-width:1200px; margin:0 auto; padding: clamp(24px,6vw,64px) 20px; }
body.page-template-page-word-klant .wk-testis__grid{ display:grid; grid-template-columns:repeat(12,1fr); gap: clamp(14px,2vw,24px); }
body.page-template-page-word-klant .wk-testi{ grid-column: span 6; background:#fff; border:1px solid rgba(19,50,37,.12); border-radius:16px; padding:14px; box-shadow:0 8px 24px rgba(0,0,0,.06); }
body.page-template-page-word-klant .wk-testi__q{ margin:0 0 8px; color:#2a3a31; font-size:1.05rem; line-height:25px; }
body.page-template-page-word-klant .wk-testi__a{ margin:0; color:#415348; font-weight:700; }
@media (max-width:980px){ .wk-testi{ grid-column: span 12; } }

/* FAQ */
body.page-template-page-word-klant .wk-faq--white{ background:var(--pe-white); }
body.page-template-page-word-klant .wk-faq--beige{ background:var(--pe-beige); }
body.page-template-page-word-klant .wk-faq__wrap{ max-width:1200px; margin:0 auto; padding: clamp(24px,6vw,64px) 20px; }
body.page-template-page-word-klant .wk-qa{ border:1px solid rgba(19,50,37,.12); border-radius:16px; background:#fff; padding:10px 12px; box-shadow:0 8px 24px rgba(0,0,0,.06); line-height:25px; }
body.page-template-page-word-klant .wk-qa + .wk-qa{ margin-top:10px; }
body.page-template-page-word-klant .wk-qa__q{ cursor:pointer; list-style:none; font-weight:800; color:var(--pe-green); }
body.page-template-page-word-klant .wk-qa__a{ color:#2a3a31; }
body.page-template-page-word-klant .wk-faq__cta{ margin-top:14px; }

/* foto vult het ‘gat’ links onder het formulier */
body.page-template-page-word-klant .wk-hero__photo{
  grid-column: 1;          /* linkerkolom */
  align-self: end;
  height: clamp(220px, 28vw, 360px);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 12px 36px rgba(0,0,0,.10);
}
body.page-template-page-word-klant .wk-hero__photo img{ width:100%; height:100%; object-fit:cover; display:block; }

/* op mobiel meestal niet nodig */
@media (max-width: 980px){
  body.page-template-page-word-klant .wk-hero__photo{ display:none; }
  body.page-template-page-word-klant .wk-bens__grid, body.page-template-page-word-klant .wk-testis__grid { grid-template-columns:repeat(1,1fr); }
  body.page-template-page-word-klant .wk-testi { margin:0; }
}

body.page-template-page-word-klant .wk-hero__photo {
  margin-top: 20px;
}