{"id":15374,"date":"2024-04-15T09:38:37","date_gmt":"2024-04-15T07:38:37","guid":{"rendered":"https:\/\/nurturingbubble.com\/?page_id=15374"},"modified":"2026-09-20T17:38:05","modified_gmt":"2026-09-20T15:38:05","slug":"framework","status":"publish","type":"page","link":"https:\/\/nurturingbubble.com\/de\/framework\/","title":{"rendered":"Der Coaching-Prozess"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section sec_lang_en\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row preset--module--divi-row--default\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- G.R.A.C.E. & A.N.M.U.T. Flip Cards -->\n<div class=\"coaching-flipcharts\">\n\n  <!-- =========================\n       ENGLISH \u2014 G.R.A.C.E.\n       ========================= -->\n  <section class=\"flipchart-section\">\n    <h2>\ud83c\udf3f The G.R.A.C.E. Coaching Process \ud83c\udf3f<\/h2>\n    <p class=\"flipchart-subtitle\">\n      A pathway to clarity, compassion and authentic transformation\n    <\/p>\n\n    <div class=\"flipchart-grid\">\n\n      <!-- G -->\n      <div class=\"flip-card\" tabindex=\"0\" role=\"button\" aria-label=\"Flip Goal Clarity card\">\n        <div class=\"flip-card-inner\">\n\n          <div class=\"flip-card-front\">\n            <div class=\"card-letter\">G<\/div>\n            <div class=\"card-icon\">\ud83c\udfaf<\/div>\n            <div class=\"card-title\">Goal Clarity<\/div>\n            <div class=\"card-description\">\n              Clarify what truly matters to you.\n            <\/div>\n          <\/div>\n\n          <div class=\"flip-card-back\">\n            <div class=\"card-title\">Goal Clarity<\/div>\n            <div class=\"card-long-text\">\n              We begin by identifying your true intentions and desired outcomes.\n              Together, we create a vision that feels achievable and meaningful.\n            <\/div>\n            <div class=\"card-question\">\n              \u201cWhat does success feel like for you \u2014 not just look like?\u201d\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <!-- R -->\n      <div class=\"flip-card\" tabindex=\"0\" role=\"button\" aria-label=\"Flip Resourcing card\">\n        <div class=\"flip-card-inner\">\n\n          <div class=\"flip-card-front\">\n            <div class=\"card-letter\">R<\/div>\n            <div class=\"card-icon\">\ud83d\udc8e<\/div>\n            <div class=\"card-title\">Resourcing<\/div>\n            <div class=\"card-description\">\n              Reconnect with your inner strength.\n            <\/div>\n          <\/div>\n\n          <div class=\"flip-card-back\">\n            <div class=\"card-title\">Resourcing<\/div>\n            <div class=\"card-long-text\">\n              We strengthen your foundation by exploring inner and outer\n              resources that support growth and resilience.\n            <\/div>\n            <div class=\"card-question\">\n              \u201cWhat helps you feel grounded, safe, or supported?\u201d\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <!-- A -->\n      <div class=\"flip-card\" tabindex=\"0\" role=\"button\" aria-label=\"Flip Acceptance and Awareness card\">\n        <div class=\"flip-card-inner\">\n\n          <div class=\"flip-card-front\">\n            <div class=\"card-letter\">A<\/div>\n            <div class=\"card-icon\">\ud83d\udc97<\/div>\n            <div class=\"card-title\">Acceptance &amp; Awareness<\/div>\n            <div class=\"card-description\">\n              Meet yourself with compassion.\n            <\/div>\n          <\/div>\n\n          <div class=\"flip-card-back\">\n            <div class=\"card-title\">Acceptance &amp; Awareness<\/div>\n            <div class=\"card-long-text\">\n              Through mindfulness and compassion, we meet emotions and\n              resistance with gentleness to allow transformation.\n            <\/div>\n            <div class=\"card-question\">\n              \u201cCan you allow this feeling to be here, just for a moment?\u201d\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <!-- C -->\n      <div class=\"flip-card\" tabindex=\"0\" role=\"button\" aria-label=\"Flip Curiosity and Exploration card\">\n        <div class=\"flip-card-inner\">\n\n          <div class=\"flip-card-front\">\n            <div class=\"card-letter\">C<\/div>\n            <div class=\"card-icon\">\ud83d\udd0d<\/div>\n            <div class=\"card-title\">Curiosity &amp; Exploration<\/div>\n            <div class=\"card-description\">\n              Discover new perspectives.\n            <\/div>\n          <\/div>\n\n          <div class=\"flip-card-back\">\n            <div class=\"card-title\">Curiosity &amp; Exploration<\/div>\n            <div class=\"card-long-text\">\n              We explore patterns and beliefs with curiosity, uncovering what\n              has held you back and what\u2019s ready to shift.\n            <\/div>\n            <div class=\"card-question\">\n              \u201cWhat new possibilities emerge when you see this differently?\u201d\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <!-- E -->\n      <div class=\"flip-card\" tabindex=\"0\" role=\"button\" aria-label=\"Flip Empowerment and Integration card\">\n        <div class=\"flip-card-inner\">\n\n          <div class=\"flip-card-front\">\n            <div class=\"card-letter\">E<\/div>\n            <div class=\"card-icon\">\ud83d\udd17<\/div>\n            <div class=\"card-title\">Empowerment &amp; Integration<\/div>\n            <div class=\"card-description\">\n              Embody your insights in daily life.\n            <\/div>\n          <\/div>\n\n          <div class=\"flip-card-back\">\n            <div class=\"card-title\">Empowerment &amp; Integration<\/div>\n            <div class=\"card-long-text\">\n              We anchor your insights into daily life, helping you embody your\n              new awareness with confidence and self-trust.\n            <\/div>\n            <div class=\"card-question\">\n              \u201cWhat shifts or insights are you taking from this experience?\u201d\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n<\/div>\n\n\n<style>\n\/* =========================================================\n   MAIN WRAPPER\n   ========================================================= *\/\n\n.coaching-flipcharts {\n  --front-bg: #f8f5f0;\n  --back-bg: #eee8df;\n  --accent: #8b7462;\n  --text: #403a35;\n  --muted: #756b63;\n  --border: rgba(80, 65, 52, 0.12);\n\n  width: 100%;\n}\n\n\n\/* =========================================================\n   SECTION\n   ========================================================= *\/\n\n.flipchart-section {\n  width: 100%;\n  margin: 0 auto 70px;\n}\n\n.flipchart-section h2 {\n  margin: 0 0 10px;\n  text-align: center;\n  color: var(--text);\n}\n\n.flipchart-subtitle {\n  margin: 0 auto 35px;\n  text-align: center;\n  color: var(--muted);\n}\n\n\n\/* =========================================================\n   GRID\n   ========================================================= *\/\n\n.flipchart-grid {\n  display: grid;\n  grid-template-columns: repeat(5, minmax(0, 1fr));\n  gap: 20px;\n  align-items: stretch;\n}\n\n\n\/* =========================================================\n   CARD\n   ========================================================= *\/\n\n.flip-card {\n  width: 100%;\n  height: 400px;\n  perspective: 1200px;\n  cursor: pointer;\n  outline: none;\n}\n\n.flip-card-inner {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  transition: transform 0.7s ease;\n  transform-style: preserve-3d;\n}\n\n.flip-card:hover .flip-card-inner,\n.flip-card.is-flipped .flip-card-inner {\n  transform: rotateY(180deg);\n}\n\n\n\/* =========================================================\n   FRONT + BACK\n   ========================================================= *\/\n\n.flip-card-front,\n.flip-card-back {\n  position: absolute;\n  inset: 0;\n\n  width: 100%;\n  height: 100%;\n\n  padding: 28px 22px;\n\n  box-sizing: border-box;\n\n  border: 1px solid var(--border);\n  border-radius: 16px;\n\n  box-shadow:\n    0 8px 25px rgba(60, 45, 35, 0.08);\n\n  backface-visibility: hidden;\n  -webkit-backface-visibility: hidden;\n\n  display: flex;\n  flex-direction: column;\n\n  text-align: center;\n}\n\n.flip-card-front {\n  background: var(--front-bg);\n  color: var(--text);\n}\n\n.flip-card-back {\n  background: var(--back-bg);\n  color: var(--text);\n  transform: rotateY(180deg);\n}\n\n\n\/* =========================================================\n   IMPORTANT ALIGNMENT SYSTEM\n   ========================================================= *\/\n\n\/*\n   Every front-card element gets its own fixed-height\n   \"slot\". This is what keeps G R A C E aligned.\n*\/\n\n\n\/* 1. LETTER *\/\n\n.card-letter {\n  height: 62px;\n  min-height: 62px;\n\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n\n  font-size: 48px;\n  line-height: 1;\n\n  font-weight: 600;\n  color: var(--accent);\n\n  box-sizing: border-box;\n}\n\n\n\/* 2. ICON *\/\n\n.card-icon {\n  height: 48px;\n  min-height: 48px;\n\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n\n  font-size: 28px;\n  line-height: 1.1;\n\n  box-sizing: border-box;\n}\n\n\n\/* 3. HEADLINE *\/\n\n.card-title {\n  height: 58px;\n  min-height: 58px;\n\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n\n  padding-top: 4px;\n\n  font-size: 19px;\n  line-height: 1.25;\n\n  font-weight: 600;\n\n  color: var(--text);\n\n  box-sizing: border-box;\n}\n\n\n\/* 4. DESCRIPTION *\/\n\n.card-description {\n  height: 100px;\n  min-height: 100px;\n\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n\n  padding-top: 5px;\n\n  font-size: 15px;\n  line-height: 1.55;\n\n  color: var(--muted);\n\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   FLIP HINT\n   ========================================================= \n\n.flip-hint {\n  margin-top: auto;\n\n  padding-top: 15px;\n\n  font-size: 12px;\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n\n  color: var(--accent);\n}*\/\n\n\n\/* =========================================================\n   BACK OF CARD\n   ========================================================= *\/\n\n.flip-card-back .card-title {\n  height: auto;\n  min-height: 0;\n\n  margin-bottom: 22px;\n\n  font-size: 20px;\n}\n\n.card-long-text {\n  font-size: 15px;\n  line-height: 1.6;\n  color: var(--text);\n}\n\n.card-question {\n  margin-top: auto;\n\n  padding-top: 25px;\n\n  font-size: 14px;\n  line-height: 1.55;\n\n  font-style: italic;\n  color: var(--accent);\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1100px) {\n\n  .flipchart-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .flip-card {\n    height: 430px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .flipchart-grid {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n\n  .flip-card {\n    height: 420px;\n  }\n\n  .flip-card-front,\n  .flip-card-back {\n    padding: 25px 22px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .flip-card-inner {\n    transition: none;\n  }\n\n}\n<\/style>\n\n\n<script>\n(function () {\n\n  const cards = document.querySelectorAll(\".coaching-flipcharts .flip-card\");\n\n  cards.forEach(function (card) {\n\n    card.addEventListener(\"click\", function () {\n      card.classList.toggle(\"is-flipped\");\n    });\n\n    card.addEventListener(\"keydown\", function (event) {\n\n      if (event.key === \"Enter\" || event.key === \" \") {\n\n        event.preventDefault();\n\n        card.classList.toggle(\"is-flipped\");\n\n      }\n\n    });\n\n  });\n\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_flex_section sec_lang_de\">\n<div class=\"et_pb_row_1 et_pb_row et_flex_row preset--module--divi-row--default\">\n<div class=\"et_pb_column_1 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- G.R.A.C.E. & A.N.M.U.T. Flip Cards -->\n<div class=\"coaching-flipcharts\">\n\n\n  <!-- =========================\n       GERMAN \u2014 A.N.M.U.T.\n       ========================= -->\n  <section class=\"flipchart-section german-section\">\n    <h2>\ud83c\udf3f Der G.R.A.C.E. Coaching-Prozess \ud83c\udf3f<\/h2>\n    <p class=\"flipchart-subtitle\">\n      Ein Weg zu innerer Klarheit, Selbstmitgef\u00fchl und authentischer Ver\u00e4nderung\n    <\/p>\n\n    <div class=\"flipchart-grid\">\n\n      <!-- G -->\n      <div class=\"flip-card\" tabindex=\"0\" role=\"button\" aria-label=\"Flip Ausrichtung und Absicht card\">\n        <div class=\"flip-card-inner\">\n\n          <div class=\"flip-card-front\">\n            <div class=\"card-letter\">G<\/div>\n            <div class=\"card-icon\">\ud83c\udfaf<\/div>\n            <div class=\"card-title-en\">Goal Identification<\/div>\n              <div class=\"card-title-de\">Ziele erkennen<\/div>\n            <div class=\"card-description\">\n              Ziele kl\u00e4ren und innere Richtung finden.\n            <\/div>\n         <\/div>\n\n          <div class=\"flip-card-back\">\n            <div class=\"card-title\">Ziele erkennen<\/div>\n            <div class=\"card-long-text\">\n              Wir beginnen mit der Kl\u00e4rung deiner wahren Ziele und Absichten.\n              Dabei geht es nicht nur um Ergebnisse, sondern um Sinn und\n              emotionale Erf\u00fcllung.\n            <\/div>\n            <div class=\"card-question\">\n              \u201cWas ist dir wirklich wichtig \u2014 und wie soll es sich anf\u00fchlen?\u201d\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- R -->\n      <div class=\"flip-card\" tabindex=\"0\" role=\"button\" aria-label=\"Flip N\u00e4hren und Ressourcen aktivieren card\">\n        <div class=\"flip-card-inner\">\n\n          <div class=\"flip-card-front\">\n            <div class=\"card-letter\">R<\/div>\n            <div class=\"card-icon\">\ud83d\udc8e<\/div>\n            <div class=\"card-title-en\">Resourcing<\/div>\n            <div class=\"card-title-de\">Ressourcen aktivieren<\/div>\n            <div class=\"card-description\">\n              Innere St\u00e4rke und \u00e4u\u00dfere Unterst\u00fctzung erkennen.\n            <\/div>\n          <\/div>\n\n          <div class=\"flip-card-back\">\n            <div class=\"card-title\">Ressourcen aktivieren<\/div>\n            <div class=\"card-long-text\">\n              Wir machen vorhandene Ressourcen sichtbar - innnere Qualit\u00e4ten,\n              unterst\u00fctzende Menschen, Routinen oder Erfahrungen, die dich\n              st\u00e4rken.\n            <\/div>\n            <div class=\"card-question\">\n              \u201cWas hilft dir, dich sicher, geerdet und getragen zu f\u00fchlen?\u201d\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- A -->\n      <div class=\"flip-card\" tabindex=\"0\" role=\"button\" aria-label=\"Flip Mitgef\u00fchl und Annahme card\">\n        <div class=\"flip-card-inner\">\n\n          <div class=\"flip-card-front\">\n            <div class=\"card-letter\">A<\/div>\n            <div class=\"card-icon\">\ud83d\udc97<\/div>\n            <div class=\"card-title-en\">Acceptance<br> &amp; Awareness<\/div>\n             <div class=\"card-title-de\">Annahme<br> &amp; Bewusstheit<\/div>\n            <div class=\"card-description\">\n              Selbstakzeptanz und Achtsamkeit kultivieren.\n            <\/div>\n          <\/div>\n\n          <div class=\"flip-card-back\">\n            <div class=\"card-title\">Annahme &amp; Bewusstheit<\/div>\n            <div class=\"card-long-text\">\n              Wir \u00fcben, Gedanken und Gef\u00fchle mit Mitgef\u00fchl zu betrachten.\n              So entsteht Raum f\u00fcr Heilung, Selbstakzeptanz und inneren Frieden\n            <\/div>\n            <div class=\"card-question\">\n              \u201cKannst du dieses Gef\u00fchl einfach einen Moment da sein lassen?\u201d\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <!-- C -->\n      <div class=\"flip-card\" tabindex=\"0\" role=\"button\" aria-label=\"Flip Untersuchung und Entfaltung card\">\n        <div class=\"flip-card-inner\">\n\n          <div class=\"flip-card-front\">\n            <div class=\"card-letter\">C<\/div>\n            <div class=\"card-icon\">\ud83d\udd0d<\/div>\n            <div class=\"card-title-en\">Curiosity<br> &amp; Exploration<\/div>\n             <div class=\"card-title-de\">Neugier<br> &amp; Erkundung<\/div>\n            <div class=\"card-description\">\n              Mit Neugier erforschen, was in dir wirkt.\n            <\/div>\n          <\/div>\n\n          <div class=\"flip-card-back\">\n            <div class=\"card-title\">Neugier &amp; Erkundung<\/div>\n            <div class=\"card-long-text\">\n              Wir erforschen deine Muster und Glaubenss\u00e4tze mit Offenheit und\n              Neugier, um neue Perspektiven und Handlungsspielr\u00e4ume zu gewinnen.\n            <\/div>\n            <div class=\"card-question\">\n              \u201cWas ver\u00e4ndert sich, wenn du diese Situation mit neuen Augen\n              betrachtest?\u201d\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <!-- E -->\n      <div class=\"flip-card\" tabindex=\"0\" role=\"button\" aria-label=\"Flip Transformation und Integration card\">\n        <div class=\"flip-card-inner\">\n\n          <div class=\"flip-card-front\">\n            <div class=\"card-letter\">E<\/div>\n            <div class=\"card-icon\">\ud83d\udd17<\/div>\n            <div class=\"card-title-en\">Empowerment<br> &amp; Integration<\/div>\n            <div class=\"card-title-de\">Selbstwirksamkeit<br> &amp; Integration<\/div>\n            <div class=\"card-description\">\n              Erkenntnisse verankern und Selbstwirksamkeit st\u00e4rken.\n            <\/div>\n          <\/div>\n\n          <div class=\"flip-card-back\">\n            <div class=\"card-title\">Selbstwirksamkeit &amp; Integration<\/div>\n            <div class=\"card-long-text\">\n              Die gewonnenen Einsichten werden im Alltag verankert. Sie st\u00e4rken\n              Selbstvertrauen und verk\u00f6rpern deine neue Haltung im Leben.\n            <\/div>\n            <div class=\"card-question\">\n              \u201cWie kannst du das, was du hier erkannt hast, in dein t\u00e4gliches\n              Leben einflie\u00dfen lassen?\u201d\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<\/div>\n\n\n<style>\n\/* =========================================================\n   MAIN WRAPPER\n   ========================================================= *\/\n\n.coaching-flipcharts {\n  --front-bg: #f8f5f0;\n  --back-bg: #eee8df;\n  --accent: #8b7462;\n  --text: #403a35;\n  --muted: #756b63;\n  --border: rgba(80, 65, 52, 0.12);\n\n  width: 100%;\n}\n\n\n\/* =========================================================\n   SECTION\n   ========================================================= *\/\n\n.flipchart-section {\n  width: 100%;\n  margin: 0 auto 70px;\n}\n\n.flipchart-section h2 {\n  margin: 0 0 10px;\n  text-align: center;\n  color: var(--text);\n}\n\n.flipchart-subtitle {\n  margin: 0 auto 35px;\n  text-align: center;\n  color: var(--muted);\n}\n\n\n\/* =========================================================\n   GRID\n   ========================================================= *\/\n\n.flipchart-grid {\n  display: grid;\n  grid-template-columns: repeat(5, minmax(0, 1fr));\n  gap: 20px;\n  align-items: stretch;\n}\n\n\n\/* =========================================================\n   CARD\n   ========================================================= *\/\n\n.flip-card {\n  width: 100%;\n  height: 400px;\n  perspective: 1200px;\n  cursor: pointer;\n  outline: none;\n}\n\n.flip-card-inner {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  transition: transform 0.7s ease;\n  transform-style: preserve-3d;\n}\n\n.flip-card:hover .flip-card-inner,\n.flip-card.is-flipped .flip-card-inner {\n  transform: rotateY(180deg);\n}\n\n\n\/* =========================================================\n   FRONT + BACK\n   ========================================================= *\/\n\n.flip-card-front,\n.flip-card-back {\n  position: absolute;\n  inset: 0;\n\n  width: 100%;\n  height: 100%;\n\n  padding: 28px 22px;\n\n  box-sizing: border-box;\n\n  border: 1px solid var(--border);\n  border-radius: 16px;\n\n  box-shadow:\n    0 8px 25px rgba(60, 45, 35, 0.08);\n\n  backface-visibility: hidden;\n  -webkit-backface-visibility: hidden;\n\n  display: flex;\n  flex-direction: column;\n\n  text-align: center;\n}\n\n.flip-card-front {\n  background: var(--front-bg);\n  color: var(--text);\n}\n\n.flip-card-back {\n  background: var(--back-bg);\n  color: var(--text);\n  transform: rotateY(180deg);\n}\n\n\n\/* =========================================================\n   IMPORTANT ALIGNMENT SYSTEM\n   ========================================================= *\/\n\n\/*\n   Every front-card element gets its own fixed-height\n   \"slot\". This is what keeps G R A C E aligned.\n*\/\n\n\n\/* 1. LETTER *\/\n\n.card-letter {\n  height: 62px;\n  min-height: 62px;\n\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n\n  font-size: 48px;\n  line-height: 1;\n\n  font-weight: 600;\n  color: var(--accent);\n\n  box-sizing: border-box;\n}\n\n\n\/* 2. ICON *\/\n\n.card-icon {\n  height: 48px;\n  min-height: 48px;\n\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n\n  font-size: 28px;\n  line-height: 1.1;\n\n  box-sizing: border-box;\n}\n\n\n\/* 3. HEADLINE *\/\n\n.card-title-en {\n  height: 60px;\n  min-height: 60px;\n\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n\n  padding-top: 4px;\n\n  font-size: 18px;\n  line-height: 1.25;\n\n  font-weight: 400;\n\n  color: var(--text);\n\n  box-sizing: border-box;\n}\n\n.card-title-de {\n  height: 72px;\n  min-height: 72px;\n\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n\n  padding-top: 4px;\n\n  font-size: 20px;\n  line-height: 1.25;\n\n  font-weight: 600;\n\n  color: var(--text);\n\n  box-sizing: border-box;\n}\n  \n\/* 4. DESCRIPTION *\/\n\n.card-description {\n  height: 100px;\n  min-height: 100px;\n\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n\n  padding-top: 5px;\n\n  font-size: 15px;\n  line-height: 1.55;\n\n  color: var(--muted);\n\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   FLIP HINT\n   ========================================================= *\/\n\n.flip-hint {\n  margin-top: auto;\n\n  padding-top: 15px;\n\n  font-size: 12px;\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n\n  color: var(--accent);\n}\n\n\n\/* =========================================================\n   BACK OF CARD\n   ========================================================= *\/\n\n.flip-card-back .card-title {\n  height: auto;\n  min-height: 0;\n\n  margin-bottom: 22px;\n\n  font-size: 20px;\n}\n\n.card-long-text {\n  font-size: 15px;\n  line-height: 1.6;\n  color: var(--text);\n}\n\n.card-question {\n  margin-top: auto;\n\n  padding-top: 25px;\n\n  font-size: 14px;\n  line-height: 1.55;\n\n  font-style: italic;\n  color: var(--accent);\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1100px) {\n\n  .flipchart-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .flip-card {\n    height: 430px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .flipchart-grid {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n\n  .flip-card {\n    height: 420px;\n  }\n\n  .flip-card-front,\n  .flip-card-back {\n    padding: 25px 22px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .flip-card-inner {\n    transition: none;\n  }\n\n}\n<\/style>\n\n\n<script>\n(function () {\n\n  const cards = document.querySelectorAll(\".coaching-flipcharts .flip-card\");\n\n  cards.forEach(function (card) {\n\n    card.addEventListener(\"click\", function () {\n      card.classList.toggle(\"is-flipped\");\n    });\n\n    card.addEventListener(\"keydown\", function (event) {\n\n      if (event.key === \"Enter\" || event.key === \" \") {\n\n        event.preventDefault();\n\n        card.classList.toggle(\"is-flipped\");\n\n      }\n\n    });\n\n  });\n\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15374","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nurturingbubble.com\/de\/wp-json\/wp\/v2\/pages\/15374","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nurturingbubble.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nurturingbubble.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nurturingbubble.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nurturingbubble.com\/de\/wp-json\/wp\/v2\/comments?post=15374"}],"version-history":[{"count":112,"href":"https:\/\/nurturingbubble.com\/de\/wp-json\/wp\/v2\/pages\/15374\/revisions"}],"predecessor-version":[{"id":987539145,"href":"https:\/\/nurturingbubble.com\/de\/wp-json\/wp\/v2\/pages\/15374\/revisions\/987539145"}],"wp:attachment":[{"href":"https:\/\/nurturingbubble.com\/de\/wp-json\/wp\/v2\/media?parent=15374"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}