{"id":57194,"date":"2025-09-03T15:46:39","date_gmt":"2025-09-03T13:46:39","guid":{"rendered":"https:\/\/inr.institute\/?page_id=57194"},"modified":"2026-08-22T14:12:43","modified_gmt":"2026-08-22T12:12:43","slug":"inr-fluent","status":"publish","type":"page","link":"https:\/\/inr.institute\/en\/inr\/inr-dynamics\/inr-fluent\/","title":{"rendered":"INR Fluent"},"content":{"rendered":"\n<!-- ============================================================================\n     INR FLUENT - LANDINGSPAGINA\n     E&eacute;n bestand. Plak dit volledig in &Eacute;&Eacute;N HTML-blok.\n     Alles is gescoped onder .inr-fluent en afgedwongen met !important.\n     Accentkleur: Fluent blauw #2875FB.\n     ============================================================================ -->\n\n<style>\n\/* ---------- 1. ROOT + ONTWAPENING ---------- *\/\n.inr-fluent{\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; --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-fluent, .inr-fluent *, .inr-fluent *::before, .inr-fluent *::after{\n  box-sizing:border-box !important;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;\n}\n.inr-fluent h1,.inr-fluent h2,.inr-fluent h3,.inr-fluent h4,.inr-fluent p,\n.inr-fluent span,.inr-fluent div,.inr-fluent ul,.inr-fluent li,.inr-fluent a{margin:0;padding:0;}\n.inr-fluent ul{list-style:none !important;}\n.inr-fluent a{text-decoration:none !important;color:inherit !important;}\n\n\/* ---------- 2. ATMOSFEER ---------- *\/\n.inr-fluent .atmos{position:absolute !important;inset:0 !important;z-index:0 !important;overflow:hidden !important;pointer-events:none !important;background:transparent !important;}\n.inr-fluent .blob{position:absolute !important;border-radius:50% !important;filter:blur(120px) !important;opacity:.30 !important;animation:inrf-drift 26s ease-in-out infinite !important;}\n.inr-fluent .blob.a{width:560px;height:560px;background:rgba(40,117,251,.22);top:-160px;left:-140px;}\n.inr-fluent .blob.b{width:500px;height:500px;background:rgba(94,155,255,.20);top:34%;right:-180px;animation-delay:-9s;}\n.inr-fluent .blob.c{width:640px;height:640px;background:rgba(40,117,251,.15);bottom:-240px;left:26%;animation-delay:-16s;}\n@keyframes inrf-drift{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(46px,-34px) scale(1.08);}}\n\n\/* ---------- 3. LAYOUT-PRIMITIEVEN ---------- *\/\n.inr-fluent .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-fluent .sec{position:relative !important;z-index:1 !important;padding:120px 0 !important;}\n.inr-fluent .sec.tight{padding:80px 0 !important;}\n\n\/* ---------- 4. TYPO-HELPERS ---------- *\/\n.inr-fluent .eyebrow{font-size:13px !important;font-weight:600 !important;letter-spacing:.09em !important;text-transform:uppercase !important;color:var(--accent) !important;}\n.inr-fluent .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-fluent .kop{text-align:center !important;max-width:780px !important;margin:0 auto 60px !important;}\n.inr-fluent .kop .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-fluent .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-fluent .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-fluent .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-fluent .rev.in{opacity:1 !important;transform:none !important;}\n.inr-fluent .d1{transition-delay:.07s;}.inr-fluent .d2{transition-delay:.14s;}.inr-fluent .d3{transition-delay:.21s;}\n.inr-fluent .d4{transition-delay:.28s;}.inr-fluent .d5{transition-delay:.35s;}.inr-fluent .d6{transition-delay:.42s;}\n.no-js .inr-fluent .rev{opacity:1 !important;transform:none !important;}\n\n\/* ---------- 6. GLASS-KAART ---------- *\/\n.inr-fluent .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;\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-fluent .kaart:hover{transform:translateY(-6px) !important;box-shadow:0 28px 60px -28px rgba(40,117,251,.28) !important;}\n.inr-fluent .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-fluent .kaart .ico svg{width:25px !important;height:25px !important;}\n.inr-fluent .kaart h3{font-weight:600 !important;font-size:20px !important;letter-spacing:-.015em !important;margin-bottom:9px !important;color:var(--ink) !important;}\n.inr-fluent .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-fluent .essentie{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:24px !important;}\n@media(max-width:820px){\n  .inr-fluent{padding-left:22px !important;padding-right:22px !important;}\n  .inr-fluent .wrap{padding-left:0 !important;padding-right:0 !important;}\n  .inr-fluent .hero{padding-left:0 !important;padding-right:0 !important;}\n  .inr-fluent .slot{padding-left:0 !important;padding-right:0 !important;}\n  .inr-fluent .strip .cel{padding-left:16px !important;padding-right:16px !important;}\n  .inr-fluent .donker{padding-left:26px !important;padding-right:26px !important;}\n  .inr-fluent .sec{padding:72px 0 !important;}\n  .inr-fluent .essentie{grid-template-columns:1fr !important;}\n  .inr-fluent .blob.a{width:320px;height:320px;top:-90px;left:-100px;}\n  .inr-fluent .blob.b{width:300px;height:300px;right:-140px;}\n  .inr-fluent .blob.c{width:340px;height:340px;left:-60px;bottom:-160px;}\n}\n@media(prefers-reduced-motion:reduce){\n  .inr-fluent .rev{opacity:1 !important;transform:none !important;transition:none !important;}\n  .inr-fluent .blob{animation:none !important;}\n}\n<\/style>\n\n<div class=\"inr-fluent\">\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\/* hero krijgt een hogere stacking-context zodat het open dropdown-menu\n   gegarandeerd boven de volgende secties valt (die hebben z-index:1) *\/\n.inr-fluent .hero{position:relative !important;z-index:20 !important;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-fluent .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-fluent .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-fluent .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-fluent .hero .lead{font-size:clamp(18px,2.3vw,23px) !important;font-weight:300 !important;color:var(--grijs) !important;max-width:54ch !important;line-height:1.5 !important;}\n.inr-fluent .hero .lead strong{font-weight:600 !important;color:var(--ink) !important;}\n.inr-fluent .hero .hint{margin-top:38px !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-fluent .hero .hint .lijn{width:46px !important;height:1px !important;background:linear-gradient(90deg,var(--grijs),transparent) !important;}\n\n\/* ---------- HERO DROPDOWN ---------- *\/\n.inr-fluent .keuze{margin-top:44px !important;position:relative !important;max-width:480px !important;width:100% !important;z-index:30 !important;}\n.inr-fluent .keuze .keuze-knop{display:flex !important;align-items:flex-start !important;justify-content:space-between !important;gap:16px !important;width:100% !important;cursor:pointer !important;\n  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,.22) !important;border-radius:16px !important;padding:17px 20px !important;text-align:left !important;\n  box-shadow:0 10px 40px -28px rgba(40,117,251,.3) !important;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s !important;}\n.inr-fluent .keuze .keuze-knop:hover{transform:translateY(-2px) !important;border-color:rgba(40,117,251,.4) !important;box-shadow:0 18px 50px -28px rgba(40,117,251,.4) !important;}\n.inr-fluent .keuze .keuze-knop .kt{display:flex !important;flex-direction:column !important;gap:3px !important;min-width:0 !important;}\n.inr-fluent .keuze .keuze-knop .kt .klein{font-size:11px !important;font-weight:600 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:var(--accent) !important;}\n.inr-fluent .keuze .keuze-knop .kt .groot{font-size:16px !important;font-weight:600 !important;color:var(--ink) !important;letter-spacing:-.01em !important;}\n.inr-fluent .keuze .keuze-knop .pijl{flex:none !important;width:20px !important;height:20px !important;margin-left:6px !important;margin-top:14px !important;color:var(--accent) !important;transition:transform .35s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-fluent .keuze.open .keuze-knop .pijl{transform:rotate(180deg) !important;}\n.inr-fluent .keuze .keuze-menu{position:absolute !important;top:calc(100% + 10px) !important;left:0 !important;right:0 !important;\n  background:rgba(255,255,255,.92) !important;-webkit-backdrop-filter:blur(24px) !important;backdrop-filter:blur(24px) !important;\n  border:1px solid rgba(40,117,251,.16) !important;border-radius:16px !important;padding:8px !important;overflow:hidden !important;\n  box-shadow:0 24px 60px -26px rgba(10,18,38,.28) !important;\n  opacity:0 !important;transform:translateY(-8px) !important;pointer-events:none !important;\n  transition:opacity .3s cubic-bezier(.2,.7,.2,1),transform .3s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-fluent .keuze.open .keuze-menu{opacity:1 !important;transform:translateY(0) !important;pointer-events:auto !important;}\n.inr-fluent .keuze .keuze-menu a{display:flex !important;align-items:center !important;gap:13px !important;padding:13px 14px !important;border-radius:11px !important;\n  color:var(--ink) !important;transition:background .25s !important;}\n.inr-fluent .keuze .keuze-menu a:hover{background:rgba(40,117,251,.08) !important;}\n.inr-fluent .keuze .keuze-menu a .mico{flex:none !important;width:34px !important;height:34px !important;border-radius:10px !important;display:flex !important;align-items:center !important;justify-content:center !important;\n  background:rgba(40,117,251,.1) !important;color:var(--accent) !important;}\n.inr-fluent .keuze .keuze-menu a .mico svg{width:17px !important;height:17px !important;}\n.inr-fluent .keuze .keuze-menu a .mt{display:flex !important;flex-direction:column !important;gap:2px !important;}\n.inr-fluent .keuze .keuze-menu a .mt .mtitel{font-size:15px !important;font-weight:600 !important;letter-spacing:-.01em !important;color:var(--ink) !important;}\n.inr-fluent .keuze .keuze-menu a .mt .msub{font-size:12.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.4 !important;}\n@media(max-width:820px){\n  .inr-fluent .keuze{max-width:100% !important;}\n  .inr-fluent .keuze .keuze-menu{position:static !important;top:auto !important;\n    max-height:0 !important;margin-top:0 !important;padding-top:0 !important;padding-bottom:0 !important;\n    opacity:1 !important;transform:none !important;\n    transition:max-height .4s cubic-bezier(.2,.7,.2,1),margin-top .4s cubic-bezier(.2,.7,.2,1),padding .4s cubic-bezier(.2,.7,.2,1) !important;}\n  .inr-fluent .keuze.open .keuze-menu{max-height:560px !important;margin-top:10px !important;padding-top:8px !important;padding-bottom:8px !important;transform:none !important;}\n}\n@media(max-width:820px){.inr-fluent .hero{min-height:auto !important;padding:120px clamp(28px,5vw,40px) 70px !important;}.inr-fluent .hero h1{font-size:clamp(34px,9vw,52px) !important;}.inr-fluent .hero .lead{font-size:18px !important;}}\n<\/style>\n<section class=\"hero wrap\">\n  <h1>Leiderschap begint bij <span class=\"grad\">jezelf<\/span> begrijpen.<\/h1>\n  <p class=\"lead\">Fluent is het vloeiend leren spreken van de taal van menselijk gedrag. Geen sturingstrucs, maar invloed die voortkomt uit inzicht in de I-laag, de N-laag en de R-laag. <strong>Voelen. Begrijpen. Bewegen.<\/strong><\/p>\n\n  <!-- =====================================================================\n       DROPDOWN MET VERDIEPENDE PAGINA'S\n       Pas hier eenvoudig de links, titels en omschrijvingen aan.\n       Voeg een optie toe of haal er een weg door een <a> blok te kopieren\n       of te verwijderen. Niets anders hoeft te veranderen.\n       ===================================================================== -->\n  <div class=\"keuze\" id=\"fluentKeuze\">\n    <button type=\"button\" class=\"keuze-knop\" id=\"fluentKeuzeKnop\" aria-haspopup=\"true\" aria-expanded=\"false\">\n      <span class=\"kt\">\n        <span class=\"klein\">Verdieping<\/span>\n        <span class=\"groot\">Ontdek Fluent in de praktijk<\/span>\n      <\/span>\n      <svg class=\"pijl\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg>\n    <\/button>\n    <div class=\"keuze-menu\" role=\"menu\">\n\n      <!-- OPTIE 1 : Persoonlijk leiderschap (kompas \/ persoon) -->\n      <a href=\"https:\/\/inr.institute\/inr\/inr-dynamics\/inr-fluent\/persoonlijke-leiderschap\/\" role=\"menuitem\">\n        <span class=\"mico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><path d=\"M16 8l-2.5 5.5L8 16l2.5-5.5z\"><\/path><\/svg><\/span>\n        <span class=\"mt\"><span class=\"mtitel\">Persoonlijk leiderschap<\/span><span class=\"msub\">Je waarom lees je af aan je gedrag<\/span><\/span>\n      <\/a>\n\n      <!-- OPTIE 2 : Situationeel leidinggeven (twee personen \/ afstemmen) -->\n      <a href=\"https:\/\/inr.institute\/inr\/inr-dynamics\/inr-fluent\/situationeel-leidinggeven\/\" role=\"menuitem\">\n        <span class=\"mico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"7\" r=\"3\"><\/circle><path d=\"M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2\"><\/path><path d=\"M16 3.1a4 4 0 0 1 0 7.8\"><\/path><\/svg><\/span>\n        <span class=\"mt\"><span class=\"mtitel\">Situationeel leidinggeven<\/span><span class=\"msub\">Lees de behoefte, niet de stijl<\/span><\/span>\n      <\/a>\n\n      <!-- OPTIE 3 : Strategisch leiderschap (assen \/ koers) -->\n      <a href=\"https:\/\/inr.institute\/inr\/inr-dynamics\/inr-fluent\/strategisch-leiderschap\/\" role=\"menuitem\">\n        <span class=\"mico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v20M2 12h20\"><\/path><path d=\"M12 2l3 3M12 2L9 5\"><\/path><\/svg><\/span>\n        <span class=\"mt\"><span class=\"mtitel\">Strategisch leiderschap<\/span><span class=\"msub\">Stuur ook op de onderstroom<\/span><\/span>\n      <\/a>\n\n    <\/div>\n  <\/div>\n\n  <div class=\"hint\"><span class=\"lijn\"><\/span>Scroll en ontdek hoe Fluent werkt<\/div>\n<\/section>\n\n<!-- ========================= ESSENTIE \/ DRIE BELOFTES ========================= -->\n<section class=\"sec wrap\">\n  <div class=\"kop rev\">\n    <span class=\"eyebrow\">De essentie<\/span>\n    <h2>Gedragsintelligentie als leiderschap.<\/h2>\n    <p>Fluent gaat verder dan vaardigheden. Het maakt zichtbaar hoe een leider invloed uitoefent vanuit begrip van gedrag, in plaats van vanuit rol of macht. Helder, persoonlijk en diep, gebouwd op het INR Model.<\/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>Invloed zonder dwang<\/h3>\n      <p>Fluent leert leiders sturen vanuit begrip van wat mensen werkelijk drijft, niet vanuit controle. Vrij. Bewust. Echt.<\/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>Gedrag als instrument<\/h3>\n      <p>Herken wat je gedrag oproept en zet het bewust in als boodschap. Helder. Intentioneel. Geloofwaardig.<\/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>Leiderschap dat beklijft<\/h3>\n      <p>Invloed die werkt omdat ze congruent is, geen trucjes maar gedrag dat klopt. Echt. Duurzaam. Veerkrachtig.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= STATSTRIP ========================= -->\n<style>\n.inr-fluent .strip{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-fluent .strip .rij{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:0 !important;}\n.inr-fluent .strip .cel{padding:46px 24px !important;text-align:center !important;border-right:1px solid rgba(40,117,251,.08) !important;}\n.inr-fluent .strip .cel:last-child{border-right:0 !important;}\n.inr-fluent .strip .getal{font-weight:700 !important;font-size:clamp(30px,4.6vw,48px) !important;letter-spacing:-.04em !important;line-height:1 !important;\n  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-fluent .strip .om{font-size:14px !important;font-weight:400 !important;color:var(--grijs) !important;margin-top:10px !important;}\n@media(max-width:820px){.inr-fluent .strip .rij{grid-template-columns:repeat(2,1fr) !important;}.inr-fluent .strip .cel:nth-child(2){border-right:0 !important;}.inr-fluent .strip .cel:nth-child(1),.inr-fluent .strip .cel:nth-child(2){border-bottom:1px solid rgba(40,117,251,.08) !important;}}\n<\/style>\n<section class=\"strip\">\n  <div class=\"wrap\"><div class=\"rij\">\n    <div class=\"cel rev d1\"><div class=\"getal\">3<\/div><div class=\"om\">lagen van het INR Model<\/div><\/div>\n    <div class=\"cel rev d2\"><div class=\"getal\">6<\/div><div class=\"om\">bewegingen van Fluent leiderschap<\/div><\/div>\n    <div class=\"cel rev d3\"><div class=\"getal\">0<\/div><div class=\"om\">afhankelijkheid van controle<\/div><\/div>\n    <div class=\"cel rev d4\"><div class=\"getal\">&infin;<\/div><div class=\"om\">invloed die van binnenuit werkt<\/div><\/div>\n  <\/div><\/div>\n<\/section>\n\n<!-- ========================= DE REIS: F L U E N T ========================= -->\n<style>\n.inr-fluent .reis-kop{text-align:center !important;max-width:760px !important;margin:0 auto 64px !important;}\n.inr-fluent .reis-kop .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-fluent .reis-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-fluent .reis-kop p{font-size:18px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;}\n.inr-fluent .stappen{display:flex !important;flex-direction:column !important;gap:22px !important;max-width:980px !important;margin:0 auto !important;}\n.inr-fluent .stap{display:grid !important;grid-template-columns:88px 1fr !important;gap:30px !important;align-items:flex-start !important;\n  background:rgba(255,255,255,.7) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid rgba(40,117,251,.10) !important;border-radius:var(--radius) !important;padding:34px 36px !important;\n  transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s !important;}\n.inr-fluent .stap:hover{transform:translateY(-4px) !important;box-shadow:0 28px 60px -28px rgba(40,117,251,.26) !important;}\n.inr-fluent .stap .letter{font-weight:700 !important;font-size:54px !important;line-height:.9 !important;letter-spacing:-.04em !important;\n  background:linear-gradient(140deg,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-fluent .stap .woord{font-size:12px !important;font-weight:600 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:var(--accent) !important;margin-bottom:8px !important;display:block !important;}\n.inr-fluent .stap h3{font-weight:600 !important;font-size:23px !important;letter-spacing:-.02em !important;color:var(--ink) !important;margin-bottom:12px !important;}\n.inr-fluent .stap p{font-size:16px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.62 !important;margin-bottom:10px !important;}\n.inr-fluent .stap p:last-child{margin-bottom:0 !important;}\n.inr-fluent .stap p strong{font-weight:600 !important;color:var(--ink) !important;}\n@media(max-width:820px){.inr-fluent .stap{grid-template-columns:1fr !important;gap:14px !important;padding:28px 24px !important;}.inr-fluent .stap .letter{font-size:44px !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"reis-kop rev\">\n    <span class=\"eyebrow\">De reis van Fluent<\/span>\n    <h2>Zes bewegingen, van voelen naar veranderen.<\/h2>\n    <p>Fluent volgt een natuurlijke ontwikkeling: van contact met je eigen drijfveren, via begrip en bewuste expressie, naar leiderschap dat van binnenuit verandering brengt.<\/p>\n  <\/div>\n  <div class=\"stappen\">\n    <div class=\"stap rev d1\">\n      <div class=\"letter\">F<\/div>\n      <div>\n        <span class=\"woord\">Feel<\/span>\n        <h3>In contact met wat je drijft<\/h3>\n        <p>Een leider die geen verbinding heeft met zijn eigen drijfveren, verliest impact. Feel betekent bewust zijn van wat je voelt en wat dat doet met je gedrag. Leiders leren hun emoties, triggers en drijfveren te herkennen en als richtingaanwijzer te gebruiken in plaats van als stoorzender.<\/p>\n        <p><strong>Zelfbewustzijn verhoogt leiderschapscapaciteit. Een leider die voelt, kan verbinden.<\/strong><\/p>\n      <\/div>\n    <\/div>\n    <div class=\"stap rev d2\">\n      <div class=\"letter\">L<\/div>\n      <div>\n        <span class=\"woord\">Lead<\/span>\n        <h3>Voorgaan vanuit alignment<\/h3>\n        <p>Leiderschap is geen functie, maar gedrag. Lead betekent het goede voorbeeld geven vanuit alignment tussen wat je nodig hebt, je verhaal en je gedrag. Leiders leren niet alleen hoe ze invloed uitoefenen, maar vooral waarom en met welk effect.<\/p>\n        <p><strong>Leiders worden geloofwaardig wanneer hun gedrag congruent is met hun intentie.<\/strong><\/p>\n      <\/div>\n    <\/div>\n    <div class=\"stap rev d3\">\n      <div class=\"letter\">U<\/div>\n      <div>\n        <span class=\"woord\">Understand<\/span>\n        <h3>Begrijpen hoe gedrag ontstaat<\/h3>\n        <p>Leiderschap vraagt om gedragsintelligentie. Understand betekent begrijpen hoe gedrag ontstaat, bij jezelf en bij anderen. Leiders trainen hun vermogen om patronen in teamdynamiek te herkennen en die te koppelen aan de structuur van het INR Model.<\/p>\n        <p><strong>Begrip leidt tot betere keuzes. Leiders worden minder reactief en meer intentioneel.<\/strong><\/p>\n      <\/div>\n    <\/div>\n    <div class=\"stap rev d4\">\n      <div class=\"letter\">E<\/div>\n      <div>\n        <span class=\"woord\">Express<\/span>\n        <h3>Gedrag als bewuste boodschap<\/h3>\n        <p>Gedrag is communicatie. Express betekent je gedrag inzetten als bewust instrument om richting, vertrouwen en betekenis te geven. Leiders leren hun gedrag te gebruiken als boodschap: wat laat ik zien, en wat roep ik daarmee op?<\/p>\n        <p><strong>Gedrag wordt een strategisch middel in plaats van een automatische reactie.<\/strong><\/p>\n      <\/div>\n    <\/div>\n    <div class=\"stap rev d5\">\n      <div class=\"letter\">N<\/div>\n      <div>\n        <span class=\"woord\">Navigate<\/span>\n        <h3>Sturen door de onderstroom<\/h3>\n        <p>Leiders balanceren constant tussen belangen, emoties en verhalen. Navigate betekent effectief sturen door inzicht in de onderstroom. Leiders leren omgaan met spanningsvelden zonder te forceren, door te sturen op de juiste laag van het INR Model.<\/p>\n        <p><strong>Complexe situaties worden beheersbaar wanneer je gedrag en betekenis kunt navigeren.<\/strong><\/p>\n      <\/div>\n    <\/div>\n    <div class=\"stap rev d6\">\n      <div class=\"letter\">T<\/div>\n      <div>\n        <span class=\"woord\">Transform<\/span>\n        <h3>Verandering die van binnenuit komt<\/h3>\n        <p>Echte leiders brengen verandering zonder te forceren. Transform betekent een cultuur be\u00efnvloeden via je eigen ontwikkeling en gedrag. Leiders worden getraind om het systeem te begrijpen en zichzelf daarin als instrument te gebruiken.<\/p>\n        <p><strong>Leiderschap wordt transformatief, omdat het van binnenuit werkt via gedrag, betekenis en waarneming.<\/strong><\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= WAT DE DEELNEMER MEENEEMT ========================= -->\n<style>\n.inr-fluent .drie{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:24px !important;}\n.inr-fluent .drie .kaart h3{display:flex !important;align-items:center !important;gap:10px !important;}\n.inr-fluent .lijst{margin-top:18px !important;display:flex !important;flex-direction:column !important;gap:14px !important;}\n.inr-fluent .item{display:flex !important;gap:13px !important;align-items:flex-start !important;font-size:15px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.55 !important;}\n.inr-fluent .item .v{flex:none !important;width:22px !important;height:22px !important;border-radius:7px !important;background:rgba(40,117,251,.12) !important;color:var(--accent) !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-top:1px !important;}\n.inr-fluent .item .v svg{width:13px !important;height:13px !important;}\n@media(max-width:820px){.inr-fluent .drie{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\">Wat Fluent oplevert<\/span>\n    <h2>Leiderschap dat de deelnemer meeneemt.<\/h2>\n    <p>Aan het einde van het programma stuurt de leider gedrag vanuit inzicht in plaats van rol, begrijpt hij hoe zijn eigen drijfveren zijn stijl vormen, en doorziet hij waarom bepaalde strategie\u00ebn wel of niet werken bij zijn team.<\/p>\n  <\/div>\n  <div class=\"drie\">\n    <div class=\"kaart rev d1\">\n      <h3>Kunnen<\/h3>\n      <div class=\"lijst\">\n        <div class=\"item\"><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>Gedrag bij zichzelf en anderen aansturen vanuit inzicht in het INR Model, niet vanuit macht of rol.<\/span><\/div>\n        <div class=\"item\"><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>Leiderschap tonen door aligned gedrag: denken, voelen en doen op \u00e9\u00e9n lijn.<\/span><\/div>\n        <div class=\"item\"><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>Reageren op teamdynamieken met gedragsintelligentie in plaats van controle.<\/span><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"kaart rev d2\">\n      <h3>Weten<\/h3>\n      <div class=\"lijst\">\n        <div class=\"item\"><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>Hoe hun diepere behoeften hun leiderschap be\u00efnvloeden, zoals de behoefte aan ruimte of erkenning.<\/span><\/div>\n        <div class=\"item\"><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>Wat hun dominante verhaal is en hoe dit hun leiderschapsstijl vormt.<\/span><\/div>\n        <div class=\"item\"><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>Welk gedrag bij hen typisch is in stress of confrontatie, en waarom.<\/span><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"kaart rev d3\">\n      <h3>Doorzien<\/h3>\n      <div class=\"lijst\">\n        <div class=\"item\"><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>Waarom bepaalde leiderschapsstrategie\u00ebn wel of niet werken bij hun team.<\/span><\/div>\n        <div class=\"item\"><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>Hoe gedrag en cultuur elkaar be\u00efnvloeden in leiderschapssituaties.<\/span><\/div>\n        <div class=\"item\"><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>Waar zij de meeste impact hebben, door zichzelf te zijn in plaats van een rol te spelen.<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= DE KANTELING: WAT DE ORGANISATIE IN HANDEN KRIJGT ========================= -->\n<style>\n.inr-fluent .kantel{display:grid !important;grid-template-columns:1fr 1fr !important;gap:56px !important;align-items:center !important;}\n.inr-fluent .kantel .tekst .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-fluent .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-fluent .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-fluent .kantel .tekst p:last-child{margin-bottom:0 !important;}\n.inr-fluent .kantel .tekst p strong{font-weight:600 !important;color:var(--ink) !important;}\n.inr-fluent .perspectief{display:flex !important;flex-direction:column !important;gap:16px !important;}\n.inr-fluent .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;\n  transition:transform .4s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-fluent .pkaart:hover{transform:translateX(5px) !important;}\n.inr-fluent .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-fluent .pkaart .ico svg{width:22px !important;height:22px !important;}\n.inr-fluent .pkaart h4{font-weight:600 !important;font-size:17px !important;letter-spacing:-.01em !important;color:var(--ink) !important;margin-bottom:6px !important;}\n.inr-fluent .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-fluent .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\">Het organisatieperspectief<\/span>\n      <h2>Jullie scheppen de voorwaarden. Leiderschap doet de rest.<\/h2>\n      <p>Een organisatie kan leiderschap niet afdwingen, maar wel de condities cre\u00ebren waarin leiders weer in contact komen met wat hen drijft en wat hun gedrag oproept. Dat is wat Fluent jullie in handen geeft: niet een knop om aan te draaien, maar een omgeving waarin invloed van binnenuit kan groeien.<\/p>\n      <p><strong>Wat daaruit voortkomt, draagt zichzelf.<\/strong> Leiderschap dat klopt met de eigen drijfveren hoeft niet bewaakt te worden, en daarmee verschuift de rol van de organisatie van controleren naar mogelijk maken.<\/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=\"M12 3v4M12 17v4M5 12H1M23 12h-4\"><\/path><circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle><\/svg><\/div>\n        <div><h4>Een gemeenschappelijke taal<\/h4><p>Leiders en teams krijgen woorden voor wat zich onder gedrag afspeelt, zonder elkaar in types of labels te duwen.<\/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=\"M3 12h4l3-9 4 18 3-9h4\"><\/path><\/svg><\/div>\n        <div><h4>Minder afhankelijkheid van controle<\/h4><p>Wanneer leiders sturen vanuit inzicht, kan de behoefte aan externe motivatie en toezicht mogelijk afnemen.<\/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=\"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        <div><h4>Een fundament dat meegroeit<\/h4><p>Wat leiders over zichzelf en over gedrag leren, blijft van waarde, ook als rollen, teams of doelen veranderen.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= CONTRAST: STUREN VERSUS BEGRIJPEN ========================= -->\n<style>\n.inr-fluent .contrast{display:grid !important;grid-template-columns:1fr 1fr !important;gap:24px !important;}\n.inr-fluent .cblok{border-radius:var(--radius) !important;padding:38px 36px !important;position:relative !important;overflow:hidden !important;}\n.inr-fluent .cblok.oud{background:rgba(100,112,138,.05) !important;border:1px solid rgba(100,112,138,.14) !important;}\n.inr-fluent .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-fluent .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-fluent .cblok.oud .ctag{color:var(--grijs) !important;}\n.inr-fluent .cblok.kern .ctag{color:var(--accent) !important;}\n.inr-fluent .cblok h3{font-weight:600 !important;font-size:22px !important;letter-spacing:-.018em !important;color:var(--ink) !important;margin-bottom:18px !important;}\n.inr-fluent .cblok ul{display:flex !important;flex-direction:column !important;gap:13px !important;}\n.inr-fluent .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-fluent .cblok.oud li{color:var(--grijs) !important;}\n.inr-fluent .cblok.kern li{color:var(--ink) !important;}\n.inr-fluent .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-fluent .cblok.oud li .m{background:rgba(100,112,138,.12) !important;color:var(--grijs) !important;}\n.inr-fluent .cblok.kern li .m{background:rgba(40,117,251,.12) !important;color:var(--accent) !important;}\n.inr-fluent .cblok li .m svg{width:12px !important;height:12px !important;}\n@media(max-width:820px){.inr-fluent .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\">Waarom het werkt<\/span>\n    <h2>Niet sturen op gedrag, maar het begrijpen.<\/h2>\n    <p>De meeste leiderschapsmodellen werken aan de buitenkant en leunen op rol en techniek. Fluent werkt aan de binnenkant, waar invloed wel standhoudt.<\/p>\n  <\/div>\n  <div class=\"contrast\">\n    <div class=\"cblok oud rev d1\">\n      <span class=\"ctag\">De gangbare aanpak<\/span>\n      <h3>Sturen van buitenaf<\/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>Invloed die leunt op positie en mandaat in plaats van geloofwaardigheid.<\/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>Gedrag dat verandert onder druk en terugveert zodra die wegvalt.<\/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>Reageren op teamdynamiek vanuit controle in plaats van inzicht.<\/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>Energie die de leider er telkens opnieuw in moet stoppen.<\/span><\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"cblok kern rev d2\">\n      <span class=\"ctag\">Met Fluent<\/span>\n      <h3>Leidinggeven vanuit inzicht<\/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>Invloed die voortkomt uit congruentie tussen intentie en gedrag.<\/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 binnenuit komt.<\/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>Sturen op de juiste laag van het INR Model, zonder te forceren.<\/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>Leiderschap dat zichzelf draagt en minder onderhoud vraagt.<\/span><\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= DONKER STRATEGISCH BLOK ========================= -->\n<style>\n.inr-fluent .donker{background:var(--ink) !important;color:#fff !important;border-radius:36px !important;padding:84px 60px !important;position:relative !important;overflow:hidden !important;}\n.inr-fluent .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-fluent .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-fluent .donker .dk-kop{position:relative !important;z-index:1 !important;text-align:center !important;max-width:720px !important;margin:0 auto 52px !important;}\n.inr-fluent .donker .eyebrow{color:var(--lucht) !important;display:block !important;margin-bottom:16px !important;}\n.inr-fluent .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-fluent .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-fluent .lagen{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:20px !important;position:relative !important;z-index:1 !important;}\n.inr-fluent .laag{background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:20px !important;padding:30px !important;}\n.inr-fluent .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-fluent .laag h4{font-weight:600 !important;font-size:19px !important;color:#fff !important;margin-bottom:10px !important;}\n.inr-fluent .laag p{font-size:14px !important;font-weight:300 !important;color:rgba(255,255,255,.66) !important;line-height:1.6 !important;}\n.inr-fluent .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-fluent .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;}\n.inr-fluent .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-fluent .dk-regel .v svg{width:14px !important;height:14px !important;}\n@media(max-width:820px){.inr-fluent .donker{padding:54px 26px !important;border-radius:26px !important;}.inr-fluent .lagen{grid-template-columns:1fr !important;}.inr-fluent .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>Gedragsintelligent leiderschap als strategisch fundament.<\/h2>\n      <p>Wie Fluent inzet, investeert in meer dan vaardigheden. Leiders leren hun gedrag afstemmen op wat zij en hun teams werkelijk nodig hebben. Wat op individueel niveau ontstaat, werkt door in het collectief: in autonomie, in samenwerking en in veerkracht.<\/p>\n    <\/div>\n    <div class=\"lagen\">\n      <div class=\"laag\"><div class=\"rang\">Opbrengst 01<\/div><h4>Hogere effectiviteit<\/h4><p>Leiderschap dat klopt met de eigen drijfveren kost minder en geeft meer terug.<\/p><\/div>\n      <div class=\"laag\"><div class=\"rang\">Opbrengst 02<\/div><h4>Teamautonomie<\/h4><p>Sturen vanuit inzicht geeft teams ruimte en vermindert de behoefte aan controle.<\/p><\/div>\n      <div class=\"laag\"><div class=\"rang\">Opbrengst 03<\/div><h4>Geloofwaardigheid<\/h4><p>Invloed die blijft, omdat ze voortkomt uit congruentie tussen intentie en gedrag.<\/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>Leiders die zichzelf begrijpen, begrijpen hun mensen mogelijk ook beter. Dat raakt de kwaliteit van samenwerking.<\/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>Gedragsintelligente sturing kan de afhankelijkheid van externe motivatie en toezicht mogelijkerwijs 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>Veerkracht ontstaat waar leiders weten waar ze staan, ook als de omgeving verandert.<\/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>Geloofwaardig leiderschap kan de binding en aantrekkingskracht van de organisatie versterken.<\/span><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= KERNBELOFTE ========================= -->\n<style>\n.inr-fluent .belofte{text-align:center !important;max-width:860px !important;margin:0 auto !important;}\n.inr-fluent .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-fluent .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\">Fluent is geen techniek, maar een <span class=\"grad\">vloeiend samenspel van inzicht en invloed<\/span>.<\/div>\n    <p>Het programma legt de nadruk op wie de leider werkelijk is: wat hem onder druk drijft, en hoe zijn verhaal en zijn gedrag zijn leiderschap vormen. Vanuit dat inzicht ontstaat invloed die past, en daarom blijft.<\/p>\n  <\/div>\n<\/section>\n\n<!-- ========================= SLOT ========================= -->\n<style>\n.inr-fluent .slot-sec{position:relative !important;z-index:2 !important;background:#FFFFFF !important;}\n.inr-fluent .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-fluent .slot > .rev{display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;}\n.inr-fluent .slot h2{font-weight:600 !important;font-size:clamp(34px,6vw,68px) !important;letter-spacing:-.032em !important;line-height:1.04 !important;max-width:16ch !important;color:var(--ink) !important;margin-bottom:24px !important;}\n.inr-fluent .slot p{font-size:19px !important;font-weight:300 !important;color:var(--grijs) !important;max-width:46ch !important;line-height:1.55 !important;}\n.inr-fluent .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-fluent .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>Voelen. Begrijpen. <span class=\"grad\">Bewegen<\/span>.<\/h2>\n    <p>Fluent maakt van leiderschap een vloeiende taal, en laat je sturen vanuit wie je werkelijk bent.<\/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-fluent ========================= -->\n\n<script>\n(function(){\n  function start(){\n    var els=document.querySelectorAll('.inr-fluent .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  function dropdown(){\n    var k=document.getElementById('fluentKeuze');\n    var knop=document.getElementById('fluentKeuzeKnop');\n    if(!k||!knop)return;\n    function sluit(){k.classList.remove('open');knop.setAttribute('aria-expanded','false');}\n    knop.addEventListener('click',function(ev){\n      ev.stopPropagation();\n      var open=k.classList.toggle('open');\n      knop.setAttribute('aria-expanded',open?'true':'false');\n    });\n    document.addEventListener('click',function(ev){if(!k.contains(ev.target))sluit();});\n    document.addEventListener('keydown',function(ev){if(ev.key==='Escape')sluit();});\n  }\n  function init(){start();dropdown();}\n  if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',init);}else{init();}\n})();\n<\/script>\n\n\n\n\n\n<!-- ============================================================================\n     INR INSTITUTE \u00b7 KLANTLOGO'S (\"Klanten waar we trots op zijn\")\n     Plak dit volledig in EEN Custom HTML-widget.\n     Alles gescoped onder .inr-klanten en afgedwongen met !important.\n\n     LET OP \u2014 GEEN eigen font\/preconnect meer in dit blok.\n     Deze widget leeft altijd ONDER een hoofd-element dat het Inter-font\n     al lokaal inlaadt. Deze widget gebruikt dat font.\n     Voeg hier dus GEEN <link rel=\"preconnect\"> of font-stylesheet toe.\n\n     WIJZIGINGEN:\n     1. Vier kapotte alt-attributen hersteld (Gemeente Haarlem, Trengo,\n        Eurofiber, Volvo). Daar stond per ongeluk geen geldige alt meer.\n     2. Alle logo's hebben nu width + height (intrinsieke verhouding), zodat\n        de browser hun ruimte vooraf reserveert en er niets kan verspringen.\n        De CSS houdt width:auto EN height:auto aan, dus de verhouding blijft\n        altijd correct, ook als een opgegeven maat licht afwijkt.\n     ============================================================================ -->\n\n<style>\n.inr-klanten{\n  --ink:#0A0A0B; --paneel:#0E0E10; --rand:rgba(255,255,255,.08);\n  --logo:rgba(255,255,255,.42); --logo-hover:rgba(255,255,255,.92);\n  --tekst:#FFFFFF; --sub:rgba(255,255,255,.55);\n  position:relative !important; width:100% !important; max-width:100% !important;\n  margin:0 !important; padding:0 !important; box-sizing:border-box !important;\n  background:var(--ink) !important; -webkit-font-smoothing:antialiased !important;\n}\n.inr-klanten, .inr-klanten *, .inr-klanten *::before, .inr-klanten *::after{\n  box-sizing:border-box !important;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;\n}\n.inr-klanten div,.inr-klanten p,.inr-klanten h2,.inr-klanten span{margin:0;padding:0;}\n\n\/* ---------- WRAP ---------- *\/\n.inr-klanten .kwrap{position:relative !important;width:100% !important;\n  padding:clamp(48px,7vw,104px) clamp(20px,5vw,80px) !important;\n  max-width:1480px !important;margin:0 auto !important;}\n\n\/* ---------- RASTER ---------- *\/\n.inr-klanten .raster{position:relative !important;display:grid !important;\n  grid-template-columns:repeat(4,1fr) !important;\n  border-top:1px solid var(--rand) !important;border-left:1px solid var(--rand) !important;}\n.inr-klanten .cel{position:relative !important;\n  border-right:1px solid var(--rand) !important;border-bottom:1px solid var(--rand) !important;\n  min-height:clamp(120px,15vw,176px) !important;\n  display:flex !important;align-items:center !important;justify-content:center !important;\n  padding:clamp(20px,3vw,40px) !important;overflow:hidden !important;\n  opacity:0 !important;transform:translateY(14px) !important;\n  transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1),background .4s ease !important;}\n.inr-klanten .cel.in{opacity:1 !important;transform:none !important;}\n.inr-klanten .cel:hover{background:rgba(255,255,255,.03) !important;}\n\n\/* titelcel *\/\n.inr-klanten .cel.titel{align-items:flex-start !important;justify-content:flex-start !important;\n  flex-direction:column !important;gap:14px !important;}\n.inr-klanten .eyebrow{font-size:12px !important;font-weight:500 !important;letter-spacing:.16em !important;\n  text-transform:uppercase !important;color:var(--sub) !important;}\n.inr-klanten .titel h2{font-size:clamp(22px,2.3vw,30px) !important;font-weight:600 !important;\n  line-height:1.12 !important;letter-spacing:-.02em !important;color:var(--tekst) !important;}\n\n\/* logo's monochroom afgedwongen *\/\n.inr-klanten .cel img{max-width:100% !important;max-height:clamp(28px,3.4vw,44px) !important;\n  width:auto !important;height:auto !important;object-fit:contain !important;display:block !important;\n  filter:grayscale(1) brightness(0) invert(1) opacity(.42) !important;\n  transition:filter .4s ease,transform .5s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-klanten .cel:hover img{filter:grayscale(1) brightness(0) invert(1) opacity(.95) !important;\n  transform:scale(1.04) !important;}\n\n\/* responsief: 3, dan 2 kolommen *\/\n@media(max-width:1000px){\n  .inr-klanten .raster{grid-template-columns:repeat(3,1fr) !important;}\n}\n@media(max-width:640px){\n  .inr-klanten .raster{grid-template-columns:repeat(2,1fr) !important;}\n  .inr-klanten .cel{min-height:118px !important;}\n}\n@media(prefers-reduced-motion:reduce){\n  .inr-klanten .cel{opacity:1 !important;transform:none !important;transition:background .4s ease !important;}\n}\n<\/style>\n\n<div class=\"inr-klanten\">\n  <div class=\"kwrap\">\n    <div class=\"raster\" id=\"inrKlantenRaster\">\n\n      <div class=\"cel titel\">\n        <span class=\"eyebrow\">Onze klanten<\/span>\n        <h2>Klanten waar we<br>trots op zijn<\/h2>\n      <\/div>\n\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2025\/08\/Fris-logo.svg\" alt=\"Fris\" width=\"120\" height=\"40\" loading=\"lazy\"><\/div>\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2026\/06\/samsung-logo-transparent-9.webp\" alt=\"Samsung\" width=\"180\" height=\"30\" loading=\"lazy\"><\/div>\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2026\/06\/Apax_Partners_logo.svg.webp\" alt=\"Apax Partners\" width=\"160\" height=\"40\" loading=\"lazy\"><\/div>\n\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2026\/06\/GraydonCreditsafe-Logo-Colour.png.webp\" alt=\"Graydon Creditsafe\" width=\"180\" height=\"40\" loading=\"lazy\"><\/div>\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2025\/01\/Action_Nederland_Logo_2020.svg-768x145.png\" alt=\"Action\" width=\"768\" height=\"145\" loading=\"lazy\"><\/div>\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2025\/08\/Topdesk-logo.svg\" alt=\"TOPdesk\" width=\"150\" height=\"30\" loading=\"lazy\"><\/div>\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2025\/08\/Vodafone-Ziggs-logo.svg\" alt=\"Vodafone Ziggo\" width=\"160\" height=\"40\" loading=\"lazy\"><\/div>\n\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2025\/08\/idtDUJWR77-768x149-1.png\" alt=\"Silverfin\" width=\"768\" height=\"149\" loading=\"lazy\"><\/div>\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2025\/08\/Festool-logo.svg\" alt=\"Festool\" width=\"140\" height=\"40\" loading=\"lazy\"><\/div>\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2026\/06\/app-logo-2.webp\" alt=\"Eromes Marko\" width=\"150\" height=\"40\" loading=\"lazy\"><\/div>\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2025\/08\/Borealis_logo.svg-768x150-1.png\" alt=\"Borealis\" width=\"768\" height=\"150\" loading=\"lazy\"><\/div>\n\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2025\/08\/Spie-logo.svg\" alt=\"SPIE\" width=\"110\" height=\"40\" loading=\"lazy\"><\/div>\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2025\/08\/Mollie-logo.svg\" alt=\"Mollie\" width=\"120\" height=\"34\" loading=\"lazy\"><\/div>\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2026\/01\/Eneco_logo-768x384.png\" alt=\"Eneco\" width=\"768\" height=\"384\" loading=\"lazy\"><\/div>\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2026\/01\/logo-xelvin-rgb.png\" alt=\"Xelvin\" width=\"150\" height=\"40\" loading=\"lazy\"><\/div>\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2025\/08\/Gemeente-Haarlem-logo.png\" alt=\"Gemeente Haarlem\" width=\"150\" height=\"50\" loading=\"lazy\"><\/div>\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2025\/08\/3dd27e81-6ebf-4a0b-bb58-167620d4b1b1-1596465395358-768x184-1.png\" alt=\"Trengo\" width=\"768\" height=\"184\" loading=\"lazy\"><\/div>\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2026\/01\/eurofiber-logo.webp\" alt=\"Eurofiber\" width=\"160\" height=\"40\" loading=\"lazy\"><\/div>\n      <div class=\"cel\"><img decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2026\/01\/Volvo-Logo.wine_.png\" alt=\"Volvo\" width=\"120\" height=\"60\" loading=\"lazy\"><\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  function start(){\n    var raster=document.getElementById('inrKlantenRaster');\n    if(!raster)return;\n    var cellen=Array.prototype.slice.call(raster.querySelectorAll('.cel'));\n    var reduce=window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches;\n    if(reduce){cellen.forEach(function(c){c.classList.add('in');});return;}\n\n    if('IntersectionObserver' in window){\n      var obs=new IntersectionObserver(function(entries){\n        entries.forEach(function(e){\n          if(e.isIntersecting){\n            var i=cellen.indexOf(e.target);\n            e.target.style.transitionDelay=(Math.max(0,i)*55)+'ms';\n            e.target.classList.add('in');\n            obs.unobserve(e.target);\n          }\n        });\n      },{threshold:.15,rootMargin:'0px 0px -8% 0px'});\n      cellen.forEach(function(c){obs.observe(c);});\n    }else{\n      cellen.forEach(function(c){c.classList.add('in');});\n    }\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:.02em !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:.02em !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\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>Leiderschap begint bij jezelf begrijpen. Fluent is het vloeiend leren spreken van de taal van menselijk gedrag. Geen sturingstrucs, maar invloed die voortkomt uit inzicht in de I-laag, de N-laag en de R-laag. Voelen. Begrijpen. Bewegen. Verdieping Ontdek Fluent in de praktijk Persoonlijk leiderschapJe waarom lees je af aan je gedrag Situationeel leidinggevenLees de behoefte, [&hellip;]<\/p>\n","protected":false},"author":224244682,"featured_media":57537,"parent":52470,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-57194","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/57194","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=57194"}],"version-history":[{"count":4,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/57194\/revisions"}],"predecessor-version":[{"id":81289,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/57194\/revisions\/81289"}],"up":[{"embeddable":true,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/52470"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/media\/57537"}],"wp:attachment":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/media?parent=57194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}