{"id":78121,"date":"2026-06-22T23:10:46","date_gmt":"2026-06-22T21:10:46","guid":{"rendered":"https:\/\/inr.institute\/?page_id=78121"},"modified":"2026-06-27T20:01:21","modified_gmt":"2026-06-27T18:01:21","slug":"commercial-negotiation","status":"publish","type":"page","link":"https:\/\/inr.institute\/en\/inr\/inr-dynamics\/inr-pulse\/commercieel-onderhandelen\/","title":{"rendered":"Commercial negotiation"},"content":{"rendered":"\n<!-- ============================================================================\n     INR PULSE x ONDERHANDELEN \u00b7 PERSPECTIEFPAGINA\n     E\u00e9n bestand. Plak dit volledig in \u00c9\u00c9N Elementor HTML-widget.\n     Alles is gescoped onder .inr-ond en afgedwongen met !important,\n     zodat Elementor\/WordPress de stijl niet kan overrulen.\n     Accentkleur: Pulse rood #FD4C5C.\n     ============================================================================ -->\n\n<style>\n\/* ---------- 1. ELEMENTOR-ONTWAPENING + ROOT ---------- *\/\n.inr-ond{\n  --accent:#FD4C5C; --accent-2:#FF8A95; --ink:#1F0A0E; --grijs:#7A6B6E; --bg:#FBF2F3;\n  --core:#7448FD; --fluent:#2875FB; --pulse:#FD4C5C; --sync:#FD7634; --echo:#5AC380;\n  --lucht:#FFB3BC; --mut:#C9BFC1; --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-ond, .inr-ond *, .inr-ond *::before, .inr-ond *::after{\n  box-sizing:border-box !important;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;\n}\n.inr-ond h1,.inr-ond h2,.inr-ond h3,.inr-ond h4,.inr-ond p,\n.inr-ond span,.inr-ond div,.inr-ond ul,.inr-ond li,.inr-ond a{margin:0;padding:0;}\n.inr-ond ul{list-style:none !important;}\n.inr-ond a{text-decoration:none !important;color:inherit !important;}\n\n\/* ---------- 2. ATMOSFEER ---------- *\/\n.inr-ond .atmos{position:absolute !important;inset:0 !important;z-index:0 !important;overflow:hidden !important;pointer-events:none !important;background:transparent !important;}\n.inr-ond .blob{position:absolute !important;border-radius:50% !important;filter:blur(120px) !important;opacity:.30 !important;animation:inro-drift 26s ease-in-out infinite !important;}\n.inr-ond .blob.a{width:560px;height:560px;background:rgba(253,76,92,.22);top:-160px;left:-140px;}\n.inr-ond .blob.b{width:500px;height:500px;background:rgba(255,138,149,.20);top:34%;right:-180px;animation-delay:-9s;}\n.inr-ond .blob.c{width:640px;height:640px;background:rgba(253,76,92,.15);bottom:-240px;left:26%;animation-delay:-16s;}\n@keyframes inro-drift{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(46px,-34px) scale(1.08);}}\n\n\/* ---------- 3. LAYOUT-PRIMITIEVEN ---------- *\/\n.inr-ond .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-ond .sec{position:relative !important;z-index:1 !important;padding:120px 0 !important;}\n.inr-ond .sec.tight{padding:80px 0 !important;}\n\n\/* ---------- 4. TYPO-HELPERS ---------- *\/\n.inr-ond .eyebrow{font-size:13px !important;font-weight:600 !important;letter-spacing:.09em !important;text-transform:uppercase !important;color:var(--accent) !important;}\n.inr-ond .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-ond .kop{text-align:center !important;max-width:820px !important;margin:0 auto 60px !important;}\n.inr-ond .kop .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-ond .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-ond .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-ond .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-ond .rev.in{opacity:1 !important;transform:none !important;}\n.inr-ond .d1{transition-delay:.07s;}.inr-ond .d2{transition-delay:.14s;}.inr-ond .d3{transition-delay:.21s;}\n.inr-ond .d4{transition-delay:.28s;}.inr-ond .d5{transition-delay:.35s;}.inr-ond .d6{transition-delay:.42s;}\n.no-js .inr-ond .rev{opacity:1 !important;transform:none !important;}\n\n\/* ---------- 6. GLASS-KAART ---------- *\/\n.inr-ond .kaart{background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid rgba(253,76,92,.14) !important;border-radius:var(--radius) !important;padding:34px !important;position:relative !important;overflow:hidden !important;min-width:0 !important;\n  box-shadow:0 10px 40px -28px rgba(253,76,92,.22) !important;\n  transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s !important;}\n.inr-ond .kaart:hover{transform:translateY(-6px) !important;box-shadow:0 28px 60px -28px rgba(253,76,92,.28) !important;}\n.inr-ond .kaart.kies{border-color:rgba(253,76,92,.32) !important;box-shadow:0 16px 50px -26px rgba(253,76,92,.4) !important;}\n.inr-ond .kaart .ico{width:50px !important;height:50px !important;border-radius:14px !important;display:flex !important;align-items:center !important;justify-content:center !important;\n  margin-bottom:20px !important;background:rgba(253,76,92,.1) !important;color:var(--accent) !important;}\n.inr-ond .kaart .ico svg{width:25px !important;height:25px !important;}\n.inr-ond .kaart h3{font-weight:600 !important;font-size:20px !important;letter-spacing:-.015em !important;margin-bottom:9px !important;color:var(--ink) !important;}\n.inr-ond .kaart p{font-size:15px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;}\n.inr-ond .kaart .zone{display:inline-block !important;font-size:11.5px !important;font-weight:600 !important;letter-spacing:.07em !important;text-transform:uppercase !important;\n  padding:5px 12px !important;border-radius:99px !important;margin-bottom:16px !important;background:rgba(122,107,110,.12) !important;color:var(--grijs) !important;}\n.inr-ond .kaart .zone.mid{background:rgba(253,76,92,.12) !important;color:var(--accent) !important;}\n\n\/* ---------- responsive basis ---------- *\/\n.inr-ond .essentie{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:24px !important;}\n@media(max-width:820px){\n  .inr-ond{padding-left:22px !important;padding-right:22px !important;}\n  .inr-ond .wrap{padding-left:0 !important;padding-right:0 !important;}\n  .inr-ond .hero{padding-left:0 !important;padding-right:0 !important;}\n  .inr-ond .slot{padding-left:0 !important;padding-right:0 !important;}\n  .inr-ond .donker{padding-left:26px !important;padding-right:26px !important;}\n  .inr-ond .sec{padding:72px 0 !important;}\n  .inr-ond .essentie{grid-template-columns:1fr !important;}\n  .inr-ond .blob.a{width:320px;height:320px;top:-90px;left:-100px;}\n  .inr-ond .blob.b{width:300px;height:300px;right:-140px;}\n  .inr-ond .blob.c{width:340px;height:340px;left:-60px;bottom:-160px;}\n}\n@media(prefers-reduced-motion:reduce){\n  .inr-ond .rev{opacity:1 !important;transform:none !important;transition:none !important;}\n  .inr-ond .blob{animation:none !important;}\n}\n<\/style>\n\n<div class=\"inr-ond\">\n<div class=\"atmos\"><div class=\"blob a\"><\/div><div class=\"blob b\"><\/div><div class=\"blob c\"><\/div><\/div>\n\n<!-- ========================= HERO ========================= -->\n<style>\n.inr-ond .hero{min-height:92vh !important;display:flex !important;flex-direction:column !important;justify-content:center !important;padding:140px clamp(24px,5vw,40px) 90px !important;}\n.inr-ond .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(253,76,92,.08) !important;\n  padding:8px 16px !important;border-radius:99px !important;margin-bottom:26px !important;}\n.inr-ond .hero .badge .stip{width:8px !important;height:8px !important;border-radius:50% !important;background:var(--accent) !important;box-shadow:0 0 0 4px rgba(253,76,92,.15) !important;}\n.inr-ond .hero h1{font-weight:600 !important;font-size:clamp(44px,7.6vw,92px) !important;line-height:1.02 !important;letter-spacing:-.038em !important;\n  max-width:17ch !important;color:var(--ink) !important;margin-bottom:30px !important;}\n.inr-ond .hero .lead{font-size:clamp(18px,2.3vw,23px) !important;font-weight:300 !important;color:var(--grijs) !important;max-width:56ch !important;line-height:1.5 !important;}\n.inr-ond .hero .lead strong{font-weight:600 !important;color:var(--ink) !important;}\n.inr-ond .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-ond .hero .hint .lijn{width:46px !important;height:1px !important;background:linear-gradient(90deg,var(--grijs),transparent) !important;}\n@media(max-width:820px){.inr-ond .hero{min-height:auto !important;padding:120px clamp(28px,5vw,40px) 70px !important;}.inr-ond .hero h1{font-size:clamp(34px,9vw,52px) !important;}.inr-ond .hero .lead{font-size:18px !important;}}\n<\/style>\n<section class=\"hero wrap\">\n  <div class=\"badge\"><span class=\"stip\"><\/span>INR Pulse \u00b7 Onderhandelen<\/div>\n  <h1>De beste onderhandelaar duwt niet en geeft niet toe. Hij houdt <span class=\"grad\">regie<\/span>.<\/h1>\n  <p class=\"lead\">Aan tafel lijkt het over prijs, voorwaarden en deadlines te gaan. Maar onder die posities spelen behoeften, en boven die behoeften hangt druk. Onder druk gaan de meeste mensen duwen, toegeven of dichtklappen. Alle drie kosten je marge of de relatie. Onderhandelen leer je niet door harder te spelen, maar door je regie te houden waar de druk het hoogst is. <strong>Niet winnen van de ander. Ruimte houden met de ander.<\/strong><\/p>\n  <div class=\"hint\"><span class=\"lijn\"><\/span>Scroll voor het perspectief<\/div>\n<\/section>\n\n<!-- ========================= WAT ER ONDER DRUK GEBEURT ========================= -->\n<section class=\"sec wrap\">\n  <div class=\"kop rev\">\n    <span class=\"eyebrow\">Wat er onder druk gebeurt<\/span>\n    <h2>Druk maakt van een gesprek een gevecht. Of een uitverkoop.<\/h2>\n    <p>Zodra de spanning stijgt, gaat een onderhandeling niet meer over de deal, maar over zelfbescherming. Duw je, dan slaat het beschermende brein van de ander aan en verhardt zijn verhaal. Geef je toe, dan lekt je marge weg voordat de echte behoefte op tafel lag. Het schuurt niet bij de inhoud, maar onder de posities.<\/p>\n  <\/div>\n  <div class=\"essentie\">\n    <div class=\"kaart rev d1\">\n      <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/div>\n      <h3>De positie is niet het probleem<\/h3>\n      <p>Wat iemand eist, vijftien procent eraf of de deadline van vrijdag, is de buitenkant. De echte drijfveer ligt eronder: grip willen houden, niet willen verliezen, je nog niet vertrouwen. Onderhandel je over de positie, dan bestrijd je een symptoom.<\/p>\n    <\/div>\n    <div class=\"kaart rev d2\">\n      <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"M15 9l-6 6M9 9l6 6\"\/><\/svg><\/div>\n      <h3>Duwen sluit de ander<\/h3>\n      <p>Druk je tegen weerstand in, dan checkt het brein van de ander onbewust of hij nog regie heeft. Zijn verhaal wordt strakker: ik moet mezelf verdedigen. Je duwt dan tegen een gesloten systeem, en dat beweegt niet mee, het beschermt zich.<\/p>\n    <\/div>\n    <div class=\"kaart rev d3\">\n      <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 2v20M5 9l7-7 7 7\"\/><path d=\"M5 15h14\"\/><\/svg><\/div>\n      <h3>Toegeven kost meer dan marge<\/h3>\n      <p>Een concessie verlicht de spanning even, maar leert de ander dat druk loont. De volgende onderhandeling begint lager. Wat je weggeeft om de lieve vrede, betaal je twee keer.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= SIGNATURE: DE VIER ROUTES ONDER DRUK ========================= -->\n<style>\n.inr-ond .routes-wrap{max-width:1000px !important;margin:0 auto !important;}\n.inr-ond .routes-doek{position:relative !important;margin:0 auto 14px !important;\n  background:rgba(255,255,255,.55) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid rgba(253,76,92,.12) !important;border-radius:28px !important;padding:30px 20px 22px !important;overflow:hidden !important;}\n.inr-ond .routes-svg{display:block !important;width:100% !important;height:auto !important;}\n.inr-ond .gcap{text-align:center !important;max-width:720px !important;margin:0 auto 30px !important;font-size:15px !important;font-weight:500 !important;color:var(--accent) !important;line-height:1.5 !important;}\n.inr-ond .vier{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:20px !important;}\n@media(max-width:980px){.inr-ond .vier{grid-template-columns:repeat(2,1fr) !important;}}\n@media(max-width:820px){.inr-ond .routes-doek{display:none !important;}}\n@media(max-width:560px){.inr-ond .vier{grid-template-columns:1fr !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"kop rev\">\n    <span class=\"eyebrow\">Vier routes, \u00e9\u00e9n moment<\/span>\n    <h2>Onder druk kies je. Meestal zonder dat je het doorhebt.<\/h2>\n    <p>Op het moment dat de druk piekt, slaan de meeste mensen automatisch een van drie wegen in: vechten, toegeven of dichtklappen. Alle drie kosten je iets. INR leert je een vierde route, die je marge en de relatie heel laat.<\/p>\n  <\/div>\n  <div class=\"routes-wrap rev\">\n    <div class=\"routes-doek\">\n      <svg class=\"routes-svg\" viewBox=\"0 0 900 430\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Vier routes onder druk: vechten, pleasen, dichtklappen en regie\">\n        <line x1=\"450\" y1=\"82\" x2=\"112\" y2=\"330\" stroke=\"#C9BFC1\" stroke-width=\"1.6\"\/>\n        <line x1=\"450\" y1=\"82\" x2=\"338\" y2=\"330\" stroke=\"#C9BFC1\" stroke-width=\"1.6\"\/>\n        <line x1=\"450\" y1=\"82\" x2=\"562\" y2=\"330\" stroke=\"#C9BFC1\" stroke-width=\"1.6\"\/>\n        <line x1=\"450\" y1=\"82\" x2=\"788\" y2=\"330\" stroke=\"#FD4C5C\" stroke-width=\"2.2\" stroke-opacity=\".55\"\/>\n        <circle cx=\"450\" cy=\"82\" r=\"62\" fill=\"none\" stroke=\"#FD4C5C\" stroke-opacity=\".16\" stroke-width=\"1.5\"\/>\n        <circle cx=\"450\" cy=\"82\" r=\"80\" fill=\"none\" stroke=\"#FD4C5C\" stroke-opacity=\".08\" stroke-width=\"1.5\"\/>\n        <circle cx=\"450\" cy=\"82\" r=\"44\" fill=\"#1F0A0E\"\/>\n        <text x=\"450\" y=\"88\" text-anchor=\"middle\" fill=\"#fff\" font-size=\"19\" font-weight=\"600\" font-family=\"Inter,sans-serif\">Druk<\/text>\n        <g fill=\"#fff\" stroke=\"#C9BFC1\" stroke-width=\"2.4\">\n          <circle cx=\"112\" cy=\"330\" r=\"28\"\/>\n          <circle cx=\"338\" cy=\"330\" r=\"28\"\/>\n          <circle cx=\"562\" cy=\"330\" r=\"28\"\/>\n        <\/g>\n        <g fill=\"#B9AEB0\"><circle cx=\"112\" cy=\"330\" r=\"5\"\/><circle cx=\"338\" cy=\"330\" r=\"5\"\/><circle cx=\"562\" cy=\"330\" r=\"5\"\/><\/g>\n        <circle cx=\"788\" cy=\"330\" r=\"40\" fill=\"none\" stroke=\"#FD4C5C\" stroke-opacity=\".18\" stroke-width=\"1.5\"\/>\n        <circle cx=\"788\" cy=\"330\" r=\"28\" fill=\"#fff\" stroke=\"#FD4C5C\" stroke-width=\"2.8\"\/>\n        <circle cx=\"788\" cy=\"330\" r=\"5.5\" fill=\"#FD4C5C\"\/>\n        <g text-anchor=\"middle\" font-family=\"Inter,sans-serif\">\n          <text x=\"112\" y=\"390\" fill=\"#7A6B6E\" font-size=\"18\" font-weight=\"600\">Vechten<\/text>\n          <text x=\"112\" y=\"411\" fill=\"#7A6B6E\" font-size=\"12.5\" font-weight=\"400\">de relatie verhardt<\/text>\n          <text x=\"338\" y=\"390\" fill=\"#7A6B6E\" font-size=\"18\" font-weight=\"600\">Pleasen<\/text>\n          <text x=\"338\" y=\"411\" fill=\"#7A6B6E\" font-size=\"12.5\" font-weight=\"400\">de marge lekt weg<\/text>\n          <text x=\"562\" y=\"390\" fill=\"#7A6B6E\" font-size=\"18\" font-weight=\"600\">Dichtklappen<\/text>\n          <text x=\"562\" y=\"411\" fill=\"#7A6B6E\" font-size=\"12.5\" font-weight=\"400\">de deal valt stil<\/text>\n          <text x=\"788\" y=\"390\" fill=\"#FD4C5C\" font-size=\"20\" font-weight=\"700\">Regie<\/text>\n          <text x=\"788\" y=\"411\" fill=\"#7A6B6E\" font-size=\"12.5\" font-weight=\"400\">ruimte zonder breuk<\/text>\n        <\/g>\n      <\/svg>\n    <\/div>\n    <div class=\"gcap\">De eerste drie zijn reflexen. De vierde is een keuze, en die kun je leren.<\/div>\n    <div class=\"vier\">\n      <div class=\"kaart\">\n        <span class=\"zone\">Reflex<\/span>\n        <h3>Vechten<\/h3>\n        <p>Je duwt terug. Het beschermende brein van de ander gaat aan, zijn verhaal verhardt en de onderhandeling loopt vast op stellingen.<\/p>\n      <\/div>\n      <div class=\"kaart\">\n        <span class=\"zone\">Reflex<\/span>\n        <h3>Pleasen<\/h3>\n        <p>Je geeft toe om de spanning te verlichten. De rust keert even terug, maar de marge lekt weg en je hebt jezelf weggegeven voordat de echte behoefte op tafel lag.<\/p>\n      <\/div>\n      <div class=\"kaart\">\n        <span class=\"zone\">Reflex<\/span>\n        <h3>Dichtklappen<\/h3>\n        <p>Je trekt je terug en wacht het af. Geen botsing, maar ook geen beweging. De deal valt stil en komt zelden meer op gang.<\/p>\n      <\/div>\n      <div class=\"kaart kies\">\n        <span class=\"zone mid\">De vierde route<\/span>\n        <h3>Regie<\/h3>\n        <p>Je blijft open en houdt je grens. Je leest de behoefte onder de positie en organiseert ruimte terug, zonder de relatie te verliezen. Hier blijft de marge heel en beweegt de deal.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= DE VIERDE ROUTE IN DE PRAKTIJK ========================= -->\n<style>\n.inr-ond .kantel{display:grid !important;grid-template-columns:1fr 1fr !important;gap:56px !important;align-items:center !important;}\n.inr-ond .kantel .tekst .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-ond .kantel .tekst h2{font-weight:600 !important;font-size:clamp(28px,3.8vw,44px) !important;letter-spacing:-.026em !important;line-height:1.1 !important;color:var(--ink) !important;margin-bottom:20px !important;}\n.inr-ond .kantel .tekst p{font-size:17px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.64 !important;margin-bottom:14px !important;}\n.inr-ond .kantel .tekst p:last-child{margin-bottom:0 !important;}\n.inr-ond .kantel .tekst p strong{font-weight:600 !important;color:var(--ink) !important;}\n.inr-ond .perspectief{display:flex !important;flex-direction:column !important;gap:16px !important;}\n.inr-ond .pkaart{background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid rgba(253,76,92,.14) !important;border-radius:20px !important;padding:26px 28px !important;\n  box-shadow:0 10px 40px -30px rgba(253,76,92,.24) !important;display:flex !important;gap:18px !important;align-items:flex-start !important;min-width:0 !important;\n  transition:transform .4s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-ond .pkaart:hover{transform:translateX(5px) !important;}\n.inr-ond .pkaart .ico{flex:none !important;width:44px !important;height:44px !important;border-radius:13px !important;display:flex !important;align-items:center !important;justify-content:center !important;background:rgba(253,76,92,.1) !important;color:var(--accent) !important;}\n.inr-ond .pkaart .ico svg{width:22px !important;height:22px !important;}\n.inr-ond .pkaart h4{font-weight:600 !important;font-size:17px !important;letter-spacing:-.01em !important;color:var(--ink) !important;margin-bottom:6px !important;}\n.inr-ond .pkaart p{font-size:14.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.58 !important;}\n@media(max-width:820px){.inr-ond .kantel{grid-template-columns:1fr !important;gap:38px !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"kantel\">\n    <div class=\"tekst rev\">\n      <span class=\"eyebrow\">Hoe je in regie blijft<\/span>\n      <h2>Regie houden is geen trucje. Het zijn een paar bewuste keuzes onder druk.<\/h2>\n      <p>De vierde route is geen zachtheid en geen slappe knie\u00ebn. Het is een manier om tegelijk open te blijven en je grens te houden, juist op het moment dat je reflex zegt: duwen of toegeven.<\/p>\n      <p><strong>Je onderhandelt niet om te winnen, maar om ruimte terug te organiseren zonder de relatie te verliezen.<\/strong> Dat begint bij de mens lezen, niet bij je argument klaarleggen.<\/p>\n    <\/div>\n    <div class=\"perspectief\">\n      <div class=\"pkaart rev d1\">\n        <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg><\/div>\n        <div><h4>Erken eerst, dan pas inhoud<\/h4><p>Je reflex is tegengas geven. Erken eerst wat de ander drijft, en de spanning zakt. Tegen weerstand induwen maakt de weerstand alleen groter.<\/p><\/div>\n      <\/div>\n      <div class=\"pkaart rev d2\">\n        <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 12h13M12 5l7 7-7 7\"\/><\/svg><\/div>\n        <div><h4>Van moeten naar kiezen<\/h4><p>Ik hoor het belang, en ik kijk ook wat hierin voor mij klopt. Je erkent de druk en houdt je keuzevrijheid. Geen rebellie, geen onderwerping, wel regie.<\/p><\/div>\n      <\/div>\n      <div class=\"pkaart rev d3\">\n        <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/div>\n        <div><h4>Lees de behoefte onder het bod<\/h4><p>Een eis is een verpakte behoefte. Vijftien procent eraf betekent vaak: ik moet dit intern kunnen verantwoorden. Geef dat, en de prijs wordt minder belangrijk.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= TWEE MANIEREN VAN ONDERHANDELEN ========================= -->\n<style>\n.inr-ond .contrast{display:grid !important;grid-template-columns:1fr 1fr !important;gap:24px !important;}\n.inr-ond .cblok{border-radius:var(--radius) !important;padding:38px 36px !important;position:relative !important;overflow:hidden !important;min-width:0 !important;}\n.inr-ond .cblok.oud{background:rgba(122,107,110,.05) !important;border:1px solid rgba(122,107,110,.14) !important;}\n.inr-ond .cblok.kern{background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;border:1px solid rgba(253,76,92,.18) !important;box-shadow:0 14px 50px -30px rgba(253,76,92,.3) !important;}\n.inr-ond .cblok .ctag{font-size:12px !important;font-weight:600 !important;letter-spacing:.1em !important;text-transform:uppercase !important;margin-bottom:18px !important;display:inline-block !important;}\n.inr-ond .cblok.oud .ctag{color:var(--grijs) !important;}\n.inr-ond .cblok.kern .ctag{color:var(--accent) !important;}\n.inr-ond .cblok h3{font-weight:600 !important;font-size:22px !important;letter-spacing:-.018em !important;color:var(--ink) !important;margin-bottom:18px !important;}\n.inr-ond .cblok ul{display:flex !important;flex-direction:column !important;gap:13px !important;}\n.inr-ond .cblok li{display:flex !important;gap:12px !important;align-items:flex-start !important;font-size:15px !important;font-weight:300 !important;line-height:1.55 !important;}\n.inr-ond .cblok.oud li{color:var(--grijs) !important;}\n.inr-ond .cblok.kern li{color:var(--ink) !important;}\n.inr-ond .cblok li .m{flex:none !important;width:20px !important;height:20px !important;border-radius:6px !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-top:1px !important;}\n.inr-ond .cblok.oud li .m{background:rgba(122,107,110,.12) !important;color:var(--grijs) !important;}\n.inr-ond .cblok.kern li .m{background:rgba(253,76,92,.12) !important;color:var(--accent) !important;}\n.inr-ond .cblok li .m svg{width:12px !important;height:12px !important;}\n@media(max-width:820px){.inr-ond .contrast{grid-template-columns:1fr !important;}}\n<\/style>\n<section class=\"sec wrap\" style=\"padding-top:0 !important;\">\n  <div class=\"kop rev\">\n    <span class=\"eyebrow\">Twee manieren van onderhandelen<\/span>\n    <h2>Dezelfde tafel. Een andere uitkomst.<\/h2>\n    <p>Of een onderhandeling eindigt in een gevecht of in een deal die heel blijft, ligt niet aan hoe hard je speelt, maar aan waar je het gesprek voert: boven de posities, of onder de behoeften.<\/p>\n  <\/div>\n  <div class=\"contrast\">\n    <div class=\"cblok oud rev d1\">\n      <span class=\"ctag\">Onderhandelen als gevecht<\/span>\n      <h3>Spelen om te winnen<\/h3>\n      <ul>\n        <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M18 6 6 18M6 6l12 12\"\/><\/svg><\/span><span>Stevig binnenkomen en je positie verdedigen.<\/span><\/li>\n        <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M18 6 6 18M6 6l12 12\"\/><\/svg><\/span><span>Concessies als wisselgeld, tot er een deal is.<\/span><\/li>\n        <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M18 6 6 18M6 6l12 12\"\/><\/svg><\/span><span>Druk beantwoorden met tegendruk, of met toegeven.<\/span><\/li>\n        <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M18 6 6 18M6 6l12 12\"\/><\/svg><\/span><span>Een deal waarin marge of vertrouwen is ingeleverd.<\/span><\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"cblok kern rev d2\">\n      <span class=\"ctag\">Onderhandelen als regie<\/span>\n      <h3>Spelen om ruimte te houden<\/h3>\n      <ul>\n        <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span>De behoefte onder de positie lezen en bedienen.<\/span><\/li>\n        <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span>Ruimte teruggeven zonder jezelf weg te geven.<\/span><\/li>\n        <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span>Druk benoemen en je grens houden, zonder de relatie te breken.<\/span><\/li>\n        <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span>Een deal die heel blijft, in marge en in relatie.<\/span><\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= DE CIJFERS \/ ROI ========================= -->\n<style>\n.inr-ond .donker{background:var(--ink) !important;color:#fff !important;border-radius:36px !important;padding:84px 60px !important;position:relative !important;overflow:hidden !important;}\n.inr-ond .donker::before{content:'' !important;position:absolute !important;top:-120px !important;right:-90px !important;width:380px !important;height:380px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(253,76,92,.5),transparent 70%) !important;filter:blur(40px) !important;}\n.inr-ond .donker::after{content:'' !important;position:absolute !important;bottom:-140px !important;left:-100px !important;width:360px !important;height:360px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(255,138,149,.34),transparent 70%) !important;filter:blur(40px) !important;}\n.inr-ond .donker .dk-kop{position:relative !important;z-index:1 !important;text-align:center !important;max-width:740px !important;margin:0 auto 52px !important;}\n.inr-ond .donker .eyebrow{color:var(--lucht) !important;display:block !important;margin-bottom:16px !important;}\n.inr-ond .donker h2{font-weight:600 !important;font-size:clamp(28px,4vw,46px) !important;letter-spacing:-.026em !important;line-height:1.1 !important;color:#fff !important;margin-bottom:18px !important;}\n.inr-ond .donker .dk-kop p{font-size:18px !important;font-weight:300 !important;color:rgba(255,255,255,.72) !important;line-height:1.6 !important;}\n.inr-ond .lagen{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:20px !important;position:relative !important;z-index:1 !important;}\n.inr-ond .laag{background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:20px !important;padding:30px !important;min-width:0 !important;}\n.inr-ond .laag .rang{font-size:13px !important;font-weight:600 !important;color:var(--lucht) !important;letter-spacing:.06em !important;text-transform:uppercase !important;margin-bottom:14px !important;}\n.inr-ond .laag h4{font-weight:600 !important;font-size:19px !important;color:#fff !important;margin-bottom:10px !important;}\n.inr-ond .laag p{font-size:14px !important;font-weight:300 !important;color:rgba(255,255,255,.66) !important;line-height:1.6 !important;}\n.inr-ond .dk-onder{margin-top:42px !important;display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:16px 34px !important;position:relative !important;z-index:1 !important;}\n.inr-ond .dk-regel{display:flex !important;gap:14px !important;align-items:flex-start !important;font-size:15px !important;font-weight:300 !important;color:rgba(255,255,255,.84) !important;line-height:1.5 !important;min-width:0 !important;}\n.inr-ond .dk-regel .v{flex:none !important;width:24px !important;height:24px !important;border-radius:7px !important;background:rgba(253,76,92,.25) !important;color:var(--lucht) !important;display:flex !important;align-items:center !important;justify-content:center !important;}\n.inr-ond .dk-regel .v svg{width:14px !important;height:14px !important;}\n@media(max-width:820px){.inr-ond .donker{padding:54px 26px !important;border-radius:26px !important;}.inr-ond .lagen{grid-template-columns:1fr !important;}.inr-ond .dk-onder{grid-template-columns:1fr !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"donker rev\">\n    <div class=\"dk-kop\">\n      <span class=\"eyebrow\">Wat het kan opleveren<\/span>\n      <h2>Wat dit doet met je marge.<\/h2>\n      <p>Elke onderhandeling is een margemoment. Regie houden in plaats van toegeven raakt direct de onderkant van de deal, en daarmee de cijfers die het zwaarst wegen.<\/p>\n    <\/div>\n    <div class=\"lagen\">\n      <div class=\"laag\"><div class=\"rang\">Hefboom 01<\/div><h4>Marge die je niet weggeeft<\/h4><p>Wie onder druk in regie blijft, geeft minder weg dan wie toegeeft om de spanning te verlichten. Elke niet-gegeven concessie is marge die blijft staan.<\/p><\/div>\n      <div class=\"laag\"><div class=\"rang\">Hefboom 02<\/div><h4>Deals die niet vastlopen<\/h4><p>Duwen tegen weerstand laat onderhandelingen stranden. Ruimte houden kan ze vlot trekken, zonder de prijs te verlagen om de boel weer in beweging te krijgen.<\/p><\/div>\n      <div class=\"laag\"><div class=\"rang\">Hefboom 03<\/div><h4>Relaties die de deal overleven<\/h4><p>Een onderhandeling die niet als gevecht eindigt, beschadigt de relatie niet. Je zit een volgende keer weer aan tafel, in plaats van tegenover elkaar.<\/p><\/div>\n    <\/div>\n    <div class=\"dk-onder\">\n      <div class=\"dk-regel\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span>Minder reflexmatige concessies onder tijdsdruk.<\/span><\/div>\n      <div class=\"dk-regel\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span>Een team dat onder druk niet kiest tussen vechten en toegeven, maar regie houdt.<\/span><\/div>\n      <div class=\"dk-regel\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span>Een eis ontrafeld tot de behoefte erachter, waardoor prijs minder vaak het strijdpunt is.<\/span><\/div>\n      <div class=\"dk-regel\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span>Onderhandelaars die minder leeglopen, omdat ze niet meer tegen zelf opgeroepen weerstand vechten.<\/span><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= KERNBELOFTE ========================= -->\n<style>\n.inr-ond .belofte{text-align:center !important;max-width:880px !important;margin:0 auto !important;}\n.inr-ond .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-ond .belofte p{font-size:18px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.62 !important;}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"belofte rev\">\n    <div class=\"q\">Onderhandelen leer je niet door harder te spelen, maar door <span class=\"grad\">regie te houden<\/span> waar het schuurt.<\/div>\n    <p>Niet winnen van de ander, maar ruimte houden met de ander. Daar blijft de deal heel, in marge en in relatie, omdat je de behoefte raakt in plaats van de positie.<\/p>\n  <\/div>\n<\/section>\n\n<!-- ========================= SLOT ========================= -->\n<style>\n.inr-ond .slot-sec{position:relative !important;z-index:2 !important;background:#FFFFFF !important;}\n.inr-ond .slot{text-align:center !important;min-height:70vh !important;display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:center !important;padding-top:110px !important;padding-bottom:110px !important;}\n.inr-ond .slot > .rev{display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;}\n.inr-ond .slot h2{font-weight:600 !important;font-size:clamp(34px,6vw,68px) !important;letter-spacing:-.032em !important;line-height:1.04 !important;max-width:17ch !important;color:var(--ink) !important;margin-bottom:24px !important;}\n.inr-ond .slot p{font-size:19px !important;font-weight:300 !important;color:var(--grijs) !important;max-width:50ch !important;line-height:1.55 !important;}\n.inr-ond .slot .merk{margin-top:50px !important;display:inline-flex !important;align-items:center !important;gap:12px !important;font-weight:600 !important;font-size:22px !important;color:var(--ink) !important;}\n.inr-ond .slot .merk .dot{width:11px !important;height:11px !important;border-radius:50% !important;background:var(--accent) !important;box-shadow:0 0 0 5px rgba(253,76,92,.15) !important;}\n<\/style>\n<div class=\"slot-sec\">\n<section class=\"slot wrap\">\n  <div class=\"rev\">\n    <h2>Niet winnen van de ander. Ruimte houden <span class=\"grad\">met de ander<\/span>.<\/h2>\n    <p>INR Pulse leert je verkopers onder druk in regie blijven, de behoefte onder de positie lezen, en onderhandelen zonder marge of relatie in te leveren.<\/p>\n    <div class=\"merk\"><span class=\"dot\"><\/span>INR&nbsp;Pulse<\/div>\n  <\/div>\n<\/section>\n<\/div>\n\n<\/div>\n<!-- ========================= EINDE .inr-ond ========================= -->\n\n<script>\n(function(){\n  function start(){\n    var els=document.querySelectorAll('.inr-ond .rev');\n    if(!('IntersectionObserver' in window)){els.forEach(function(e){e.classList.add('in');});return;}\n    var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}});},{threshold:.12,rootMargin:'0px 0px -8% 0px'});\n    els.forEach(function(e){io.observe(e);});\n  }\n  if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',start);}else{start();}\n})();\n<\/script>\n\n\n\n<!-- ============================================================================\n     INR CONTACTFORMULIER\n     E\u00e9n bestand. Plak dit volledig in \u00c9\u00c9N Elementor HTML-widget.\n     Alles is gescoped onder .inr-contact en afgedwongen met !important,\n     zodat Elementor\/WordPress de stijl niet kan overrulen.\n\n     Stijl in lijn met de rest van de site: Inter, witte basis, ink #0A0A0B,\n     glassmorphism, atmosfeer-blobs, reveal-on-scroll, ink-accent.\n\n     Verzending: eigen plugin-endpoint (INR Website Leads), form-type 'contact'.\n     Geen Elementor-capture meer. Honeypot + tijdslot tegen bots.\n\n     CONTRAST-FIX (WCAG AA): de lichtgrijze tint --grijs-licht (#9A95A8) haalde\n     maar 2.9:1 op wit en zakte daarmee onder de 4.5:1-eis. Alle leesbare tekst\n     die daarop stond \u2014 het (optioneel)-sterretje en de placeholders \u2014 staat nu\n     op --grijs (#6B6480, 5.59:1). De decoratieve select-chevron is mee verhoogd.\n     ============================================================================ -->\n\n<style>\n\/* ---------- 1. ELEMENTOR-ONTWAPENING + ROOT ---------- *\/\n.inr-contact{\n  --ink:#0A0A0B; --ink-2:#1C1C20; --grijs:#6B6480; --grijs-licht:#9A95A8;\n  --lijn:rgba(10,10,11,.10); --lijn-zacht:rgba(10,10,11,.06);\n  --veld-bg:#FFFFFF; --glas:rgba(255,255,255,.72); --soft:#F7F6FA;\n  --radius:24px; --maxw:1200px;\n  position:relative !important; width:100% !important; max-width:100% !important;\n  margin:0 !important; padding:0 clamp(22px,5vw,40px) !important; box-sizing:border-box !important;\n  color:var(--ink) !important; background:transparent !important; line-height:1.5 !important;\n  overflow:hidden !important; text-align:left !important;\n  -webkit-font-smoothing:antialiased !important;\n}\n.inr-contact, .inr-contact *, .inr-contact *::before, .inr-contact *::after{\n  box-sizing:border-box !important;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;\n}\n.inr-contact h1,.inr-contact h2,.inr-contact h3,.inr-contact p,\n.inr-contact span,.inr-contact div,.inr-contact label,.inr-contact a,.inr-contact button{margin:0;padding:0;}\n.inr-contact a{text-decoration:none !important;color:inherit !important;}\n.inr-contact button{background:none !important;border:none !important;cursor:pointer !important;color:inherit !important;font:inherit !important;}\n\n\/* ---------- 2. ATMOSFEER (drift-blobs) ---------- *\/\n.inr-contact .atmos{position:absolute !important;inset:0 !important;z-index:0 !important;overflow:hidden !important;pointer-events:none !important;background:transparent !important;}\n.inr-contact .blob{position:absolute !important;border-radius:50% !important;filter:blur(120px) !important;opacity:.07 !important;animation:inrc-drift 32s ease-in-out infinite !important;}\n.inr-contact .blob.a{width:520px;height:520px;background:rgba(10,10,11,1);top:-160px;left:-140px;}\n.inr-contact .blob.b{width:460px;height:460px;background:rgba(28,28,32,1);bottom:-200px;right:-160px;animation-delay:-13s;}\n@keyframes inrc-drift{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(36px,-28px) scale(1.06);}}\n\n\/* ---------- 3. LAYOUT ---------- *\/\n.inr-contact .wrap{position:relative !important;z-index:1 !important;width:100% !important;max-width:var(--maxw) !important;margin:0 auto !important;padding:clamp(64px,9vw,120px) 0 !important;}\n.inr-contact .kaart{\n  display:grid !important;grid-template-columns:0.92fr 1.08fr !important;gap:0 !important;\n  background:var(--glas) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid var(--lijn) !important;border-radius:32px !important;overflow:hidden !important;\n  box-shadow:0 40px 90px -54px rgba(10,10,11,.4) !important;\n}\n\n\/* ---------- 4. LINKER PANEEL ---------- *\/\n.inr-contact .paneel{\n  position:relative !important;overflow:hidden !important;background:var(--ink) !important;color:#fff !important;\n  padding:clamp(40px,5vw,64px) clamp(32px,4vw,56px) !important;\n  display:flex !important;flex-direction:column !important;\n}\n.inr-contact .paneel::before{content:'' !important;position:absolute !important;top:-130px !important;right:-90px !important;width:360px !important;height:360px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%) !important;filter:blur(50px) !important;pointer-events:none !important;}\n.inr-contact .paneel::after{content:'' !important;position:absolute !important;bottom:-150px !important;left:-110px !important;width:340px !important;height:340px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(255,255,255,.06),transparent 70%) !important;filter:blur(50px) !important;pointer-events:none !important;}\n.inr-contact .paneel-in{position:relative !important;z-index:1 !important;display:flex !important;flex-direction:column !important;height:100% !important;}\n.inr-contact .badge{display:inline-flex !important;align-items:center !important;gap:9px !important;align-self:flex-start !important;\n  font-size:12px !important;font-weight:600 !important;letter-spacing:.06em !important;color:#fff !important;\n  border:1px solid rgba(255,255,255,.22) !important;background:rgba(255,255,255,.06) !important;\n  padding:8px 15px !important;border-radius:99px !important;margin-bottom:30px !important;}\n.inr-contact .badge .stip{width:7px !important;height:7px !important;border-radius:50% !important;background:#fff !important;}\n.inr-contact .paneel h2{font-weight:700 !important;font-size:clamp(28px,3.6vw,42px) !important;line-height:1.08 !important;letter-spacing:-.03em !important;color:#fff !important;margin-bottom:18px !important;}\n.inr-contact .paneel .lead{font-size:clamp(15px,1.6vw,17px) !important;font-weight:300 !important;color:rgba(255,255,255,.74) !important;line-height:1.62 !important;max-width:42ch !important;}\n.inr-contact .direct{margin-top:auto !important;padding-top:42px !important;}\n.inr-contact .direct-l{font-size:12px !important;font-weight:600 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:rgba(255,255,255,.5) !important;margin-bottom:16px !important;}\n.inr-contact .direct-rij{display:flex !important;align-items:center !important;gap:13px !important;margin-bottom:13px !important;}\n.inr-contact .direct-rij:last-child{margin-bottom:0 !important;}\n.inr-contact .direct-ic{flex:none !important;width:38px !important;height:38px !important;border-radius:11px !important;background:rgba(255,255,255,.08) !important;border:1px solid rgba(255,255,255,.12) !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#fff !important;}\n.inr-contact .direct-ic svg{width:17px !important;height:17px !important;stroke:#fff !important;fill:none !important;stroke-width:1.7 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}\n.inr-contact .direct-rij a,.inr-contact .direct-rij span{font-size:15.5px !important;font-weight:400 !important;color:rgba(255,255,255,.92) !important;letter-spacing:-.01em !important;transition:color .2s !important;word-break:break-word !important;}\n.inr-contact a.direct-link:hover{color:#fff !important;}\n\n\/* ---------- 5. RECHTER PANEEL: FORMULIER ---------- *\/\n.inr-contact .form-zij{padding:clamp(40px,5vw,64px) clamp(32px,4vw,56px) !important;background:transparent !important;}\n.inr-contact .veld-rij{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;gap:18px !important;margin-bottom:20px !important;}\n.inr-contact .veld{display:flex !important;flex-direction:column !important;min-width:0 !important;}\n.inr-contact .veld.vol{margin-bottom:20px !important;}\n.inr-contact .veld label{font-size:13px !important;font-weight:600 !important;color:var(--ink) !important;letter-spacing:-.005em !important;margin-bottom:8px !important;}\n\/* CONTRAST-FIX: was --grijs-licht (2.9:1), nu --grijs (5.59:1). *\/\n.inr-contact .veld label .ster{color:var(--grijs) !important;font-weight:400 !important;}\n.inr-contact .veld input,.inr-contact .veld select,.inr-contact .veld textarea{\n  width:100% !important;border:1px solid var(--lijn) !important;border-radius:13px !important;\n  padding:14px 16px !important;font-size:15px !important;font-weight:400 !important;line-height:1.4 !important;\n  color:var(--ink) !important;background:var(--veld-bg) !important;-webkit-text-fill-color:var(--ink) !important;\n  outline:none !important;-webkit-appearance:none !important;appearance:none !important;\n  transition:border-color .2s,box-shadow .2s,background .2s !important;\n}\n\/* CONTRAST-FIX: placeholders waren --grijs-licht (2.9:1), nu --grijs (5.59:1). *\/\n.inr-contact .veld input::placeholder,.inr-contact .veld textarea::placeholder{color:var(--grijs) !important;opacity:1 !important;}\n.inr-contact .veld input:focus,.inr-contact .veld select:focus,.inr-contact .veld textarea:focus{\n  border-color:var(--ink) !important;box-shadow:0 0 0 4px rgba(10,10,11,.07) !important;\n}\n.inr-contact .veld input.fout,.inr-contact .veld textarea.fout{border-color:#DC2626 !important;box-shadow:0 0 0 4px rgba(220,38,38,.10) !important;}\n.inr-contact .veld textarea{min-height:130px !important;resize:vertical !important;}\n.inr-contact .veld.select-veld{position:relative !important;}\n\/* Decoratieve chevron, mee verhoogd naar --grijs voor visuele samenhang. *\/\n.inr-contact .veld.select-veld::after{content:'' !important;position:absolute !important;right:18px !important;bottom:19px !important;width:8px !important;height:8px !important;border-right:1.6px solid var(--grijs) !important;border-bottom:1.6px solid var(--grijs) !important;transform:rotate(45deg) !important;pointer-events:none !important;}\n.inr-contact .veld select{cursor:pointer !important;padding-right:40px !important;}\n\n\/* honeypot, visueel verborgen *\/\n.inr-contact .hp-veld{position:absolute !important;left:-9999px !important;top:-9999px !important;width:1px !important;height:1px !important;overflow:hidden !important;}\n\n.inr-contact .knop{\n  display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;width:100% !important;\n  margin-top:8px !important;background:var(--ink) !important;color:#fff !important;border-radius:14px !important;\n  padding:17px 28px !important;font-size:16px !important;font-weight:600 !important;letter-spacing:-.005em !important;line-height:1.2 !important;\n  box-shadow:0 14px 30px -16px rgba(10,10,11,.6) !important;\n  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,opacity .25s !important;\n}\n.inr-contact .knop:hover{transform:translateY(-2px) !important;box-shadow:0 20px 40px -18px rgba(10,10,11,.7) !important;}\n.inr-contact .knop svg{width:16px !important;height:16px !important;stroke:currentColor !important;fill:none !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;transition:transform .35s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-contact .knop:hover svg{transform:translateX(4px) !important;}\n.inr-contact .knop[disabled]{opacity:.55 !important;cursor:wait !important;transform:none !important;box-shadow:none !important;}\n\n.inr-contact .form-fout{font-size:13.5px !important;font-weight:400 !important;color:#DC2626 !important;margin-top:14px !important;text-align:center !important;\n  max-height:0 !important;overflow:hidden !important;opacity:0 !important;transition:opacity .25s,max-height .25s !important;}\n.inr-contact .form-fout.toon{opacity:1 !important;max-height:60px !important;}\n.inr-contact .form-belofte{margin-top:18px !important;display:flex !important;align-items:flex-start !important;gap:9px !important;font-size:12.5px !important;font-weight:400 !important;color:var(--grijs) !important;line-height:1.55 !important;}\n.inr-contact .form-belofte svg{width:14px !important;height:14px !important;flex:none !important;margin-top:2px !important;stroke:var(--ink) !important;fill:none !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}\n\n\/* ---------- 6. SUCCES-STAAT ---------- *\/\n.inr-contact .form-velden.verzonden{display:none !important;}\n.inr-contact .succes{display:none !important;flex-direction:column !important;align-items:flex-start !important;gap:16px !important;padding:14px 0 !important;}\n.inr-contact .succes.toon{display:flex !important;}\n.inr-contact .succes .vink{width:54px !important;height:54px !important;border-radius:16px !important;background:var(--soft) !important;border:1px solid var(--lijn) !important;display:flex !important;align-items:center !important;justify-content:center !important;}\n.inr-contact .succes .vink svg{width:26px !important;height:26px !important;stroke:var(--ink) !important;fill:none !important;stroke-width:2.4 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}\n.inr-contact .succes h3{font-weight:700 !important;font-size:23px !important;letter-spacing:-.02em !important;color:var(--ink) !important;}\n.inr-contact .succes p{font-size:15.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;max-width:42ch !important;}\n\n\/* ---------- 7. REVEAL ---------- *\/\n.inr-contact .rev{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);}\n.inr-contact .rev.in{opacity:1 !important;transform:none !important;}\n\n\/* ---------- 8. MOBIEL ---------- *\/\n@media(max-width:880px){\n  .inr-contact .wrap{padding:64px 0 !important;}\n  .inr-contact .kaart{grid-template-columns:1fr !important;border-radius:26px !important;}\n  .inr-contact .paneel{padding:40px 28px !important;}\n  .inr-contact .paneel .lead{max-width:none !important;}\n  .inr-contact .direct{padding-top:34px !important;}\n  .inr-contact .form-zij{padding:36px 28px !important;}\n  .inr-contact .veld-rij{grid-template-columns:1fr !important;gap:0 !important;margin-bottom:0 !important;}\n  .inr-contact .veld-rij .veld{margin-bottom:20px !important;}\n}\n@media(prefers-reduced-motion:reduce){\n  .inr-contact .rev{opacity:1 !important;transform:none !important;transition:none !important;}\n  .inr-contact .blob{animation:none !important;}\n  .inr-contact .knop,.inr-contact .knop svg{transition:none !important;}\n}\n<\/style>\n\n<div class=\"inr-contact\">\n<div class=\"atmos\"><div class=\"blob a\"><\/div><div class=\"blob b\"><\/div><\/div>\n\n<div class=\"wrap\">\n  <div class=\"kaart rev\">\n\n    <!-- LINKER PANEEL -->\n    <div class=\"paneel\">\n      <div class=\"paneel-in\">\n        <div class=\"badge\"><span class=\"stip\"><\/span>Contact<\/div>\n        <h2>Zeg hallo. Wij denken graag met je mee.<\/h2>\n        <p class=\"lead\">Laat je gegevens achter en vertel kort waar je mee bezig bent. We nemen persoonlijk contact met je op, zonder verkooppraat.<\/p>\n        <div class=\"direct\">\n          <div class=\"direct-l\">Ons direct bereiken<\/div>\n          <div class=\"direct-rij\">\n            <span class=\"direct-ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L20 13l1 4v3a1 1 0 0 1-1 1A16 16 0 0 1 4 5a1 1 0 0 1 1-1z\"><\/path><\/svg><\/span>\n            <a class=\"direct-link\" href=\"tel:+31320844170\">+31 320 844 170<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- RECHTER PANEEL: FORMULIER -->\n    <div class=\"form-zij\">\n      <div class=\"form-velden\" id=\"inrcVelden\">\n\n        <div class=\"veld-rij\">\n          <div class=\"veld\">\n            <label for=\"inrcNaam\">Naam<\/label>\n            <input type=\"text\" id=\"inrcNaam\" placeholder=\"Jan Willem\" autocomplete=\"name\">\n          <\/div>\n          <div class=\"veld\">\n            <label for=\"inrcTel\">Telefoon <span class=\"ster\">(optioneel)<\/span><\/label>\n            <input type=\"tel\" id=\"inrcTel\" placeholder=\"Telefoon\" autocomplete=\"tel\">\n          <\/div>\n        <\/div>\n\n        <div class=\"veld vol\">\n          <label for=\"inrcEmail\">E-mail<\/label>\n          <input type=\"email\" id=\"inrcEmail\" placeholder=\"jij@bedrijf.nl\" autocomplete=\"email\" inputmode=\"email\">\n        <\/div>\n\n        <div class=\"veld-rij\">\n          <div class=\"veld select-veld\">\n            <label for=\"inrcLocatie\">Locatie <span class=\"ster\">(optioneel)<\/span><\/label>\n            <select id=\"inrcLocatie\">\n              <option value=\"\">Selecteer<\/option>\n              <option value=\"Noord-Nederland\">Noord-Nederland<\/option>\n              <option value=\"Oost-Nederland\">Oost-Nederland<\/option>\n              <option value=\"Midden-Nederland\">Midden-Nederland<\/option>\n              <option value=\"West-Nederland\">West-Nederland<\/option>\n              <option value=\"Zuid-Nederland\">Zuid-Nederland<\/option>\n              <option value=\"Heel Nederland \/ landelijk\">Heel Nederland \/ landelijk<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"veld\">\n            <label for=\"inrcMedewerkers\">Medewerkers <span class=\"ster\">(optioneel)<\/span><\/label>\n            <input type=\"number\" id=\"inrcMedewerkers\" placeholder=\"1\" min=\"1\" inputmode=\"numeric\">\n          <\/div>\n        <\/div>\n\n        <div class=\"veld vol\">\n          <label for=\"inrcBericht\">Bericht<\/label>\n          <textarea id=\"inrcBericht\" placeholder=\"Waar kunnen we je mee helpen?\"><\/textarea>\n        <\/div>\n\n        <!-- honeypot -->\n        <div class=\"hp-veld\" aria-hidden=\"true\">\n          <label for=\"inrcHp\">Laat dit veld leeg<\/label>\n          <input type=\"text\" id=\"inrcHp\" tabindex=\"-1\" autocomplete=\"off\">\n        <\/div>\n\n        <button type=\"button\" class=\"knop\" id=\"inrcKnop\">\n          Verstuur bericht\n          <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n        <\/button>\n\n        <div class=\"form-fout\" id=\"inrcFout\">Controleer de gemarkeerde velden.<\/div>\n\n        <div class=\"form-belofte\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n          <span>We gebruiken je gegevens uitsluitend om contact met je op te nemen over je vraag.<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- succes-staat -->\n      <div class=\"succes\" id=\"inrcSucces\">\n        <div class=\"vink\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div>\n        <h3>Bedankt, je bericht is binnen.<\/h3>\n        <p>We hebben je gegevens ontvangen en nemen zo snel mogelijk persoonlijk contact met je op.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n<\/div>\n\n<script>\n\/* ----- Config: pas hier het endpoint aan zonder de rest te raken ----- *\/\nwindow.INR_CONTACT = {\n  endpoint: \"\/wp-json\/inr-dashboard\/v1\/lead-binnen\",\n  form: \"contact\"\n};\n\n(function(){\n  var GELADEN = Math.floor(Date.now() \/ 1000);\n\n  function start(root){\n    if(!root || root.getAttribute('data-inr-actief') === '1'){ return; }\n    root.setAttribute('data-inr-actief', '1');\n\n    var CFG = window.INR_CONTACT || {};\n    var ENDPOINT = CFG.endpoint || '\/wp-json\/inr-dashboard\/v1\/lead-binnen';\n    var FORM = CFG.form || 'contact';\n\n    var velden = root.querySelector('#inrcVelden');\n    var succes = root.querySelector('#inrcSucces');\n    var knop   = root.querySelector('#inrcKnop');\n    var fout   = root.querySelector('#inrcFout');\n    if(!knop) return;\n\n    var naam   = root.querySelector('#inrcNaam');\n    var tel    = root.querySelector('#inrcTel');\n    var email  = root.querySelector('#inrcEmail');\n    var loc    = root.querySelector('#inrcLocatie');\n    var mede   = root.querySelector('#inrcMedewerkers');\n    var bericht= root.querySelector('#inrcBericht');\n    var hp     = root.querySelector('#inrcHp');\n\n    function geldigEmail(e){ return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(e); }\n\n    function toonFout(tekst){\n      if(tekst) fout.textContent = tekst;\n      fout.classList.add('toon');\n    }\n    function wisFout(){ fout.classList.remove('toon'); }\n\n    [naam, email, bericht].forEach(function(v){\n      if(v){ v.addEventListener('input', function(){ v.classList.remove('fout'); wisFout(); }); }\n    });\n\n    function valideer(){\n      var ok = true;\n      if(!(naam.value || '').trim()){ naam.classList.add('fout'); ok = false; }\n      if(!geldigEmail((email.value || '').trim())){ email.classList.add('fout'); ok = false; }\n      if(!(bericht.value || '').trim()){ bericht.classList.add('fout'); ok = false; }\n      return ok;\n    }\n\n    \/* Verstuur naar het eigen plugin-endpoint (geen Elementor). Fire-and-forget\n       met honeypot + tijdslot tegen bots. Opslaan-voor-mailen gebeurt server-\n       side, dus een lead raakt niet kwijt; we tonen de bezoeker altijd de\n       bevestiging zodra de aanvraag is weggestuurd. *\/\n    function verzendNaarPlugin(klaar){\n      var payload = {\n        form: FORM,\n        naam: (naam.value || '').trim(),\n        email: (email.value || '').trim(),\n        velden: {\n          'Telefoon': (tel.value || '').trim(),\n          'Locatie': (loc.value || '').trim(),\n          'Aantal medewerkers': (mede.value || '').trim(),\n          'Bericht': (bericht.value || '').trim()\n        },\n        meta: {},\n        bron: window.location.href,\n        ts: GELADEN,\n        website: (hp ? hp.value : '')\n      };\n      try {\n        var xhr = new XMLHttpRequest();\n        xhr.open('POST', ENDPOINT, true);\n        xhr.setRequestHeader('Content-Type', 'application\/json');\n        xhr.timeout = 15000;\n        xhr.onreadystatechange = function(){\n          if(xhr.readyState !== 4) return;\n          if(xhr.status >= 200 && xhr.status < 300){ klaar(true); }\n          else { klaar(false); }\n        };\n        xhr.ontimeout = function(){ klaar(false); };\n        xhr.onerror = function(){ klaar(false); };\n        xhr.send(JSON.stringify(payload));\n      } catch(e){ klaar(false); }\n    }\n\n    function toonSucces(){\n      velden.classList.add('verzonden');\n      succes.classList.add('toon');\n      try { succes.scrollIntoView({ behavior:'smooth', block:'center' }); } catch(e){}\n    }\n\n    knop.addEventListener('click', function(){\n      wisFout();\n      if(!valideer()){ toonFout('Vul je naam, een geldig e-mailadres en een bericht in.'); return; }\n      knop.disabled = true;\n      knop.textContent = 'Een moment...';\n      verzendNaarPlugin(function(ok){\n        if(ok){\n          toonSucces();\n        } else {\n          knop.disabled = false;\n          knop.innerHTML = 'Verstuur bericht <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>';\n          toonFout('Er ging iets mis bij het versturen. Probeer het zo nog eens, of bel ons direct.');\n        }\n      });\n    });\n\n    \/* Enter in een normaal veld (niet de textarea) verstuurt het formulier. *\/\n    [naam, tel, email, mede].forEach(function(v){\n      if(v){ v.addEventListener('keypress', function(e){ if(e.key === 'Enter'){ e.preventDefault(); knop.click(); } }); }\n    });\n\n    \/* Reveal-on-scroll, met een veiligheidsval: als de IntersectionObserver om\n       welke reden dan ook niet vuurt (bijvoorbeeld omdat de template-widget al\n       volledig in beeld staat bij het laden, of buiten een normale scroll-context\n       leeft), maken we de kaart sowieso zichtbaar. Zo blijft het formulier nooit\n       op opacity:0 hangen. *\/\n    var revs = root.querySelectorAll('.rev');\n    function toonAlles(){ [].forEach.call(revs, function(e){ e.classList.add('in'); }); }\n    if(!('IntersectionObserver' in window)){\n      toonAlles();\n    } else {\n      var io = new IntersectionObserver(function(es){\n        es.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); } });\n      }, { threshold:.08, rootMargin:'0px 0px -4% 0px' });\n      [].forEach.call(revs, function(e){ io.observe(e); });\n      \/\/ Veiligheidsval: wat er ook gebeurt, na 1,2s is de kaart zichtbaar.\n      setTimeout(toonAlles, 1200);\n    }\n  }\n\n  \/* Initialiseer elk contactformulier op de pagina. Dit is bewust bestand tegen\n     de manier waarop WordPress een template-widget kan inladen: de widget kan op\n     de ene pagina vroeg in de DOM staan en op de andere later worden geinjecteerd\n     (waardoor een eenmalige querySelector bij het laden niets vond en het formulier\n     onzichtbaar bleef). We proberen daarom meermaals:\n       1. meteen, voor formulieren die er al zijn,\n       2. op DOMContentLoaded,\n       3. via een MutationObserver voor widgets die later in de DOM verschijnen,\n       4. met een paar korte herhaalde pogingen als veiligheidsnet. *\/\n  function initAlle(){\n    var lijst = document.querySelectorAll('.inr-contact');\n    [].forEach.call(lijst, function(node){ start(node); });\n  }\n\n  \/\/ 1 + 2: meteen en bij DOM-gereed.\n  if(document.readyState === 'loading'){\n    document.addEventListener('DOMContentLoaded', initAlle);\n  } else {\n    initAlle();\n  }\n\n  \/\/ 3: vang formulieren op die na het laden alsnog worden ingeladen.\n  if('MutationObserver' in window){\n    var mo = new MutationObserver(function(){ initAlle(); });\n    if(document.body){\n      mo.observe(document.body, { childList:true, subtree:true });\n    } else {\n      document.addEventListener('DOMContentLoaded', function(){\n        mo.observe(document.body, { childList:true, subtree:true });\n      });\n    }\n  }\n\n  \/\/ 4: een paar korte herhaalde pogingen als extra vangnet (stopt vanzelf).\n  var pogingen = 0;\n  var herhaal = setInterval(function(){\n    pogingen++;\n    initAlle();\n    if(pogingen >= 10){ clearInterval(herhaal); }\n  }, 400);\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>INR Pulse \u00b7 Onderhandelen De beste onderhandelaar duwt niet en geeft niet toe. Hij houdt regie. Aan tafel lijkt het over prijs, voorwaarden en deadlines te gaan. Maar onder die posities spelen behoeften, en boven die behoeften hangt druk. Onder druk gaan de meeste mensen duwen, toegeven of dichtklappen. Alle drie kosten je marge of [&hellip;]<\/p>\n","protected":false},"author":224244682,"featured_media":0,"parent":56286,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-78121","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/78121","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=78121"}],"version-history":[{"count":0,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/78121\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/56286"}],"wp:attachment":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/media?parent=78121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}