{"id":1446,"date":"2026-07-07T09:55:47","date_gmt":"2026-07-07T09:55:47","guid":{"rendered":"https:\/\/stadiaorg.com\/?page_id=1446"},"modified":"2026-07-07T10:00:06","modified_gmt":"2026-07-07T10:00:06","slug":"the-changing-self","status":"publish","type":"page","link":"https:\/\/stadiaorg.com\/de\/the-changing-self\/","title":{"rendered":"Das sich wandelnde Selbst"},"content":{"rendered":"\n<div id=\"sv-changing-self\">\n\n<style>\n#sv-changing-self{\n  width:100%;\n  max-width:100%;\n  margin:0;\n  padding:0 0 100px;\n  font-family:Arial,Helvetica,sans-serif;\n  color:#0f172a;\n  background:#ffffff;\n  overflow:hidden;\n  box-sizing:border-box;\n}\n\n#sv-changing-self *{\n  box-sizing:border-box;\n}\n\n#sv-changing-self .sv-wrap{\n  width:min(96vw,1700px);\n  max-width:1700px;\n  margin:0 auto;\n  padding:0 24px;\n}\n\n\/* HERO *\/\n#sv-changing-self .sv-hero{\n  position:relative;\n  margin:0 auto 86px;\n  padding:96px 0 86px;\n  background:\n    radial-gradient(circle at 78% 30%,rgba(106,92,255,.20),transparent 34%),\n    radial-gradient(circle at 12% 20%,rgba(225,29,72,.09),transparent 30%),\n    linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);\n  overflow:hidden;\n}\n\n#sv-changing-self .sv-hero::before{\n  content:\"\";\n  position:absolute;\n  inset:28px 18px;\n  border:1px solid rgba(226,232,240,.95);\n  border-radius:46px;\n  background:rgba(255,255,255,.58);\n  box-shadow:0 30px 100px rgba(15,23,42,.08);\n  pointer-events:none;\n}\n\n#sv-changing-self .sv-hero-inner{\n  position:relative;\n  z-index:2;\n  display:grid;\n  grid-template-columns:minmax(0,1.05fr) minmax(460px,.95fr);\n  gap:72px;\n  align-items:center;\n}\n\n#sv-changing-self .sv-kicker{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  margin-bottom:22px;\n  padding:12px 18px;\n  border-radius:999px;\n  background:#eef2ff;\n  color:#4f46e5;\n  font-size:13px;\n  font-weight:900;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n\n#sv-changing-self h1{\n  margin:0 0 26px;\n  font-size:78px;\n  line-height:.98;\n  font-weight:900;\n  letter-spacing:-.06em;\n  color:#0f172a;\n}\n\n#sv-changing-self .sv-lead{\n  max-width:820px;\n  margin:0 0 22px;\n  color:#334155;\n  font-size:24px;\n  line-height:1.6;\n}\n\n#sv-changing-self .sv-sub{\n  max-width:760px;\n  margin:0 0 36px;\n  color:#64748b;\n  font-size:18px;\n  line-height:1.85;\n}\n\n#sv-changing-self .sv-actions{\n  display:flex;\n  flex-wrap:wrap;\n  gap:14px;\n  align-items:center;\n}\n\n#sv-changing-self .sv-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-width:210px;\n  min-height:58px;\n  padding:16px 26px;\n  border-radius:18px;\n  background:#6a5cff;\n  color:#ffffff !important;\n  font-size:16px;\n  font-weight:900;\n  text-decoration:none !important;\n  border:none;\n  cursor:pointer;\n  box-shadow:0 18px 42px rgba(106,92,255,.28);\n  transition:transform .22s ease,box-shadow .22s ease;\n}\n\n#sv-changing-self .sv-btn:hover{\n  transform:translateY(-3px);\n  box-shadow:0 26px 56px rgba(106,92,255,.34);\n}\n\n#sv-changing-self .sv-btn-dark{\n  background:#0f172a;\n  box-shadow:0 18px 42px rgba(15,23,42,.20);\n}\n\n#sv-changing-self .sv-btn-light{\n  background:#ffffff;\n  color:#0f172a !important;\n  border:1px solid #e2e8f0;\n  box-shadow:0 14px 34px rgba(15,23,42,.08);\n}\n\n\/* PANEL *\/\n#sv-changing-self .sv-panel{\n  background:#ffffff;\n  border:1px solid #e2e8f0;\n  border-radius:38px;\n  padding:36px;\n  box-shadow:0 28px 78px rgba(15,23,42,.12);\n}\n\n#sv-changing-self .sv-panel-main{\n  padding:34px;\n  border-radius:30px;\n  background:\n    radial-gradient(circle at top right,rgba(106,92,255,.18),transparent 38%),\n    linear-gradient(180deg,#f8fafc,#ffffff);\n  border:1px solid #e2e8f0;\n  margin-bottom:18px;\n}\n\n#sv-changing-self .sv-panel-main strong{\n  display:block;\n  margin-bottom:12px;\n  color:#0f172a;\n  font-size:34px;\n  line-height:1.08;\n  letter-spacing:-.04em;\n}\n\n#sv-changing-self .sv-panel-main span{\n  display:block;\n  color:#64748b;\n  font-size:16px;\n  line-height:1.75;\n}\n\n#sv-changing-self .sv-mini-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:14px;\n}\n\n#sv-changing-self .sv-mini{\n  padding:20px;\n  border-radius:22px;\n  background:#ffffff;\n  border:1px solid #e2e8f0;\n  box-shadow:0 12px 30px rgba(15,23,42,.05);\n}\n\n#sv-changing-self .sv-mini strong{\n  display:block;\n  margin-bottom:7px;\n  color:#0f172a;\n  font-size:17px;\n}\n\n#sv-changing-self .sv-mini span{\n  display:block;\n  color:#64748b;\n  font-size:14px;\n  line-height:1.6;\n}\n\n\/* SECTION TITLE *\/\n#sv-changing-self .sv-section-title{\n  max-width:980px;\n  margin:0 auto 42px;\n  text-align:center;\n}\n\n#sv-changing-self .sv-section-title h2{\n  margin:0 0 18px;\n  color:#0f172a;\n  font-size:58px;\n  line-height:1.05;\n  letter-spacing:-.05em;\n}\n\n#sv-changing-self .sv-section-title p{\n  max-width:860px;\n  margin:0 auto;\n  color:#64748b;\n  font-size:20px;\n  line-height:1.75;\n}\n\n\/* TIMELINE CARDS *\/\n#sv-changing-self .sv-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:24px;\n  margin-bottom:92px;\n}\n\n#sv-changing-self .sv-card{\n  min-height:360px;\n  padding:34px 30px;\n  border-radius:34px;\n  background:#ffffff;\n  border:1px solid #e2e8f0;\n  box-shadow:0 24px 58px rgba(15,23,42,.08);\n  display:flex;\n  flex-direction:column;\n  justify-content:space-between;\n  transition:transform .22s ease,box-shadow .22s ease;\n}\n\n#sv-changing-self .sv-card:hover{\n  transform:translateY(-6px);\n  box-shadow:0 34px 76px rgba(15,23,42,.13);\n}\n\n#sv-changing-self .sv-card:nth-child(1){\n  background:linear-gradient(180deg,#eef2ff,#ffffff);\n  border-color:#c4b5fd;\n}\n\n#sv-changing-self .sv-card:nth-child(2){\n  background:linear-gradient(180deg,#fff1f2,#ffffff);\n  border-color:#fda4af;\n}\n\n#sv-changing-self .sv-card:nth-child(3){\n  background:linear-gradient(180deg,#eff6ff,#ffffff);\n  border-color:#93c5fd;\n}\n\n#sv-changing-self .sv-card:nth-child(4){\n  background:linear-gradient(180deg,#fff7ed,#ffffff);\n  border-color:#fdba74;\n}\n\n#sv-changing-self .sv-card:nth-child(5){\n  background:linear-gradient(180deg,#ecfdf5,#ffffff);\n  border-color:#86efac;\n}\n\n#sv-changing-self .sv-card:nth-child(6){\n  background:linear-gradient(180deg,#f8fafc,#ffffff);\n  border-color:#cbd5e1;\n}\n\n#sv-changing-self .sv-icon{\n  width:76px;\n  height:76px;\n  border-radius:24px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background:#ffffff;\n  font-size:38px;\n  box-shadow:0 14px 34px rgba(15,23,42,.09);\n  margin-bottom:24px;\n}\n\n#sv-changing-self .sv-card h3{\n  margin:0 0 14px;\n  color:#0f172a;\n  font-size:30px;\n  line-height:1.08;\n  letter-spacing:-.035em;\n}\n\n#sv-changing-self .sv-card p{\n  margin:0;\n  color:#475569;\n  line-height:1.72;\n  font-size:16px;\n}\n\n\/* BUILDER *\/\n#sv-changing-self .sv-builder{\n  margin-top:70px;\n  padding:54px;\n  border-radius:46px;\n  background:\n    radial-gradient(circle at top right,rgba(106,92,255,.14),transparent 34%),\n    radial-gradient(circle at bottom left,rgba(225,29,72,.08),transparent 32%),\n    linear-gradient(180deg,#ffffff,#f8fafc);\n  border:1px solid #e2e8f0;\n  box-shadow:0 30px 90px rgba(15,23,42,.08);\n}\n\n#sv-changing-self .sv-builder-grid{\n  display:grid;\n  grid-template-columns:.95fr 1.05fr;\n  gap:30px;\n  align-items:start;\n}\n\n#sv-changing-self .sv-box{\n  background:#ffffff;\n  border:1px solid #e2e8f0;\n  border-radius:34px;\n  padding:34px;\n  box-shadow:0 22px 58px rgba(15,23,42,.07);\n}\n\n#sv-changing-self .sv-box h2,\n#sv-changing-self .sv-box h3{\n  margin:0 0 14px;\n  color:#0f172a;\n  font-size:34px;\n  line-height:1.08;\n  letter-spacing:-.035em;\n}\n\n#sv-changing-self .sv-box p{\n  margin:0 0 20px;\n  color:#64748b;\n  font-size:17px;\n  line-height:1.85;\n}\n\n#sv-changing-self label{\n  display:block;\n  margin:18px 0 8px;\n  color:#0f172a;\n  font-weight:900;\n  font-size:14px;\n}\n\n#sv-changing-self textarea,\n#sv-changing-self input,\n#sv-changing-self select{\n  width:100%;\n  border:1px solid #cbd5e1;\n  border-radius:18px;\n  padding:16px;\n  font-family:Arial,Helvetica,sans-serif;\n  font-size:15px;\n  line-height:1.6;\n  color:#0f172a;\n  background:#ffffff;\n  outline:none;\n}\n\n#sv-changing-self textarea{\n  min-height:110px;\n  resize:vertical;\n}\n\n#sv-changing-self textarea:focus,\n#sv-changing-self input:focus,\n#sv-changing-self select:focus{\n  border-color:#6a5cff;\n  box-shadow:0 0 0 4px rgba(106,92,255,.12);\n}\n\n#sv-changing-self .sv-preview{\n  padding:24px;\n  border-radius:26px;\n  background:#0f172a;\n  color:#ffffff;\n}\n\n#sv-changing-self .sv-preview small{\n  display:inline-block;\n  margin-bottom:14px;\n  padding:8px 12px;\n  border-radius:999px;\n  background:rgba(255,255,255,.12);\n  color:#dbe4f0;\n  font-weight:900;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n\n#sv-changing-self .sv-preview h3{\n  margin:0 0 14px;\n  color:#ffffff;\n  font-size:30px;\n  line-height:1.12;\n}\n\n#sv-changing-self .sv-preview p{\n  margin:0;\n  color:#dbe4f0;\n  font-size:16px;\n  line-height:1.75;\n}\n\n#sv-changing-self .sv-generated{\n  margin-top:18px;\n  padding:18px;\n  border-radius:20px;\n  background:rgba(255,255,255,.08);\n  border:1px solid rgba(255,255,255,.14);\n  color:#ffffff;\n  line-height:1.7;\n  white-space:pre-line;\n}\n\n\/* DARK *\/\n#sv-changing-self .sv-dark{\n  margin:90px 0;\n  padding:108px 56px;\n  border-radius:48px;\n  background:\n    radial-gradient(circle at top left,rgba(225,29,72,.20),transparent 36%),\n    radial-gradient(circle at bottom right,rgba(106,92,255,.22),transparent 34%),\n    linear-gradient(135deg,#0f172a 0%,#111827 55%,#312e81 100%);\n  color:#fff;\n  text-align:center;\n  box-shadow:0 36px 100px rgba(15,23,42,.28);\n}\n\n#sv-changing-self .sv-dark h2{\n  max-width:1100px;\n  margin:0 auto 24px;\n  color:#fff;\n  font-size:70px;\n  line-height:.98;\n  letter-spacing:-.06em;\n}\n\n#sv-changing-self .sv-dark p{\n  max-width:880px;\n  margin:0 auto;\n  color:#dbe4f0;\n  font-size:22px;\n  line-height:1.75;\n}\n\n\/* FINAL *\/\n#sv-changing-self .sv-final{\n  margin-top:100px;\n  padding:82px 40px;\n  border-radius:42px;\n  background:\n    radial-gradient(circle at top,rgba(106,92,255,.12),transparent 36%),\n    #f8fafc;\n  border:1px solid #e2e8f0;\n  text-align:center;\n}\n\n#sv-changing-self .sv-final h2{\n  margin:0 0 18px;\n  color:#0f172a;\n  font-size:60px;\n  line-height:1.03;\n  letter-spacing:-.05em;\n}\n\n#sv-changing-self .sv-final p{\n  max-width:820px;\n  margin:0 auto 34px;\n  color:#64748b;\n  font-size:20px;\n  line-height:1.8;\n}\n\n\/* RESPONSIVE *\/\n@media(max-width:1280px){\n  #sv-changing-self h1{\n    font-size:66px;\n  }\n\n  #sv-changing-self .sv-hero-inner,\n  #sv-changing-self .sv-builder-grid{\n    grid-template-columns:1fr;\n    gap:54px;\n  }\n\n  #sv-changing-self .sv-panel{\n    max-width:980px;\n    margin:0 auto;\n  }\n\n  #sv-changing-self .sv-grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n}\n\n@media(max-width:860px){\n  #sv-changing-self .sv-hero-inner{\n    text-align:center;\n  }\n\n  #sv-changing-self .sv-lead,\n  #sv-changing-self .sv-sub{\n    margin-left:auto;\n    margin-right:auto;\n  }\n\n  #sv-changing-self .sv-actions{\n    justify-content:center;\n  }\n\n  #sv-changing-self .sv-mini-grid{\n    grid-template-columns:1fr;\n  }\n\n  #sv-changing-self .sv-dark h2{\n    font-size:48px;\n  }\n}\n\n@media(max-width:760px){\n  #sv-changing-self .sv-wrap{\n    width:100%;\n    padding:0 16px;\n  }\n\n  #sv-changing-self .sv-hero{\n    padding:58px 0 66px;\n  }\n\n  #sv-changing-self .sv-hero::before{\n    inset:18px 12px;\n    border-radius:32px;\n  }\n\n  #sv-changing-self h1{\n    font-size:42px;\n  }\n\n  #sv-changing-self .sv-lead{\n    font-size:19px;\n  }\n\n  #sv-changing-self .sv-sub{\n    font-size:16px;\n  }\n\n  #sv-changing-self .sv-panel,\n  #sv-changing-self .sv-builder{\n    padding:22px;\n    border-radius:30px;\n  }\n\n  #sv-changing-self .sv-panel-main{\n    padding:24px;\n  }\n\n  #sv-changing-self .sv-panel-main strong{\n    font-size:28px;\n  }\n\n  #sv-changing-self .sv-section-title h2,\n  #sv-changing-self .sv-final h2{\n    font-size:38px;\n  }\n\n  #sv-changing-self .sv-grid{\n    grid-template-columns:1fr;\n  }\n\n  #sv-changing-self .sv-dark{\n    padding:76px 22px;\n    margin:70px 0;\n  }\n\n  #sv-changing-self .sv-dark h2{\n    font-size:38px;\n  }\n\n  #sv-changing-self .sv-dark p{\n    font-size:18px;\n  }\n\n  #sv-changing-self .sv-btn{\n    width:100%;\n  }\n}\n<\/style>\n\n<div class=\"sv-wrap\">\n\n  <section class=\"sv-hero\">\n    <div class=\"sv-hero-inner\">\n\n      <div>\n        <div class=\"sv-kicker\">The Changing Self<\/div>\n\n        <h1>\n          Understand how<br>\n          you became you.\n        <\/h1>\n\n        <p class=\"sv-lead\">\n          A guided reflection on who you were, what changed you and who you are becoming.\n        <\/p>\n\n        <p class=\"sv-sub\">\n          From the first age of reason to the current self, this page helps you observe changes in identity,\n          beliefs, confidence, fears, hopes and direction.\n        <\/p>\n\n        <div class=\"sv-actions\">\n          <a class=\"sv-btn\" href=\"#self-builder\">Start reflection \u2192<\/a>\n          <a class=\"sv-btn sv-btn-dark\" href=\"\/growth-profile-test\/\">Growth Profile \u2192<\/a>\n          <a class=\"sv-btn sv-btn-light\" href=\"\/open-conversation\/\">Open Conversation \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"sv-panel\">\n        <div class=\"sv-panel-main\">\n          <strong>The self is not fixed.<\/strong>\n          <span>\n            You carry versions of yourself from different ages, choices, losses and discoveries.\n          <\/span>\n        <\/div>\n\n        <div class=\"sv-mini-grid\">\n          <div class=\"sv-mini\">\n            <strong>Memory<\/strong>\n            <span>What you remember about who you were.<\/span>\n          <\/div>\n\n          <div class=\"sv-mini\">\n            <strong>Change<\/strong>\n            <span>What shaped or redirected your identity.<\/span>\n          <\/div>\n\n          <div class=\"sv-mini\">\n            <strong>Continuity<\/strong>\n            <span>What still remains alive inside you.<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <section class=\"sv-section-title\">\n    <h2>The timeline of the self.<\/h2>\n    <p>\n      The Changing Self is not a medical tool. It is a narrative orientation tool:\n      a way to understand how your inner world has changed over time.\n    <\/p>\n  <\/section>\n\n  <section class=\"sv-grid\">\n\n    <div class=\"sv-card\">\n      <div>\n        <div class=\"sv-icon\">\ud83c\udf31<\/div>\n        <h3>First reasoning<\/h3>\n        <p>\n          The first phase where you began to understand yourself, others and the idea of a future.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"sv-card\">\n      <div>\n        <div class=\"sv-icon\">\ud83e\udded<\/div>\n        <h3>Early direction<\/h3>\n        <p>\n          The dreams, fears, expectations or images of life that started to guide you.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"sv-card\">\n      <div>\n        <div class=\"sv-icon\">\u26a1<\/div>\n        <h3>Breaks and changes<\/h3>\n        <p>\n          Moments that interrupted your old identity or forced you to adapt.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"sv-card\">\n      <div>\n        <div class=\"sv-icon\">\ud83e\ude9e<\/div>\n        <h3>Current self<\/h3>\n        <p>\n          The person you are now: what became stronger, weaker, clearer or more uncertain.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"sv-card\">\n      <div>\n        <div class=\"sv-icon\">\ud83d\udd25<\/div>\n        <h3>What remains<\/h3>\n        <p>\n          The values, desires, questions or sensitivities that stayed with you through time.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"sv-card\">\n      <div>\n        <div class=\"sv-icon\">\ud83c\udf0c<\/div>\n        <h3>Future self<\/h3>\n        <p>\n          The version of yourself you want to rebuild, protect or understand better.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/section>\n\n  <section class=\"sv-dark\">\n    <h2>\n      Stadia does not only ask what you think.\n    <\/h2>\n\n    <p>\n      Stadia can also ask how you arrived there: what shaped your beliefs, what changed your identity and what still belongs to you.\n    <\/p>\n  <\/section>\n\n  <section id=\"self-builder\" class=\"sv-builder\">\n\n    <div class=\"sv-section-title\" style=\"margin-bottom:34px;\">\n      <h2>Create your Self Timeline.<\/h2>\n      <p>\n        Answer a few simple prompts and generate a first narrative summary of your changing self.\n      <\/p>\n    <\/div>\n\n    <div class=\"sv-builder-grid\">\n\n      <div class=\"sv-box\">\n        <h2>Reflection builder<\/h2>\n        <p>\n          Write short, honest sentences. You can keep this private, copy it or use it as a starting point for Open Conversation.\n        <\/p>\n\n        <label for=\"sv-self-first\">When I first began to reason about life, I believed&#8230;<\/label>\n        <textarea id=\"sv-self-first\" placeholder=\"Example: I believed that life would become clear if I worked hard enough.\"><\/textarea>\n\n        <label for=\"sv-self-change\">What changed me most was&#8230;<\/label>\n        <textarea id=\"sv-self-change\" placeholder=\"Example: responsibility, disappointment, work, family, loss, moving, pressure...\"><\/textarea>\n\n        <label for=\"sv-self-now\">Today I feel that I am&#8230;<\/label>\n        <textarea id=\"sv-self-now\" placeholder=\"Example: stronger in some ways, but less certain about others.\"><\/textarea>\n\n        <label for=\"sv-self-remain\">The part of me that still remains is&#8230;<\/label>\n        <textarea id=\"sv-self-remain\" placeholder=\"Example: curiosity, sensitivity, ambition, desire for meaning...\"><\/textarea>\n\n        <label for=\"sv-self-future\">The part of me I want to rebuild is&#8230;<\/label>\n        <textarea id=\"sv-self-future\" placeholder=\"Example: confidence, courage, trust, direction, creativity...\"><\/textarea>\n\n        <div class=\"sv-actions\" style=\"margin-top:18px;\">\n          <button class=\"sv-btn\" id=\"sv-self-build\" type=\"button\">Create Self Timeline \u2192<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"sv-preview\">\n        <small>Self Timeline Summary<\/small>\n\n        <h3>\n          Your changing self\n        <\/h3>\n\n        <p>\n          This preview creates a first personal narrative from your answers.\n        <\/p>\n\n        <div class=\"sv-generated\" id=\"sv-self-generated\">\nWhen I first began to reason about life, I believed that life would become clear with time.\n\nWhat changed me most was responsibility, pressure and experience.\n\nToday I feel that I am more aware, but also more complex.\n\nThe part of me that still remains is curiosity and the desire to understand.\n\nThe part of me I want to rebuild is confidence, direction and trust.\n        <\/div>\n\n        <div class=\"sv-actions\" style=\"margin-top:20px;\">\n          <button class=\"sv-btn sv-btn-light\" id=\"sv-self-copy\" type=\"button\">Copy Self Timeline \u2192<\/button>\n        <\/div>\n\n        <p id=\"sv-self-note\" style=\"margin-top:14px;font-size:14px;color:#cbd5e1;\">\n          You can copy this summary and use it privately, in Growth Profile or in Open Conversation.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n  <section class=\"sv-final\">\n    <h2>\n      You are not only your current problem.\n    <\/h2>\n\n    <p>\n      You are also the path that brought you here. Understanding that path can make the next conversation more honest.\n    <\/p>\n\n    <div class=\"sv-actions\">\n      <a class=\"sv-btn\" href=\"\/growth-profile-test\/\">Growth Profile \u2192<\/a>\n      <a class=\"sv-btn sv-btn-dark\" href=\"\/open-conversation\/\">Open Conversation \u2192<\/a>\n      <a class=\"sv-btn sv-btn-light\" href=\"\/mind-arena\/\">Mind Arena \u2192<\/a>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\",function(){\n  var root=document.getElementById(\"sv-changing-self\");\n  if(!root){return;}\n\n  var firstEl=root.querySelector(\"#sv-self-first\");\n  var changeEl=root.querySelector(\"#sv-self-change\");\n  var nowEl=root.querySelector(\"#sv-self-now\");\n  var remainEl=root.querySelector(\"#sv-self-remain\");\n  var futureEl=root.querySelector(\"#sv-self-future\");\n  var generatedEl=root.querySelector(\"#sv-self-generated\");\n  var buildBtn=root.querySelector(\"#sv-self-build\");\n  var copyBtn=root.querySelector(\"#sv-self-copy\");\n  var noteEl=root.querySelector(\"#sv-self-note\");\n\n  function valueOrDefault(el,def){\n    return el && el.value.trim() ? el.value.trim() : def;\n  }\n\n  function updateSelf(){\n    var first=valueOrDefault(firstEl,\"I believed that life would become clear with time.\");\n    var change=valueOrDefault(changeEl,\"responsibility, pressure and experience.\");\n    var now=valueOrDefault(nowEl,\"more aware, but also more complex.\");\n    var remain=valueOrDefault(remainEl,\"curiosity and the desire to understand.\");\n    var future=valueOrDefault(futureEl,\"confidence, direction and trust.\");\n\n    if(generatedEl){\n      generatedEl.textContent=\n        \"When I first began to reason about life, I believed that \"+first+\"\\n\\n\"+\n        \"What changed me most was \"+change+\"\\n\\n\"+\n        \"Today I feel that I am \"+now+\"\\n\\n\"+\n        \"The part of me that still remains is \"+remain+\"\\n\\n\"+\n        \"The part of me I want to rebuild is \"+future;\n    }\n  }\n\n  [firstEl,changeEl,nowEl,remainEl,futureEl].forEach(function(el){\n    if(el){\n      el.addEventListener(\"input\",updateSelf);\n    }\n  });\n\n  if(buildBtn){\n    buildBtn.addEventListener(\"click\",function(){\n      updateSelf();\n      var preview=root.querySelector(\".sv-preview\");\n      if(preview){\n        preview.scrollIntoView({behavior:\"smooth\",block:\"center\"});\n      }\n    });\n  }\n\n  if(copyBtn){\n    copyBtn.addEventListener(\"click\",function(){\n      updateSelf();\n      var text=generatedEl ? generatedEl.textContent : \"\";\n\n      if(navigator.clipboard && navigator.clipboard.writeText){\n        navigator.clipboard.writeText(text).then(function(){\n          if(noteEl){noteEl.textContent=\"Copied. You can now paste it privately, in Growth Profile or in Open Conversation.\";}\n        }).catch(function(){\n          if(noteEl){noteEl.textContent=\"Copy not available. Select the text manually.\";}\n        });\n      }else{\n        if(noteEl){noteEl.textContent=\"Copy not available. Select the text manually.\";}\n      }\n    });\n  }\n\n  updateSelf();\n});\n<\/script>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Changing Self Understand how you became you. A guided reflection on who you were, what changed you and who you are becoming. From the first age of reason to the current self, this page helps you observe changes in identity, beliefs, confidence, fears, hopes and direction. Start reflection \u2192 Growth Profile \u2192 Open Conversation [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1446","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stadiaorg.com\/de\/wp-json\/wp\/v2\/pages\/1446","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stadiaorg.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stadiaorg.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stadiaorg.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stadiaorg.com\/de\/wp-json\/wp\/v2\/comments?post=1446"}],"version-history":[{"count":2,"href":"https:\/\/stadiaorg.com\/de\/wp-json\/wp\/v2\/pages\/1446\/revisions"}],"predecessor-version":[{"id":1448,"href":"https:\/\/stadiaorg.com\/de\/wp-json\/wp\/v2\/pages\/1446\/revisions\/1448"}],"wp:attachment":[{"href":"https:\/\/stadiaorg.com\/de\/wp-json\/wp\/v2\/media?parent=1446"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}