{"id":177,"date":"2026-02-02T06:11:03","date_gmt":"2026-02-02T06:11:03","guid":{"rendered":"https:\/\/withifi.muhubonurture.nl\/?page_id=177"},"modified":"2026-06-20T03:34:27","modified_gmt":"2026-06-20T03:34:27","slug":"schouders-laten-zakken","status":"publish","type":"page","link":"https:\/\/withifi.muhubonurture.nl\/?page_id=177","title":{"rendered":"Ademen En Schouders Laten Zakken"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"177\" class=\"elementor elementor-177\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f91b72 e-con-full e-flex e-con e-parent\" data-id=\"8f91b72\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca41a21 elementor-widget elementor-widget-html\" data-id=\"ca41a21\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\nbody{margin:0;font-family:'Inter',sans-serif;}\r\n\r\n.ifi-anchor{\r\n  position:relative;\r\n  min-height:100vh;\r\n  overflow:hidden;\r\n  padding:6rem 7vw;\r\n  color:#3B2A22;\r\n  background:\r\n    radial-gradient(circle at 20% 20%, rgba(255,255,255,0.72) 0%, transparent 28%),\r\n    radial-gradient(circle at 78% 35%, rgba(223,241,255,0.72) 0%, transparent 30%),\r\n    radial-gradient(circle at 50% 80%, rgba(220,235,231,0.65) 0%, transparent 35%),\r\n    linear-gradient(135deg,#FFF7E8 0%,#EAF4F1 45%,#DCEBE7 100%);\r\n}\r\n\r\n.ifi-scene{\r\n  position:absolute;\r\n  inset:0;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  padding:6vh 7vw;\r\n  opacity:0;\r\n  pointer-events:none;\r\n  transform:translateY(24px);\r\n  transition:all .8s ease;\r\n}\r\n\r\n.ifi-scene.active{\r\n  opacity:1;\r\n  pointer-events:auto;\r\n  transform:translateY(0);\r\n}\r\n\r\n.ifi-scene-inner{\r\n  width:100%;\r\n  max-width:1250px;\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  align-items:center;\r\n  gap:90px;\r\n}\r\n\r\n.ifi-text{max-width:560px;}\r\n\r\n.ifi-label{\r\n  display:inline-block;\r\n  margin-bottom:22px;\r\n  padding:11px 20px;\r\n  border-radius:999px;\r\n  background:rgba(255,255,255,0.52);\r\n  border:1px solid rgba(255,255,255,0.9);\r\n  color:#7A5140;\r\n  font-size:15px;\r\n  font-weight:800;\r\n}\r\n\r\n.ifi-text h2{\r\n  margin:0 0 28px;\r\n  font-size:clamp(42px,5vw,64px);\r\n  line-height:1.05;\r\n  font-weight:800;\r\n  color:#3B2A22;\r\n}\r\n\r\n.ifi-text p{\r\n  margin:0 0 22px;\r\n  font-size:20px;\r\n  line-height:1.8;\r\n  font-weight:600;\r\n  color:#7A5140;\r\n}\r\n\r\n.ifi-btn{\r\n  display:inline-block;\r\n  margin-top:2.2rem;\r\n  padding:1rem 2.2rem;\r\n  border-radius:999px;\r\n  text-decoration:none;\r\n  cursor:pointer;\r\n  background:rgba(255,255,255,0.58);\r\n  border:1px solid rgba(255,255,255,0.95);\r\n  color:#3B2A22;\r\n  font-weight:800;\r\n  box-shadow:0 8px 24px rgba(80,60,40,0.08);\r\n  transition:all .25s ease;\r\n}\r\n\r\n.ifi-btn:hover{\r\n  transform:translateY(-2px);\r\n  background:rgba(255,255,255,0.78);\r\n}\r\n\r\n.ifi-avatar{\r\n  position:relative;\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n}\r\n\r\n.ifi-avatar::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  width:430px;\r\n  height:430px;\r\n  border-radius:50%;\r\n  background:radial-gradient(circle,rgba(223,241,255,0.8) 0%,rgba(220,235,231,0.55) 45%,transparent 72%);\r\n  filter:blur(48px);\r\n}\r\n\r\n.ifi-avatar img{\r\n  position:relative;\r\n  z-index:2;\r\n  width:100%;\r\n  max-width:500px;\r\n  height:auto;\r\n  filter:drop-shadow(0 24px 42px rgba(80,60,40,0.10));\r\n}\r\n\r\n.ifi-avatar.adem img{animation:ademFloat 6s ease-in-out infinite;}\r\n.ifi-avatar.schouders img{animation:schouderFloat 7s ease-in-out infinite;}\r\n\r\n@keyframes ademFloat{\r\n  0%,100%{transform:translateY(0);}\r\n  50%{transform:translateY(-7px);}\r\n}\r\n\r\n@keyframes schouderFloat{\r\n  0%,100%{transform:translateY(0);}\r\n  50%{transform:translateY(-5px);}\r\n}\r\n\r\n.ifi-timer{\r\n  margin-top:2.4rem;\r\n  max-width:360px;\r\n}\r\n\r\n.ifi-timer-bar{\r\n  width:100%;\r\n  height:10px;\r\n  overflow:hidden;\r\n  border-radius:999px;\r\n  background:rgba(255,255,255,0.5);\r\n}\r\n\r\n.ifi-timer-progress{\r\n  height:100%;\r\n  width:100%;\r\n  border-radius:999px;\r\n  background:#AFC7E8;\r\n  transition:width 1s linear;\r\n}\r\n\r\n.ifi-timer-text{\r\n  margin-top:.9rem;\r\n  font-size:15px;\r\n  font-weight:700;\r\n  color:#7A5140;\r\n}\r\n\r\n@media(max-width:900px){\r\n  .ifi-scene{\r\n    position:relative;\r\n    min-height:100vh;\r\n  }\r\n\r\n  .ifi-scene-inner{\r\n    grid-template-columns:1fr;\r\n    gap:42px;\r\n    text-align:center;\r\n  }\r\n\r\n  .ifi-avatar{order:1;}\r\n  .ifi-text{order:2;max-width:100%;}\r\n\r\n  .ifi-avatar img{max-width:340px;}\r\n\r\n  .ifi-timer{\r\n    margin-left:auto;\r\n    margin-right:auto;\r\n  }\r\n\r\n  .ifi-btn{\r\n    width:100%;\r\n    text-align:center;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"ifi-anchor\">\r\n\r\n\r\n\r\n  <div class=\"ifi-scene active\" id=\"scene-adem\">\r\n    <div class=\"ifi-scene-inner\">\r\n\r\n      <div class=\"ifi-text\">\r\n        <div class=\"ifi-label\">\ud83c\udf2c\ufe0f Rustmoment<\/div>\r\n\r\n        <h2>Adem voelen.<\/h2>\r\n\r\n        <p>\r\n          We doen niets bijzonders.<br>\r\n          We kijken alleen even of er een adem is.\r\n        <\/p>\r\n\r\n        <p>\r\n          Misschien voel je een adem in.<br>\r\n          Misschien ook niet.\r\n        <\/p>\r\n\r\n        <p>\r\n          Alles is goed.<br>\r\n          Ik ben hier bij je.\r\n        <\/p>\r\n\r\n        <div class=\"ifi-timer\">\r\n          <div class=\"ifi-timer-bar\">\r\n            <div class=\"ifi-timer-progress\" id=\"timer-adem\"><\/div>\r\n          <\/div>\r\n          <div class=\"ifi-timer-text\" id=\"timer-adem-text\">\r\n            We nemen even de tijd\u2026\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <a class=\"ifi-btn\" onclick=\"goToScene('scene-schouders')\">\r\n          Schouders en nek losmaken\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"ifi-avatar adem\">\r\n        <img decoding=\"async\" src=\"https:\/\/withifi.muhubonurture.nl\/wp-content\/uploads\/2026\/06\/Adem.png\" alt=\"IFI adem voelen\">\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"ifi-scene\" id=\"scene-schouders\">\r\n    <div class=\"ifi-scene-inner\">\r\n\r\n      <div class=\"ifi-text\">\r\n        <div class=\"ifi-label\">\ud83c\udf3f Rustmoment<\/div>\r\n\r\n        <h2>Schouders en nek.<\/h2>\r\n\r\n        <p>\r\n          Misschien staan je schouders een beetje hoog.<br>\r\n          Je hoeft niets te forceren.\r\n        <\/p>\r\n\r\n        <p>\r\n          Als ze vanzelf iets willen zakken,<br>\r\n          dan is dat helemaal goed.\r\n        <\/p>\r\n\r\n        <p>\r\n          Beweeg je hoofd rustig naar links.<br>\r\n          En weer terug.<br>\r\n          Daarna rustig naar rechts.\r\n        <\/p>\r\n\r\n        <p>\r\n          Ik blijf bij je.\r\n        <\/p>\r\n\r\n        <div class=\"ifi-timer\">\r\n          <div class=\"ifi-timer-bar\">\r\n            <div class=\"ifi-timer-progress\" id=\"timer-schouders\"><\/div>\r\n          <\/div>\r\n          <div class=\"ifi-timer-text\" id=\"timer-schouders-text\">\r\n            Nog even\u2026\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ifi-avatar schouders\">\r\n        <img decoding=\"async\" src=\"https:\/\/withifi.muhubonurture.nl\/wp-content\/uploads\/2026\/06\/schouders-en-Nek.png\" alt=\"IFI schouders ontspannen\">\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\nconst bell = document.getElementById(\"ifi-bell\");\r\n\r\nfunction goToScene(sceneId) {\r\n  document.querySelectorAll('.ifi-scene').forEach(scene => {\r\n    scene.classList.remove('active');\r\n  });\r\n\r\n  document.getElementById(sceneId).classList.add('active');\r\n\r\n  if (sceneId === 'scene-schouders') {\r\n    startTimer('timer-schouders', 'timer-schouders-text', 45);\r\n  }\r\n}\r\n\r\nfunction startTimer(progressId, textId, seconds) {\r\n  const progress = document.getElementById(progressId);\r\n  const text = document.getElementById(textId);\r\n  let remaining = seconds;\r\n\r\n  progress.style.width = \"100%\";\r\n  text.textContent = \"We nemen even de tijd\u2026\";\r\n\r\n  const interval = setInterval(() => {\r\n    remaining--;\r\n    progress.style.width = (remaining \/ seconds * 100) + \"%\";\r\n\r\n    if (remaining <= 5 && remaining > 0) {\r\n      text.textContent = \"Bijna klaar\u2026\";\r\n    }\r\n\r\n    if (remaining <= 0) {\r\n      clearInterval(interval);\r\n      progress.style.width = \"0%\";\r\n      text.textContent = \"Klaar \ud83c\udf31\";\r\n\r\n      bell.currentTime = 0;\r\n      bell.play();\r\n    }\r\n  }, 1000);\r\n}\r\n\r\nstartTimer('timer-adem', 'timer-adem-text', 30);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83c\udf2c\ufe0f Rustmoment Adem voelen. We doen niets bijzonders. We kijken alleen even of er een adem is. Misschien voel je een adem in. Misschien ook niet. Alles is goed. Ik ben hier bij je. We nemen even de tijd\u2026 Schouders en nek losmaken \ud83c\udf3f Rustmoment Schouders en nek. Misschien staan je schouders een beetje hoog. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-177","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/177","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=177"}],"version-history":[{"count":78,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/177\/revisions"}],"predecessor-version":[{"id":3769,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/177\/revisions\/3769"}],"wp:attachment":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}