{"id":1510,"date":"2024-12-03T10:37:42","date_gmt":"2024-12-03T09:37:42","guid":{"rendered":"https:\/\/inr.institute\/?page_id=1510"},"modified":"2026-08-03T09:08:56","modified_gmt":"2026-08-03T07:08:56","slug":"womens-leadership-empowerment","status":"publish","type":"page","link":"https:\/\/inr.institute\/en\/use-cases\/womens-leadership-empowerment\/","title":{"rendered":"Women\u2019s Leadership &amp; Empowerment"},"content":{"rendered":"\n<!-- ============================================================================\n     INR INSTITUTE \u00b7 USE CASE \/ KLANTVERHAAL\n     Women's Leadership & Empowerment bij een professionele dienstverlener.\n     E\u00e9n bestand. Plak dit volledig in \u00c9\u00c9N Elementor HTML-widget.\n     Alles is gescoped onder .inr-case-women en afgedwongen met !important,\n     zodat Elementor\/WordPress de stijl niet kan overrulen.\n     Duo-accent: Fluent blauw #2875FB (leiderschap) + Echo groen #5AC380 (cultuur).\n     De gradient loopt van blauw naar groen, want het programma verbindt\n     individueel leiderschap met systemische, inclusieve cultuurverandering.\n     ============================================================================ -->\n\n<style>\n\/* ---------- 1. ELEMENTOR-ONTWAPENING + ROOT ---------- *\/\n.inr-case-women{\n  --accent:#2875FB; --accent-2:#5AC380; --ink:#0E0B1C; --grijs:#6B6480;\n  --fluent:#2875FB; --echo:#5AC380; --lucht:#8FD9AB; --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-case-women, .inr-case-women *, .inr-case-women *::before, .inr-case-women *::after{\n  box-sizing:border-box !important;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;\n}\n.inr-case-women h1,.inr-case-women h2,.inr-case-women h3,.inr-case-women h4,.inr-case-women p,\n.inr-case-women span,.inr-case-women div,.inr-case-women ul,.inr-case-women li,.inr-case-women a{margin:0;padding:0;}\n.inr-case-women ul{list-style:none !important;}\n.inr-case-women a{text-decoration:none !important;color:inherit !important;}\n\n\/* ---------- 2. ATMOSFEER ---------- *\/\n.inr-case-women .atmos{position:absolute !important;inset:0 !important;z-index:0 !important;overflow:hidden !important;pointer-events:none !important;background:transparent !important;}\n.inr-case-women .blob{position:absolute !important;border-radius:50% !important;filter:blur(110px) !important;opacity:.42 !important;animation:inrcw-drift 28s ease-in-out infinite !important;}\n.inr-case-women .blob.a{width:620px;height:620px;background:rgba(40,117,251,.42);top:-180px;left:-160px;}\n.inr-case-women .blob.b{width:560px;height:560px;background:rgba(90,195,128,.38);top:34%;right:-200px;animation-delay:-10s;}\n.inr-case-women .blob.c{width:700px;height:700px;background:rgba(60,160,200,.34);bottom:-260px;left:22%;animation-delay:-18s;}\n.inr-case-women .blob.d{width:480px;height:480px;background:rgba(40,117,251,.30);top:8%;right:18%;animation-delay:-22s;}\n.inr-case-women .blob.e{width:520px;height:520px;background:rgba(143,217,171,.34);top:62%;left:-140px;animation-delay:-6s;}\n.inr-case-women .blob.f{width:440px;height:440px;background:rgba(90,195,128,.30);top:88%;right:-120px;animation-delay:-14s;}\n@keyframes inrcw-drift{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(48px,-36px) scale(1.08);}}\n\n\/* ---------- 3. LAYOUT-PRIMITIEVEN ---------- *\/\n.inr-case-women .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-case-women .sec{position:relative !important;z-index:1 !important;padding:120px 0 !important;}\n.inr-case-women .sec.tight{padding:80px 0 !important;}\n\n\/* ---------- 4. TYPO-HELPERS ---------- *\/\n.inr-case-women .eyebrow{font-size:13px !important;font-weight:600 !important;letter-spacing:.09em !important;text-transform:uppercase !important;color:var(--accent) !important;}\n.inr-case-women .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-case-women .kop{text-align:center !important;max-width:780px !important;margin:0 auto 60px !important;}\n.inr-case-women .kop .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-case-women .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-case-women .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-case-women .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-case-women .rev.in{opacity:1 !important;transform:none !important;}\n.inr-case-women .d1{transition-delay:.07s;}.inr-case-women .d2{transition-delay:.14s;}.inr-case-women .d3{transition-delay:.21s;}\n.inr-case-women .d4{transition-delay:.28s;}.inr-case-women .d5{transition-delay:.35s;}.inr-case-women .d6{transition-delay:.42s;}\n.no-js .inr-case-women .rev{opacity:1 !important;transform:none !important;}\n\n\/* ---------- responsive basis ---------- *\/\n@media(max-width:820px){\n  .inr-case-women{padding-left:22px !important;padding-right:22px !important;}\n  .inr-case-women .wrap{padding-left:0 !important;padding-right:0 !important;}\n  .inr-case-women .hero{padding-left:0 !important;padding-right:0 !important;}\n  .inr-case-women .slot{padding-left:0 !important;padding-right:0 !important;}\n  .inr-case-women .sec{padding:72px 0 !important;}\n  .inr-case-women .blob.a{width:320px;height:320px;top:-90px;left:-100px;}\n  .inr-case-women .blob.b{width:300px;height:300px;right:-140px;}\n  .inr-case-women .blob.c{width:340px;height:340px;left:-60px;bottom:-160px;}\n  .inr-case-women .blob.d{width:240px;height:240px;right:-40px;}\n  .inr-case-women .blob.e{width:280px;height:280px;left:-100px;}\n  .inr-case-women .blob.f{width:240px;height:240px;right:-80px;}\n}\n@media(prefers-reduced-motion:reduce){\n  .inr-case-women .rev{opacity:1 !important;transform:none !important;transition:none !important;}\n  .inr-case-women .blob{animation:none !important;}\n}\n<\/style>\n\n<div class=\"inr-case-women\">\n<div class=\"atmos\"><div class=\"blob a\"><\/div><div class=\"blob b\"><\/div><div class=\"blob c\"><\/div><div class=\"blob d\"><\/div><div class=\"blob e\"><\/div><div class=\"blob f\"><\/div><\/div>\n\n<!-- ========================= HERO ========================= -->\n<style>\n.inr-case-women .hero{min-height:84vh !important;display:flex !important;flex-direction:column !important;justify-content:center !important;padding:140px clamp(24px,5vw,40px) 90px !important;}\n.inr-case-women .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-case-women .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-case-women .hero h1{font-weight:600 !important;font-size:clamp(44px,7.4vw,86px) !important;line-height:1.02 !important;letter-spacing:-.038em !important;\n  max-width:18ch !important;color:var(--ink) !important;margin-bottom:30px !important;}\n.inr-case-women .hero .lead{font-size:clamp(18px,2.3vw,23px) !important;font-weight:300 !important;color:var(--grijs) !important;max-width:58ch !important;line-height:1.55 !important;}\n.inr-case-women .hero .lead strong{font-weight:600 !important;color:var(--ink) !important;}\n.inr-case-women .hero .hint{margin-top:60px !important;display:flex !important;align-items:center !important;gap:12px !important;font-size:13px !important;color:var(--grijs) !important;letter-spacing:.04em !important;}\n.inr-case-women .hero .duo-chips{display:flex !important;flex-wrap:wrap !important;gap:12px !important;margin-top:32px !important;}\n.inr-case-women .hero .duo-chips .chip{display:inline-flex !important;align-items:center !important;gap:9px !important;font-size:13px !important;font-weight:600 !important;padding:8px 16px !important;border-radius:99px !important;}\n.inr-case-women .hero .duo-chips .chip .cd{width:8px !important;height:8px !important;border-radius:50% !important;}\n.inr-case-women .hero .duo-chips .chip-f{color:var(--fluent) !important;background:rgba(40,117,251,.08) !important;}\n.inr-case-women .hero .duo-chips .chip-f .cd{background:var(--fluent) !important;box-shadow:0 0 0 4px rgba(40,117,251,.15) !important;}\n.inr-case-women .hero .duo-chips .chip-e{color:var(--echo) !important;background:rgba(90,195,128,.1) !important;}\n.inr-case-women .hero .duo-chips .chip-e .cd{background:var(--echo) !important;box-shadow:0 0 0 4px rgba(90,195,128,.18) !important;}\n.inr-case-women .hero .hint .lijn{width:46px !important;height:1px !important;background:linear-gradient(90deg,var(--grijs),transparent) !important;}\n@media(max-width:820px){.inr-case-women .hero{min-height:auto !important;padding:120px clamp(28px,5vw,40px) 70px !important;}.inr-case-women .hero h1{font-size:clamp(34px,9vw,52px) !important;}.inr-case-women .hero .lead{font-size:18px !important;}}\n<\/style>\n<section class=\"hero wrap\">\n  <h1>Diversiteit en inclusie. Een uniek <span class=\"grad\">programma.<\/span><\/h1>\n  <p class=\"lead\">Hoe een Women&#8217;s Leadership en Empowerment-traject vrouwen versterkte in hun leiderschap, en tegelijk een inclusievere cultuur in de organisatie liet groeien. <strong>Individu. Cultuur. Verandering.<\/strong><\/p>\n  <div class=\"duo-chips\">\n    <span class=\"chip chip-f\"><span class=\"cd\"><\/span>INR Fluent \u00b7 leiderschap<\/span>\n    <span class=\"chip chip-e\"><span class=\"cd\"><\/span>INR Echo \u00b7 cultuur<\/span>\n  <\/div>\n  <div class=\"hint\"><span class=\"lijn\"><\/span>Scroll voor het volledige verhaal<\/div>\n<\/section>\n\n<!-- ========================= DE VRAAG ========================= -->\n<style>\n.inr-case-women .context{display:grid !important;grid-template-columns:1fr 1fr !important;gap:48px !important;align-items:start !important;max-width:1040px !important;margin:0 auto !important;}\n.inr-case-women .context .blok h3{font-weight:600 !important;font-size:13px !important;letter-spacing:.09em !important;text-transform:uppercase !important;color:var(--fluent) !important;margin-bottom:16px !important;}\n.inr-case-women .context .blok:nth-child(2) h3{color:var(--echo) !important;}\n.inr-case-women .context .blok p{font-size:17px !important;font-weight:300 !important;color:var(--ink) !important;line-height:1.66 !important;}\n.inr-case-women .context .blok p + p{margin-top:16px !important;}\n@media(max-width:820px){.inr-case-women .context{grid-template-columns:1fr !important;gap:34px !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"kop rev\">\n    <span class=\"eyebrow\">De vraag<\/span>\n    <h2>Leiderschap versterken, cultuur laten meegroeien.<\/h2>\n    <p>Een professionele dienstverlener wilde het leiderschapspotentieel en de empowered mindset van vrouwelijke medewerkers versterken.<\/p>\n  <\/div>\n  <div class=\"context\">\n    <div class=\"blok rev d1\">\n      <h3>Het individu<\/h3>\n      <p>Organisaties die streven naar diversiteit en inclusie staan voor de uitdaging om vrouwen te empoweren om met zelfvertrouwen en effectiviteit leidinggevende rollen op zich te nemen.<\/p>\n      <p>Concrete thema&#8217;s waren retentie, onderhandelingskracht en het overwinnen van onbewuste vooroordelen. Vrouwen moesten zichtbaarder worden en hun waarde maximaal kunnen benutten.<\/p>\n    <\/div>\n    <div class=\"blok rev d2\">\n      <h3>De cultuur<\/h3>\n      <p>De ambitie reikte verder dan het individu. De organisatie wilde een cultuur scheppen waarin vrouwen een significante bijdrage leveren aan het succes van het geheel.<\/p>\n      <p>Daarmee was dit niet alleen een leiderschapsvraag, maar ook een cultuurvraag: het bevorderen van een diverse, veerkrachtige en inclusieve leiderschapscultuur.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= DE AANPAK (DONKER) ========================= -->\n<style>\n.inr-case-women .aanpak{background:var(--ink) !important;color:#fff !important;border-radius:36px !important;padding:84px 60px !important;position:relative !important;overflow:hidden !important;}\n.inr-case-women .aanpak::before{content:'' !important;position:absolute !important;top:-130px !important;right:-100px !important;width:400px !important;height:400px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(90,195,128,.45),transparent 70%) !important;filter:blur(50px) !important;}\n.inr-case-women .aanpak .a-grid{display:grid !important;grid-template-columns:1.05fr 1fr !important;gap:56px !important;align-items:center !important;position:relative !important;z-index:1 !important;}\n.inr-case-women .aanpak .eyebrow{color:var(--lucht) !important;display:block !important;margin-bottom:16px !important;}\n.inr-case-women .aanpak h2{font-weight:600 !important;font-size:clamp(30px,4.2vw,50px) !important;letter-spacing:-.028em !important;line-height:1.06 !important;color:#fff !important;margin-bottom:20px !important;}\n.inr-case-women .aanpak .lead{font-size:18px !important;font-weight:300 !important;color:rgba(255,255,255,.74) !important;line-height:1.62 !important;margin-bottom:18px !important;}\n.inr-case-women .aanpak .lead:last-of-type{margin-bottom:0 !important;}\n.inr-case-women .aanpak .lead strong{font-weight:600 !important;color:#fff !important;}\n.inr-case-women .pijlers{display:flex !important;flex-direction:column !important;gap:14px !important;}\n.inr-case-women .pijler{background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.12) !important;border-radius:18px !important;padding:24px 26px !important;}\n.inr-case-women .pijler h4{font-weight:600 !important;font-size:17px !important;color:#fff !important;margin-bottom:6px !important;letter-spacing:-.01em !important;}\n.inr-case-women .pijler p{font-size:14.5px !important;font-weight:300 !important;color:rgba(255,255,255,.66) !important;line-height:1.55 !important;}\n@media(max-width:820px){\n  .inr-case-women .aanpak{padding:54px 26px !important;border-radius:26px !important;}\n  .inr-case-women .aanpak .a-grid{grid-template-columns:1fr !important;gap:40px !important;}\n}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"aanpak rev\">\n    <div class=\"a-grid\">\n      <div>\n        <span class=\"eyebrow\">Het programma<\/span>\n        <h2>Leiderschap dat begint met zelfinzicht.<\/h2>\n        <p class=\"lead\">INR Institute ontwierp een op maat gemaakt Women&#8217;s Leadership en Empowerment-initiatief van negen maanden, gericht op de persoonlijke en professionele groei van de deelnemers.<\/p>\n        <p class=\"lead\"><strong>Echt leiderschap begint met zelfinzicht.<\/strong> Door het persoonlijke narratief en de identiteit van deelnemers te verbinden met essenti\u00eble leiderschapsvaardigheden, ontstond ge\u00efnternaliseerde groei in plaats van verandering die van buitenaf wordt opgelegd.<\/p>\n      <\/div>\n      <div class=\"pijlers\">\n        <div class=\"pijler\"><h4>Mindset Skills<\/h4><p>Onbewuste patronen en het eigen narratief onderzoeken, om zelfbewustzijn, zelfvertrouwen en authentiek leiderschap te versterken.<\/p><\/div>\n        <div class=\"pijler\"><h4>Power Skills<\/h4><p>De vaardigheden om zichtbaar te zijn, te onderhandelen en de eigen waarde stevig neer te zetten.<\/p><\/div>\n        <div class=\"pijler\"><h4>Future Skills<\/h4><p>Vooruitkijken naar wat leiderschap morgen vraagt, zodat groei standhoudt voorbij het programma.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= DE TWEE SPOREN ========================= -->\n<style>\n.inr-case-women .sporen{display:grid !important;grid-template-columns:1fr 1fr !important;gap:24px !important;}\n.inr-case-women .spoor{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,.12) !important;border-radius:var(--radius) !important;padding:40px !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-case-women .spoor:hover{transform:translateY(-6px) !important;box-shadow:0 28px 60px -28px rgba(40,117,251,.28) !important;}\n.inr-case-women .spoor .ico{width:52px !important;height:52px !important;border-radius:15px !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-bottom:22px !important;background:rgba(40,117,251,.1) !important;color:var(--accent) !important;}\n.inr-case-women .spoor .ico svg{width:26px !important;height:26px !important;}\n.inr-case-women .spoor h3{font-weight:600 !important;font-size:22px !important;letter-spacing:-.018em !important;margin-bottom:8px !important;color:var(--ink) !important;}\n.inr-case-women .spoor .sub{font-size:13px !important;font-weight:600 !important;letter-spacing:.05em !important;text-transform:uppercase !important;color:var(--accent) !important;margin-bottom:20px !important;}\n.inr-case-women .spoor .reg{display:flex !important;gap:13px !important;align-items:flex-start !important;font-size:15.5px !important;font-weight:300 !important;color:var(--ink) !important;line-height:1.55 !important;}\n.inr-case-women .spoor .reg + .reg{margin-top:14px !important;}\n.inr-case-women .spoor .reg .v{flex:none !important;width:24px !important;height:24px !important;border-radius:7px !important;background:rgba(40,117,251,.1) !important;color:var(--accent) !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-top:1px !important;}\n.inr-case-women .spoor .reg .v svg{width:14px !important;height:14px !important;}\n\/* Echo-groene variant voor de cultuurkaart *\/\n.inr-case-women .spoor-e{border:1px solid rgba(90,195,128,.16) !important;box-shadow:0 10px 40px -28px rgba(90,195,128,.26) !important;}\n.inr-case-women .spoor-e:hover{box-shadow:0 28px 60px -28px rgba(90,195,128,.32) !important;}\n.inr-case-women .spoor-e .ico{background:rgba(90,195,128,.12) !important;color:var(--echo) !important;}\n.inr-case-women .spoor-e .sub-e{color:var(--echo) !important;}\n.inr-case-women .spoor-e .reg .v-e{background:rgba(90,195,128,.12) !important;color:var(--echo) !important;}\n@media(max-width:820px){.inr-case-women .sporen{grid-template-columns:1fr !important;}.inr-case-women .spoor{padding:32px 28px !important;}}\n<\/style>\n<section class=\"sec wrap\" style=\"padding-top:0 !important;\">\n  <div class=\"kop rev\">\n    <span class=\"eyebrow\">Unieke aanpak<\/span>\n    <h2>Twee bewegingen, \u00e9\u00e9n programma.<\/h2>\n    <p>Het traject tilde individuele carri\u00e8res naar een hoger niveau en versterkte tegelijk de bredere cultuur. Persoonlijke groei en systemische verandering liepen samen op.<\/p>\n  <\/div>\n  <div class=\"sporen\">\n    <div class=\"spoor spoor-f rev d1\">\n      <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 2l2.4 5 5.6.8-4 4 1 5.6L12 19.8 6.9 22.4l1-5.6-4-4 5.6-.8z\"><\/path><\/svg><\/div>\n      <h3>Het individu, sterker<\/h3>\n      <div class=\"sub sub-f\">Ge\u00efnternaliseerde groei<\/div>\n      <div class=\"reg\"><span class=\"v v-f\"><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>Intrinsieke motivatie en het afstemmen van eigen doelen op de ambities van de organisatie.<\/span><\/div>\n      <div class=\"reg\"><span class=\"v v-f\"><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>Inspirerende rolmodellen: vrouwelijke leiders deelden inzichten, strategie\u00ebn en succesverhalen.<\/span><\/div>\n    <\/div>\n    <div class=\"spoor spoor-e rev d2\">\n      <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M4 12a8 8 0 0 1 16 0M7 12a5 5 0 0 1 10 0M10 12a2 2 0 0 1 4 0\"><\/path><\/svg><\/div>\n      <h3>De cultuur, inclusiever<\/h3>\n      <div class=\"sub sub-e\">Systemische verandering<\/div>\n      <div class=\"reg\"><span class=\"v v-e\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>De individuele reis droeg bij aan een diverse, veerkrachtige en inclusieve leiderschapscultuur.<\/span><\/div>\n      <div class=\"reg\"><span class=\"v v-e\"><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>Empowerde vrouwen werden aanjagers van bredere verandering binnen hun organisatie.<\/span><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= RESULTAAT (DONKER) ========================= -->\n<style>\n.inr-case-women .result{background:var(--ink) !important;color:#fff !important;border-radius:36px !important;padding:84px 60px !important;position:relative !important;overflow:hidden !important;}\n.inr-case-women .result::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(90,195,128,.5),transparent 70%) !important;filter:blur(40px) !important;}\n.inr-case-women .result::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(143,217,171,.32),transparent 70%) !important;filter:blur(40px) !important;}\n.inr-case-women .result .r-kop{position:relative !important;z-index:1 !important;text-align:center !important;max-width:740px !important;margin:0 auto 56px !important;}\n.inr-case-women .result .eyebrow{color:var(--lucht) !important;display:block !important;margin-bottom:16px !important;}\n.inr-case-women .result 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-case-women .result .r-kop p{font-size:18px !important;font-weight:300 !important;color:rgba(255,255,255,.72) !important;line-height:1.6 !important;}\n.inr-case-women .result .res-grid{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:18px !important;position:relative !important;z-index:1 !important;}\n.inr-case-women .rkaart{background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:20px !important;padding:30px !important;display:flex !important;gap:18px !important;align-items:flex-start !important;}\n.inr-case-women .rkaart .ri{flex:none !important;width:46px !important;height:46px !important;border-radius:13px !important;background:rgba(40,117,251,.28) !important;color:#fff !important;display:flex !important;align-items:center !important;justify-content:center !important;}\n.inr-case-women .rkaart .ri-f{background:rgba(40,117,251,.28) !important;color:#BBD2FF !important;}\n.inr-case-women .rkaart .ri-e{background:rgba(90,195,128,.3) !important;color:#BDEBCF !important;}\n.inr-case-women .rkaart-wide{grid-column:1 \/ -1 !important;border-color:rgba(90,195,128,.22) !important;background:rgba(90,195,128,.07) !important;}\n.inr-case-women .rkaart .ri svg{width:23px !important;height:23px !important;}\n.inr-case-women .rkaart h4{font-weight:600 !important;font-size:18px !important;color:#fff !important;margin-bottom:7px !important;letter-spacing:-.01em !important;}\n.inr-case-women .rkaart p{font-size:14.5px !important;font-weight:300 !important;color:rgba(255,255,255,.68) !important;line-height:1.55 !important;}\n@media(max-width:820px){.inr-case-women .result{padding:54px 26px !important;border-radius:26px !important;}.inr-case-women .result .res-grid{grid-template-columns:1fr !important;}}\n<\/style>\n<section class=\"sec wrap\" style=\"padding-top:0 !important;\">\n  <div class=\"result rev\">\n    <div class=\"r-kop\">\n      <span class=\"eyebrow\">Resultaat<\/span>\n      <h2>Hogere carri\u00e8res, een rijkere cultuur.<\/h2>\n      <p>De reis tilde individuele carri\u00e8res naar een hoger niveau en stimuleerde tegelijk systemische verandering binnen de organisatie.<\/p>\n    <\/div>\n    <div class=\"res-grid\">\n      <div class=\"rkaart rev d1\">\n        <div class=\"ri ri-f\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 2l2.4 5 5.6.8-4 4 1 5.6L12 19.8 6.9 22.4l1-5.6-4-4 5.6-.8z\"><\/path><\/svg><\/div>\n        <div><h4>Sterkere leiderschapscompetentie<\/h4><p>Deelnemers stapten met meer vaardigheid en zelfvertrouwen in leidinggevende rollen.<\/p><\/div>\n      <\/div>\n      <div class=\"rkaart rev d2\">\n        <div class=\"ri ri-f\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 12h4l2-7 4 14 2-7h6\"><\/path><\/svg><\/div>\n        <div><h4>Betere onderhandelingsvaardigheden<\/h4><p>Vrouwen leerden hun waarde steviger neer te zetten en effectiever te onderhandelen.<\/p><\/div>\n      <\/div>\n      <div class=\"rkaart rev d3\">\n        <div class=\"ri ri-f\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7z\"><\/path><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><\/svg><\/div>\n        <div><h4>Toegenomen zichtbaarheid<\/h4><p>Deelnemers werden zichtbaarder en lieten hun bijdrage duidelijker tellen.<\/p><\/div>\n      <\/div>\n      <div class=\"rkaart rev d4\">\n        <div class=\"ri ri-f\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><\/svg><\/div>\n        <div><h4>Minder uitstroom van talent<\/h4><p>Wie zich gezien en gesteund voelt, heeft minder reden om te vertrekken. De retentie kon daarvan profiteren.<\/p><\/div>\n      <\/div>\n      <div class=\"rkaart rkaart-wide rev d5\">\n        <div class=\"ri ri-e\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M4 12a8 8 0 0 1 16 0M7 12a5 5 0 0 1 10 0M10 12a2 2 0 0 1 4 0\"><\/path><\/svg><\/div>\n        <div><h4>Culturele transformatie<\/h4><p>Het programma droeg bij aan een diverse, veerkrachtige en inclusieve leiderschapscultuur. De individuele groei werd zo aanjager van verandering in het hele systeem.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= KERNBELOFTE ========================= -->\n<style>\n.inr-case-women .belofte{text-align:center !important;max-width:860px !important;margin:0 auto !important;}\n.inr-case-women .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-case-women .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\" style=\"padding-top:0 !important;\">\n  <div class=\"belofte rev\">\n    <div class=\"q\">Waar persoonlijke groei <span class=\"grad\">systemische<\/span> verandering wordt.<\/div>\n    <p>Een goed gestructureerd programma dat begint bij zelfinzicht kan vrouwen empoweren om hun volledige potentieel te bereiken, en tegelijk verandering binnen de hele organisatie op gang brengen.<\/p>\n  <\/div>\n<\/section>\n\n<!-- ========================= SLOT ========================= -->\n<style>\n.inr-case-women .slot-sec{position:relative !important;z-index:2 !important;background:#FFFFFF !important;}\n.inr-case-women .slot{text-align:center !important;min-height:auto !important;display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:center !important;padding-top:100px !important;padding-bottom:70px !important;}\n.inr-case-women .slot > .rev{display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;}\n.inr-case-women .slot h2{font-weight:600 !important;font-size:clamp(34px,6vw,68px) !important;letter-spacing:-.032em !important;line-height:1.04 !important;max-width:18ch !important;color:var(--ink) !important;margin-bottom:24px !important;}\n.inr-case-women .slot p{font-size:19px !important;font-weight:300 !important;color:var(--grijs) !important;max-width:48ch !important;line-height:1.55 !important;margin-bottom:40px !important;}\n.inr-case-women .slot .scroll-hint{display:inline-flex !important;flex-direction:column !important;align-items:center !important;gap:16px !important;}\n.inr-case-women .slot .scroll-hint .sh-tekst{font-size:14px !important;font-weight:600 !important;letter-spacing:.04em !important;color:var(--accent) !important;}\n.inr-case-women .slot .scroll-hint .sh-pijl{width:46px !important;height:46px !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;\n  background:rgba(40,117,251,.1) !important;color:var(--accent) !important;animation:inrcw-stuiter 2s ease-in-out infinite !important;}\n.inr-case-women .slot .scroll-hint .sh-pijl svg{width:20px !important;height:20px !important;}\n@keyframes inrcw-stuiter{0%,100%{transform:translateY(0);}50%{transform:translateY(7px);}}\n@media(prefers-reduced-motion:reduce){.inr-case-women .slot .scroll-hint .sh-pijl{animation:none !important;}}\n.inr-case-women .slot .merk{margin-top:8px !important;margin-bottom:34px !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-case-women .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>Klaar om leiderschap en cultuur samen te laten <span class=\"grad\">groeien<\/span>?<\/h2>\n    <p>Hetzelfde fundament dat deze deelnemers verder bracht, ligt klaar voor jullie. Laat hieronder weten hoe ook jouw organisatie inclusief leiderschap kan versterken.<\/p>\n    <div class=\"merk\"><span class=\"dot\"><\/span>INR&nbsp;Institute<\/div>\n    <div class=\"scroll-hint\">\n      <span class=\"sh-tekst\">Vul het formulier hieronder in<\/span>\n      <span class=\"sh-pijl\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M12 5v14M6 13l6 6 6-6\"><\/path><\/svg><\/span>\n    <\/div>\n  <\/div>\n<\/section>\n<\/div>\n\n<\/div>\n<!-- ========================= EINDE .inr-case-women ========================= -->\n\n<script>\n(function(){\n  function start(){\n    var els=document.querySelectorAll('.inr-case-women .rev');\n    if(!('IntersectionObserver' in window)){els.forEach(function(e){e.classList.add('in');});}\n    else{\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  }\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>Diversiteit en inclusie. Een uniek programma. Hoe een Women&#8217;s Leadership en Empowerment-traject vrouwen versterkte in hun leiderschap, en tegelijk een inclusievere cultuur in de organisatie liet groeien. Individu. Cultuur. Verandering. INR Fluent \u00b7 leiderschap INR Echo \u00b7 cultuur Scroll voor het volledige verhaal De vraag Leiderschap versterken, cultuur laten meegroeien. Een professionele dienstverlener wilde het [&hellip;]<\/p>\n","protected":false},"author":224244682,"featured_media":0,"parent":1989,"menu_order":11,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1510","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/1510","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=1510"}],"version-history":[{"count":1,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/1510\/revisions"}],"predecessor-version":[{"id":80632,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/1510\/revisions\/80632"}],"up":[{"embeddable":true,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/1989"}],"wp:attachment":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/media?parent=1510"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}