{"id":79192,"date":"2026-06-29T16:15:59","date_gmt":"2026-06-29T14:15:59","guid":{"rendered":"https:\/\/inr.institute\/?page_id=79192"},"modified":"2026-06-29T17:47:15","modified_gmt":"2026-06-29T15:47:15","slug":"personal-leadership","status":"publish","type":"page","link":"https:\/\/inr.institute\/en\/inr\/inr-dynamics\/inr-fluent\/persoonlijke-leiderschap\/","title":{"rendered":"Personal leadership"},"content":{"rendered":"\n<!-- ============================================================================\n     INR FLUENT \u00b7 PERSOONLIJK LEIDERSCHAP (KINDPAGINA 1)\n     E&eacute;n bestand. Plak dit volledig in &Eacute;&Eacute;N Elementor HTML-widget.\n     Alles is gescoped onder .inr-fzelf en afgedwongen met !important,\n     zodat Elementor\/WordPress de stijl niet kan overrulen.\n     Accentkleur: Fluent blauw #2875FB.\n     ============================================================================ -->\n\n<style>\n\/* ---------- 1. ELEMENTOR-ONTWAPENING + ROOT ---------- *\/\n.inr-fzelf{\n  --accent:#2875FB; --accent-2:#5E9BFF; --ink:#0A1226; --grijs:#64708A; --bg:#F1F5FD;\n  --fluent:#2875FB; --core:#7448FD; --pulse:#FD4C5C; --sync:#FD7634; --echo:#5AC380;\n  --lucht:#A8C6FF; --mut:#C2CEDF; --radius:24px; --maxw:1200px;\n  position:relative !important; width:100% !important; max-width:100% !important;\n  margin:0 !important; padding:0 !important; box-sizing:border-box !important;\n  color:var(--ink) !important; background:#FFFFFF !important; line-height:1.5 !important;\n  overflow-x:hidden !important; text-align:left !important;\n  -webkit-font-smoothing:antialiased !important;\n}\n.inr-fzelf, .inr-fzelf *, .inr-fzelf *::before, .inr-fzelf *::after{\n  box-sizing:border-box !important;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;\n}\n.inr-fzelf h1,.inr-fzelf h2,.inr-fzelf h3,.inr-fzelf h4,.inr-fzelf p,\n.inr-fzelf span,.inr-fzelf div,.inr-fzelf ul,.inr-fzelf li,.inr-fzelf a{margin:0;padding:0;}\n.inr-fzelf ul{list-style:none !important;}\n.inr-fzelf a{text-decoration:none !important;color:inherit !important;}\n\n\/* ---------- 2. ATMOSFEER ---------- *\/\n.inr-fzelf .atmos{position:absolute !important;inset:0 !important;z-index:0 !important;overflow:hidden !important;pointer-events:none !important;background:transparent !important;}\n.inr-fzelf .blob{position:absolute !important;border-radius:50% !important;filter:blur(120px) !important;opacity:.30 !important;animation:inrz-drift 26s ease-in-out infinite !important;}\n.inr-fzelf .blob.a{width:560px;height:560px;background:rgba(40,117,251,.22);top:-160px;left:-140px;}\n.inr-fzelf .blob.b{width:500px;height:500px;background:rgba(94,155,255,.20);top:34%;right:-180px;animation-delay:-9s;}\n.inr-fzelf .blob.c{width:640px;height:640px;background:rgba(40,117,251,.15);bottom:-240px;left:26%;animation-delay:-16s;}\n@keyframes inrz-drift{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(46px,-34px) scale(1.08);}}\n\n\/* ---------- 3. LAYOUT-PRIMITIEVEN ---------- *\/\n.inr-fzelf .wrap{position:relative !important;z-index:1 !important;width:100% !important;max-width:var(--maxw) !important;margin:0 auto !important;padding:0 clamp(28px,5vw,40px) !important;}\n.inr-fzelf .sec{position:relative !important;z-index:1 !important;padding:120px 0 !important;}\n.inr-fzelf .sec.tight{padding:80px 0 !important;}\n\n\/* ---------- 4. TYPO-HELPERS ---------- *\/\n.inr-fzelf .eyebrow{font-size:13px !important;font-weight:600 !important;letter-spacing:.09em !important;text-transform:uppercase !important;color:var(--accent) !important;}\n.inr-fzelf .grad{background:linear-gradient(115deg,var(--accent),var(--accent-2)) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent !important;}\n.inr-fzelf .kop{text-align:center !important;max-width:820px !important;margin:0 auto 60px !important;}\n.inr-fzelf .kop .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-fzelf .kop h2{font-weight:600 !important;font-size:clamp(30px,4.4vw,50px) !important;letter-spacing:-.028em !important;line-height:1.08 !important;color:var(--ink) !important;margin-bottom:18px !important;}\n.inr-fzelf .kop p{font-size:18px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;}\n\n\/* ---------- 5. REVEAL ---------- *\/\n.inr-fzelf .rev{opacity:0;transform:translateY(38px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);}\n.inr-fzelf .rev.in{opacity:1 !important;transform:none !important;}\n.inr-fzelf .d1{transition-delay:.07s;}.inr-fzelf .d2{transition-delay:.14s;}.inr-fzelf .d3{transition-delay:.21s;}\n.inr-fzelf .d4{transition-delay:.28s;}.inr-fzelf .d5{transition-delay:.35s;}.inr-fzelf .d6{transition-delay:.42s;}\n.no-js .inr-fzelf .rev{opacity:1 !important;transform:none !important;}\n\n\/* ---------- 6. GLASS-KAART ---------- *\/\n.inr-fzelf .kaart{background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid rgba(40,117,251,.14) !important;border-radius:var(--radius) !important;padding:34px !important;position:relative !important;overflow:hidden !important;min-width:0 !important;\n  box-shadow:0 10px 40px -28px rgba(40,117,251,.22) !important;\n  transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s !important;}\n.inr-fzelf .kaart:hover{transform:translateY(-6px) !important;box-shadow:0 28px 60px -28px rgba(40,117,251,.28) !important;}\n.inr-fzelf .kaart .ico{width:50px !important;height:50px !important;border-radius:14px !important;display:flex !important;align-items:center !important;justify-content:center !important;\n  margin-bottom:20px !important;background:rgba(40,117,251,.1) !important;color:var(--accent) !important;}\n.inr-fzelf .kaart .ico svg{width:25px !important;height:25px !important;}\n.inr-fzelf .kaart h3{font-weight:600 !important;font-size:20px !important;letter-spacing:-.015em !important;margin-bottom:9px !important;color:var(--ink) !important;}\n.inr-fzelf .kaart p{font-size:15px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;}\n\n\/* ---------- responsive basis ---------- *\/\n.inr-fzelf .essentie{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:24px !important;}\n@media(max-width:820px){\n  .inr-fzelf{padding-left:22px !important;padding-right:22px !important;}\n  .inr-fzelf .wrap{padding-left:0 !important;padding-right:0 !important;}\n  .inr-fzelf .hero{padding-left:0 !important;padding-right:0 !important;}\n  .inr-fzelf .slot{padding-left:0 !important;padding-right:0 !important;}\n  .inr-fzelf .strip .cel{padding-left:16px !important;padding-right:16px !important;}\n  .inr-fzelf .donker{padding-left:26px !important;padding-right:26px !important;}\n  .inr-fzelf .sec{padding:72px 0 !important;}\n  .inr-fzelf .essentie{grid-template-columns:1fr !important;}\n  .inr-fzelf .blob.a{width:320px;height:320px;top:-90px;left:-100px;}\n  .inr-fzelf .blob.b{width:300px;height:300px;right:-140px;}\n  .inr-fzelf .blob.c{width:340px;height:340px;left:-60px;bottom:-160px;}\n}\n@media(prefers-reduced-motion:reduce){\n  .inr-fzelf .rev{opacity:1 !important;transform:none !important;transition:none !important;}\n  .inr-fzelf .blob{animation:none !important;}\n}\n<\/style>\n\n<div class=\"inr-fzelf\">\n<div class=\"atmos\"><div class=\"blob a\"><\/div><div class=\"blob b\"><\/div><div class=\"blob c\"><\/div><\/div>\n\n<!-- ========================= HERO ========================= -->\n<style>\n.inr-fzelf .hero{min-height:92vh !important;display:flex !important;flex-direction:column !important;justify-content:center !important;padding:140px clamp(24px,5vw,40px) 90px !important;}\n.inr-fzelf .hero .badge{display:inline-flex !important;align-items:center !important;gap:9px !important;align-self:flex-start !important;\n  font-size:13px !important;font-weight:600 !important;color:var(--accent) !important;background:rgba(40,117,251,.08) !important;\n  padding:8px 16px !important;border-radius:99px !important;margin-bottom:26px !important;}\n.inr-fzelf .hero .badge .stip{width:8px !important;height:8px !important;border-radius:50% !important;background:var(--accent) !important;box-shadow:0 0 0 4px rgba(40,117,251,.15) !important;}\n.inr-fzelf .hero h1{font-weight:600 !important;font-size:clamp(44px,7.6vw,92px) !important;line-height:1.02 !important;letter-spacing:-.038em !important;\n  max-width:16ch !important;color:var(--ink) !important;margin-bottom:30px !important;}\n.inr-fzelf .hero .lead{font-size:clamp(18px,2.3vw,23px) !important;font-weight:300 !important;color:var(--grijs) !important;max-width:56ch !important;line-height:1.5 !important;}\n.inr-fzelf .hero .lead strong{font-weight:600 !important;color:var(--ink) !important;}\n.inr-fzelf .hero .hint{margin-top:60px !important;display:flex !important;align-items:center !important;gap:12px !important;font-size:13px !important;color:var(--grijs) !important;letter-spacing:.04em !important;}\n.inr-fzelf .hero .hint .lijn{width:46px !important;height:1px !important;background:linear-gradient(90deg,var(--grijs),transparent) !important;}\n@media(max-width:820px){.inr-fzelf .hero{min-height:auto !important;padding:120px clamp(28px,5vw,40px) 70px !important;}.inr-fzelf .hero h1{font-size:clamp(34px,9vw,52px) !important;}.inr-fzelf .hero .lead{font-size:18px !important;}}\n<\/style>\n<section class=\"hero wrap\">\n  <div class=\"badge\"><span class=\"stip\"><\/span>INR Fluent \u00b7 Persoonlijk leiderschap<\/div>\n  <h1>Je leidt jezelf niet door naar <span class=\"grad\">binnen<\/span> te kijken.<\/h1>\n  <p class=\"lead\">De meeste programma&#8217;s vragen je te reflecteren, je waarden te vinden en bewust te kiezen. Maar wie je bent onder druk, ontdek je niet door na te denken over jezelf. Je ontdekt het door je eigen gedrag te lezen. Persoonlijk leiderschap begint niet bij wie je wil zijn, maar bij begrijpen wie je al bent zodra het spannend wordt.<\/p>\n  <div class=\"hint\"><span class=\"lijn\"><\/span>Scroll voor het perspectief<\/div>\n<\/section>\n\n<!-- ========================= DE BELOFTE DIE OVERAL TERUGKOMT ========================= -->\n<section class=\"sec wrap\">\n  <div class=\"kop rev\">\n    <span class=\"eyebrow\">Wat overal hetzelfde klinkt<\/span>\n    <h2>Neem de regie. Maar waarover, precies?<\/h2>\n    <p>Vrijwel elk programma over persoonlijk leiderschap belooft hetzelfde: neem de regie, herken je patronen, kies vanuit je waarden. Mooie woorden. Alleen blijft de vraag onbeantwoord hoe je bij dat alles komt. Want je waarden voelen, je patronen herkennen en bewust kiezen veronderstellen alle drie dat je jezelf helder kunt zien. En juist dat is het lastigste wat er is.<\/p>\n  <\/div>\n  <div class=\"essentie\">\n    <div class=\"kaart rev d1\">\n      <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 3v4M12 17v4M5 12H1M23 12h-4\"><\/path><circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle><\/svg><\/div>\n      <h3>Regie nemen<\/h3>\n      <p>Iedereen roept het. Maar regie over je gedrag krijg je pas als je ziet waar dat gedrag vandaan komt, niet door het jezelf voor te nemen.<\/p>\n    <\/div>\n    <div class=\"kaart rev d2\">\n      <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 12h4l3-9 4 18 3-9h4\"><\/path><\/svg><\/div>\n      <h3>Patronen herkennen<\/h3>\n      <p>Patronen voelen als karakter, zo ben ik nu eenmaal. Daardoor kijk je er meestal overheen. Herkennen vraagt een andere ingang dan reflectie.<\/p>\n    <\/div>\n    <div class=\"kaart rev d3\">\n      <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 22c5-3 8-7 8-12V5l-8-3-8 3v5c0 5 3 9 8 12z\"><\/path><path d=\"M9 12l2 2 4-4\"><\/path><\/svg><\/div>\n      <h3>Kiezen vanuit waarden<\/h3>\n      <p>Bewust kiezen klinkt vrij. Maar onder druk kiest niet je waarde, maar je oude bescherming. Eerst die zien, dan pas echt kiezen.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= BETRAP JEZELF ========================= -->\n<style>\n.inr-fzelf .betrap{border-top:1px solid rgba(40,117,251,.12) !important;border-bottom:1px solid rgba(40,117,251,.12) !important;background:rgba(255,255,255,.4) !important;}\n.inr-fzelf .betrap .inner{padding:74px 0 !important;}\n.inr-fzelf .betrap .bkop{text-align:center !important;max-width:680px !important;margin:0 auto 44px !important;}\n.inr-fzelf .betrap .bkop .eyebrow{display:block !important;margin-bottom:14px !important;}\n.inr-fzelf .betrap .bkop h2{font-weight:600 !important;font-size:clamp(26px,3.6vw,40px) !important;letter-spacing:-.026em !important;line-height:1.12 !important;color:var(--ink) !important;}\n.inr-fzelf .betrap .bkop h2 .grad{display:inline !important;}\n.inr-fzelf .betrap .rij{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:18px !important;}\n.inr-fzelf .betrap .cel{background:rgba(255,255,255,.66) !important;-webkit-backdrop-filter:blur(18px) !important;backdrop-filter:blur(18px) !important;\n  border:1px solid rgba(40,117,251,.12) !important;border-radius:20px !important;padding:28px 24px !important;min-width:0 !important;\n  box-shadow:0 10px 36px -30px rgba(40,117,251,.26) !important;\n  transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s !important;}\n.inr-fzelf .betrap .cel:hover{transform:translateY(-5px) !important;box-shadow:0 24px 54px -32px rgba(40,117,251,.3) !important;}\n.inr-fzelf .betrap .cel .ico{width:42px !important;height:42px !important;border-radius:12px !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-bottom:16px !important;background:rgba(40,117,251,.1) !important;color:var(--accent) !important;}\n.inr-fzelf .betrap .cel .ico svg{width:21px !important;height:21px !important;}\n.inr-fzelf .betrap .cel h3{font-weight:600 !important;font-size:17px !important;letter-spacing:-.012em !important;color:var(--ink) !important;margin-bottom:7px !important;}\n.inr-fzelf .betrap .cel p{font-size:14px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.55 !important;}\n.inr-fzelf .betrap .bvoet{text-align:center !important;margin-top:40px !important;font-size:15px !important;font-weight:500 !important;color:var(--accent) !important;line-height:1.5 !important;max-width:640px !important;margin-left:auto !important;margin-right:auto !important;}\n@media(max-width:820px){\n  .inr-fzelf .betrap .rij{grid-template-columns:1fr 1fr !important;gap:14px !important;}\n  .inr-fzelf .betrap .inner{padding:60px 0 !important;}\n}\n<\/style>\n<section class=\"betrap\">\n  <div class=\"wrap\"><div class=\"inner\">\n    <div class=\"bkop rev\">\n      <span class=\"eyebrow\">Begin bij wat je ziet<\/span>\n      <h2>Je kent jezelf eerder van je gedrag dan van je <span class=\"grad\">gedachten<\/span>.<\/h2>\n    <\/div>\n    <div class=\"rij\">\n      <div class=\"cel rev d1\">\n        <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 2a7 7 0 0 0-7 7c0 3 2 4 2 7h10c0-3 2-4 2-7a7 7 0 0 0-7-7z\"><\/path><path d=\"M9 21h6\"><\/path><\/svg><\/div>\n        <h3>Je gaat controleren<\/h3>\n        <p>Het moet kloppen, dus je houdt het liever bij jezelf. Loslaten voelt als risico.<\/p>\n      <\/div>\n      <div class=\"cel rev d2\">\n        <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M5 12h14\"><\/path><path d=\"M13 6l6 6-6 6\"><\/path><\/svg><\/div>\n        <h3>Je gaat doordrukken<\/h3>\n        <p>Twijfel kost tijd, dus je zet door. Vaart maken voelt veiliger dan stilstaan.<\/p>\n      <\/div>\n      <div class=\"cel rev d3\">\n        <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M19 12H9\"><\/path><path d=\"M11 6l-6 6 6 6\"><\/path><\/svg><\/div>\n        <h3>Je gaat terugtrekken<\/h3>\n        <p>Het wordt te veel, dus je wordt stil. Afstand voelt als bescherming.<\/p>\n      <\/div>\n      <div class=\"cel rev d4\">\n        <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M20.8 5.6a5.5 5.5 0 0 0-7.8 0L12 6.6l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 22l7.8-7.6 1-1a5.5 5.5 0 0 0 0-7.8z\"><\/path><\/svg><\/div>\n        <h3>Je gaat pleasen<\/h3>\n        <p>De sfeer moet goed blijven, dus je schikt je. Meebewegen voelt als verbinding.<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"bvoet rev\">Herken je er een? Dat is geen karakterfout en geen identiteit. Het is een aanwijzing. En precies daar begint het lezen.<\/div>\n  <\/div><\/div>\n<\/section>\n\n<!-- ========================= SIGNATURE: DE OMGEKEERDE KETEN ========================= -->\n<style>\n.inr-fzelf .keten-wrap{max-width:1000px !important;margin:0 auto !important;}\n.inr-fzelf .keten-doek{position:relative !important;margin:0 auto 14px !important;max-width:760px !important;\n  background:rgba(255,255,255,.55) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid rgba(40,117,251,.12) !important;border-radius:28px !important;padding:30px 24px 22px !important;overflow:hidden !important;}\n.inr-fzelf .keten-svg{display:block !important;width:100% !important;height:auto !important;}\n.inr-fzelf .kcap{text-align:center !important;max-width:720px !important;margin:0 auto 30px !important;font-size:15px !important;font-weight:500 !important;color:var(--accent) !important;line-height:1.5 !important;}\n.inr-fzelf .uit{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:24px !important;}\n.inr-fzelf .uit .kaart .lab{display:inline-block !important;font-size:11.5px !important;font-weight:600 !important;letter-spacing:.07em !important;text-transform:uppercase !important;\n  padding:5px 12px !important;border-radius:99px !important;margin-bottom:16px !important;background:rgba(40,117,251,.12) !important;color:var(--accent) !important;}\n.inr-fzelf .uit .kaart .stap-nr{font-size:13px !important;font-weight:600 !important;color:var(--grijs) !important;margin-bottom:6px !important;}\n@media(max-width:820px){\n  .inr-fzelf .keten-doek{display:none !important;}\n  .inr-fzelf .uit{grid-template-columns:1fr !important;}\n}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"kop rev\">\n    <span class=\"eyebrow\">De kern van zelfkennis<\/span>\n    <h2>Je leest jezelf van boven naar beneden, niet andersom.<\/h2>\n    <p>Onder elk gedrag liggen drie lagen. Onderin de I-laag: wat je nodig hebt. Daarboven de N-laag: het verhaal dat je jezelf bent gaan vertellen. En bovenaan de R-laag: wat je zichtbaar doet onder druk. Normaal werkt die keten van onder naar boven, van behoefte naar gedrag. Maar jij ervaart hem precies andersom. Het enige wat je direct ziet, is je gedrag. En daar begint het lezen.<\/p>\n  <\/div>\n  <div class=\"keten-wrap rev\">\n    <div class=\"keten-doek\">\n      <svg class=\"keten-svg\" viewBox=\"0 0 600 470\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"De omgekeerde keten: van zichtbaar gedrag terug naar de behoefte eronder\">\n        <defs>\n          <linearGradient id=\"fz-grad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n            <stop offset=\"0\" stop-color=\"#5E9BFF\"><\/stop>\n            <stop offset=\"1\" stop-color=\"#2875FB\"><\/stop>\n          <\/linearGradient>\n        <\/defs>\n\n        <!-- leesrichting pijl, naar beneden -->\n        <g stroke=\"#2875FB\" stroke-width=\"2.5\" fill=\"none\" opacity=\"0.55\">\n          <line x1=\"64\" y1=\"70\" x2=\"64\" y2=\"392\"><\/line>\n          <path d=\"M 54 376 L 64 396 L 74 376\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n        <\/g>\n        <text x=\"40\" y=\"235\" fill=\"#2875FB\" font-family=\"Inter,sans-serif\" font-size=\"12.5\" font-weight=\"600\" text-anchor=\"middle\" transform=\"rotate(-90 40 235)\" opacity=\"0.8\">je leest naar beneden<\/text>\n\n        <!-- R laag, bovenaan, zichtbaar -->\n        <g>\n          <rect x=\"120\" y=\"56\" width=\"430\" height=\"104\" rx=\"20\" fill=\"#FFFFFF\" stroke=\"#2875FB\" stroke-width=\"2.5\"><\/rect>\n          <circle cx=\"168\" cy=\"108\" r=\"22\" fill=\"rgba(40,117,251,.12)\"><\/circle>\n          <circle cx=\"168\" cy=\"108\" r=\"8\" fill=\"#2875FB\"><\/circle>\n          <text x=\"206\" y=\"100\" fill=\"#0A1226\" font-family=\"Inter,sans-serif\" font-size=\"19\" font-weight=\"600\">De R-laag \u00b7 wat je doet<\/text>\n          <text x=\"206\" y=\"126\" fill=\"#64708A\" font-family=\"Inter,sans-serif\" font-size=\"14\" font-weight=\"300\">Het enige wat je direct ziet. Hier begin je.<\/text>\n        <\/g>\n\n        <!-- N laag, midden -->\n        <g>\n          <rect x=\"120\" y=\"186\" width=\"430\" height=\"104\" rx=\"20\" fill=\"#FFFFFF\" stroke=\"rgba(40,117,251,.45)\" stroke-width=\"2\"><\/rect>\n          <circle cx=\"168\" cy=\"238\" r=\"22\" fill=\"rgba(40,117,251,.10)\"><\/circle>\n          <circle cx=\"168\" cy=\"238\" r=\"8\" fill=\"rgba(40,117,251,.6)\"><\/circle>\n          <text x=\"206\" y=\"230\" fill=\"#0A1226\" font-family=\"Inter,sans-serif\" font-size=\"19\" font-weight=\"600\">De N-laag \u00b7 je verhaal<\/text>\n          <text x=\"206\" y=\"256\" fill=\"#64708A\" font-family=\"Inter,sans-serif\" font-size=\"14\" font-weight=\"300\">Wat je uit dat gedrag bent gaan geloven.<\/text>\n        <\/g>\n\n        <!-- I laag, onderaan, de bron -->\n        <g>\n          <rect x=\"120\" y=\"316\" width=\"430\" height=\"104\" rx=\"20\" fill=\"url(#fz-grad)\"><\/rect>\n          <circle cx=\"168\" cy=\"368\" r=\"22\" fill=\"rgba(255,255,255,.25)\"><\/circle>\n          <circle cx=\"168\" cy=\"368\" r=\"8\" fill=\"#FFFFFF\"><\/circle>\n          <text x=\"206\" y=\"360\" fill=\"#FFFFFF\" font-family=\"Inter,sans-serif\" font-size=\"19\" font-weight=\"600\">De I-laag \u00b7 je waarom<\/text>\n          <text x=\"206\" y=\"386\" fill=\"rgba(255,255,255,.85)\" font-family=\"Inter,sans-serif\" font-size=\"14\" font-weight=\"300\">De behoefte eronder. De bron, niet de buitenkant.<\/text>\n        <\/g>\n\n        <!-- labels rechts: zichtbaar vs onder de oppervlakte -->\n        <text x=\"535\" y=\"44\" fill=\"#64708A\" font-family=\"Inter,sans-serif\" font-size=\"12\" font-weight=\"500\" text-anchor=\"end\" opacity=\"0.85\">zichtbaar<\/text>\n        <text x=\"535\" y=\"438\" fill=\"#2875FB\" font-family=\"Inter,sans-serif\" font-size=\"12\" font-weight=\"600\" text-anchor=\"end\">de bron<\/text>\n      <\/svg>\n    <\/div>\n    <div class=\"kcap\">De meeste programma&#8217;s beginnen bovenaan bij je waarden en blijven daar hangen. Fluent leest verder naar beneden, tot bij de behoefte die alles aanstuurt.<\/div>\n    <div class=\"uit\">\n      <div class=\"kaart\">\n        <div class=\"stap-nr\">Stap 1<\/div>\n        <span class=\"lab\">De R-laag<\/span>\n        <h3>Wat je doet<\/h3>\n        <p>Je begint bij het enige wat zichtbaar is: je gedrag onder druk. Niet wat je voelt of vindt, maar wat je telkens doet. Controleren, doordrukken, terugtrekken, pleasen. Dat is je startpunt.<\/p>\n      <\/div>\n      <div class=\"kaart\">\n        <div class=\"stap-nr\">Stap 2<\/div>\n        <span class=\"lab\">De N-laag<\/span>\n        <h3>Je verhaal<\/h3>\n        <p>Onder dat gedrag ligt een verhaal dat je jezelf bent gaan vertellen door dat gedrag te zien herhalen. Ik moet het alleen doen. Ik ben pas waardevol als ik presteer. Het voelt als waarheid, het is interpretatie.<\/p>\n      <\/div>\n      <div class=\"kaart\">\n        <div class=\"stap-nr\">Stap 3<\/div>\n        <span class=\"lab\">De I-laag<\/span>\n        <h3>Je waarom<\/h3>\n        <p>Helemaal onderin ligt de behoefte die het allemaal aandrijft: ruimte, bekwaamheid of verbondenheid. Daar ligt je waarom. Niet als inspiratie van bovenaf, maar als bron van onderaf.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= WAAROM INTROSPECTIE TEKORTSCHIET ========================= -->\n<style>\n.inr-fzelf .kantel{display:grid !important;grid-template-columns:1fr 1fr !important;gap:56px !important;align-items:center !important;}\n.inr-fzelf .kantel .tekst .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-fzelf .kantel .tekst h2{font-weight:600 !important;font-size:clamp(28px,3.8vw,44px) !important;letter-spacing:-.026em !important;line-height:1.1 !important;color:var(--ink) !important;margin-bottom:20px !important;}\n.inr-fzelf .kantel .tekst p{font-size:17px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.64 !important;margin-bottom:14px !important;}\n.inr-fzelf .kantel .tekst p:last-child{margin-bottom:0 !important;}\n.inr-fzelf .kantel .tekst p strong{font-weight:600 !important;color:var(--ink) !important;}\n.inr-fzelf .perspectief{display:flex !important;flex-direction:column !important;gap:16px !important;}\n.inr-fzelf .pkaart{background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid rgba(40,117,251,.14) !important;border-radius:20px !important;padding:26px 28px !important;\n  box-shadow:0 10px 40px -30px rgba(40,117,251,.24) !important;display:flex !important;gap:18px !important;align-items:flex-start !important;min-width:0 !important;\n  transition:transform .4s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-fzelf .pkaart:hover{transform:translateX(5px) !important;}\n.inr-fzelf .pkaart .ico{flex:none !important;width:44px !important;height:44px !important;border-radius:13px !important;display:flex !important;align-items:center !important;justify-content:center !important;background:rgba(40,117,251,.1) !important;color:var(--accent) !important;}\n.inr-fzelf .pkaart .ico svg{width:22px !important;height:22px !important;}\n.inr-fzelf .pkaart h4{font-weight:600 !important;font-size:17px !important;letter-spacing:-.01em !important;color:var(--ink) !important;margin-bottom:6px !important;}\n.inr-fzelf .pkaart p{font-size:14.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.58 !important;}\n@media(max-width:820px){.inr-fzelf .kantel{grid-template-columns:1fr !important;gap:38px !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"kantel\">\n    <div class=\"tekst rev\">\n      <span class=\"eyebrow\">Waarom dit anders werkt<\/span>\n      <h2>Je verhaal komt na je gedrag, niet ervoor.<\/h2>\n      <p>Het ligt voor de hand om te denken dat je eerst weet wie je bent en dat je daarna handelt. In werkelijkheid werkt het brein omgekeerd. Je doet iets, ziet jezelf dat herhaaldelijk doen, en trekt daar een conclusie uit over wie je bent. Stevige, moderne gedragswetenschap laat zien dat je je zelfbeeld grotendeels vormt door je eigen gedrag te observeren, net zoals je dat bij een ander zou doen.<\/p>\n      <p><strong>Dat verandert waar persoonlijk leiderschap begint.<\/strong> Niet bij introspectie, want die geeft je vooral het verhaal dat je al gelooft, keurig terug. Maar bij het lezen van wat je doet. Daar zit de informatie die je nog niet kent.<\/p>\n    <\/div>\n    <div class=\"perspectief\">\n      <div class=\"pkaart rev d1\">\n        <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7z\"><\/path><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><\/svg><\/div>\n        <div><h4>Gedrag is informatie, geen identiteit<\/h4><p>Wat je onder druk doet, zegt niet wie je bent. Het wijst naar wat je mist. Zo gelezen wordt gedrag een aanwijzing in plaats van een vonnis.<\/p><\/div>\n      <\/div>\n      <div class=\"pkaart rev d2\">\n        <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><path d=\"M9 12l2 2 4-4\"><\/path><\/svg><\/div>\n        <div><h4>Het patroon is bescherming, geen fout<\/h4><p>Je gedrag onder druk deed ooit zijn werk. Het hoeft niet doorbroken, het wil begrepen worden. Pas dan verliest het zijn grip.<\/p><\/div>\n      <\/div>\n      <div class=\"pkaart rev d3\">\n        <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M21 12a9 9 0 1 1-3-6.7\"><\/path><path d=\"M21 4v5h-5\"><\/path><\/svg><\/div>\n        <div><h4>Nieuw gedrag schrijft een nieuw verhaal<\/h4><p>Als gedrag het verhaal vormt, dan kan ander gedrag ook een ander verhaal vormen. Daar wordt leiderschap over jezelf concreet.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= TWEE MANIEREN ========================= -->\n<style>\n.inr-fzelf .contrast{display:grid !important;grid-template-columns:1fr 1fr !important;gap:24px !important;}\n.inr-fzelf .cblok{border-radius:var(--radius) !important;padding:38px 36px !important;position:relative !important;overflow:hidden !important;min-width:0 !important;}\n.inr-fzelf .cblok.oud{background:rgba(100,112,138,.05) !important;border:1px solid rgba(100,112,138,.14) !important;}\n.inr-fzelf .cblok.kern{background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;border:1px solid rgba(40,117,251,.18) !important;box-shadow:0 14px 50px -30px rgba(40,117,251,.3) !important;}\n.inr-fzelf .cblok .ctag{font-size:12px !important;font-weight:600 !important;letter-spacing:.1em !important;text-transform:uppercase !important;margin-bottom:18px !important;display:inline-block !important;}\n.inr-fzelf .cblok.oud .ctag{color:var(--grijs) !important;}\n.inr-fzelf .cblok.kern .ctag{color:var(--accent) !important;}\n.inr-fzelf .cblok h3{font-weight:600 !important;font-size:22px !important;letter-spacing:-.018em !important;color:var(--ink) !important;margin-bottom:18px !important;}\n.inr-fzelf .cblok ul{display:flex !important;flex-direction:column !important;gap:13px !important;}\n.inr-fzelf .cblok li{display:flex !important;gap:12px !important;align-items:flex-start !important;font-size:15px !important;font-weight:300 !important;line-height:1.55 !important;}\n.inr-fzelf .cblok.oud li{color:var(--grijs) !important;}\n.inr-fzelf .cblok.kern li{color:var(--ink) !important;}\n.inr-fzelf .cblok li .m{flex:none !important;width:20px !important;height:20px !important;border-radius:6px !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-top:1px !important;}\n.inr-fzelf .cblok.oud li .m{background:rgba(100,112,138,.12) !important;color:var(--grijs) !important;}\n.inr-fzelf .cblok.kern li .m{background:rgba(40,117,251,.12) !important;color:var(--accent) !important;}\n.inr-fzelf .cblok li .m svg{width:12px !important;height:12px !important;}\n@media(max-width:820px){.inr-fzelf .contrast{grid-template-columns:1fr !important;}}\n<\/style>\n<section class=\"sec wrap\" style=\"padding-top:0 !important;\">\n  <div class=\"kop rev\">\n    <span class=\"eyebrow\">Twee manieren van werken aan jezelf<\/span>\n    <h2>Hetzelfde doel. Een andere ingang.<\/h2>\n    <p>Of je echt verandert of vooral een mooi voornemen maakt, ligt niet aan je wilskracht. Het ligt aan waar je begint. Bovenaan bij je goede bedoelingen, of onderaan bij wat je gedrag je vertelt.<\/p>\n  <\/div>\n  <div class=\"contrast\">\n    <div class=\"cblok oud rev d1\">\n      <span class=\"ctag\">Werken van bovenaf<\/span>\n      <h3>Reflecteren en voornemen<\/h3>\n      <ul>\n        <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M18 6 6 18M6 6l12 12\"><\/path><\/svg><\/span><span>Naar binnen kijken en hopen dat je jezelf helder ziet.<\/span><\/li>\n        <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M18 6 6 18M6 6l12 12\"><\/path><\/svg><\/span><span>Je waarden benoemen die je toch al wist te benoemen.<\/span><\/li>\n        <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M18 6 6 18M6 6l12 12\"><\/path><\/svg><\/span><span>Patronen willen doorbreken zonder te weten waar ze vandaan komen.<\/span><\/li>\n        <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M18 6 6 18M6 6l12 12\"><\/path><\/svg><\/span><span>Een actieplan dat standhoudt tot de eerste keer dat het spannend wordt.<\/span><\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"cblok kern rev d2\">\n      <span class=\"ctag\">Werken van onderaf<\/span>\n      <h3>Lezen en begrijpen<\/h3>\n      <ul>\n        <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Beginnen bij je zichtbare gedrag, het enige wat echt af te lezen is.<\/span><\/li>\n        <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Het verhaal eronder herkennen dat je gedrag al jaren verklaart.<\/span><\/li>\n        <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>De behoefte vinden die het patroon aandrijft, en daar je waarom.<\/span><\/li>\n        <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Verandering die standhoudt, omdat ze van onderaf is begrepen.<\/span><\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= DONKER STRATEGISCH BLOK ========================= -->\n<style>\n.inr-fzelf .donker{background:var(--ink) !important;color:#fff !important;border-radius:36px !important;padding:84px 60px !important;position:relative !important;overflow:hidden !important;}\n.inr-fzelf .donker::before{content:'' !important;position:absolute !important;top:-120px !important;right:-90px !important;width:380px !important;height:380px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(40,117,251,.5),transparent 70%) !important;filter:blur(40px) !important;}\n.inr-fzelf .donker::after{content:'' !important;position:absolute !important;bottom:-140px !important;left:-100px !important;width:360px !important;height:360px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(94,155,255,.34),transparent 70%) !important;filter:blur(40px) !important;}\n.inr-fzelf .donker .dk-kop{position:relative !important;z-index:1 !important;text-align:center !important;max-width:740px !important;margin:0 auto 52px !important;}\n.inr-fzelf .donker .eyebrow{color:var(--lucht) !important;display:block !important;margin-bottom:16px !important;}\n.inr-fzelf .donker h2{font-weight:600 !important;font-size:clamp(28px,4vw,46px) !important;letter-spacing:-.026em !important;line-height:1.1 !important;color:#fff !important;margin-bottom:18px !important;}\n.inr-fzelf .donker .dk-kop p{font-size:18px !important;font-weight:300 !important;color:rgba(255,255,255,.72) !important;line-height:1.6 !important;}\n.inr-fzelf .lagen{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:20px !important;position:relative !important;z-index:1 !important;}\n.inr-fzelf .laag{background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:20px !important;padding:30px !important;min-width:0 !important;}\n.inr-fzelf .laag .rang{font-size:13px !important;font-weight:600 !important;color:var(--lucht) !important;letter-spacing:.06em !important;text-transform:uppercase !important;margin-bottom:14px !important;}\n.inr-fzelf .laag h4{font-weight:600 !important;font-size:19px !important;color:#fff !important;margin-bottom:10px !important;}\n.inr-fzelf .laag p{font-size:14px !important;font-weight:300 !important;color:rgba(255,255,255,.66) !important;line-height:1.6 !important;}\n.inr-fzelf .dk-onder{margin-top:42px !important;display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:16px 34px !important;position:relative !important;z-index:1 !important;}\n.inr-fzelf .dk-regel{display:flex !important;gap:14px !important;align-items:flex-start !important;font-size:15px !important;font-weight:300 !important;color:rgba(255,255,255,.84) !important;line-height:1.5 !important;min-width:0 !important;}\n.inr-fzelf .dk-regel .v{flex:none !important;width:24px !important;height:24px !important;border-radius:7px !important;background:rgba(40,117,251,.25) !important;color:var(--lucht) !important;display:flex !important;align-items:center !important;justify-content:center !important;}\n.inr-fzelf .dk-regel .v svg{width:14px !important;height:14px !important;}\n@media(max-width:820px){.inr-fzelf .donker{padding:54px 26px !important;border-radius:26px !important;}.inr-fzelf .lagen{grid-template-columns:1fr !important;}.inr-fzelf .dk-onder{grid-template-columns:1fr !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"donker rev\">\n    <div class=\"dk-kop\">\n      <span class=\"eyebrow\">Voor organisaties<\/span>\n      <h2>Leiders die zichzelf lezen, leiden anderen lichter.<\/h2>\n      <p>Persoonlijk leiderschap is geen zachte randvoorwaarde, het is het fundament onder alles wat een leider verder doet. Wie zijn eigen gedrag onder druk begrijpt, hoeft het niet meer te bewaken. Wat op individueel niveau ontstaat, werkt door in hoe er wordt samengewerkt, besloten en gericht.<\/p>\n    <\/div>\n    <div class=\"lagen\">\n      <div class=\"laag\"><div class=\"rang\">Opbrengst 01<\/div><h4>Rust onder druk<\/h4><p>Een leider die zijn eigen patroon kent, schiet er minder snel in. Dat maakt zijn gedrag voorspelbaarder en veiliger voor het team.<\/p><\/div>\n      <div class=\"laag\"><div class=\"rang\">Opbrengst 02<\/div><h4>Echte keuzevrijheid<\/h4><p>Wie ziet waar zijn gedrag vandaan komt, kan kiezen in plaats van terugvallen. Daar begint sturen vanuit wie je werkelijk bent.<\/p><\/div>\n      <div class=\"laag\"><div class=\"rang\">Opbrengst 03<\/div><h4>Geloofwaardigheid<\/h4><p>Leiderschap dat klopt met de eigen drijfveren overtuigt zonder moeite. Het hoeft niet gespeeld te worden, het is er gewoon.<\/p><\/div>\n    <\/div>\n    <div class=\"dk-onder\">\n      <div class=\"dk-regel\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Een leider die zijn eigen waarom kent, kan dat van een ander mogelijk ook beter zien en voeden.<\/span><\/div>\n      <div class=\"dk-regel\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Minder terugvallen onder druk kan de behoefte aan controle en bijsturing verminderen.<\/span><\/div>\n      <div class=\"dk-regel\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Zelfkennis die op gedrag rust, blijft van waarde, ook als rollen of teams veranderen.<\/span><\/div>\n      <div class=\"dk-regel\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Een organisatie schept de condities. Het persoonlijk leiderschap doet vanzelf de rest.<\/span><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= KERNBELOFTE ========================= -->\n<style>\n.inr-fzelf .belofte{text-align:center !important;max-width:880px !important;margin:0 auto !important;}\n.inr-fzelf .belofte .q{font-weight:600 !important;font-size:clamp(28px,4.2vw,46px) !important;letter-spacing:-.026em !important;line-height:1.16 !important;color:var(--ink) !important;margin-bottom:24px !important;}\n.inr-fzelf .belofte p{font-size:18px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.62 !important;}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"belofte rev\">\n    <div class=\"q\">Je waarom vind je niet door te zoeken. Je <span class=\"grad\">leest<\/span> het af.<\/div>\n    <p>Persoonlijk leiderschap in Fluent draait niet om naar binnen staren tot je iets voelt. Het draait om je eigen gedrag leren lezen, het verhaal eronder herkennen en de behoefte vinden die alles aanstuurt. Daar, onderin, ligt het waarom waarop je echt kunt bouwen.<\/p>\n  <\/div>\n<\/section>\n\n<!-- ========================= SLOT ========================= -->\n<style>\n.inr-fzelf .slot-sec{position:relative !important;z-index:2 !important;background:#FFFFFF !important;}\n.inr-fzelf .slot{text-align:center !important;min-height:70vh !important;display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:center !important;padding-top:110px !important;padding-bottom:110px !important;}\n.inr-fzelf .slot > .rev{display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;}\n.inr-fzelf .slot h2{font-weight:600 !important;font-size:clamp(34px,6vw,68px) !important;letter-spacing:-.032em !important;line-height:1.04 !important;max-width:17ch !important;color:var(--ink) !important;margin-bottom:24px !important;}\n.inr-fzelf .slot p{font-size:19px !important;font-weight:300 !important;color:var(--grijs) !important;max-width:50ch !important;line-height:1.55 !important;}\n.inr-fzelf .slot .merk{margin-top:50px !important;display:inline-flex !important;align-items:center !important;gap:12px !important;font-weight:600 !important;font-size:22px !important;color:var(--ink) !important;}\n.inr-fzelf .slot .merk .dot{width:11px !important;height:11px !important;border-radius:50% !important;background:var(--accent) !important;box-shadow:0 0 0 5px rgba(40,117,251,.15) !important;}\n<\/style>\n<div class=\"slot-sec\">\n<section class=\"slot wrap\">\n  <div class=\"rev\">\n    <h2>Leiderschap begint bij jezelf <span class=\"grad\">lezen<\/span>.<\/h2>\n    <p>Fluent leert je je eigen gedrag begrijpen van buiten naar binnen, tot bij het waarom waarop je werkelijk kunt sturen.<\/p>\n    <div class=\"merk\"><span class=\"dot\"><\/span>INR&nbsp;Fluent<\/div>\n  <\/div>\n<\/section>\n<\/div>\n\n<\/div>\n<!-- ========================= EINDE .inr-fzelf ========================= -->\n\n<script>\n(function(){\n  function start(){\n    var els=document.querySelectorAll('.inr-fzelf .rev');\n    if(!('IntersectionObserver' in window)){els.forEach(function(e){e.classList.add('in');});return;}\n    var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}});},{threshold:.12,rootMargin:'0px 0px -8% 0px'});\n    els.forEach(function(e){io.observe(e);});\n  }\n  if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',start);}else{start();}\n})();\n<\/script>\n\n\n\n<!-- ============================================================================\n     INR CONTACTFORMULIER\n     E\u00e9n bestand. Plak dit volledig in \u00c9\u00c9N Elementor HTML-widget.\n     Alles is gescoped onder .inr-contact en afgedwongen met !important,\n     zodat Elementor\/WordPress de stijl niet kan overrulen.\n\n     Stijl in lijn met de rest van de site: Inter, witte basis, ink #0A0A0B,\n     glassmorphism, atmosfeer-blobs, reveal-on-scroll, ink-accent.\n\n     Verzending: eigen plugin-endpoint (INR Website Leads), form-type 'contact'.\n     Geen Elementor-capture meer. Honeypot + tijdslot tegen bots.\n\n     CONTRAST-FIX (WCAG AA): de lichtgrijze tint --grijs-licht (#9A95A8) haalde\n     maar 2.9:1 op wit en zakte daarmee onder de 4.5:1-eis. Alle leesbare tekst\n     die daarop stond \u2014 het (optioneel)-sterretje en de placeholders \u2014 staat nu\n     op --grijs (#6B6480, 5.59:1). De decoratieve select-chevron is mee verhoogd.\n     ============================================================================ -->\n\n<style>\n\/* ---------- 1. ELEMENTOR-ONTWAPENING + ROOT ---------- *\/\n.inr-contact{\n  --ink:#0A0A0B; --ink-2:#1C1C20; --grijs:#6B6480; --grijs-licht:#9A95A8;\n  --lijn:rgba(10,10,11,.10); --lijn-zacht:rgba(10,10,11,.06);\n  --veld-bg:#FFFFFF; --glas:rgba(255,255,255,.72); --soft:#F7F6FA;\n  --radius:24px; --maxw:1200px;\n  position:relative !important; width:100% !important; max-width:100% !important;\n  margin:0 !important; padding:0 clamp(22px,5vw,40px) !important; box-sizing:border-box !important;\n  color:var(--ink) !important; background:transparent !important; line-height:1.5 !important;\n  overflow:hidden !important; text-align:left !important;\n  -webkit-font-smoothing:antialiased !important;\n}\n.inr-contact, .inr-contact *, .inr-contact *::before, .inr-contact *::after{\n  box-sizing:border-box !important;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;\n}\n.inr-contact h1,.inr-contact h2,.inr-contact h3,.inr-contact p,\n.inr-contact span,.inr-contact div,.inr-contact label,.inr-contact a,.inr-contact button{margin:0;padding:0;}\n.inr-contact a{text-decoration:none !important;color:inherit !important;}\n.inr-contact button{background:none !important;border:none !important;cursor:pointer !important;color:inherit !important;font:inherit !important;}\n\n\/* ---------- 2. ATMOSFEER (drift-blobs) ---------- *\/\n.inr-contact .atmos{position:absolute !important;inset:0 !important;z-index:0 !important;overflow:hidden !important;pointer-events:none !important;background:transparent !important;}\n.inr-contact .blob{position:absolute !important;border-radius:50% !important;filter:blur(120px) !important;opacity:.07 !important;animation:inrc-drift 32s ease-in-out infinite !important;}\n.inr-contact .blob.a{width:520px;height:520px;background:rgba(10,10,11,1);top:-160px;left:-140px;}\n.inr-contact .blob.b{width:460px;height:460px;background:rgba(28,28,32,1);bottom:-200px;right:-160px;animation-delay:-13s;}\n@keyframes inrc-drift{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(36px,-28px) scale(1.06);}}\n\n\/* ---------- 3. LAYOUT ---------- *\/\n.inr-contact .wrap{position:relative !important;z-index:1 !important;width:100% !important;max-width:var(--maxw) !important;margin:0 auto !important;padding:clamp(64px,9vw,120px) 0 !important;}\n.inr-contact .kaart{\n  display:grid !important;grid-template-columns:0.92fr 1.08fr !important;gap:0 !important;\n  background:var(--glas) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid var(--lijn) !important;border-radius:32px !important;overflow:hidden !important;\n  box-shadow:0 40px 90px -54px rgba(10,10,11,.4) !important;\n}\n\n\/* ---------- 4. LINKER PANEEL ---------- *\/\n.inr-contact .paneel{\n  position:relative !important;overflow:hidden !important;background:var(--ink) !important;color:#fff !important;\n  padding:clamp(40px,5vw,64px) clamp(32px,4vw,56px) !important;\n  display:flex !important;flex-direction:column !important;\n}\n.inr-contact .paneel::before{content:'' !important;position:absolute !important;top:-130px !important;right:-90px !important;width:360px !important;height:360px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%) !important;filter:blur(50px) !important;pointer-events:none !important;}\n.inr-contact .paneel::after{content:'' !important;position:absolute !important;bottom:-150px !important;left:-110px !important;width:340px !important;height:340px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(255,255,255,.06),transparent 70%) !important;filter:blur(50px) !important;pointer-events:none !important;}\n.inr-contact .paneel-in{position:relative !important;z-index:1 !important;display:flex !important;flex-direction:column !important;height:100% !important;}\n.inr-contact .badge{display:inline-flex !important;align-items:center !important;gap:9px !important;align-self:flex-start !important;\n  font-size:12px !important;font-weight:600 !important;letter-spacing:.06em !important;color:#fff !important;\n  border:1px solid rgba(255,255,255,.22) !important;background:rgba(255,255,255,.06) !important;\n  padding:8px 15px !important;border-radius:99px !important;margin-bottom:30px !important;}\n.inr-contact .badge .stip{width:7px !important;height:7px !important;border-radius:50% !important;background:#fff !important;}\n.inr-contact .paneel h2{font-weight:700 !important;font-size:clamp(28px,3.6vw,42px) !important;line-height:1.08 !important;letter-spacing:-.03em !important;color:#fff !important;margin-bottom:18px !important;}\n.inr-contact .paneel .lead{font-size:clamp(15px,1.6vw,17px) !important;font-weight:300 !important;color:rgba(255,255,255,.74) !important;line-height:1.62 !important;max-width:42ch !important;}\n.inr-contact .direct{margin-top:auto !important;padding-top:42px !important;}\n.inr-contact .direct-l{font-size:12px !important;font-weight:600 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:rgba(255,255,255,.5) !important;margin-bottom:16px !important;}\n.inr-contact .direct-rij{display:flex !important;align-items:center !important;gap:13px !important;margin-bottom:13px !important;}\n.inr-contact .direct-rij:last-child{margin-bottom:0 !important;}\n.inr-contact .direct-ic{flex:none !important;width:38px !important;height:38px !important;border-radius:11px !important;background:rgba(255,255,255,.08) !important;border:1px solid rgba(255,255,255,.12) !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#fff !important;}\n.inr-contact .direct-ic svg{width:17px !important;height:17px !important;stroke:#fff !important;fill:none !important;stroke-width:1.7 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}\n.inr-contact .direct-rij a,.inr-contact .direct-rij span{font-size:15.5px !important;font-weight:400 !important;color:rgba(255,255,255,.92) !important;letter-spacing:-.01em !important;transition:color .2s !important;word-break:break-word !important;}\n.inr-contact a.direct-link:hover{color:#fff !important;}\n\n\/* ---------- 5. RECHTER PANEEL: FORMULIER ---------- *\/\n.inr-contact .form-zij{padding:clamp(40px,5vw,64px) clamp(32px,4vw,56px) !important;background:transparent !important;}\n.inr-contact .veld-rij{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;gap:18px !important;margin-bottom:20px !important;}\n.inr-contact .veld{display:flex !important;flex-direction:column !important;min-width:0 !important;}\n.inr-contact .veld.vol{margin-bottom:20px !important;}\n.inr-contact .veld label{font-size:13px !important;font-weight:600 !important;color:var(--ink) !important;letter-spacing:-.005em !important;margin-bottom:8px !important;}\n\/* CONTRAST-FIX: was --grijs-licht (2.9:1), nu --grijs (5.59:1). *\/\n.inr-contact .veld label .ster{color:var(--grijs) !important;font-weight:400 !important;}\n.inr-contact .veld input,.inr-contact .veld select,.inr-contact .veld textarea{\n  width:100% !important;border:1px solid var(--lijn) !important;border-radius:13px !important;\n  padding:14px 16px !important;font-size:15px !important;font-weight:400 !important;line-height:1.4 !important;\n  color:var(--ink) !important;background:var(--veld-bg) !important;-webkit-text-fill-color:var(--ink) !important;\n  outline:none !important;-webkit-appearance:none !important;appearance:none !important;\n  transition:border-color .2s,box-shadow .2s,background .2s !important;\n}\n\/* CONTRAST-FIX: placeholders waren --grijs-licht (2.9:1), nu --grijs (5.59:1). *\/\n.inr-contact .veld input::placeholder,.inr-contact .veld textarea::placeholder{color:var(--grijs) !important;opacity:1 !important;}\n.inr-contact .veld input:focus,.inr-contact .veld select:focus,.inr-contact .veld textarea:focus{\n  border-color:var(--ink) !important;box-shadow:0 0 0 4px rgba(10,10,11,.07) !important;\n}\n.inr-contact .veld input.fout,.inr-contact .veld textarea.fout{border-color:#DC2626 !important;box-shadow:0 0 0 4px rgba(220,38,38,.10) !important;}\n.inr-contact .veld textarea{min-height:130px !important;resize:vertical !important;}\n.inr-contact .veld.select-veld{position:relative !important;}\n\/* Decoratieve chevron, mee verhoogd naar --grijs voor visuele samenhang. *\/\n.inr-contact .veld.select-veld::after{content:'' !important;position:absolute !important;right:18px !important;bottom:19px !important;width:8px !important;height:8px !important;border-right:1.6px solid var(--grijs) !important;border-bottom:1.6px solid var(--grijs) !important;transform:rotate(45deg) !important;pointer-events:none !important;}\n.inr-contact .veld select{cursor:pointer !important;padding-right:40px !important;}\n\n\/* honeypot, visueel verborgen *\/\n.inr-contact .hp-veld{position:absolute !important;left:-9999px !important;top:-9999px !important;width:1px !important;height:1px !important;overflow:hidden !important;}\n\n.inr-contact .knop{\n  display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;width:100% !important;\n  margin-top:8px !important;background:var(--ink) !important;color:#fff !important;border-radius:14px !important;\n  padding:17px 28px !important;font-size:16px !important;font-weight:600 !important;letter-spacing:-.005em !important;line-height:1.2 !important;\n  box-shadow:0 14px 30px -16px rgba(10,10,11,.6) !important;\n  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,opacity .25s !important;\n}\n.inr-contact .knop:hover{transform:translateY(-2px) !important;box-shadow:0 20px 40px -18px rgba(10,10,11,.7) !important;}\n.inr-contact .knop svg{width:16px !important;height:16px !important;stroke:currentColor !important;fill:none !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;transition:transform .35s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-contact .knop:hover svg{transform:translateX(4px) !important;}\n.inr-contact .knop[disabled]{opacity:.55 !important;cursor:wait !important;transform:none !important;box-shadow:none !important;}\n\n.inr-contact .form-fout{font-size:13.5px !important;font-weight:400 !important;color:#DC2626 !important;margin-top:14px !important;text-align:center !important;\n  max-height:0 !important;overflow:hidden !important;opacity:0 !important;transition:opacity .25s,max-height .25s !important;}\n.inr-contact .form-fout.toon{opacity:1 !important;max-height:60px !important;}\n.inr-contact .form-belofte{margin-top:18px !important;display:flex !important;align-items:flex-start !important;gap:9px !important;font-size:12.5px !important;font-weight:400 !important;color:var(--grijs) !important;line-height:1.55 !important;}\n.inr-contact .form-belofte svg{width:14px !important;height:14px !important;flex:none !important;margin-top:2px !important;stroke:var(--ink) !important;fill:none !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}\n\n\/* ---------- 6. SUCCES-STAAT ---------- *\/\n.inr-contact .form-velden.verzonden{display:none !important;}\n.inr-contact .succes{display:none !important;flex-direction:column !important;align-items:flex-start !important;gap:16px !important;padding:14px 0 !important;}\n.inr-contact .succes.toon{display:flex !important;}\n.inr-contact .succes .vink{width:54px !important;height:54px !important;border-radius:16px !important;background:var(--soft) !important;border:1px solid var(--lijn) !important;display:flex !important;align-items:center !important;justify-content:center !important;}\n.inr-contact .succes .vink svg{width:26px !important;height:26px !important;stroke:var(--ink) !important;fill:none !important;stroke-width:2.4 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}\n.inr-contact .succes h3{font-weight:700 !important;font-size:23px !important;letter-spacing:-.02em !important;color:var(--ink) !important;}\n.inr-contact .succes p{font-size:15.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;max-width:42ch !important;}\n\n\/* ---------- 7. REVEAL ---------- *\/\n.inr-contact .rev{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);}\n.inr-contact .rev.in{opacity:1 !important;transform:none !important;}\n\n\/* ---------- 8. MOBIEL ---------- *\/\n@media(max-width:880px){\n  .inr-contact .wrap{padding:64px 0 !important;}\n  .inr-contact .kaart{grid-template-columns:1fr !important;border-radius:26px !important;}\n  .inr-contact .paneel{padding:40px 28px !important;}\n  .inr-contact .paneel .lead{max-width:none !important;}\n  .inr-contact .direct{padding-top:34px !important;}\n  .inr-contact .form-zij{padding:36px 28px !important;}\n  .inr-contact .veld-rij{grid-template-columns:1fr !important;gap:0 !important;margin-bottom:0 !important;}\n  .inr-contact .veld-rij .veld{margin-bottom:20px !important;}\n}\n@media(prefers-reduced-motion:reduce){\n  .inr-contact .rev{opacity:1 !important;transform:none !important;transition:none !important;}\n  .inr-contact .blob{animation:none !important;}\n  .inr-contact .knop,.inr-contact .knop svg{transition:none !important;}\n}\n<\/style>\n\n<div class=\"inr-contact\">\n<div class=\"atmos\"><div class=\"blob a\"><\/div><div class=\"blob b\"><\/div><\/div>\n\n<div class=\"wrap\">\n  <div class=\"kaart rev\">\n\n    <!-- LINKER PANEEL -->\n    <div class=\"paneel\">\n      <div class=\"paneel-in\">\n        <div class=\"badge\"><span class=\"stip\"><\/span>Contact<\/div>\n        <h2>Zeg hallo. Wij denken graag met je mee.<\/h2>\n        <p class=\"lead\">Laat je gegevens achter en vertel kort waar je mee bezig bent. We nemen persoonlijk contact met je op, zonder verkooppraat.<\/p>\n        <div class=\"direct\">\n          <div class=\"direct-l\">Ons direct bereiken<\/div>\n          <div class=\"direct-rij\">\n            <span class=\"direct-ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L20 13l1 4v3a1 1 0 0 1-1 1A16 16 0 0 1 4 5a1 1 0 0 1 1-1z\"><\/path><\/svg><\/span>\n            <a class=\"direct-link\" href=\"tel:+31320844170\">+31 320 844 170<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- RECHTER PANEEL: FORMULIER -->\n    <div class=\"form-zij\">\n      <div class=\"form-velden\" id=\"inrcVelden\">\n\n        <div class=\"veld-rij\">\n          <div class=\"veld\">\n            <label for=\"inrcNaam\">Naam<\/label>\n            <input type=\"text\" id=\"inrcNaam\" placeholder=\"Jan Willem\" autocomplete=\"name\">\n          <\/div>\n          <div class=\"veld\">\n            <label for=\"inrcTel\">Telefoon <span class=\"ster\">(optioneel)<\/span><\/label>\n            <input type=\"tel\" id=\"inrcTel\" placeholder=\"Telefoon\" autocomplete=\"tel\">\n          <\/div>\n        <\/div>\n\n        <div class=\"veld vol\">\n          <label for=\"inrcEmail\">E-mail<\/label>\n          <input type=\"email\" id=\"inrcEmail\" placeholder=\"jij@bedrijf.nl\" autocomplete=\"email\" inputmode=\"email\">\n        <\/div>\n\n        <div class=\"veld-rij\">\n          <div class=\"veld select-veld\">\n            <label for=\"inrcLocatie\">Locatie <span class=\"ster\">(optioneel)<\/span><\/label>\n            <select id=\"inrcLocatie\">\n              <option value=\"\">Selecteer<\/option>\n              <option value=\"Noord-Nederland\">Noord-Nederland<\/option>\n              <option value=\"Oost-Nederland\">Oost-Nederland<\/option>\n              <option value=\"Midden-Nederland\">Midden-Nederland<\/option>\n              <option value=\"West-Nederland\">West-Nederland<\/option>\n              <option value=\"Zuid-Nederland\">Zuid-Nederland<\/option>\n              <option value=\"Heel Nederland \/ landelijk\">Heel Nederland \/ landelijk<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"veld\">\n            <label for=\"inrcMedewerkers\">Medewerkers <span class=\"ster\">(optioneel)<\/span><\/label>\n            <input type=\"number\" id=\"inrcMedewerkers\" placeholder=\"1\" min=\"1\" inputmode=\"numeric\">\n          <\/div>\n        <\/div>\n\n        <div class=\"veld vol\">\n          <label for=\"inrcBericht\">Bericht<\/label>\n          <textarea id=\"inrcBericht\" placeholder=\"Waar kunnen we je mee helpen?\"><\/textarea>\n        <\/div>\n\n        <!-- honeypot -->\n        <div class=\"hp-veld\" aria-hidden=\"true\">\n          <label for=\"inrcHp\">Laat dit veld leeg<\/label>\n          <input type=\"text\" id=\"inrcHp\" tabindex=\"-1\" autocomplete=\"off\">\n        <\/div>\n\n        <button type=\"button\" class=\"knop\" id=\"inrcKnop\">\n          Verstuur bericht\n          <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n        <\/button>\n\n        <div class=\"form-fout\" id=\"inrcFout\">Controleer de gemarkeerde velden.<\/div>\n\n        <div class=\"form-belofte\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n          <span>We gebruiken je gegevens uitsluitend om contact met je op te nemen over je vraag.<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- succes-staat -->\n      <div class=\"succes\" id=\"inrcSucces\">\n        <div class=\"vink\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div>\n        <h3>Bedankt, je bericht is binnen.<\/h3>\n        <p>We hebben je gegevens ontvangen en nemen zo snel mogelijk persoonlijk contact met je op.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n<\/div>\n\n<script>\n\/* ----- Config: pas hier het endpoint aan zonder de rest te raken ----- *\/\nwindow.INR_CONTACT = {\n  endpoint: \"\/wp-json\/inr-dashboard\/v1\/lead-binnen\",\n  form: \"contact\"\n};\n\n(function(){\n  var GELADEN = Math.floor(Date.now() \/ 1000);\n\n  function start(root){\n    if(!root || root.getAttribute('data-inr-actief') === '1'){ return; }\n    root.setAttribute('data-inr-actief', '1');\n\n    var CFG = window.INR_CONTACT || {};\n    var ENDPOINT = CFG.endpoint || '\/wp-json\/inr-dashboard\/v1\/lead-binnen';\n    var FORM = CFG.form || 'contact';\n\n    var velden = root.querySelector('#inrcVelden');\n    var succes = root.querySelector('#inrcSucces');\n    var knop   = root.querySelector('#inrcKnop');\n    var fout   = root.querySelector('#inrcFout');\n    if(!knop) return;\n\n    var naam   = root.querySelector('#inrcNaam');\n    var tel    = root.querySelector('#inrcTel');\n    var email  = root.querySelector('#inrcEmail');\n    var loc    = root.querySelector('#inrcLocatie');\n    var mede   = root.querySelector('#inrcMedewerkers');\n    var bericht= root.querySelector('#inrcBericht');\n    var hp     = root.querySelector('#inrcHp');\n\n    function geldigEmail(e){ return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(e); }\n\n    function toonFout(tekst){\n      if(tekst) fout.textContent = tekst;\n      fout.classList.add('toon');\n    }\n    function wisFout(){ fout.classList.remove('toon'); }\n\n    [naam, email, bericht].forEach(function(v){\n      if(v){ v.addEventListener('input', function(){ v.classList.remove('fout'); wisFout(); }); }\n    });\n\n    function valideer(){\n      var ok = true;\n      if(!(naam.value || '').trim()){ naam.classList.add('fout'); ok = false; }\n      if(!geldigEmail((email.value || '').trim())){ email.classList.add('fout'); ok = false; }\n      if(!(bericht.value || '').trim()){ bericht.classList.add('fout'); ok = false; }\n      return ok;\n    }\n\n    \/* Verstuur naar het eigen plugin-endpoint (geen Elementor). Fire-and-forget\n       met honeypot + tijdslot tegen bots. Opslaan-voor-mailen gebeurt server-\n       side, dus een lead raakt niet kwijt; we tonen de bezoeker altijd de\n       bevestiging zodra de aanvraag is weggestuurd. *\/\n    function verzendNaarPlugin(klaar){\n      var payload = {\n        form: FORM,\n        naam: (naam.value || '').trim(),\n        email: (email.value || '').trim(),\n        velden: {\n          'Telefoon': (tel.value || '').trim(),\n          'Locatie': (loc.value || '').trim(),\n          'Aantal medewerkers': (mede.value || '').trim(),\n          'Bericht': (bericht.value || '').trim()\n        },\n        meta: {},\n        bron: window.location.href,\n        ts: GELADEN,\n        website: (hp ? hp.value : '')\n      };\n      try {\n        var xhr = new XMLHttpRequest();\n        xhr.open('POST', ENDPOINT, true);\n        xhr.setRequestHeader('Content-Type', 'application\/json');\n        xhr.timeout = 15000;\n        xhr.onreadystatechange = function(){\n          if(xhr.readyState !== 4) return;\n          if(xhr.status >= 200 && xhr.status < 300){ klaar(true); }\n          else { klaar(false); }\n        };\n        xhr.ontimeout = function(){ klaar(false); };\n        xhr.onerror = function(){ klaar(false); };\n        xhr.send(JSON.stringify(payload));\n      } catch(e){ klaar(false); }\n    }\n\n    function toonSucces(){\n      velden.classList.add('verzonden');\n      succes.classList.add('toon');\n      try { succes.scrollIntoView({ behavior:'smooth', block:'center' }); } catch(e){}\n    }\n\n    knop.addEventListener('click', function(){\n      wisFout();\n      if(!valideer()){ toonFout('Vul je naam, een geldig e-mailadres en een bericht in.'); return; }\n      knop.disabled = true;\n      knop.textContent = 'Een moment...';\n      verzendNaarPlugin(function(ok){\n        if(ok){\n          toonSucces();\n        } else {\n          knop.disabled = false;\n          knop.innerHTML = 'Verstuur bericht <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>';\n          toonFout('Er ging iets mis bij het versturen. Probeer het zo nog eens, of bel ons direct.');\n        }\n      });\n    });\n\n    \/* Enter in een normaal veld (niet de textarea) verstuurt het formulier. *\/\n    [naam, tel, email, mede].forEach(function(v){\n      if(v){ v.addEventListener('keypress', function(e){ if(e.key === 'Enter'){ e.preventDefault(); knop.click(); } }); }\n    });\n\n    \/* Reveal-on-scroll, met een veiligheidsval: als de IntersectionObserver om\n       welke reden dan ook niet vuurt (bijvoorbeeld omdat de template-widget al\n       volledig in beeld staat bij het laden, of buiten een normale scroll-context\n       leeft), maken we de kaart sowieso zichtbaar. Zo blijft het formulier nooit\n       op opacity:0 hangen. *\/\n    var revs = root.querySelectorAll('.rev');\n    function toonAlles(){ [].forEach.call(revs, function(e){ e.classList.add('in'); }); }\n    if(!('IntersectionObserver' in window)){\n      toonAlles();\n    } else {\n      var io = new IntersectionObserver(function(es){\n        es.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); } });\n      }, { threshold:.08, rootMargin:'0px 0px -4% 0px' });\n      [].forEach.call(revs, function(e){ io.observe(e); });\n      \/\/ Veiligheidsval: wat er ook gebeurt, na 1,2s is de kaart zichtbaar.\n      setTimeout(toonAlles, 1200);\n    }\n  }\n\n  \/* Initialiseer elk contactformulier op de pagina. Dit is bewust bestand tegen\n     de manier waarop WordPress een template-widget kan inladen: de widget kan op\n     de ene pagina vroeg in de DOM staan en op de andere later worden geinjecteerd\n     (waardoor een eenmalige querySelector bij het laden niets vond en het formulier\n     onzichtbaar bleef). We proberen daarom meermaals:\n       1. meteen, voor formulieren die er al zijn,\n       2. op DOMContentLoaded,\n       3. via een MutationObserver voor widgets die later in de DOM verschijnen,\n       4. met een paar korte herhaalde pogingen als veiligheidsnet. *\/\n  function initAlle(){\n    var lijst = document.querySelectorAll('.inr-contact');\n    [].forEach.call(lijst, function(node){ start(node); });\n  }\n\n  \/\/ 1 + 2: meteen en bij DOM-gereed.\n  if(document.readyState === 'loading'){\n    document.addEventListener('DOMContentLoaded', initAlle);\n  } else {\n    initAlle();\n  }\n\n  \/\/ 3: vang formulieren op die na het laden alsnog worden ingeladen.\n  if('MutationObserver' in window){\n    var mo = new MutationObserver(function(){ initAlle(); });\n    if(document.body){\n      mo.observe(document.body, { childList:true, subtree:true });\n    } else {\n      document.addEventListener('DOMContentLoaded', function(){\n        mo.observe(document.body, { childList:true, subtree:true });\n      });\n    }\n  }\n\n  \/\/ 4: een paar korte herhaalde pogingen als extra vangnet (stopt vanzelf).\n  var pogingen = 0;\n  var herhaal = setInterval(function(){\n    pogingen++;\n    initAlle();\n    if(pogingen >= 10){ clearInterval(herhaal); }\n  }, 400);\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>INR Fluent \u00b7 Persoonlijk leiderschap Je leidt jezelf niet door naar binnen te kijken. De meeste programma&#8217;s vragen je te reflecteren, je waarden te vinden en bewust te kiezen. Maar wie je bent onder druk, ontdek je niet door na te denken over jezelf. Je ontdekt het door je eigen gedrag te lezen. Persoonlijk leiderschap [&hellip;]<\/p>\n","protected":false},"author":224244682,"featured_media":79211,"parent":57194,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-79192","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/79192","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/users\/224244682"}],"replies":[{"embeddable":true,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/comments?post=79192"}],"version-history":[{"count":5,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/79192\/revisions"}],"predecessor-version":[{"id":79217,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/79192\/revisions\/79217"}],"up":[{"embeddable":true,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/57194"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/media\/79211"}],"wp:attachment":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/media?parent=79192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}