{"id":77474,"date":"2026-06-17T16:16:57","date_gmt":"2026-06-17T14:16:57","guid":{"rendered":"https:\/\/inr.institute\/?page_id=77474"},"modified":"2026-06-27T21:04:48","modified_gmt":"2026-06-27T19:04:48","slug":"inspiration-to-practice","status":"publish","type":"page","link":"https:\/\/inr.institute\/en\/inspiratie-naar-praktijk\/","title":{"rendered":"Inspiration to Practice"},"content":{"rendered":"\n<!-- ============================================================================\n     INR PAGINA \u00b7 INTRO  (PLAATS DIT BOVEN DE BOUWSTENEN-TOOL)\n     Statische HTML, gescoped onder .inr-pg-intro, !important overal.\n     Legt uit waarom de pagina bestaat en leidt naar de tool.\n     Geen JS, geen dash-comma, geen em-dash, geen emoji.\n     ============================================================================ -->\n\n<style>\n.inr-pg-intro{\n  --ink:#0A0A0B; --ink-2:#1C1C20; --grijs:#5B5B63; --grijs-licht:#9A9AA2;\n  --lijn:rgba(10,10,11,.10); --lijn-zacht:rgba(10,10,11,.06); --veld:rgba(10,10,11,.02);\n  --maxw:980px;\n  position:relative !important; width:100% !important; max-width:100% !important;\n  margin:0 !important; padding:96px 22px 18px !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; -webkit-font-smoothing:antialiased !important;\n}\n.inr-pg-intro, .inr-pg-intro *, .inr-pg-intro *::before, .inr-pg-intro *::after{\n  box-sizing:border-box !important;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;\n}\n.inr-pg-intro h1,.inr-pg-intro h2,.inr-pg-intro h3,.inr-pg-intro p,.inr-pg-intro span,.inr-pg-intro div,.inr-pg-intro ul,.inr-pg-intro li{margin:0;padding:0;}\n.inr-pg-intro ul{list-style:none !important;}\n\n\/* atmosfeer *\/\n.inr-pg-intro .atmos{position:absolute !important;inset:0 !important;z-index:0 !important;overflow:hidden !important;pointer-events:none !important;}\n.inr-pg-intro .blob{position:absolute !important;border-radius:50% !important;filter:blur(120px) !important;opacity:.10 !important;}\n.inr-pg-intro .blob.a{width:480px;height:480px;background:#2875FB;top:-180px;left:-140px;}\n.inr-pg-intro .blob.b{width:420px;height:420px;background:#7448FD;top:-120px;right:-160px;opacity:.08 !important;}\n.inr-pg-intro .blob.c{width:360px;height:360px;background:#5AC380;bottom:-200px;left:30%;opacity:.07 !important;}\n\n.inr-pg-intro .wrap{position:relative !important;z-index:1 !important;max-width:var(--maxw) !important;margin:0 auto !important;}\n\n\/* hero *\/\n.inr-pg-intro .eyebrow{display:inline-flex !important;align-items:center !important;gap:9px !important;font-size:12px !important;font-weight:600 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:var(--grijs) !important;margin-bottom:22px !important;}\n.inr-pg-intro .eyebrow .spectrum{display:inline-flex !important;gap:4px !important;}\n.inr-pg-intro .eyebrow .spectrum i{width:7px !important;height:7px !important;border-radius:50% !important;display:inline-block !important;}\n.inr-pg-intro h1{font-weight:600 !important;font-size:clamp(34px,6.2vw,68px) !important;line-height:1.02 !important;letter-spacing:-.038em !important;color:var(--ink) !important;margin-bottom:24px !important;max-width:16ch !important;}\n.inr-pg-intro h1 .zacht{color:var(--grijs-licht) !important;}\n.inr-pg-intro .lead{font-size:clamp(17px,2.1vw,21px) !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.58 !important;max-width:60ch !important;}\n.inr-pg-intro .lead strong{font-weight:600 !important;color:var(--ink) !important;}\n\n\/* gradient signatuur *\/\n.inr-pg-intro .band{height:5px !important;width:100% !important;max-width:520px !important;border-radius:99px !important;margin:40px 0 12px !important;\n  background:linear-gradient(90deg,#2875FB 0%,#FD7634 26%,#FD4C5C 50%,#5AC380 74%,#7448FD 100%) !important;}\n.inr-pg-intro .band-l{font-size:13px !important;font-weight:500 !important;color:var(--grijs-licht) !important;letter-spacing:.02em !important;}\n\n\/* vijf programma's *\/\n.inr-pg-intro .progs{display:grid !important;grid-template-columns:repeat(5,1fr) !important;gap:12px !important;margin-top:30px !important;}\n.inr-pg-intro .pg{min-width:0 !important;border:1px solid var(--lijn) !important;border-radius:15px !important;padding:16px 14px !important;background:rgba(255,255,255,.7) !important;-webkit-backdrop-filter:blur(14px) !important;backdrop-filter:blur(14px) !important;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s !important;}\n.inr-pg-intro .pg:hover{transform:translateY(-4px) !important;box-shadow:0 20px 44px -30px rgba(10,10,11,.35) !important;}\n.inr-pg-intro .pg .dot{width:11px !important;height:11px !important;border-radius:50% !important;margin-bottom:11px !important;}\n.inr-pg-intro .pg .nm{font-weight:600 !important;font-size:15px !important;letter-spacing:-.01em !important;color:var(--ink) !important;}\n.inr-pg-intro .pg .th{font-size:12.5px !important;font-weight:300 !important;color:var(--grijs) !important;margin-top:2px !important;line-height:1.35 !important;}\n\n\/* zo werkt het *\/\n.inr-pg-intro .hoe{margin-top:40px !important;display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:16px !important;}\n.inr-pg-intro .stap{display:flex !important;gap:14px !important;align-items:flex-start !important;}\n.inr-pg-intro .stap .n{flex:none !important;width:34px !important;height:34px !important;border-radius:10px !important;background:var(--ink) !important;color:#fff !important;display:flex !important;align-items:center !important;justify-content:center !important;font-weight:600 !important;font-size:15px !important;}\n.inr-pg-intro .stap .t{font-size:15px !important;font-weight:400 !important;color:var(--ink) !important;line-height:1.45 !important;padding-top:5px !important;}\n\n\/* reassurance + handoff *\/\n.inr-pg-intro .niet{margin-top:36px !important;display:flex !important;gap:11px !important;align-items:flex-start !important;border-top:1px solid var(--lijn-zacht) !important;padding-top:26px !important;}\n.inr-pg-intro .niet .ico{flex:none !important;width:30px !important;height:30px !important;border-radius:9px !important;background:var(--veld) !important;display:flex !important;align-items:center !important;justify-content:center !important;}\n.inr-pg-intro .niet .ico svg{width:16px !important;height:16px !important;stroke:var(--grijs) !important;fill:none !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}\n.inr-pg-intro .niet .nt{font-size:15px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.55 !important;max-width:60ch !important;}\n.inr-pg-intro .niet .nt b{font-weight:600 !important;color:var(--ink) !important;}\n.inr-pg-intro .handoff{margin-top:34px !important;display:inline-flex !important;align-items:center !important;gap:10px !important;font-size:15px !important;font-weight:600 !important;color:var(--ink) !important;}\n.inr-pg-intro .handoff svg{width:18px !important;height:18px !important;stroke:var(--ink) !important;fill:none !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}\n\n@media(max-width:820px){\n  .inr-pg-intro{padding:64px 22px 12px !important;}\n  .inr-pg-intro h1{font-size:clamp(30px,8vw,44px) !important;}\n  .inr-pg-intro .lead{font-size:17px !important;}\n  .inr-pg-intro .progs{grid-template-columns:1fr 1fr !important;}\n  .inr-pg-intro .hoe{grid-template-columns:1fr !important;gap:14px !important;}\n}\n@media(max-width:420px){\n  .inr-pg-intro .progs{grid-template-columns:1fr 1fr !important;}\n}\n<\/style>\n\n<div class=\"inr-pg-intro\">\n  <div class=\"atmos\"><div class=\"blob a\"><\/div><div class=\"blob b\"><\/div><div class=\"blob c\"><\/div><\/div>\n  <div class=\"wrap\">\n\n    <span class=\"eyebrow\">\n      <span class=\"spectrum\"><i style=\"background:#2875FB;\"><\/i><i style=\"background:#FD7634;\"><\/i><i style=\"background:#FD4C5C;\"><\/i><i style=\"background:#5AC380;\"><\/i><i style=\"background:#7448FD;\"><\/i><\/span>\n      INR &middot; Van inzicht naar gesprek\n    <\/span>\n\n    <h1>Je hebt het gezien. <span class=\"zacht\">Help de rest het ook zien.<\/span><\/h1>\n\n    <p class=\"lead\">Je liep een masterclass over INR uit met een andere blik op gedrag. Het lastige begint daarna: hoe breng je dat over aan mensen die er niet bij waren? Deze pagina geeft je de bouwstenen, <strong>per accent en per gesprekspartner<\/strong>, zodat je niet naar woorden hoeft te zoeken.<\/p>\n\n    <div class=\"band\"><\/div>\n    <div class=\"band-l\">Vijf accenten, een manier van kijken naar gedrag.<\/div>\n\n    <div class=\"progs\">\n      <div class=\"pg\"><div class=\"dot\" style=\"background:#2875FB;\"><\/div><div class=\"nm\">Leiderschap<\/div><\/div>\n      <div class=\"pg\"><div class=\"dot\" style=\"background:#FD7634;\"><\/div><div class=\"nm\">Teamontwikkeling<\/div><\/div>\n      <div class=\"pg\"><div class=\"dot\" style=\"background:#FD4C5C;\"><\/div><div class=\"nm\">Commercie<\/div><\/div>\n      <div class=\"pg\"><div class=\"dot\" style=\"background:#5AC380;\"><\/div><div class=\"nm\">Cultuur<\/div><\/div>\n      <div class=\"pg\"><div class=\"dot\" style=\"background:#7448FD;\"><\/div><div class=\"nm\">Persoonlijke ontwikkeling<\/div><\/div>\n    <\/div>\n\n    <div class=\"hoe\">\n      <div class=\"stap\"><span class=\"n\">1<\/span><span class=\"t\">Kies het accent dat jou raakte.<\/span><\/div>\n      <div class=\"stap\"><span class=\"n\">2<\/span><span class=\"t\">Kies met wie je in gesprek gaat.<\/span><\/div>\n      <div class=\"stap\"><span class=\"n\">3<\/span><span class=\"t\">Krijg de bouwstenen, klaar om te delen.<\/span><\/div>\n    <\/div>\n\n    \n\n    <div class=\"handoff\">Kies hieronder je startpunt\n      <svg viewBox=\"0 0 24 24\"><path d=\"M12 5v14M6 13l6 6 6-6\"\/><\/svg>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n\n\n<!-- ============================================================================\n     INR BOUWSTENEN-TOOL\n     Links: kies een accent (Leiderschap, Teamontwikkeling, Commercie, Cultuur, Persoonlijke ontwikkeling).\n     Rechts: kies je gesprekspartner (directie, manager, et cetera).\n     Resultaat: een vaste, door INR bepaalde uitleg in kaarten, plus de\n     waardepropositie vertaald naar organisatie en persoon. Read-only.\n     De gebruiker leest en kiest, hij schrijft niets zelf.\n\n     E\u00e9n Elementor HTML-widget. Gescoped onder .inr-bs, !important overal.\n     De output wordt volledig met DOM-functies opgebouwd, dus geen HTML-tags\n     als tekst in het script. Geen dash-comma, geen em-dash, geen emoji.\n     ============================================================================ -->\n\n\n<style>\n.inr-bs{\n  --ink:#0A0A0B; --ink-2:#1C1C20; --grijs:#5B5B63; --grijs-licht:#9A9AA2;\n  --lijn:rgba(10,10,11,.10); --lijn-zacht:rgba(10,10,11,.06);\n  --veld:rgba(10,10,11,.02); --acc:#2875FB; --maxw:980px;\n  position:relative !important; width:100% !important; max-width:100% !important;\n  margin:0 !important; padding:0 22px 72px !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; -webkit-font-smoothing:antialiased !important;\n}\n.inr-bs, .inr-bs *, .inr-bs *::before, .inr-bs *::after{\n  box-sizing:border-box !important;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;\n}\n.inr-bs h1,.inr-bs h2,.inr-bs h3,.inr-bs p,.inr-bs span,.inr-bs div,.inr-bs ul,.inr-bs li,.inr-bs input,.inr-bs button{margin:0;padding:0;}\n.inr-bs ul{list-style:none !important;}\n.inr-bs button{background:none !important;border:none !important;cursor:pointer !important;color:inherit !important;font:inherit !important;}\n\n\/* ---------- HERO ---------- *\/\n.inr-bs .hero{max-width:var(--maxw) !important;margin:0 auto !important;padding:64px 0 26px !important;}\n.inr-bs .hero .eyebrow{display:inline-flex !important;align-items:center !important;gap:9px !important;font-size:11px !important;font-weight:600 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:var(--grijs-licht) !important;margin-bottom:18px !important;}\n.inr-bs .hero .eyebrow .stip{width:6px !important;height:6px !important;border-radius:50% !important;background:var(--acc) !important;transition:background .4s !important;}\n.inr-bs .hero h1{font-weight:600 !important;font-size:clamp(28px,5vw,46px) !important;letter-spacing:-.032em !important;line-height:1.06 !important;color:var(--ink) !important;margin-bottom:14px !important;max-width:18ch !important;}\n.inr-bs .hero p{font-size:16px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;max-width:62ch !important;}\n\n\/* ---------- SHELL ---------- *\/\n.inr-bs .shell{position:relative !important;max-width:var(--maxw) !important;margin:0 auto !important;background:rgba(255,255,255,.86) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;border:1px solid var(--lijn) !important;border-radius:26px !important;overflow:hidden !important;box-shadow:0 40px 90px -56px rgba(10,10,11,.5) !important;}\n.inr-bs .shell-top{height:4px !important;width:100% !important;background:var(--acc) !important;transition:background .45s ease !important;}\n.inr-bs .shell-body{padding:clamp(26px,4vw,46px) !important;}\n\n\/* ---------- BRUGKOP ---------- *\/\n.inr-bs .brugkop{display:grid !important;grid-template-columns:1fr 52px 1fr !important;align-items:center !important;margin-bottom:32px !important;padding-bottom:28px !important;border-bottom:1px solid var(--lijn-zacht) !important;}\n.inr-bs .brugkop .l{font-size:11px !important;font-weight:600 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:var(--grijs-licht) !important;margin-bottom:5px !important;}\n.inr-bs .brugkop .g{font-weight:600 !important;font-size:clamp(18px,2.3vw,23px) !important;letter-spacing:-.02em !important;color:var(--ink) !important;line-height:1.1 !important;}\n.inr-bs .brugkop .rechts{text-align:right !important;}\n.inr-bs .brugkop .pijl{display:flex !important;align-items:center !important;justify-content:center !important;}\n.inr-bs .brugkop .pijl svg{width:22px !important;height:22px !important;stroke:var(--grijs-licht) !important;fill:none !important;stroke-width:1.7 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}\n@media(max-width:560px){.inr-bs .brugkop{grid-template-columns:1fr 36px 1fr !important;margin-bottom:24px !important;padding-bottom:20px !important;}.inr-bs .brugkop .g{font-size:16px !important;}}\n\n\/* ---------- KOLOMMEN ---------- *\/\n.inr-bs .kolommen{display:grid !important;grid-template-columns:1fr 1fr !important;gap:clamp(26px,4vw,44px) !important;}\n.inr-bs .kolom{min-width:0 !important;}\n.inr-bs .kolom + .kolom{position:relative !important;}\n.inr-bs .kolom + .kolom::before{content:'' !important;position:absolute !important;left:calc(-1 * clamp(13px,2vw,22px)) !important;top:0 !important;bottom:0 !important;width:1px !important;background:var(--lijn-zacht) !important;}\n.inr-bs .kvraag{font-weight:600 !important;font-size:16px !important;letter-spacing:-.01em !important;color:var(--ink) !important;margin-bottom:4px !important;}\n.inr-bs .khint{font-size:13.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.5 !important;margin-bottom:16px !important;}\n@media(max-width:820px){.inr-bs .kolommen{grid-template-columns:1fr !important;gap:32px !important;}.inr-bs .kolom + .kolom::before{display:none !important;}.inr-bs .kolom + .kolom{border-top:1px solid var(--lijn-zacht) !important;padding-top:32px !important;}}\n\n\/* ---------- OPTIES ---------- *\/\n.inr-bs .opties{display:flex !important;flex-direction:column !important;gap:9px !important;}\n.inr-bs .optie{display:flex !important;align-items:flex-start !important;gap:13px !important;width:100% !important;text-align:left !important;border:1px solid var(--lijn) !important;background:#fff !important;border-radius:14px !important;padding:14px 15px !important;transition:border-color .25s,box-shadow .25s,transform .25s,background .25s !important;}\n.inr-bs .optie:hover{border-color:rgba(10,10,11,.26) !important;transform:translateX(3px) !important;}\n.inr-bs .optie.gekozen{border-color:var(--acc) !important;box-shadow:0 0 0 3px color-mix(in srgb, var(--acc) 14%, transparent) !important;background:color-mix(in srgb, var(--acc) 4%, #fff) !important;}\n.inr-bs .optie .mark{flex:none !important;width:21px !important;height:21px !important;border-radius:50% !important;border:1.6px solid var(--lijn) !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-top:1px !important;transition:border-color .25s,background .25s !important;}\n.inr-bs .optie.gekozen .mark{border-color:var(--acc) !important;background:var(--acc) !important;}\n.inr-bs .optie .mark svg{width:11px !important;height:11px !important;stroke:#fff !important;fill:none !important;stroke-width:3 !important;stroke-linecap:round !important;stroke-linejoin:round !important;opacity:0 !important;transition:opacity .2s !important;}\n.inr-bs .optie.gekozen .mark svg{opacity:1 !important;}\n.inr-bs .optie .ot{min-width:0 !important;}\n.inr-bs .optie .ot .naam{font-weight:600 !important;font-size:15px !important;letter-spacing:-.01em !important;color:var(--ink) !important;display:flex !important;align-items:center !important;gap:9px !important;line-height:1.2 !important;}\n.inr-bs .optie .ot .naam .kleurstip{width:9px !important;height:9px !important;border-radius:50% !important;flex:none !important;}\n.inr-bs .optie .ot .sub{font-size:12.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.45 !important;margin-top:3px !important;}\n\n\/* ---------- ACTIEBALK ---------- *\/\n.inr-bs .actiebalk{margin-top:34px !important;padding-top:26px !important;border-top:1px solid var(--lijn-zacht) !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:18px !important;flex-wrap:wrap !important;}\n.inr-bs .ahint{font-size:13.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.5 !important;max-width:40ch !important;}\n.inr-bs .knop-prim{display:inline-flex !important;align-items:center !important;gap:10px !important;background:var(--ink) !important;color:#fff !important;font-size:15px !important;font-weight:500 !important;padding:15px 28px !important;border-radius:99px !important;white-space:nowrap !important;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,opacity .25s !important;}\n.inr-bs .knop-prim:hover{transform:translateY(-3px) !important;box-shadow:0 18px 40px -20px rgba(10,10,11,.5) !important;}\n.inr-bs .knop-prim 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-bs .knop-prim:hover svg{transform:translateX(4px) !important;}\n.inr-bs .knop-prim[disabled]{opacity:.4 !important;cursor:not-allowed !important;transform:none !important;box-shadow:none !important;}\n@media(max-width:560px){.inr-bs .actiebalk{flex-direction:column !important;align-items:stretch !important;}.inr-bs .knop-prim{justify-content:center !important;}}\n\n\/* ---------- OUTPUT ---------- *\/\n.inr-bs #flowUit{margin-top:34px !important;padding-top:30px !important;border-top:1px solid var(--lijn) !important;}\n.inr-bs .actiebalk{display:none !important;}\n.inr-bs .res-top .terug{display:none !important;}\n.inr-bs .switch{display:none !important;}\n.inr-bs .res-top{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:14px !important;flex-wrap:wrap !important;margin-bottom:22px !important;}\n.inr-bs .terug{display:inline-flex !important;align-items:center !important;gap:8px !important;font-size:14px !important;font-weight:500 !important;color:var(--grijs) !important;transition:color .2s !important;}\n.inr-bs .terug:hover{color:var(--ink) !important;}\n.inr-bs .terug svg{width:15px !important;height:15px !important;stroke:currentColor !important;fill:none !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}\n.inr-bs .combo{display:inline-flex !important;align-items:center !important;gap:10px !important;flex-wrap:wrap !important;}\n.inr-bs .tag{font-size:13px !important;font-weight:600 !important;color:var(--ink) !important;border:1px solid var(--lijn) !important;border-radius:99px !important;padding:7px 14px !important;background:var(--veld) !important;}\n.inr-bs .tag.acc{color:var(--acc) !important;border-color:color-mix(in srgb, var(--acc) 30%, transparent) !important;background:color-mix(in srgb, var(--acc) 7%, #fff) !important;}\n.inr-bs .combo .pijl{color:var(--grijs-licht) !important;font-weight:600 !important;font-size:13px !important;}\n\n.inr-bs .uit-titel{font-weight:600 !important;font-size:clamp(24px,3.6vw,34px) !important;letter-spacing:-.028em !important;line-height:1.08 !important;color:var(--ink) !important;margin:16px 0 10px !important;}\n.inr-bs .uit-intro{font-size:15.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;max-width:62ch !important;}\n\n.inr-bs .sk{font-size:12px !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:var(--grijs-licht) !important;margin:30px 0 14px !important;}\n\n.inr-bs .kaarten{display:grid !important;grid-template-columns:1fr 1fr !important;gap:13px !important;}\n.inr-bs .kaart{min-width:0 !important;background:#fff !important;border:1px solid var(--lijn) !important;border-radius:16px !important;padding:21px !important;transition:border-color .3s,box-shadow .3s,transform .3s !important;}\n.inr-bs .kaart:hover{border-color:color-mix(in srgb, var(--acc) 30%, transparent) !important;box-shadow:0 18px 44px -32px color-mix(in srgb, var(--acc) 60%, transparent) !important;transform:translateY(-3px) !important;}\n.inr-bs .kaart .ktag{display:inline-flex !important;align-items:center !important;gap:7px !important;font-size:11px !important;font-weight:700 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:var(--acc) !important;margin-bottom:10px !important;}\n.inr-bs .kaart .ktag .d{width:7px !important;height:7px !important;border-radius:50% !important;background:var(--acc) !important;}\n.inr-bs .kaart h3{font-weight:600 !important;font-size:16.5px !important;letter-spacing:-.015em !important;color:var(--ink) !important;margin-bottom:7px !important;}\n.inr-bs .kaart p{font-size:14px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.58 !important;}\n\n.inr-bs .praktijk{margin-top:16px !important;display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:9px !important;}\n.inr-bs .praktijk .pl{font-size:13px !important;font-weight:300 !important;color:var(--grijs) !important;margin-right:2px !important;}\n.inr-bs .pchip{font-size:12.5px !important;font-weight:500 !important;color:var(--ink) !important;border:1px solid var(--lijn) !important;background:var(--veld) !important;border-radius:99px !important;padding:7px 13px !important;}\n\n.inr-bs .relevant{display:grid !important;grid-template-columns:1fr 1fr !important;gap:13px !important;}\n.inr-bs .rkaart{min-width:0 !important;border-radius:18px !important;padding:23px !important;border:1px solid var(--lijn) !important;background:#fff !important;}\n.inr-bs .rkaart.persoon{border-color:color-mix(in srgb, var(--acc) 30%, transparent) !important;background:color-mix(in srgb, var(--acc) 6%, #fff) !important;}\n.inr-bs .rkaart .rl{font-size:11px !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:var(--grijs-licht) !important;margin-bottom:9px !important;}\n.inr-bs .rkaart.persoon .rl{color:var(--acc) !important;}\n.inr-bs .rkaart h3{font-weight:600 !important;font-size:17px !important;letter-spacing:-.015em !important;color:var(--ink) !important;margin-bottom:9px !important;}\n.inr-bs .rkaart p{font-size:14px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.58 !important;}\n\n@media(max-width:760px){.inr-bs .kaarten,.inr-bs .relevant{grid-template-columns:1fr !important;}}\n\n\/* ---------- SWITCH + ACTIES ---------- *\/\n.inr-bs .res-acties{margin-top:26px !important;display:flex !important;flex-wrap:wrap !important;gap:11px !important;align-items:center !important;}\n.inr-bs .knop-sec{display:inline-flex !important;align-items:center !important;gap:9px !important;border:1px solid var(--lijn) !important;background:#fff !important;font-size:14px !important;font-weight:500 !important;color:var(--ink) !important;padding:13px 20px !important;border-radius:99px !important;transition:border-color .25s,transform .25s,box-shadow .25s !important;}\n.inr-bs .knop-sec:hover{border-color:rgba(10,10,11,.3) !important;transform:translateY(-2px) !important;box-shadow:0 12px 30px -22px rgba(10,10,11,.4) !important;}\n.inr-bs .knop-sec svg{width:15px !important;height:15px !important;stroke:currentColor !important;fill:none !important;stroke-width:1.9 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}\n.inr-bs .knop-tekst{font-size:14px !important;font-weight:500 !important;color:var(--grijs) !important;padding:13px 8px !important;transition:color .2s !important;margin-left:auto !important;}\n.inr-bs .knop-tekst:hover{color:var(--ink) !important;}\n\n.inr-bs .switch{margin-top:28px !important;padding-top:24px !important;border-top:1px solid var(--lijn-zacht) !important;}\n.inr-bs .switch .sl{font-size:12px !important;font-weight:600 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:var(--grijs-licht) !important;margin-bottom:12px !important;}\n.inr-bs .switch .rij{display:flex !important;flex-wrap:wrap !important;gap:8px !important;}\n.inr-bs .fchip{font-size:13px !important;font-weight:500 !important;color:var(--grijs) !important;border:1px solid var(--lijn) !important;background:#fff !important;border-radius:99px !important;padding:9px 15px !important;transition:border-color .2s,color .2s,background .2s,transform .2s !important;}\n.inr-bs .fchip:hover{border-color:rgba(10,10,11,.3) !important;color:var(--ink) !important;transform:translateY(-1px) !important;}\n.inr-bs .fchip.actief{background:var(--acc) !important;color:#fff !important;border-color:var(--acc) !important;}\n\n.inr-bs .voet{margin-top:26px !important;padding-top:20px !important;border-top:1px solid var(--lijn-zacht) !important;font-size:14px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.55 !important;}\n.inr-bs .voet b{font-weight:600 !important;color:var(--ink) !important;}\n\n.inr-bs .merk{margin-top:34px !important;display:flex !important;align-items:center !important;gap:10px !important;font-weight:600 !important;font-size:14px !important;color:var(--grijs-licht) !important;}\n.inr-bs .merk .dot{width:8px !important;height:8px !important;border-radius:50% !important;background:var(--ink) !important;}\n\n@media(prefers-reduced-motion:reduce){.inr-bs .optie,.inr-bs .kaart,.inr-bs .knop-prim,.inr-bs .knop-sec{transition:none !important;}}\n<\/style>\n\n<div class=\"inr-bs\">\n\n  <!-- HERO -->\n  <section class=\"hero\">\n    <span class=\"eyebrow\"><span class=\"stip\" id=\"heroStip\"><\/span>INR &middot; De bouwstenen op zak<\/span>\n    <h1>Leg INR uit met de juiste bouwstenen.<\/h1>\n    <p>Kies links het accent dat je raakte en rechts wie je wilt meenemen. Je krijgt een heldere uitleg van dat programma, plus waarom het relevant is voor de organisatie en voor die persoon. Geen praatje om uit je hoofd te leren, maar de inhoud zelf.<\/p>\n  <\/section>\n\n  <!-- SHELL -->\n  <div class=\"shell\">\n    <div class=\"shell-top\" id=\"shellTop\"><\/div>\n    <div class=\"shell-body\">\n\n      <!-- KEUZE -->\n      <div id=\"flowKies\">\n        <div class=\"brugkop\">\n          <div class=\"links\"><div class=\"l\">Het accent<\/div><div class=\"g\">Wat jou raakte<\/div><\/div>\n          <div class=\"pijl\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/div>\n          <div class=\"rechts\"><div class=\"l\">De gesprekspartner<\/div><div class=\"g\">Wie je meeneemt<\/div><\/div>\n        <\/div>\n\n        <div class=\"kolommen\">\n          <div class=\"kolom\">\n            <div class=\"kvraag\">Welk accent kies je?<\/div>\n            <div class=\"khint\">Kies de richting waarin INR jou het meest raakte.<\/div>\n            <div class=\"opties\" id=\"progOpties\">\n              <button class=\"optie\" data-prog=\"fluent\"><span class=\"mark\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"ot\"><span class=\"naam\"><span class=\"kleurstip\" style=\"background:#2875FB;\"><\/span>Leiderschap<\/span><\/span><\/button>\n              <button class=\"optie\" data-prog=\"sync\"><span class=\"mark\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"ot\"><span class=\"naam\"><span class=\"kleurstip\" style=\"background:#FD7634;\"><\/span>Teamontwikkeling<\/span><\/span><\/button>\n              <button class=\"optie\" data-prog=\"pulse\"><span class=\"mark\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"ot\"><span class=\"naam\"><span class=\"kleurstip\" style=\"background:#FD4C5C;\"><\/span>Commercie<\/span><\/span><\/button>\n              <button class=\"optie\" data-prog=\"echo\"><span class=\"mark\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"ot\"><span class=\"naam\"><span class=\"kleurstip\" style=\"background:#5AC380;\"><\/span>Cultuur<\/span><\/span><\/button>\n              <button class=\"optie\" data-prog=\"core\"><span class=\"mark\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"ot\"><span class=\"naam\"><span class=\"kleurstip\" style=\"background:#7448FD;\"><\/span>Persoonlijke ontwikkeling<\/span><\/span><\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"kolom\">\n            <div class=\"kvraag\">Met wie ga je in gesprek?<\/div>\n            <div class=\"khint\">De positie van de ander bepaalt waarom het voor hem of haar relevant is.<\/div>\n            <div class=\"opties\" id=\"funcOpties\">\n              <button class=\"optie\" data-func=\"directie\"><span class=\"mark\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"ot\"><span class=\"naam\">Directie<\/span><span class=\"sub\">Eindverantwoordelijk, beslist over richting en budget.<\/span><\/span><\/button>\n              <button class=\"optie\" data-func=\"hoger\"><span class=\"mark\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"ot\"><span class=\"naam\">Hoger management<\/span><span class=\"sub\">Een niveau boven de dagelijkse aansturing.<\/span><\/span><\/button>\n              <button class=\"optie\" data-func=\"manager\"><span class=\"mark\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"ot\"><span class=\"naam\">Manager<\/span><span class=\"sub\">Stuurt een team of afdeling aan.<\/span><\/span><\/button>\n              <button class=\"optie\" data-func=\"lijn\"><span class=\"mark\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"ot\"><span class=\"naam\">Lijnmanager<\/span><span class=\"sub\">Dicht op de dagelijkse uitvoering.<\/span><\/span><\/button>\n              <button class=\"optie\" data-func=\"hr\"><span class=\"mark\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"ot\"><span class=\"naam\">HR of Ontwikkeling<\/span><span class=\"sub\">Verantwoordelijk voor mens en ontwikkeling.<\/span><\/span><\/button>\n              <button class=\"optie\" data-func=\"collega\"><span class=\"mark\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"ot\"><span class=\"naam\">Collega<\/span><span class=\"sub\">Een gelijke, zonder hierarchie ertussen.<\/span><\/span><\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"actiebalk\">\n          <div class=\"ahint\" id=\"ahint\">Kies een accent en een gesprekspartner.<\/div>\n          <button class=\"knop-prim\" id=\"toonKnop\" disabled>Toon de bouwstenen <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/button>\n        <\/div>\n      <\/div>\n\n      <!-- OUTPUT -->\n      <div id=\"flowUit\">\n        <div class=\"res-top\">\n          <button class=\"terug\" id=\"terugKnop\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 12H5M11 18l-6-6 6-6\"\/><\/svg> Keuzes aanpassen<\/button>\n          <div class=\"combo\"><span class=\"tag acc\" id=\"pgTag\">Programma<\/span><span class=\"pijl\">relevant voor<\/span><span class=\"tag\" id=\"fnTag\">Functie<\/span><\/div>\n        <\/div>\n\n        <h2 class=\"uit-titel\" id=\"uitTitel\"><\/h2>\n        <p class=\"uit-intro\" id=\"uitIntro\"><\/p>\n\n        <div class=\"sk\">De bouwstenen<\/div>\n        <div class=\"kaarten\" id=\"uitKaarten\"><\/div>\n        <div class=\"praktijk\" id=\"uitPraktijk\"><\/div>\n\n        <div class=\"sk\">Waarom dit relevant is<\/div>\n        <div class=\"relevant\">\n          <div class=\"rkaart\"><div class=\"rl\">Voor de organisatie<\/div><h3 id=\"orgTitel\">De laag eronder<\/h3><p id=\"orgText\"><\/p><\/div>\n          <div class=\"rkaart persoon\"><div class=\"rl\" id=\"persoonLabel\">Voor de persoon<\/div><h3 id=\"persoonTitel\">Waarom het jou raakt<\/h3><p id=\"persoonText\"><\/p><\/div>\n        <\/div>\n\n        <div class=\"res-acties\">\n          <button class=\"knop-sec\" id=\"pdfKnop\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg> Download als PDF<\/button>\n          <button class=\"knop-tekst\" id=\"opnieuwKnop\">Opnieuw beginnen<\/button>\n        <\/div>\n\n        <div class=\"switch\">\n          <div class=\"sl\">Andere gesprekspartner<\/div>\n          <div class=\"rij\" id=\"switchRij\">\n            <button class=\"fchip\" data-func=\"directie\">Directie<\/button>\n            <button class=\"fchip\" data-func=\"hoger\">Hoger management<\/button>\n            <button class=\"fchip\" data-func=\"manager\">Manager<\/button>\n            <button class=\"fchip\" data-func=\"lijn\">Lijnmanager<\/button>\n            <button class=\"fchip\" data-func=\"hr\">HR of Ontwikkeling<\/button>\n            <button class=\"fchip\" data-func=\"collega\">Collega<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  function start(){\n    var root = document.querySelector('.inr-bs');\n    if(!root) return;\n\n    var PROG = {\n      fluent:{ label:'Leiderschap', thema:'Leiderschap', kleur:'#2875FB',\n        intro:'Dit is waar leiderschap binnen INR over gaat, in behapbare stukken.',\n        kaarten:[\n          ['De kern','Het gaat om wat je oproept','Het gaat over hoe je als leider communiceert. Niet over wat je zegt, maar over wat het bij de ander losmaakt.'],\n          ['Push','Duwen roept verzet op','Uitleggen, overtuigen, corrigeren. Zodra perspectieven verschillen schiet de ander in de verdediging, en hoe harder je duwt hoe meer weerstand.'],\n          ['Pull','Ruimte maken brengt beweging','Luisteren, de juiste vraag stellen, ruimte geven. Daardoor komt de ander vanuit zichzelf in beweging. Pull is leiding geven zonder te duwen.'],\n          ['Resultaat','Beweging zonder strijd','Minder weerstand, meer eigenaarschap, en gesprekken die echt iets verschuiven.']\n        ],\n        praktijk:['Luisteren zonder oordeel','De open vraag','Een voorstel in plaats van een opdracht','Gedeelde grond zoeken'],\n        org:'Veel leiderschapsvraagstukken komen telkens terug. Verandering die vastloopt, mensen die afhaken, samenwerking die hapert. Vaak zit de oorzaak in hoe er wordt gestuurd. Dit kan condities scheppen waarin beweging ontstaat zonder dat er harder geduwd hoeft te worden.',\n        lever:'Het geeft zicht op waarom sturen soms vastloopt, en op een manier van leidinggeven die het zonder druk doet.'\n      },\n      sync:{ label:'Teamontwikkeling', thema:'Teamontwikkeling', kleur:'#FD7634',\n        intro:'Dit is waar teamontwikkeling binnen INR over gaat, in behapbare stukken.',\n        kaarten:[\n          ['De kern','Wat samenwerking werkelijk stuurt','Het gaat over hoe teams samenwerken. Niet over afspraken en structuren, maar over wat het gedrag in een team werkelijk stuurt.'],\n          ['Push','Afspraken lossen het niet op','Vastleggen wie wat doet en sturen op gedrag. Toch blijven dezelfde patronen terugkomen, omdat de oorzaak een laag dieper zit.'],\n          ['Pull','Veiligheid brengt beweging','Ruimte maken waarin mensen zich veilig genoeg voelen om open te zijn. Daar verandert samenwerking vanzelf, in plaats van dat ze wordt afgedwongen.'],\n          ['Resultaat','Soepeler schakelen','Teams die soepeler schakelen, minder verborgen wrijving, en samenwerking die niet afhangt van steeds nieuwe afspraken.']\n        ],\n        praktijk:['Veiligheid creeren','Het open gesprek','Ruimte voor verschil','Gedeelde grond zoeken'],\n        org:'Teams die vastlopen kosten tijd, energie en resultaat. Vaak ligt de oorzaak niet in de afspraken maar in wat onder de samenwerking speelt. Dit kan condities scheppen waarin teams van binnenuit beter gaan samenwerken.',\n        lever:'Het maakt zichtbaar waarom een team vastloopt terwijl iedereen zijn best doet, en wat daar wel beweging in brengt.'\n      },\n      pulse:{ label:'Commercie', thema:'Commercie', kleur:'#FD4C5C',\n        intro:'Dit is waar commercie binnen INR over gaat, in behapbare stukken.',\n        kaarten:[\n          ['De kern','Aansluiten op wat de klant beweegt','Het gaat over hoe je verkoopt en klanten meeneemt. Niet door beter te pitchen, maar door aan te sluiten op wat de klant werkelijk beweegt.'],\n          ['Push','Overtuigen jaagt weg','Argumenten stapelen en het aanbod nog eens uitleggen. Zodra de klant twijfelt roept dat weerstand op. Inhoudelijk klopt alles, en toch haakt hij af.'],\n          ['Pull','Ruimte maken brengt de klant in beweging','Vragen stellen, luisteren, ruimte maken voor het echte bezwaar. De klant komt zelf in beweging omdat hij zich begrepen voelt in plaats van bewerkt.'],\n          ['Resultaat','Kiezen zonder druk','Gesprekken die niet stuklopen op weerstand, deals van hogere kwaliteit, en klanten die uit zichzelf kiezen.']\n        ],\n        praktijk:['Het echte bezwaar ophalen','De open vraag','Samenvatten','Gedeelde grond zoeken'],\n        org:'Tegenvallende conversie en deals die stuklopen hebben zelden met het aanbod te maken. Ze ontstaan in het gesprek, waar druk weerstand oproept. Dit kan de manier waarop commerciele gesprekken verlopen wezenlijk veranderen.',\n        lever:'Het laat zien waarom klanten afhaken terwijl alles klopt, en hoe een gesprek anders loopt zonder druk.'\n      },\n      echo:{ label:'Cultuur', thema:'Cultuur', kleur:'#5AC380',\n        intro:'Dit is waar cultuur binnen INR over gaat, in behapbare stukken.',\n        kaarten:[\n          ['De kern','Cultuur is wat mensen doen','Het gaat over cultuur. Niet over wat in documenten staat, maar over wat mensen daadwerkelijk doen, en hoe dat gedrag zichzelf versterkt.'],\n          ['Push','Waarden ophangen verandert weinig','Waarden formuleren en gedrag voorschrijven. Toch verandert er weinig, omdat cultuur niet ontstaat uit woorden maar uit gedrag.'],\n          ['Pull','Condities veranderen gedrag','De condities veranderen waaronder mensen zich gedragen. Daar verschuift cultuur, langzaam maar echt, in plaats van op papier.'],\n          ['Resultaat','Geen kloof meer','Een cultuur die klopt met wat er werkelijk gebeurt, in plaats van een kloof tussen de poster en de praktijk.']\n        ],\n        praktijk:['Gedrag zichtbaar maken','Condities aanpassen','Voorbeeldgedrag','Gedeelde grond zoeken'],\n        org:'Cultuurtrajecten stranden vaak omdat ze op woorden sturen in plaats van op gedrag. De patronen blijven, ondanks alle inzet. Dit kan condities scheppen waarin cultuur daadwerkelijk verschuift.',\n        lever:'Het laat zien waarom cultuur zo lastig verandert door erover te praten, en waar de echte knoppen zitten.'\n      },\n      core:{ label:'Persoonlijke ontwikkeling', thema:'Persoonlijke ontwikkeling', kleur:'#7448FD',\n        intro:'Dit is waar persoonlijke ontwikkeling binnen INR over gaat, in behapbare stukken.',\n        kaarten:[\n          ['De kern','Het verhaal dat je gedrag stuurt','Het gaat over persoonlijke ontwikkeling. Over hoe je je eigen gedrag begrijpt, en hoe het verhaal dat je over jezelf vertelt je keuzes stuurt.'],\n          ['Push','Wilskracht houdt zelden stand','Jezelf dwingen en streng zijn. Dat houdt zelden stand, omdat het voorbijgaat aan wat je gedrag werkelijk stuurt.'],\n          ['Pull','Eerst zien, dan bijsturen','Eerst zien hoe je eigen patronen ontstaan. Vandaaruit ontstaat ruimte om bewust bij te sturen, in plaats van tegen jezelf te vechten.'],\n          ['Resultaat','Verandering die beklijft','Verandering die standhoudt omdat ze van binnenuit komt, en meer grip op je eigen gedrag onder druk.']\n        ],\n        praktijk:['Je eigen patroon zien','Reflectie','Kleine stappen','Zelf de richting kiezen'],\n        org:'Persoonlijke ontwikkeling die niet beklijft kost tijd en motivatie, vaak omdat ze op wilskracht leunt in plaats van op inzicht. Dit kan mensen helpen hun eigen gedrag te begrijpen en duurzaam bij te sturen.',\n        lever:'Het laat zien hoe je gedrag van binnenuit verandert, in plaats van via druk en wilskracht.'\n      }\n    };\n\n    var FUNC = {\n      directie:{ label:'Directie', framing:'Jij bepaalt de richting en beslist waar de organisatie in investeert.' },\n      hoger:{ label:'Hoger management', framing:'Op jouw niveau gaat het om de samenhang over teams en afdelingen heen.' },\n      manager:{ label:'Manager', framing:'Jij stuurt dagelijks een team aan en merkt direct wat wel en niet werkt.' },\n      lijn:{ label:'Lijnmanager', framing:'Jij zit het dichtst op de uitvoering en voelt als eerste waar het schuurt.' },\n      hr:{ label:'HR of Ontwikkeling', framing:'Jij bent verantwoordelijk voor ontwikkeling, samenwerking en cultuur.' },\n      collega:{ label:'Collega', framing:'Als gelijke kun je dit aankaarten zonder dat er iets van bovenaf wordt opgelegd.' }\n    };\n\n    var state = { prog:null, func:null };\n\n    var progBox = root.querySelector('#progOpties');\n    var funcBox = root.querySelector('#funcOpties');\n    var ahint   = root.querySelector('#ahint');\n    var toon    = root.querySelector('#toonKnop');\n    var flowK   = root.querySelector('#flowKies');\n    var flowU   = root.querySelector('#flowUit');\n    var terug   = root.querySelector('#terugKnop');\n    var opnieuw = root.querySelector('#opnieuwKnop');\n    var pdf     = root.querySelector('#pdfKnop');\n    var switchRij = root.querySelector('#switchRij');\n    var heroStip  = root.querySelector('#heroStip');\n    var shellTop  = root.querySelector('#shellTop');\n\n    function el(tag, cls, txt){ var e=document.createElement(tag); if(cls) e.className=cls; if(txt!=null) e.textContent=txt; return e; }\n    function setAccent(k){ root.style.setProperty('--acc', k || '#2875FB'); }\n\n    progBox.querySelectorAll('.optie').forEach(function(o){\n      o.addEventListener('click', function(){\n        state.prog = o.getAttribute('data-prog');\n        progBox.querySelectorAll('.optie').forEach(function(x){ x.classList.remove('gekozen'); });\n        o.classList.add('gekozen');\n        setAccent(PROG[state.prog].kleur);\n        check();\n        if(state.prog && state.func) render();\n      });\n    });\n    funcBox.querySelectorAll('.optie').forEach(function(o){\n      o.addEventListener('click', function(){\n        state.func = o.getAttribute('data-func');\n        funcBox.querySelectorAll('.optie').forEach(function(x){ x.classList.remove('gekozen'); });\n        o.classList.add('gekozen');\n        check();\n        if(state.prog && state.func) render();\n      });\n    });\n\n    function check(){\n      var klaar = state.prog && state.func;\n      toon.disabled = !klaar;\n      if(klaar){ ahint.textContent = 'Klaar. Toon de bouwstenen voor deze combinatie.'; }\n      else {\n        var mist = [];\n        if(!state.prog) mist.push('een accent');\n        if(!state.func) mist.push('een gesprekspartner');\n        ahint.textContent = 'Nog nodig: ' + mist.join(' en ') + '.';\n      }\n    }\n\n    function render(){\n      var p = PROG[state.prog], f = FUNC[state.func];\n      setAccent(p.kleur);\n\n      root.querySelector('#pgTag').textContent = p.label;\n      root.querySelector('#fnTag').textContent = f.label;\n      root.querySelector('#uitTitel').textContent = p.label + ', in het kort';\n      root.querySelector('#uitIntro').textContent = p.intro;\n\n      var kb = root.querySelector('#uitKaarten');\n      kb.textContent = '';\n      p.kaarten.forEach(function(k){\n        var card = el('div','kaart');\n        var ktag = el('span','ktag');\n        ktag.appendChild(el('span','d'));\n        ktag.appendChild(document.createTextNode(k[0]));\n        card.appendChild(ktag);\n        card.appendChild(el('h3', null, k[1]));\n        card.appendChild(el('p', null, k[2]));\n        kb.appendChild(card);\n      });\n\n      var pb = root.querySelector('#uitPraktijk');\n      pb.textContent = '';\n      pb.appendChild(el('span','pl','In de praktijk bijvoorbeeld:'));\n      p.praktijk.forEach(function(t){ pb.appendChild(el('span','pchip', t)); });\n\n      root.querySelector('#orgText').textContent = p.org;\n      root.querySelector('#persoonLabel').textContent = 'Voor ' + (f.label.toLowerCase() === 'directie' ? 'je directie' : f.label.toLowerCase());\n      root.querySelector('#persoonText').textContent = f.framing + ' ' + p.lever;\n\n      switchRij.querySelectorAll('.fchip').forEach(function(c){\n        c.classList.toggle('actief', c.getAttribute('data-func') === state.func);\n      });\n    }\n\n    toon.addEventListener('click', function(){ if(toon.disabled) return; render(); });\n    terug.addEventListener('click', function(){ try{ root.querySelector('.shell').scrollIntoView({behavior:'smooth', block:'start'}); }catch(e){} });\n    opnieuw.addEventListener('click', function(){\n      state = { prog:'fluent', func:'directie' };\n      progBox.querySelectorAll('.optie').forEach(function(x){ x.classList.toggle('gekozen', x.getAttribute('data-prog')==='fluent'); });\n      funcBox.querySelectorAll('.optie').forEach(function(x){ x.classList.toggle('gekozen', x.getAttribute('data-func')==='directie'); });\n      setAccent(PROG['fluent'].kleur);\n      render();\n      check();\n    });\n\n    switchRij.querySelectorAll('.fchip').forEach(function(c){\n      c.addEventListener('click', function(){\n        state.func = c.getAttribute('data-func');\n        funcBox.querySelectorAll('.optie').forEach(function(x){\n          x.classList.toggle('gekozen', x.getAttribute('data-func') === state.func);\n        });\n        render();\n      });\n    });\n\n    \/* ---------- PDF: volledig via DOM, geen tag-literals ---------- *\/\n    pdf.addEventListener('click', function(){\n      var p = PROG[state.prog], f = FUNC[state.func];\n      if(!p || !f) return;\n\n      function hexToRgba(hex, a){\n        hex = String(hex).replace('#','');\n        var r = parseInt(hex.substring(0,2),16), g = parseInt(hex.substring(2,4),16), bl = parseInt(hex.substring(4,6),16);\n        return 'rgba(' + r + ',' + g + ',' + bl + ',' + a + ')';\n      }\n      var acc = p.kleur;\n      var soft = hexToRgba(acc, 0.08);\n      var border = hexToRgba(acc, 0.30);\n      var datum = new Date().toLocaleDateString('nl-NL', { day:'numeric', month:'long', year:'numeric' });\n      var persoonLabel = 'Voor ' + (f.label.toLowerCase() === 'directie' ? 'je directie' : f.label.toLowerCase());\n\n      var oud = document.getElementById('inrPrintFrame');\n      if(oud && oud.parentNode) oud.parentNode.removeChild(oud);\n      var ifr = document.createElement('iframe');\n      ifr.id = 'inrPrintFrame';\n      ifr.setAttribute('aria-hidden','true');\n      ifr.style.cssText = 'position:fixed;right:0;bottom:0;width:0;height:0;border:0;opacity:0;';\n      document.body.appendChild(ifr);\n      var d = ifr.contentDocument || (ifr.contentWindow && ifr.contentWindow.document);\n      if(!d){ return; }\n      d.documentElement.setAttribute('lang','nl');\n\n      function e(tag, cls, txt){ var n = d.createElement(tag); if(cls) n.className = cls; if(txt != null) n.textContent = txt; return n; }\n\n      var meta = d.createElement('meta'); meta.setAttribute('charset','utf-8'); d.head.appendChild(meta);\n      d.head.appendChild(e('title', null, 'INR Bouwstenen'));\n      var link = d.createElement('link'); link.rel = 'stylesheet'; link.href = 'https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap'; d.head.appendChild(link);\n\n      var css = [\n        '@page{size:A4;margin:13mm 15mm;}',\n        '*{margin:0;padding:0;box-sizing:border-box;}',\n        'html,body{font-family:Inter,-apple-system,sans-serif;color:#0a0a0a;font-weight:300;background:#fff;line-height:1.5;-webkit-print-color-adjust:exact;print-color-adjust:exact;}',\n        'body{padding:0;}',\n        '.page{max-width:100%;margin:0;}',\n        '.brand{display:flex;align-items:center;justify-content:space-between;padding-bottom:10pt;border-bottom:1px solid #ececec;margin-bottom:18pt;}',\n        '.brand .nm{display:flex;align-items:center;gap:7pt;font-size:10pt;font-weight:600;letter-spacing:.01em;color:#0a0a0a;}',\n        '.brand .nm .dot{width:7pt;height:7pt;border-radius:50%;background:'+acc+';display:inline-block;}',\n        '.brand .meta{font-size:9pt;color:#6e6e6e;}',\n        '.eyebrow{font-size:8.5pt;letter-spacing:.26em;text-transform:uppercase;color:#6e6e6e;font-weight:600;margin-bottom:8pt;}',\n        '.eyebrow b{color:'+acc+';font-weight:600;}',\n        '.h{font-size:23pt;font-weight:600;letter-spacing:-.025em;line-height:1.1;margin-bottom:12pt;}',\n        '.h .em{color:'+acc+';}',\n        '.hero{padding:17pt 20pt;border-radius:10pt;background:linear-gradient(180deg,'+soft+' 0%,#fff 100%);border:1px solid '+border+';margin-bottom:4pt;page-break-inside:avoid;}',\n        '.hero .tag{font-size:8.5pt;letter-spacing:.22em;text-transform:uppercase;color:'+acc+';font-weight:600;margin-bottom:9pt;}',\n        '.hero .nm{font-size:20pt;font-weight:600;letter-spacing:-.02em;margin-bottom:3pt;}',\n        '.hero .sub{font-size:10pt;color:#6e6e6e;margin-bottom:11pt;font-weight:400;}',\n        '.hero .bd{font-size:10pt;line-height:1.55;color:#2a2a2a;}',\n        '.sec{font-size:9pt;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#9a9aa2;margin:13pt 0 8pt;}',\n        '.cards{display:grid;grid-template-columns:1fr 1fr;gap:7pt;}',\n        '.card{padding:12pt 13pt;border:1px solid #ececec;border-radius:8pt;position:relative;overflow:hidden;page-break-inside:avoid;}',\n        '.card::before{content:\"\";position:absolute;top:0;left:0;right:0;height:3px;background:'+acc+';}',\n        '.card .ct{font-size:8pt;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:'+acc+';margin-bottom:6pt;}',\n        '.card .ch{font-size:11pt;font-weight:600;letter-spacing:-.01em;color:#0a0a0a;margin-bottom:5pt;}',\n        '.card .cb{font-size:9.5pt;line-height:1.5;color:#4a4a4a;font-weight:300;}',\n        '.rel{display:grid;grid-template-columns:1fr 1fr;gap:7pt;}',\n        '.rk{padding:12pt 14pt;border:1px solid #ececec;border-radius:8pt;page-break-inside:avoid;}',\n        '.rk.persoon{border-color:'+border+';background:'+soft+';}',\n        '.rk .rl{font-size:8pt;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#9a9aa2;margin-bottom:7pt;}',\n        '.rk.persoon .rl{color:'+acc+';}',\n        '.rk .rh{font-size:11pt;font-weight:600;letter-spacing:-.01em;color:#0a0a0a;margin-bottom:6pt;}',\n        '.rk .rp{font-size:9.5pt;line-height:1.5;color:#4a4a4a;font-weight:300;}',\n        '.foot{margin-top:14pt;padding-top:11pt;border-top:1px solid #ececec;display:flex;justify-content:space-between;font-size:8.5pt;color:#9a9aa2;margin-bottom:0;}',\n        '.foot b{font-weight:600;color:#0a0a0a;}'\n      ].join('');\n      var st = e('style'); st.appendChild(d.createTextNode(css)); d.head.appendChild(st);\n\n      var page = e('div','page');\n\n      var brand = e('div','brand');\n      var nm = e('div','nm'); nm.appendChild(e('span','dot')); nm.appendChild(d.createTextNode('INR Institute')); brand.appendChild(nm);\n      brand.appendChild(e('div','meta', datum));\n      page.appendChild(brand);\n\n      var eb = e('div','eyebrow'); eb.appendChild(e('b', null, p.label)); eb.appendChild(d.createTextNode('  voor  ' + f.label)); page.appendChild(eb);\n      var h = e('div','h'); h.appendChild(e('span','em', p.label)); h.appendChild(d.createTextNode(', in het kort')); page.appendChild(h);\n\n      var hero = e('div','hero');\n      hero.appendChild(e('div','tag','De bouwstenen'));\n      hero.appendChild(e('div','nm', p.label));\n      hero.appendChild(e('div','bd', p.intro));\n      page.appendChild(hero);\n\n      page.appendChild(e('div','sec','De bouwstenen'));\n      var cards = e('div','cards');\n      p.kaarten.forEach(function(k){\n        var c = e('div','card');\n        c.appendChild(e('div','ct', k[0]));\n        c.appendChild(e('div','ch', k[1]));\n        c.appendChild(e('div','cb', k[2]));\n        cards.appendChild(c);\n      });\n      page.appendChild(cards);\n\n      page.appendChild(e('div','sec','Waarom dit relevant is'));\n      var rel = e('div','rel');\n      var rk1 = e('div','rk');\n      rk1.appendChild(e('div','rl','Voor de organisatie'));\n      rk1.appendChild(e('div','rh','De laag eronder'));\n      rk1.appendChild(e('div','rp', p.org));\n      rel.appendChild(rk1);\n      var rk2 = e('div','rk persoon');\n      rk2.appendChild(e('div','rl', persoonLabel));\n      rk2.appendChild(e('div','rh','Waarom het raakt'));\n      rk2.appendChild(e('div','rp', f.framing + ' ' + p.lever));\n      rel.appendChild(rk2);\n      page.appendChild(rel);\n\n      var foot = e('div','foot');\n      foot.appendChild(e('b', null, 'INR Institute'));\n      foot.appendChild(e('span', null, 'inr.institute'));\n      page.appendChild(foot);\n\n      d.body.appendChild(page);\n\n      setTimeout(function(){ try{ ifr.contentWindow.focus(); ifr.contentWindow.print(); }catch(e2){ } }, 450);\n    });\n\n    state.prog = 'fluent'; state.func = 'directie';\n    progBox.querySelector('[data-prog=\"fluent\"]').classList.add('gekozen');\n    funcBox.querySelector('[data-func=\"directie\"]').classList.add('gekozen');\n    setAccent(PROG['fluent'].kleur);\n    check();\n    render();\n  }\n  if(document.readyState === 'loading'){ document.addEventListener('DOMContentLoaded', start); }\n  else { start(); }\n})();\n<\/script>\n\n\n\n<!-- ============================================================================\n     INR PAGINA \u00b7 OUTRO  (PLAATS DIT ONDER DE BOUWSTENEN-TOOL)\n     Statische HTML, gescoped onder .inr-pg-outro, !important overal.\n     Rondt de pagina af met het principe, wat je ermee doet en een merkafsluiting.\n     Geen JS, geen dash-comma, geen em-dash, geen emoji.\n     De CTA-link onderaan staat op # ; vervang door je eigen contactpagina.\n     ============================================================================ -->\n\n<style>\n.inr-pg-outro{\n  --ink:#0A0A0B; --ink-2:#1C1C20; --grijs:#5B5B63; --grijs-licht:#9A9AA2; --mist:#D8D8DC;\n  --lijn:rgba(10,10,11,.10); --lijn-zacht:rgba(10,10,11,.06); --veld:rgba(10,10,11,.02);\n  --maxw:980px;\n  position:relative !important; width:100% !important; max-width:100% !important;\n  margin:0 !important; padding:24px 22px 96px !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; -webkit-font-smoothing:antialiased !important;\n}\n.inr-pg-outro, .inr-pg-outro *, .inr-pg-outro *::before, .inr-pg-outro *::after{\n  box-sizing:border-box !important;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;\n}\n.inr-pg-outro h1,.inr-pg-outro h2,.inr-pg-outro h3,.inr-pg-outro p,.inr-pg-outro span,.inr-pg-outro div,.inr-pg-outro a{margin:0;padding:0;}\n.inr-pg-outro a{text-decoration:none !important;color:inherit !important;}\n\n.inr-pg-outro .wrap{position:relative !important;z-index:1 !important;max-width:var(--maxw) !important;margin:0 auto !important;}\n\n\/* principe: donker contrastblok *\/\n.inr-pg-outro .principe{position:relative !important;overflow:hidden !important;background:var(--ink) !important;color:#fff !important;border-radius:30px !important;padding:clamp(40px,6vw,72px) !important;box-shadow:0 40px 90px -52px rgba(10,10,11,.8) !important;}\n.inr-pg-outro .principe::before{content:'' !important;position:absolute !important;top:-140px !important;right:-110px !important;width:420px !important;height:420px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(40,117,251,.30),transparent 70%) !important;filter:blur(50px) !important;}\n.inr-pg-outro .principe::after{content:'' !important;position:absolute !important;bottom:-160px !important;left:-120px !important;width:400px !important;height:400px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(116,72,253,.24),transparent 70%) !important;filter:blur(50px) !important;}\n.inr-pg-outro .principe .eyebrow{position:relative !important;z-index:1 !important;font-size:12px !important;font-weight:600 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:var(--mist) !important;margin-bottom:20px !important;display:block !important;}\n.inr-pg-outro .principe h2{position:relative !important;z-index:1 !important;font-weight:600 !important;font-size:clamp(28px,4.4vw,50px) !important;letter-spacing:-.03em !important;line-height:1.08 !important;color:#fff !important;margin-bottom:18px !important;max-width:20ch !important;}\n.inr-pg-outro .principe h2 .zacht{color:rgba(255,255,255,.45) !important;}\n.inr-pg-outro .principe p{position:relative !important;z-index:1 !important;font-size:clamp(16px,2vw,19px) !important;font-weight:300 !important;color:rgba(255,255,255,.74) !important;line-height:1.6 !important;max-width:54ch !important;}\n\n\/* wat nu *\/\n.inr-pg-outro .watnu{margin-top:18px !important;display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:14px !important;}\n.inr-pg-outro .wn{border:1px solid var(--lijn) !important;border-radius:18px !important;padding:26px !important;background:#fff !important;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s !important;}\n.inr-pg-outro .wn:hover{transform:translateY(-4px) !important;box-shadow:0 22px 50px -34px rgba(10,10,11,.4) !important;border-color:rgba(10,10,11,.2) !important;}\n.inr-pg-outro .wn .ic{width:40px !important;height:40px !important;border-radius:12px !important;background:var(--ink) !important;color:#fff !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-bottom:16px !important;}\n.inr-pg-outro .wn .ic svg{width:19px !important;height:19px !important;stroke:#fff !important;fill:none !important;stroke-width:1.9 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}\n.inr-pg-outro .wn h3{font-weight:600 !important;font-size:17px !important;letter-spacing:-.015em !important;color:var(--ink) !important;margin-bottom:8px !important;}\n.inr-pg-outro .wn p{font-size:14px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.58 !important;}\n\n\/* afsluiting *\/\n.inr-pg-outro .slot{margin-top:48px !important;padding-top:34px !important;border-top:1px solid var(--lijn) !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:24px !important;flex-wrap:wrap !important;}\n.inr-pg-outro .slot .tekst{max-width:46ch !important;}\n.inr-pg-outro .slot .merk{display:inline-flex !important;align-items:center !important;gap:10px !important;font-weight:600 !important;font-size:16px !important;color:var(--ink) !important;margin-bottom:8px !important;}\n.inr-pg-outro .slot .merk .dot{width:9px !important;height:9px !important;border-radius:50% !important;background:var(--ink) !important;}\n.inr-pg-outro .slot .tekst p{font-size:15px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.55 !important;}\n.inr-pg-outro .cta{display:inline-flex !important;align-items:center !important;gap:10px !important;background:var(--ink) !important;color:#fff !important;font-size:15px !important;font-weight:500 !important;padding:15px 26px !important;border-radius:99px !important;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s !important;}\n.inr-pg-outro .cta:hover{transform:translateY(-3px) !important;box-shadow:0 18px 40px -20px rgba(10,10,11,.5) !important;}\n.inr-pg-outro .cta 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-pg-outro .cta:hover svg{transform:translateX(4px) !important;}\n\n@media(max-width:820px){\n  .inr-pg-outro{padding:18px 22px 64px !important;}\n  .inr-pg-outro .watnu{grid-template-columns:1fr !important;}\n  .inr-pg-outro .slot{flex-direction:column !important;align-items:flex-start !important;}\n}\n<\/style>\n\n<div class=\"inr-pg-outro\">\n  <div class=\"wrap\">\n\n    <div class=\"principe\">\n      <span class=\"eyebrow\">Het principe<\/span>\n      <h2>Je hoeft niemand te overtuigen. <span class=\"zacht\">Je biedt perspectief.<\/span><\/h2>\n      <p>Laat de ander zelf zien wat erin zit. Dat is precies hoe INR ook in de praktijk werkt: ruimte maken in plaats van duwen. Wie zelf tot inzicht komt, beweegt uit zichzelf.<\/p>\n    <\/div>\n    <div class=\"slot\">\n      <div class=\"tekst\">\n        <div class=\"merk\"><span class=\"dot\"><\/span>INR Institute<\/div>\n        <p>Onder vrijwel elk organisatievraagstuk ligt gedrag. Daar begint INR, en daar kan het verschil ontstaan.<\/p>\n      <\/div>\n      <!-- Vervang href door je eigen contactpagina of de overzichtspagina van INR -->\n      <a class=\"cta\" href=\"#\">Meer weten over INR <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\n    <\/div>\n\n  <\/div>\n<\/div>\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 &middot; Van inzicht naar gesprek Je hebt het gezien. Help de rest het ook zien. Je liep een masterclass over INR uit met een andere blik op gedrag. Het lastige begint daarna: hoe breng je dat over aan mensen die er niet bij waren? Deze pagina geeft je de bouwstenen, per accent en per [&hellip;]<\/p>\n","protected":false},"author":224244682,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-77474","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/77474","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=77474"}],"version-history":[{"count":0,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/77474\/revisions"}],"wp:attachment":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/media?parent=77474"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}