(set: $genussBesucht to true)
<div class="gr-root">
<div class="gr-hero">
<canvas id="gr-canvas"></canvas>
<div class="gr-hero-bg-fallback"></div>
<div class="gr-hero-text">
<div class="gr-eyebrow">Spaces Between · Genussraum</div>
<div class="gr-title">Was du genießt,<br><em>verrät, wer du bist.</em></div>
<div class="gr-sub">Ein Raum zum Erspüren. Nicht zum Analysieren.</div>
</div>
</div>
<div class="gr-divider"></div>
<div class="gr-intro">
<p class="gr-intro-lead">Genuss ist nie neutral. Er trägt deine Geschichte in sich – Kindheit, Kultur, Sehnsucht.</p>
<p class="gr-intro-body">Erkunde zuerst den Raum. Dreh die Karten um, die dich ansprechen. Es gibt keine richtige Reihenfolge.</p>
</div>
<div class="gr-cards-label">Den Raum erkunden</div>
<div class="gr-cards">
<div class="gr-fc" id="gr-fc1" onclick="grFlipCard('gr-fc1')">
<div class="gr-fc-inner">
<div class="gr-fc-front">
<div class="gr-fc-word">Genuss</div>
<div class="gr-fc-line1">ist</div>
<div class="gr-fc-line2">Erlaubnis</div>
<div class="gr-fc-hint">↻ umdrehen</div>
</div>
<div class="gr-fc-back">
<div class="gr-fc-back-text">Sie stand vor der Theke und merkte, wie automatisch sie nach dem „vernünftigen“ Griff suchte. Dann hielt sie inne. Heute nicht. Heute durfte es das Stück sein, das sie schon seit Wochen ansah.<br><br>Als sie hineinbiss, schmeckte sie nicht nur Süße, sondern dieses kleine, rebellische <em>„Ich darf“.</em></div>
</div>
</div>
</div>
<div class="gr-fc" id="gr-fc2" onclick="grFlipCard('gr-fc2')">
<div class="gr-fc-inner">
<div class="gr-fc-front">
<div class="gr-fc-word">Genuss</div>
<div class="gr-fc-line1">ist</div>
<div class="gr-fc-line2">Verbindung</div>
<div class="gr-fc-hint">↻ umdrehen</div>
</div>
<div class="gr-fc-back">
<div class="gr-fc-back-text">Der Tisch war vollgestellt, jeder griff nach etwas anderem, und doch trafen sich ihre Hände immer wieder in der Mitte. Ein Lachen, ein „Probier mal“. Und plötzlich war da dieser Geschmack, der sie an einen Sommer vor Jahren erinnerte. <br><br>Nicht um zu entkommen, sondern um <em>ganz anzukommen.</em></div>
</div>
</div>
</div>
<div class="gr-fc" id="gr-fc3" onclick="grFlipCard('gr-fc3')">
<div class="gr-fc-inner">
<div class="gr-fc-front">
<div class="gr-fc-word">Genuss</div>
<div class="gr-fc-line1">ist</div>
<div class="gr-fc-line2">Aufmerksamkeit</div>
<div class="gr-fc-hint">↻ umdrehen</div>
</div>
<div class="gr-fc-back">
<div class="gr-fc-back-text">Er nahm den ersten Schluck und bemerkte plötzlich, wie selten er wirklich schmeckte. Wie oft er trank, ohne zu merken, was er da eigentlich tat.<br><br>Diesmal blieb er stehen, ließ die Aromen <em>ankommen</em>. Ein winziger Moment, der sich anfühlte wie ein geöffnetes Fenster im Kopf.</div>
</div>
</div>
</div>
<div class="gr-fc" id="gr-fc4" onclick="grFlipCard('gr-fc4')">
<div class="gr-fc-inner">
<div class="gr-fc-front">
<div class="gr-fc-word">Genuss</div>
<div class="gr-fc-line1">ist</div>
<div class="gr-fc-line2">Selbstfürsorge</div>
<div class="gr-fc-hint">↻ umdrehen</div>
</div>
<div class="gr-fc-back">
<div class="gr-fc-back-text">Sie legte die Decke über die Beine, stellte die Schale vor sich ab und atmete tief ein. Nicht, weil sie es „verdient“ hatte. Nicht, weil sie etwas leisten musste. Sondern weil dieser kleine Akt warm, weich, freundlicht war. <br><br>Eine Art sich selbst die Hand zu reichen. Du darfst jetzt <em>innehalten</em>.</div>
</div>
</div>
</div>
</div>
<div class="gr-cta">
[[Genussraum Objekte]]
<div class="gr-cta-hint">Jederzeit möglich · auch ohne alle Karten umzudrehen</div>
</div>
</div>(set: $kaffeeDone to (history: ) contains "Kaffee Tee") (set: $chipsDone to (history: ) contains "Paprika Chips") (set: $monDone to (history: ) contains "Mon Cheri")
<div class="gr-obj-screen">
<p class="gr-obj-headline">Drei Objekte.<br>Deine Reihenfolge.</p>
<p class="gr-obj-sub">Wähle, was dich anzieht. Du kannst jederzeit zurückkehren.</p>
<div class="gr-obj-cards">
<div class="gr-obj-card">
<div class="gr-obj-img">
<img src="https://vibeswithvalue.com/wp-content/uploads/2026/04/Cappuccino.jpg" alt="Kaffee und Tee">
</div>
<div class="gr-obj-body">
<div class="gr-obj-name">Kaffee oder Tee?</div>
<div class="gr-obj-desc">Zwei Rituale. Zwei Weltbilder. Ein stilles Missverständnis.</div>
(if: $kaffeeDone)[<div class="gr-obj-link done">✓ Besucht</div>]
(else:)[<div class="gr-obj-link">[[Erkunden →->Kaffee Tee]]</div>]
</div>
</div>
<div class="gr-obj-card">
<div class="gr-obj-img">
<img src="https://vibeswithvalue.com/wp-content/uploads/2026/04/Chips.jpg" alt="Chips">
</div>
<div class="gr-obj-body">
<div class="gr-obj-name">Paprika-Chips</div>
<div class="gr-obj-desc">Was du vermisst, wenn es nicht da ist – und warum du es nicht erklären kannst.</div>
(if: $chipsDone)[<div class="gr-obj-link done">✓ Besucht</div>]
(else:)[<div class="gr-obj-link">[[Erkunden →->Paprika Chips]]</div>]
</div>
</div>
<div class="gr-obj-card">
<div class="gr-obj-img">
<img src="https://vibeswithvalue.com/wp-content/uploads/2025/07/Bild-Mon-Cheri_3.png" alt="Mon Cheri">
</div>
<div class="gr-obj-body">
<div class="gr-obj-name">Mon Chéri</div>
<div class="gr-obj-desc">Omas Anrichte oder europäischer Schatz? Was wir abwerten, sagt mehr als wir denken.</div>
(if: $monDone)[<div class="gr-obj-link done">✓ Besucht</div>]
(else:)[<div class="gr-obj-link">[[Erkunden →->Mon Cheri]]</div>]
</div>
</div>
</div>
(if: $kaffeeDone or $chipsDone or $monDone)[
<div class="gr-cta" style="margin-top: 32px;">
[[Was bleibt – Reflexion →->Genussraum Reflexion]]
<div class="gr-cta-hint">Alle drei Objekte erkundet</div>
</div>
]
</div>(set: $wohnBesucht to true)
<div class="gr-root">
<div class="gr-hero">
<canvas id="gr-canvas"></canvas>
<div class="gr-hero-bg-fallback"></div>
<div class="gr-hero-text">
<div class="gr-eyebrow">Spaces Between · Wohnraum</div>
<div class="gr-title">Wie du wohnst,<br><em>spiegelt dein Innenleben.</em></div>
<div class="gr-sub">Ein Raum zum Erspüren. Nicht zum Analysieren.</div>
</div>
</div>
<div class="gr-divider"></div>
<div class="gr-intro">
<p class="gr-intro-lead">Architektur ist die stille Sprache, die unserer
Identität, Sehnsucht und Lebensphilosophie Ausdruck verleiht.</p>
<p class="gr-intro-body">Erkunde zuerst den Raum. Dreh die Karten um, die dich ansprechen. Es gibt keine richtige Reihenfolge.</p>
</div>
<div class="gr-cards-label">Den Raum erkunden</div>
<div class="gr-cards">
<div class="gr-fc" id="gr-fc1" onclick="grFlipCard('gr-fc1')">
<div class="gr-fc-inner">
<div class="gr-fc-front">
<div class="gr-fc-word">Wohnraum</div>
<div class="gr-fc-line1">ist</div>
<div class="gr-fc-line2">Orientierung</div>
<div class="gr-fc-hint">↻ umdrehen</div>
</div>
<div class="gr-fc-back">
<div class="gr-fc-back-text">Sie blieb im Türrahmen stehen und sah sich um. Nichts hatte sich verändert, und doch fühlte sich der Raum anders an. Vielleicht, weil sie selbst anders hineinging.<br><br>Orientierung war kein Kompass, eher ein <em>Wiedererkennen</em>.</div>
</div>
</div>
</div>
<div class="gr-fc" id="gr-fc2" onclick="grFlipCard('gr-fc2')">
<div class="gr-fc-inner">
<div class="gr-fc-front">
<div class="gr-fc-word">Wohnraum</div>
<div class="gr-fc-line1">ist</div>
<div class="gr-fc-line2">Echtheit</div>
<div class="gr-fc-hint">↻ umdrehen</div>
</div>
<div class="gr-fc-back">
<div class="gr-fc-back-text">Der Spiegel war nicht schmeichelhaft. Er zeigte Falten, Schatten, Spuren. Aber als sie genauer hinsah, entdeckte sie etwas anderes: eine Präsenz, die nicht mehr versuchte, jemand zu sein. <br><br>Sie begegnet sich selbst ohne Filter, <em>einfach wahr</em>.</div>
</div>
</div>
</div>
<div class="gr-fc" id="gr-fc3" onclick="grFlipCard('gr-fc3')">
<div class="gr-fc-inner">
<div class="gr-fc-front">
<div class="gr-fc-word">Wohnraum</div>
<div class="gr-fc-line1">ist</div>
<div class="gr-fc-line2">Wärme</div>
<div class="gr-fc-hint">↻ umdrehen</div>
</div>
<div class="gr-fc-back">
<div class="gr-fc-back-text">Er legte die Hand auf die Heizung, die gerade erst warm wurde. Ein unscheinbarer Moment, aber er erinnerte ihn daran, wie gut es tat, wenn etwas von außen freundlich war. <br><br>Wärme war kein Luxus - sie war ein <em>Grundbedürfnis</em>.</div>
</div>
</div>
</div>
<div class="gr-fc" id="gr-fc4" onclick="grFlipCard('gr-fc4')">
<div class="gr-fc-inner">
<div class="gr-fc-front">
<div class="gr-fc-word">Wohnraum</div>
<div class="gr-fc-line1">ist</div>
<div class="gr-fc-line2">Weite</div>
<div class="gr-fc-hint">↻ umdrehen</div>
</div>
<div class="gr-fc-back">
<div class="gr-fc-back-text">Sie öffnete die Balkontür, und der Raum atmete mit ihr aus. Die Luft strich über ihre Haut, und plötzlich war da dieses Gefühl von Möglichkeit. Nicht alles war eng. <br><br>Nicht alles war entschieden. Es gab noch <em>Platz</em>.</div>
</div>
</div>
</div>
</div>
<div class="gr-cta">
[[Wohnraum Objekte]]
<div class="gr-cta-hint">Jederzeit möglich · auch ohne alle Karten umzudrehen</div>
</div>
</div>(set: $klimaBesucht to true)
<div class="gr-root">
<div class="gr-hero">
<canvas id="gr-canvas"></canvas>
<div class="gr-hero-bg-fallback"></div>
<div class="gr-hero-text">
<div class="gr-eyebrow">Spaces Between · Klimaraum</div>
<div class="gr-title">Wie du in Kontakt gehst,<br><em>bestimmt das Klima.</em></div>
<div class="gr-sub">Ein Raum zum Erspüren. Nicht zum Analysieren.</div>
</div>
</div>
<div class="gr-divider"></div>
<div class="gr-intro">
<p class="gr-intro-lead">Manchmal ist Klima kein Wetter, sondern ein Gefühl: die Art, wie Menschen Nähe dosieren, wie viel Klarheit sie ertragen und wie ein Raum Spannung auflöst,
</p>
<p class="gr-intro-body">Erkunde zuerst den Raum. Dreh die Karten um, die dich ansprechen. Es gibt keine richtige Reihenfolge.</p>
</div>
<div class="gr-cards-label">Den Raum erkunden</div>
<div class="gr-cards">
<div class="gr-fc" id="gr-fc1" onclick="grFlipCard('gr-fc1')">
<div class="gr-fc-inner">
<div class="gr-fc-front">
<div class="gr-fc-word">Klimaraum</div>
<div class="gr-fc-line1">ist</div>
<div class="gr-fc-line2">Temperatur</div>
<div class="gr-fc-hint">↻ umdrehen</div>
</div>
<div class="gr-fc-back">
<div class="gr-fc-back-text">Die Luft war kühl, fast zurückhaltend. Manchmal fror sie in Gesprächen, ohne dass jemand etwas gesagt hatte. Und manchmal reichte ein warmer Blick, um alles aufzutauen.<br><br> Temperatur war die <em>Sprache</em>, die sie sprach, ohne ein Wort zu benutzen.</div>
</div>
</div>
</div>
<div class="gr-fc" id="gr-fc2" onclick="grFlipCard('gr-fc2')">
<div class="gr-fc-inner">
<div class="gr-fc-front">
<div class="gr-fc-word">Klimaraum</div>
<div class="gr-fc-line1">ist</div>
<div class="gr-fc-line2">Luftdruck</div>
<div class="gr-fc-hint">↻ umdrehen</div>
</div>
<div class="gr-fc-back">
<div class="gr-fc-back-text">Der Druck war nicht laut. Er war ein feines Summen, das sich in den Brustkorb legte, kaum sichtbar, aber spürbar. Ein Klima, das Entscheidungen verlangte, bevor sie bereit war.<br><br>
Luftdruck zeigte ihr, wo <em>Spannung</em> entstand, und wo sie <em> Halt </em>brauchte.</div>
</div>
</div>
</div>
<div class="gr-fc" id="gr-fc3" onclick="grFlipCard('gr-fc3')">
<div class="gr-fc-inner">
<div class="gr-fc-front">
<div class="gr-fc-word">Klimaraum</div>
<div class="gr-fc-line1">ist</div>
<div class="gr-fc-line2">Feuchtigkeit</div>
<div class="gr-fc-hint">↻ umdrehen</div>
</div>
<div class="gr-fc-back">
<div class="gr-fc-back-text">Die Luft war weich, fast körperlich. Ein Klima, das Nähe nicht erzwang, sondern ermöglichte. Sie merkte, wie sie durchlässiger wurde. Nicht verletzlich, sondern offen.<br><br>Feuchtigkeit war das Klima, das <em>Verbindung</em> entstehen ließ.</div>
</div>
</div>
</div>
<div class="gr-fc" id="gr-fc4" onclick="grFlipCard('gr-fc4')">
<div class="gr-fc-inner">
<div class="gr-fc-front">
<div class="gr-fc-word">Klimaraum</div>
<div class="gr-fc-line1">ist</div>
<div class="gr-fc-line2">Klarheit</div>
<div class="gr-fc-hint">↻ umdrehen</div>
</div>
<div class="gr-fc-back">
<div class="gr-fc-back-text">Nach dem Regen war die Luft klar. Alles wirkte schärfer, aber nicht härter. Ein Klima, das nicht drängte, sondern ordnete.<br><br>
Klarheit brachte sie in <em>Balance</em> - nicht durch Kontrolle, sondern durch Sicht.</div>
</div>
</div>
</div>
</div>
<div class="gr-cta">
[[Klimaraum Objekte]]
<div class="gr-cta-hint">Jederzeit möglich · auch ohne alle Karten umzudrehen</div>
</div>
</div>(set: $klangBesucht to true)
<div class="gr-root">
<div class="gr-hero">
<canvas id="gr-canvas"></canvas>
<div class="gr-hero-bg-fallback"></div>
<div class="gr-hero-text">
<div class="gr-eyebrow">Spaces Between · Klangraum</div>
<div class="gr-title">Wie du anderen begegnest,<br><em>bestimmt den Klang.</em></div>
<div class="gr-sub">Ein Raum zum Erspüren. Nicht zum Analysieren.</div>
</div>
</div>
<div class="gr-divider"></div>
<div class="gr-intro">
<p class="gr-intro-lead">Begegnungen sind Musik: Tonarten und Rhythmen berühren sich. Harmonie und Dissonanz liegen nah beieinander.</p>
<p class="gr-intro-body">Erkunde zuerst den Raum. Dreh die Karten um, die dich ansprechen. Es gibt keine richtige Reihenfolge.</p>
</div>
<div class="gr-cards-label">Den Raum erkunden</div>
<div class="gr-cards">
<div class="gr-fc" id="gr-fc1" onclick="grFlipCard('gr-fc1')">
<div class="gr-fc-inner">
<div class="gr-fc-front">
<div class="gr-fc-word">Klangraum</div>
<div class="gr-fc-line1">ist</div>
<div class="gr-fc-line2">Arrangement</div>
<div class="gr-fc-hint">↻ umdrehen</div>
</div>
<div class="gr-fc-back">
<div class="gr-fc-back-text">Ihre Stimmen lagen übereinander wie verschiedene Instrumente und Tonlagen – manchmal harmonisch, manchmal schräg. Und doch entstand etwas Gemeinsames, sobald sie wirklich hinhörten..<br><br>Arrangement war kein Unisono, sondern ein <em>Miteinander</em>.</div>
</div>
</div>
</div>
<div class="gr-fc" id="gr-fc2" onclick="grFlipCard('gr-fc2')">
<div class="gr-fc-inner">
<div class="gr-fc-front">
<div class="gr-fc-word">Klangraum</div>
<div class="gr-fc-line1">ist</div>
<div class="gr-fc-line2">Dynamik</div>
<div class="gr-fc-hint">↻ umdrehen</div>
</div>
<div class="gr-fc-back">
<div class="gr-fc-back-text">Er sprach leise, fast zurückgenommen, während sie in klaren Akzenten antwortete. Zwischen ihnen lagen Pausen, Untertöne, kleine Verschiebungen. Nicht das Gesagte trug das Gespräch, sondern das, was mitschwang.<br><br>Dynamik war die <em>Emotion</em>, die sich zwischen den Worten bewegte.</div>
</div>
</div>
</div>
<div class="gr-fc" id="gr-fc3" onclick="grFlipCard('gr-fc3')">
<div class="gr-fc-inner">
<div class="gr-fc-front">
<div class="gr-fc-word">Klangraum</div>
<div class="gr-fc-line1">ist</div>
<div class="gr-fc-line2">Tempo</div>
<div class="gr-fc-hint">↻ umdrehen</div>
</div>
<div class="gr-fc-back">
<div class="gr-fc-back-text">Manche Gespräche endeten wie ein Fade‑out: weich, langsam, fast unmerklich. Andere brauchten ein klares Finale, einen Punkt, der stehen blieb. Jede Kultur hatte ihr eigenes Tempo für Abschiede.<br><br>Tempo spiegelt das <em>Loslassen</em> und das <em>Bleiben</em>.</div>
</div>
</div>
</div>
<div class="gr-fc" id="gr-fc4" onclick="grFlipCard('gr-fc4')">
<div class="gr-fc-inner">
<div class="gr-fc-front">
<div class="gr-fc-word">Klangraum</div>
<div class="gr-fc-line1">ist</div>
<div class="gr-fc-line2">Resonanz</div>
<div class="gr-fc-hint">↻ umdrehen</div>
</div>
<div class="gr-fc-back">
<div class="gr-fc-back-text">Nach dem Gespräch blieb etwas zurück – ein Nachklang, der nicht laut war, aber spürbar. Manchmal war es Wärme, manchmal Irritation, manchmal ein leises Weiterklingen.<br><br>Resonanz war <em>Verbindung</em>, die bleibt auch wenn das Gespräch längst vorbei war.</div>
</div>
</div>
</div>
</div>
<div class="gr-cta">
[[Klangraum Objekte]]
<div class="gr-cta-hint">Jederzeit möglich · auch ohne alle Karten umzudrehen</div>
</div>(set: $blueDone to (history: ) contains "Blue Notes") (set: $arrangementDone to (history: ) contains "Arrandement") (set: $tempiDone to (history: ) contains "Tempi")
<div class="gr-obj-screen">
<p class="gr-obj-headline">Drei Objekte.<br>Deine Reihenfolge.</p>
<p class="gr-obj-sub">Wähle, was dich anzieht. Du kannst jederzeit zurückkehren.</p>
<div class="gr-obj-cards">
<div class="gr-obj-card">
<div class="gr-obj-img">
<img src="https://vibeswithvalue.com/wp-content/uploads/2026/04/jazz.jpg" alt="Blue Notes">
</div>
<div class="gr-obj-body">
<div class="gr-obj-name">Klang</div>
<div class="gr-obj-desc">Zwischen festen Einsätzen und freien Linien entsteht ein gemeinsamer Raum – einer, der nicht Harmonie verlangt, sondern Zuhören.
</div>
(if: $blueDone)[<div class="gr-obj-link done">✓ Besucht</div>]
(else:)[<div class="gr-obj-link">[[Erkunden →->Blue Notes]]</div>]
</div>
</div>
<div class="gr-obj-card">
<div class="gr-obj-img">
<img src="https://vibeswithvalue.com/wp-content/uploads/2026/04/piano.jpg" alt="Piano">
</div>
<div class="gr-obj-body">
<div class="gr-obj-name">Arrangement</div>
<div class="gr-obj-desc">Emotion lässt sich spielen wie Musik: mal klar und direkt wie ein Klavier, mal andeutungsreich wie ein Streichquartett. Zwischen Offenheit und Andeutung entsteht ein Raum.
</div>
(if: $arrangementDone)[<div class="gr-obj-link done">✓ Besucht</div>]
(else:)[<div class="gr-obj-link">[[Erkunden →->Arrangement]]</div>]
</div>
</div>
<div class="gr-obj-card">
<div class="gr-obj-img">
<img src="https://vibeswithvalue.com/wp-content/uploads/2026/04/swooshed-metronomes-812679_1280.jpg" alt="Tempi">
</div>
<div class="gr-obj-body">
<div class="gr-obj-name">Tempi</div>
<div class="gr-obj-desc">Übergänge folgen ihrem eigenen Tempo: Fade‑out oder Finale. Und manchmal erzählt das Ende mehr als der Anfang.
</div>
(if: $tempiDone)[<div class="gr-obj-link done">✓ Besucht</div>]
(else:)[<div class="gr-obj-link">[[Erkunden →->Tempi]]</div>]
</div>
</div>
</div>
(if: $blueDone or $arrangementDone or $tempiDone)[
<div class="gr-cta" style="margin-top: 32px;">
[[Was bleibt – Reflexion →->Klangraum Reflexion]]
<div class="gr-cta-hint">Alle drei Objekte erkundet</div>
</div>
]
</div><div class="gr-obj-passage">
<div class="gr-obj-photo">
<img src="https://vibeswithvalue.com/wp-content/uploads/2026/04/Cappuccino.jpg" alt="Kaffeetasse">
</div>
<p class="gr-obj-hook">„Zwei Freundinnen. Ein Café. Keine Einigung."</p>
<div class="gr-anekdote">
<em>„Espresso, Flat White, Cold Brew mit Hafermilch?"</em> – fragt der Kellner.<br>
Claire schaut mich an, als hätte man ihr eine IKEA-Anleitung rückwärts vorgelesen.<br>
<em>„I just want a tea"</em>, sagt sie – mit dem leicht leidenden Lächeln britischer Höflichkeit.<br>
Ich bestelle zwei Cappuccino. Sie widerspricht nicht. Wir trinken ihn regelmäßig, schweigend, leicht ironisch.
</div>
<div class="gr-aufdeckung-label">Was dahinter steckt</div>
<div class="gr-weltbilder">
<div class="gr-welt gr-welt-a">
<span class="gr-welt-label">Kaffee</span>
Ich bin bereit.<br>Ich leiste.<br>Ich packe es an.
</div>
<div class="gr-welt gr-welt-b">
<span class="gr-welt-label">Tee</span>
Ich halte inne.<br>Ich verbinde.<br>Ich halte durch.
</div>
</div>
<div class="gr-reaktion-label">Wie reagierst du?</div>
<div class="gr-reaktionen">
<span class="gr-reaktion">
(link: "kenne ich")[
(set: $reaktion to "kenne")
(set: $zaehlerKenne to it + 1)
(goto: "SF Kaffee")
]
</span>
<span class="gr-reaktion">
(link: "überrascht mich")[
(set: $reaktion to "ueberrascht")
(set: $zaehlerUeberrascht to it + 1)
(goto: "SF Kaffee")
]
</span>
<span class="gr-reaktion">
(link: "trifft mich")[
(set: $reaktion to "trifft")
(set: $zaehlerTrifft to it + 1)
(goto: "SF Kaffee")
]
</span>
</div>
</div><div class="gr-obj-passage">
<div class="gr-obj-photo">
<img src="https://vibeswithvalue.com/wp-content/uploads/2026/04/Chips.jpg" alt="Chips">
</div>
<p class="gr-obj-hook">„Kein. Paprika."</p>
<div class="gr-anekdote">
Ich stehe vor einem meterlangen Chips-Regal in Nordengland.<br>
Salt & Vinegar. Cheese & Onion. Prawn Cocktail. Beef & Mustard.<br>
Ich frage nach. Die Verkäuferin schaut mich an, als hätte ich etwas Radioaktives verlangt.<br>
<em>„Paprika ist halt so... deutsch. Wir mögen es lieber speziell."</em>
</div>
<div class="gr-aufdeckung-label">Was dahinter steckt</div>
<div class="gr-weltbilder">
<div class="gr-welt gr-welt-a">
<span class="gr-welt-label">Paprika</span>
Verlässlichkeit.<br>Das Vertraute als Heimat.<br>Kein Risiko.
</div>
<div class="gr-welt gr-welt-b">
<span class="gr-welt-label">Pickled Onion</span>
Überraschung als Wert.<br>Was bleibt hängen.<br>Mut zur Eigenheit.
</div>
</div>
<div class="gr-reaktion-label">Wie reagierst du?</div>
<div class="gr-reaktionen">
<span class="gr-reaktion">
(link: "kenne ich")[
(set: $reaktion to "kenne")
(set: $zaehlerKenne to it + 1)
(goto: "SF Chips")
]
</span>
<span class="gr-reaktion">
(link: "überrascht mich")[
(set: $reaktion to "ueberrascht")
(set: $zaehlerUeberrascht to it + 1)
(goto: "SF Chips")
]
</span>
<span class="gr-reaktion">
(link: "trifft mich")[
(set: $reaktion to "trifft")
(set: $zaehlerTrifft to it + 1)
(goto: "SF Chips")
]
</span>
</div><div class="gr-obj-passage">
<div class="gr-obj-photo">
<img src="https://vibeswithvalue.com/wp-content/uploads/2025/07/Bild-Mon-Cheri_3.png" alt="Mon Cheri">
</div>
<p class="gr-obj-hook">Europa in der Schachtel: Mythos und Projektion</p>
<div class="gr-anekdote">
In Deutschland: Omas Anrichte, Fernsehgarten, leicht angestaubt.<br>
In England: <em>sexy, dekadent, „a little bit naughty"</em> – Europa in einer Praline.<br>
Ich erkläre meinen britischen Freunden, dass Mon Chérie bei uns ungefähr so cool ist wie ein VHS-Kurs in Topflappenhäkeln.<br>
Sie heben die Praline mit zwei Fingern an wie einen kleinen Schatz und lächeln nur.
</div>
<div class="gr-aufdeckung-label">Was dahinter steckt</div>
<div class="gr-weltbilder">
<div class="gr-welt gr-welt-a">
<span class="gr-welt-label">Deutschland</span>
Zu vertraut für Magie.<br>Zu nah an alten Rollen.<br>Abwertung als Distanz.
</div>
<div class="gr-welt gr-welt-b">
<span class="gr-welt-label">England</span>
Kein Ballast, nur Mythos.<br>Europa als Sehnsucht.<br>Der Schatz liegt im Fremden.
</div>
</div>
<div class="gr-reaktion-label">Wie reagierst du?</div>
<div class="gr-reaktionen">
<span class="gr-reaktion">
(link: "kenne ich")[
(set: $reaktion to "kenne")
(set: $zaehlerKenne to it + 1)
(goto: "SF Cheri")
]
</span>
<span class="gr-reaktion">
(link: "überrascht mich")[
(set: $reaktion to "ueberrascht")
(set: $zaehlerUeberrascht to it + 1)
(goto: "SF Cheri")
]
</span>
<span class="gr-reaktion">
(link: "trifft mich")[
(set: $reaktion to "trifft")
(set: $zaehlerTrifft to it + 1)
(goto: "SF Cheri")
]
</span>
</div>{
<div class="rf-eyebrow">Genussraum · Reflexion</div>
<div class="rf-title">Was bleibt</div>
<div class="rf-items">
<div class="rf-item">
<span class="rf-item-label">Dein Genuss ist nicht zufällig</span>
<p class="rf-item-text">Er ist geformt – durch Kindheit, Herkunft, durch das, was du gelernt hast zu verdienen oder zu erlauben. Das macht ihn nicht weniger dein.</p>
</div>
<div class="rf-item">
<span class="rf-item-label">Was dich irritiert, zeigt etwas</span>
<p class="rf-item-text">Wenn jemand anders genießt als du – anders langsam, anders laut, anders viel – ist das kein Fehler. Es ist eine andere Antwort auf <em>dieselbe menschliche Frage.</em></p>
</div>
<div class="rf-item">
<span class="rf-item-label">Der Zauber liegt im Unterschied</span>
<p class="rf-item-text">Nicht im Verstehen. <em>Im Neugierbleiben.</em> Im Fragen: Wie schmeckt das Leben für jemanden, der ganz anders aufgewachsen ist?</p>
</div>
</div>
<div class="rf-divider"></div>
<div class="rf-summary">
<div class="rf-summary-text">„Genuss zeigt, wer wir sind –<br>und lädt ein, neugierig zu bleiben."</div>
<a href="https://vibeswithvalue.com/live-lessons/#tea" class="rf-summary-link">Entdecke die Stories →</a>
</div>
<div class="rf-nav"style="color:orange;">
[[Wohnraum]]
[[Karte der Räume]]
</div>
}<div class="map-wrapper">
<div class="map-header">
<h1 class="map-main-title">Spaces Between</h1>
<p class="map-subtitle">Your navigation through the spaces of perception</p>
</div>
<div class="map-grid">
<div class="map-item">
(link-goto: "
[Genussraum ·
Wenn Genuss seine Form findet.
◈ <br><small style='opacity: 0.5; font-style: italic;'>(Antippen und eintreten)</small>]
", "Genussraum")
</div>
<div class="map-item">
(link-goto: "
[Wohnraum ·
Wo Begegnung stattfindet.
≋ <br><small style='opacity: 0.5; font-style: italic;'>(Antippen und eintreten)</small>]
", "Wohnraum")
</div>
<div class="map-item">
(link-goto: "
[Klimaraum ·
Wo Atmosphäre spürbar wird.
⌬ <br><small style='opacity: 0.5; font-style: italic;'>(Antippen und eintreten)</small>]
", "Klimaraum")
</div>
<div class="map-item">
(link-goto: "
[Klangraum ·
Wo Verbindung hörbar wird.
✧ <br><small style='opacity: 0.5; font-style: italic;'>(Antippen und eintreten)</small>]
", "Klangraum")
</div>
</div>(set: $sqmDone to (history: ) contains "sqm") (set: $kitchenDone to (history: ) contains "Küche") (set: $badDone to (history: ) contains "Bad")
<div class="gr-obj-screen">
<p class="gr-obj-headline">Drei Objekte.<br>Deine Reihenfolge.</p>
<p class="gr-obj-sub">Wähle, was dich anzieht. Du kannst jederzeit zurückkehren.</p>
<div class="gr-obj-cards">
<div class="gr-obj-card">
<div class="gr-obj-img">
<img src="https://vibeswithvalue.com/wp-content/uploads/2026/04/wohnung.jpg" alt="Wohnung">
</div>
<div class="gr-obj-body">
<div class="gr-obj-name">Objektgröße</div>
<div class="gr-obj-desc">Die nüchterne Logik von Quadratmetern und Grundrissen trifft die Anzahl der Schlafzimmer und den Charme eines Raums, der sich nicht messen lässt.
</div>
(if: $sqmDone)[<div class="gr-obj-link done">✓ Besucht</div>]
(else:)[<div class="gr-obj-link">[[Erkunden →->sqm]]</div>]
</div>
</div>
<div class="gr-obj-card">
<div class="gr-obj-img">
<img src="https://vibeswithvalue.com/wp-content/uploads/2025/07/21029452_BSH-Backofen-Serie-8-1-300x200-1.jpg" alt="Küche">
</div>
<div class="gr-obj-body">
<div class="gr-obj-name">Küche</div>
<div class="gr-obj-desc">Eine Küche als Mischung aus Rationalität und Zukunftsvision: Draußen mag die Welt untergehen - drinnen wird der Kaffee trotzdem auf exakt 92 Grad gebrüht.
</div>
(if: $kitchenDone)[<div class="gr-obj-link done">✓ Besucht</div>]
(else:)[<div class="gr-obj-link">[[Erkunden →->Küche]]</div>]
</div>
</div>
<div class="gr-obj-card">
<div class="gr-obj-img">
<img src="https://vibeswithvalue.com/wp-content/uploads/2026/04/bathroom.jpg" alt="Bad">
</div>
<div class="gr-obj-body">
<div class="gr-obj-name">Bad</div>
<div class="gr-obj-desc">Ein Bad kann ein Ort der Regeneration und Kontrolle sein - oder ein Raum, der uns lehrt, mit Widersprüchen zu leben. </div>
(if: $badDone)[<div class="gr-obj-link done">✓ Besucht</div>]
(else:)[<div class="gr-obj-link">[[Erkunden →->Bad]]</div>]
</div>
</div>
</div>
(if: $sqmDone or $kitchenDone or $badDone)[
<div class="gr-cta" style="margin-top: 32px;">
[[Was bleibt – Reflexion →->Wohnraum Reflexion]]
<div class="gr-cta-hint">Alle drei Objekte erkundet</div>
</div>
]
</div><div class="gr-obj-passage">
<div class="gr-obj-photo">
<img src="https://vibeswithvalue.com/wp-content/uploads/2026/04/wohnung.jpg" alt="Wohnung">
</div>
<p class="gr-obj-hook">Die Vermessung des Wohngefühls</p>
<div class="gr-anekdote"><em>„It’s a three‑bedroom house!“</em> sagt der Makler mit Begeisterung. Ich nicke höflich und suche die Zimmer. Er nickt höflich und sucht meinen Enthusiasmus.<br>
Wir öffnen die erste Tür. Ein Raum, in dem man sich nur drehen kann, wenn man vorher ausatmet.<em> „Bedroom.“</em><br>
Die zweite Tür führt in etwas, das in Deutschland als Abstellkammer durchgehen würde. wenn man großzügig ist. <em>„Bedroom.“</em><br>
Die dritte Tür klemmt. Der Makler drückt dagegen, als würde dahinter Narnia warten. <em>„And this is the third bedroom.“</em><br>
Wir stehen im selben Haus, aber in völlig <em>verschiedenen Welten</em>.
</div>
<div class="gr-aufdeckung-label">Was dahinter steckt</div>
<div class="gr-weltbilder">
<div class="gr-welt gr-welt-a">
<span class="gr-welt-label">Quadratmeter</span>
Nüchterne Fakten<br>Funktion und Logik<br>Realität zuerst
</div>
<div class="gr-welt gr-welt-b">
<span class="gr-welt-label">Anzahl Schlafziommer</span>
Optimistische Deutung<br>Gefühl vor Logik<br>Vorstellung zuerst
</div>
</div>
<div class="gr-reaktion-label">Wie reagierst du?</div>
<div class="gr-reaktionen">
<span class="gr-reaktion">
(link: "kenne ich")[
(set: $reaktion to "kenne")
(set: $zaehlerKenne to it + 1)
(goto: "SF sqm")
]
</span>
<span class="gr-reaktion">
(link: "überrascht mich")[
(set: $reaktion to "ueberrascht")
(set: $zaehlerUeberrascht to it + 1)
(goto: "SF sqm")
]
</span>
<span class="gr-reaktion">
(link: "trifft mich")[
(set: $reaktion to "trifft")
(set: $zaehlerTrifft to it + 1)
(goto: "SF sqm")
]
</span>
</div><div class="gr-obj-passage">
<div class="gr-obj-photo">
<img src="https://vibeswithvalue.com/wp-content/uploads/2025/07/21029452_BSH-Backofen-Serie-8-1-300x200-1.jpg" alt="Küche">
</div>
<p class="gr-obj-hook">Kein Ort für Zufälle</p>
<div class="gr-anekdote"><em>„When I see a German kitchen, I feel safe.“</em> sagt mein englischer Freund – mit dem Tonfall eines Menschen, der gerade eine Versicherung fürs Leben abgeschlossen hat.<br>
Wir stehen in seiner <em>improvisierten </em>Küche. Die Mikrowelle balanciert auf der Waschmaschine, der Wasserkocher steht im Flur, und den Kühlschrank findet man neben der Garage.<br>
In einer deutschen Küche wirkt <em>Präzision</em>. Schubladen schließen sanft wie ein Rolls Royce Der Backofen sitzt auf ergonomischer Höhe. Der Mülltrenner hat mindestens drei Fächer.<br>
Ich sehe eine Küche. Er sieht eine <em>Zukunft</em>, in der endlich <em>alles funktioniert</em>.
</div>
<div class="gr-aufdeckung-label">Was dahinter steckt</div>
<div class="gr-weltbilder">
<div class="gr-welt gr-welt-a">
<span class="gr-welt-label">Deutsche Küche</span>
Ordnung ist Fürsorge.<br>Stabilität bringt Verlässlichleit.<br>Struktur schafft Nähe.
</div>
<div class="gr-welt gr-welt-b">
<span class="gr-welt-label">Englische Küche</span>
Chaos gehört zum Leben.<br>Charme verbindet.<br>Nähe schafft Struktur.
</div>
</div>
<div class="gr-reaktion-label">Wie reagierst du?</div>
<div class="gr-reaktionen">
<span class="gr-reaktion">
(link: "kenne ich")[
(set: $reaktion to "kenne")
(set: $zaehlerKenne to it + 1)
(goto: "SF Küche")
]
</span>
<span class="gr-reaktion">
(link: "überrascht mich")[
(set: $reaktion to "ueberrascht")
(set: $zaehlerUeberrascht to it + 1)
(goto: "SF Küche")
]
</span>
<span class="gr-reaktion">
(link: "trifft mich")[
(set: $reaktion to "trifft")
(set: $zaehlerTrifft to it + 1)
(goto: "SF Küche")
]
</span>
</div><div class="gr-obj-passage">
<div class="gr-obj-photo">
<img src="https://vibeswithvalue.com/wp-content/uploads/2026/04/bathroom.jpg" alt="Bad" style="object-position: center 70%;">
</div>
<p class="gr-obj-hook">Das Bad als Spiegel der Seele</p>
<div class="gr-anekdote">In Deutschland betrete ich ein Bad und fühle mich wie in einem Spa mit TÜV‑Siegel: Fußbodenheizung, Handtuchwärmer, Armaturen, die glänzen wie chirurgisches Gerät.<br>
In England.: Teppich im Bad. Zwei Wasserhähne, die mich zwingen, mich zwischen Verbrühen und Erfrieren zu entscheiden. Die Dusche tropft wie ein melancholischer Wetterbericht.<br>
<em>„It’s just a bathroom, mate.“</em> sagt der Gastgeber und meint das völlig ernst.<br>
Er sieht ein normales Bad. Ich sehe eine Prüfung meiner kulturellen Resilienz.
</div>
<div class="gr-aufdeckung-label">Was dahinter steckt</div>
<div class="gr-weltbilder">
<div class="gr-welt gr-welt-a">
<span class="gr-welt-label">Deutsches Bad</span>
Kontrolle<br>Selbstoptimierung<br>Nähe durch Klarheit.
</div>
<div class="gr-welt gr-welt-b">
<span class="gr-welt-label">Englisches Bad</span>
Gelassenheit.<br>Selbstakzeptanz<br>Nähe trotz Widerspruch.
</div>
</div>
<div class="gr-reaktion-label">Wie reagierst du?</div>
<div class="gr-reaktionen">
<span class="gr-reaktion">
(link: "kenne ich")[
(set: $reaktion to "kenne")
(set: $zaehlerKenne to it + 1)
(goto: "SF Bad")
]
</span>
<span class="gr-reaktion">
(link: "überrascht mich")[
(set: $reaktion to "ueberrascht")
(set: $zaehlerUeberrascht to it + 1)
(goto: "SF Bad")
]
</span>
<span class="gr-reaktion">
(link: "trifft mich")[
(set: $reaktion to "trifft")
(set: $zaehlerTrifft to it + 1)
(goto: "SF Bad")
]
</span>
</div>
(set: $druckDone to (history: ) contains "Hochdruck") (set: $windDone to (history: ) contains "Wind") (set: $fogDone to (history: ) contains "Fog")
<div class="gr-obj-screen">
<p class="gr-obj-headline">Drei Objekte.<br>Deine Reihenfolge.</p>
<p class="gr-obj-sub">Wähle, was dich anzieht. Du kannst jederzeit zurückkehren.</p>
<div class="gr-obj-cards">
<div class="gr-obj-card">
<div class="gr-obj-img">
<img src="https://vibeswithvalue.com/wp-content/uploads/2026/04/Paraglider.png" alt="Hochdruck">
</div>
<div class="gr-obj-body">
<div class="gr-obj-name">Drucksystem</div>
<div class="gr-obj-desc">Das Drucksystem entscheidet, ob Bildung wie ein Hochdrucksystem wirkt: dicht und stabil – oder ob die Thermik dich trägt, mit Haltung und Persönlichkeit.
</div>
(if: $druckDone)[<div class="gr-obj-link done">✓ Besucht</div>]
(else:)[<div class="gr-obj-link">[[Erkunden →->Hochdruck]]</div>]
</div>
</div>
<div class="gr-obj-card">
<div class="gr-obj-img">
<img src="https://vibeswithvalue.com/wp-content/uploads/2026/04/windsack.jpg" alt="Wind">
</div>
<div class="gr-obj-body">
<div class="gr-obj-name">Windrichtung</div>
<div class="gr-obj-desc">Es gibt Gespräche wie klare Windstöße – strukturiert, zielgerichtet, mit definierter Flugbahn. Und es gibt Gesprächsbrisen – warm, verspielt, voller Zwischenrufe, die Nähe schaffen
</div>
(if: $windDone)[<div class="gr-obj-link done">✓ Besucht</div>]
(else:)[<div class="gr-obj-link">[[Erkunden →->Wind]]</div>]
</div>
</div>
<div class="gr-obj-card">
<div class="gr-obj-img">
<img src="https://vibeswithvalue.com/wp-content/uploads/2025/08/The-BBCs-weather-gr-edited.jpg" alt="Fog">
</div>
<div class="gr-obj-body">
<div class="gr-obj-name">Nebelzone</div>
<div class="gr-obj-desc">Manche Kulturen lösen Spannung im Nebel auf, andere konfrontieren wie ein Frontalsystem und begegnen ihr wie ein Sturm. </div>
(if: $fogDone)[<div class="gr-obj-link done">✓ Besucht</div>]
(else:)[<div class="gr-obj-link">[[Erkunden →->Fog]]</div>]
</div>
</div>
</div>
(if: $druckDone or $windDone or $fogDone)[
<div class="gr-cta" style="margin-top: 32px;">
[[Was bleibt – Reflexion →->Klimaraum Reflexion]]
<div class="gr-cta-hint">Alle drei Objekte erkundet</div>
</div>
]
</div><div class="gr-obj-passage">
<div class="gr-obj-photo">
<img src="https://vibeswithvalue.com/wp-content/uploads/2026/04/windsack.jpg" alt="Windrichtung" style="object-position: center 35%;">
</div>
<p class="gr-obj-hook">Windrichtungen des Gesprächs</p>
<div class="gr-anekdote">In Deutschland gilt eine Unterbrechung als Kurskorrektur – ein Eingriff ins System. Eine Person spricht, die andere hört zu. Ordnung im Luftraum.<br>
In England unterbrechen alle – ständig. Nicht aus Unhöflichkeit, sondern aus Begeisterung.
<em>„Interruptions aren’t rude. Silence is.“</em><br>
Ich warte auf meinen Einsatz.
Mein britischer Freund lächelt und sagt: <em>„Jump in — it means you’re with us.“</em><br>
Wir reden gleichzeitig. Niemand weiß mehr, worum es ging.
Alle <em>fühlen</em> sich großartig.
</div>
<div class="gr-aufdeckung-label">Was dahinter steckt</div>
<div class="gr-weltbilder">
<div class="gr-welt gr-welt-a">
<span class="gr-welt-label">Kommunikationslogik</span>
Klarheit.<br>Struktur und Analyse<br>Eine Person spricht, die andere hört zu
</div>
<div class="gr-welt gr-welt-b">
<span class="gr-welt-label">Gesprächsatmosphäre</span>
Wärme<br>Leichtigkeit und Spielfreude.<br>Alle sprechen, weil alle dabei sein wollen.
</div>
</div>
<div class="gr-reaktion-label">Wie reagierst du?</div>
<div class="gr-reaktionen">
<span class="gr-reaktion">
(link: "kenne ich")[
(set: $reaktion to "kenne")
(set: $zaehlerKenne to it + 1)
(goto: "SF Wind")
]
</span>
<span class="gr-reaktion">
(link: "überrascht mich")[
(set: $reaktion to "ueberrascht")
(set: $zaehlerUeberrascht to it + 1)
(goto: "SF Wind")
]
</span>
<span class="gr-reaktion">
(link: "trifft mich")[
(set: $reaktion to "trifft")
(set: $zaehlerTrifft to it + 1)
(goto: "SF Wind")
]
</span>
</div><div class="gr-obj-passage">
<div class="gr-obj-photo">
<img src="https://vibeswithvalue.com/wp-content/uploads/2026/04/Paraglider.png" alt="Drucksystem" style="object-position: center 25%;">
</div>
<p class="gr-obj-hook">Hochdruck oder Thermik?
Zwei Länder. Ein Lebenslauf. Keine gemeinsame Wetterlage.</p>
<div class="gr-anekdote">In Deutschland stellt sich jemand vor mit:<em>„Guten Morgen, ich bin Thomas Obermayer, Dipl.-Ing., M.Sc., zertifizierter Scrum Master.“</em><br>
In England sagt derselbe Mensch vermutlich:
<em>„Hi, I’m Tom.“</em><br>
Ich sehe ein Hochdruckgebiet aus Titeln, Stempeln und Studienjahren.
Mein britischer Freund sieht eine Person – und vielleicht ein gutes Gespräch.<br>
Wir stehen im selben Raum, aber in völlig unterschiedlichen Klimazone.
Die Quellen der <em>Authorität</em> könnten unterschiedlicher nicht sein.
</div>
<div class="gr-aufdeckung-label">Was dahinter steckt</div>
<div class="gr-weltbilder">
<div class="gr-welt gr-welt-a">
<span class="gr-welt-label">Zertifikate</span>
Abschlüsse haben Gewicht<br>Akademische Titel stiften Identität<br>Bildung als soziale Versicherung
</div>
<div class="gr-welt gr-welt-b">
<span class="gr-welt-label">Soft Skills</span>
Die Fähigkeit Menschen zu bewegen.<br>Die Präsenz und Wirkung im Raum zählt<br>Bildung ist ein soziales Accessoire
</div>
</div>
<div class="gr-reaktion-label">Wie reagierst du?</div>
<div class="gr-reaktionen">
<span class="gr-reaktion">
(link: "kenne ich")[
(set: $reaktion to "kenne")
(set: $zaehlerKenne to it + 1)
(goto: "SF Druck")
]
</span>
<span class="gr-reaktion">
(link: "überrascht mich")[
(set: $reaktion to "ueberrascht")
(set: $zaehlerUeberrascht to it + 1)
(goto: "SF Druck")
]
</span>
<span class="gr-reaktion">
(link: "trifft mich")[
(set: $reaktion to "trifft")
(set: $zaehlerTrifft to it + 1)
(goto: "SF Druck")
]
</span>
</div><div class="gr-obj-passage">
<div class="gr-obj-photo">
<img src="https://vibeswithvalue.com/wp-content/uploads/2025/08/The-BBCs-weather-gr-edited.jpg" alt="Fog">
</div>
<p class="gr-obj-hook">Zwischen Schweigen und Sturm</p>
<div class="gr-anekdote">Manchester, 08:17. Ich stehe rechts auf der Rolltreppe und blockiere die Fast Lane. Hinter mir: Husten, Räuspern, ein leises Drama in Zeitlupe. Niemand sagt etwas. Die Spannung verdichtet sich wie Nebel.<br>
In Deutschland hätte längst jemand gesagt:
<em>„Entschuldigung, kann ich mal durch?“</em> – ein klarer Frontstoß.<br>
In England dagegen: stilles Leiden, elegante Zurückhaltung, ein emotionaler Slalom um Peinlichkeit. Unterbrechung wäre schlimmer als das Problem selbst.<br>
Ich übe noch – Navigieren zwischen Nebelzonen und Frontalwetter.
</div>
<div class="gr-aufdeckung-label">Was dahinter steckt</div>
<div class="gr-weltbilder">
<div class="gr-welt gr-welt-a">
<span class="gr-welt-label">Direktheit</span>
Spannung wird angesprochen.<br>Worte klären die Lage.<br>Ein Ende ist ein Ende.
</div>
<div class="gr-welt gr-welt-b">
<span class="gr-welt-label">elegante Ausweichbewegung</span>
Spannung löst sich im Nebel.<br>Schweigen schützt die Stimmung.<br>Ein Ende wird weich ausgeleitet.
</div>
</div>
<div class="gr-reaktion-label">Wie reagierst du?</div>
<div class="gr-reaktionen">
<span class="gr-reaktion">
(link: "kenne ich")[
(set: $reaktion to "kenne")
(set: $zaehlerKenne to it + 1)
(goto: "SF Fog")
]
</span>
<span class="gr-reaktion">
(link: "überrascht mich")[
(set: $reaktion to "ueberrascht")
(set: $zaehlerUeberrascht to it + 1)
(goto: "SF Fog")
]
</span>
<span class="gr-reaktion">
(link: "trifft mich")[
(set: $reaktion to "trifft")
(set: $zaehlerTrifft to it + 1)
(goto: "SF Fog")
]
</span>
</div>
{
<div class="rf-eyebrow">Klimaraum · Reflexion</div>
<div class="rf-title">Was bleibt</div>
<div class="rf-items">
<div class="rf-item">
<span class="rf-item-label">Klima ist nicht zufällig</span>
<p class="rf-item-text">Klima entsteht nicht aus einzelnen Momenten, sondern aus <em>Mustern, Gewohnheiten, inneren Wetterlagen</em>, die sich über Jahre bilden.
</p>
</div>
<div class="rf-item">
<span class="rf-item-label">Was dich irritiert, zeigt etwas</span>
<p class="rf-item-text">Unterschiedliche Wetterlagen sind normal. Manche Menschen sprechen Gewitter aus, andere tragen sie leise. Was dich irritiert, ist oft kein Angriff – sondern <em>eine andere Art</em>, mit derselben inneren Bewegung umzugehen.</em></p>
</div>
<div class="rf-item">
<span class="rf-item-label">Der Zauber liegt im Unterschied</span>
<p class="rf-item-text">Verstehen beginnt im <em>Zuhören</em>. Nicht im Deuten. Nicht im Bewerten. Sondern im neugierigen Fragen: Wie fühlt sich die Welt für jemanden an, dessen inneres Klima ganz anders schwingt als deins?</p>
</div>
</div>
<div class="rf-divider"></div>
<div class="rf-summary">
<div class="rf-summary-text">„Das Klima zwischen Menschen entsteht unsichtbar <br>und verändert sich, sobald wir es wahrnehmen."</div>
<a href="https://vibeswithvalue.com/live-lessons/#thermik" class="rf-summary-link">Entdecke die Stories →</a>
</div>
<div class="rf-nav"style="color:orange;">
[[Klangraum]]
[[Karte der Räume]]
</div>
}{
<div class="rf-eyebrow">Wohnraum · Reflexion</div>
<div class="rf-title">Was bleibt</div>
<div class="rf-items">
<div class="rf-item">
<span class="rf-item-label">Dein Blick auf Räume ist gelernt</span>
<p class="rf-item-text">Architektur ist gemauerte Psychologie. Sie zeigt, wie viel Nähe wir ertragen, wie viel Chaos wir dulden, und wie viel Kontrolle wir brauchen, um uns sicher zu fühlen.</p>
</div>
<div class="rf-item">
<span class="rf-item-label">Was dich irritiert, zeigt etwas</span>
<p class="rf-item-text">Wenn jemand Räume anders bewertet – weniger messbar, chaotischer, charmanter – ist das kein Fehler. Es ist eine andere Antwort auf <em>dieselbe Frage nach Nähe und Halt.</em></p>
</div>
<div class="rf-item">
<span class="rf-item-label">Der Unterschied öffnet den Raum</span>
<p class="rf-item-text">Nicht das Einvernehmen. Sondern das Staunen darüber, wie unterschiedlich Menschen wohnen, ordnen, improvisieren – und was sie dafür brauchen, um sich zuhause zu fühlen.</p>
</div>
</div>
<div class="rf-divider"></div>
<div class="rf-summary">
<div class="rf-summary-text">„Wie wir Räume gestalten, zeigt, was wir brauchen <br>
und lädt ein, einander Platz zu lassen."</div>
<a href="https://vibeswithvalue.com/live-lessons/#sqm" class="rf-summary-link">Entdecke die Stories →</a>
</div>
<div class="rf-nav"style="color:orange;">
[[Klimaraum]]
[[Karte der Räume]]
</div>
}<div class="gr-obj-passage">
<div class="gr-obj-photo">
<img src="https://vibeswithvalue.com/wp-content/uploads/2026/04/saxophone-546303_1280.jpg" alt="Blue Notes">
</div>
<p class="gr-obj-hook">Blue Notes & Schlussakkord</p>
<div class="gr-anekdote">Silke lebt Freundschaft wie eine <em>Partitur</em>: klare Einsätze, verlässliche Wiederholungen, ein ruhiger Takt. <br>
Henry spielt dagegen lieber <em>Jazz</em> – mal brillant, mal verspätet, mal völlig neben der Spur.<br>
Und doch: Als er nach seiner fünften Trennung anrief, sagte Silke nur einen Satz, der alles trug. "Vielleicht stolperst du in Beziehungen – aber in Freundschaften bist du einfach <em>liebenswert</em>.“<br>
Seitdem nennt er sie seine <em>„verlässliche Konstante“</em> – und sie ihn ihre <em>„liebenswerte Unsicherheit“</em>.
</div>
</div>
<div class="gr-aufdeckung-label">Was dahinter steckt</div>
<div class="gr-weltbilder">
<div class="gr-welt gr-welt-a">
<span class="gr-welt-label">Partitur</span>
Nähe folgt einem Takt.<br>Gesten haben ihren Einsatz.<br>Verlässlichkeit klingt wie Harmonie.
</div>
<div class="gr-welt gr-welt-b">
<span class="gr-welt-label">Jazz</span>
Nähe entsteht im Moment.<br>Gesten tauchen spontan auf.<br>Freiheit klingt nicht perfekt – aber echt.
</div>
</div>
<div class="gr-reaktion-label">Wie reagierst du?</div>
<div class="gr-reaktionen">
<span class="gr-reaktion">
(link: "kenne ich")[
(set: $reaktion to "kenne")
(set: $zaehlerKenne to it + 1)
(goto: "SF Blue")
]
</span>
<span class="gr-reaktion">
(link: "überrascht mich")[
(set: $reaktion to "ueberrascht")
(set: $zaehlerUeberrascht to it + 1)
(goto: "SF Blue")
]
</span>
<span class="gr-reaktion">
(link: "trifft mich")[
(set: $reaktion to "trifft")
(set: $zaehlerTrifft to it + 1)
(goto: "SF Blue")
]
</span>
</div><div class="gr-obj-passage">
<div class="gr-obj-photo">
<img src="https://vibeswithvalue.com/wp-content/uploads/2026/04/piano.jpg" alt="Piano" style="object-position: center 40%;">
</div>
<p class="gr-obj-hook">Streichquartett im Dialog mit einem Piano</p>
<div class="gr-anekdote">Küche, später Abend. Eine Freundin sitzt am Tisch, die Hände um eine Tasse gekrallt. <em>„Ich bin völlig am Ende“,</em> sagt sie – und meint es als Einladung.<br>
Sie seziert ihr Innenleben wie ein geübter Pianist eine Passage: klar, tief, ohne Scheu. Gespräch ist Fürsorge. <em>Offenheit ist Pflicht.</em> Das innere Kind darf mit am Tisch sitzen.<br>
England, Parkbank, früher Nachmittag. Ein Freund starrt auf seine Schuhe. <em>„It’s been a bit much lately“,</em> murmelt er – und meint: „Ich zerfalle innerlich, aber bitte fühl dich nicht belastet.“<br>
Er hält seine Gefühle wie ein Streichquartett im Pianissimo: <em>andeutend</em>, höflich, fast unsichtbar. Er <em>schützt dich</em> vor seinem Innenleben, selbst wenn es ihn zerreißt.<br>
Zwischen beiden liegt kein Konflikt, nur ein Unterschied im Klang: der eine öffnet alle Fenster, der andere zieht die Vorhänge zu. <em>Beide hoffen, dass der andere sie trotzdem hört.</em>
</div>
</div>
<div class="gr-aufdeckung-label">Was dahinter steckt</div>
<div class="gr-weltbilder">
<div class="gr-welt gr-welt-a">
<span class="gr-welt-label">Piano</span>
Gefühle werden benannt.<br>Worte öffnen den Innenraum.<br>Authentizität klingt laut und klar.
</div>
<div class="gr-welt gr-welt-b">
<span class="gr-welt-label">Streichquartett</span>
Gefühle werden angedeutet.<br>Schweigen schützt den Innenraum.<br>Authentizität klingt leise – in Untertönen.
</div>
</div>
<div class="gr-reaktion-label">Wie reagierst du?</div>
<div class="gr-reaktionen">
<span class="gr-reaktion">
(link: "kenne ich")[
(set: $reaktion to "kenne")
(set: $zaehlerKenne to it + 1)
(goto: "SF Arrangement")
]
</span>
<span class="gr-reaktion">
(link: "überrascht mich")[
(set: $reaktion to "ueberrascht")
(set: $zaehlerUeberrascht to it + 1)
(goto: "SF Arrangement")
]
</span>
<span class="gr-reaktion">
(link: "trifft mich")[
(set: $reaktion to "trifft")
(set: $zaehlerTrifft to it + 1)
(goto: "SF Arrangement")
]
</span>
</div><div class="gr-obj-passage">
<div class="gr-obj-photo">
<img src="https://vibeswithvalue.com/wp-content/uploads/2026/04/swooshed-metronomes-812679_1280.jpg" alt="Tempi">
</div>
<p class="gr-obj-hook">Tempi</p>
<div class="gr-anekdote">Henry beendet Beziehungen wie ein Diminuendo: erst ein paar Tage <em>Stille</em>, dann höfliche Halbsätze – „Busy week“, „Let’s see“ – bis alles im Nichts verklingt..<br>
Er verschwindet nicht, er <em>verdunstet</em>: Chats gelöscht, Fotos archiviert, ein Instagram‑Zitat als letzter Rest.<br>
Martina dagegen schreibt ein <em>Finale</em> in voller Orchestrierung: ein Gesprächsleitfaden, eine Coda, eine zwölfseitige PDF mit <em>Analyse</em> und Fußnoten.<br>
Sie fragt: „War das das <em>Ende</em> – oder nur eine <em>Phase</em>?“ Henry liest die ersten Zeilen, bestellt einen Flat White und denkt: Wir haben nie wirklich definiert, welches Stück wir gespielt haben.
</div>
</div>
<div class="gr-aufdeckung-label">Was dahinter steckt</div>
<div class="gr-weltbilder">
<div class="gr-welt gr-welt-a">
<span class="gr-welt-label">Finale</span>
Nähe wird sauber beendet.<br>Worte ordnen das, was war.<br>Das Ende bekommt eine Coda.
</div>
<div class="gr-welt gr-welt-b">
<span class="gr-welt-label">Fade out</span>
Nähe löst sich leise auf.<br>Worte werden kürzer, dann still.<br>Das Ende kommt ohne Satzzeichen.
</div>
</div>
<div class="gr-reaktion-label">Wie reagierst du?</div>
<div class="gr-reaktionen">
<span class="gr-reaktion">
(link: "kenne ich")[
(set: $reaktion to "kenne")
(set: $zaehlerKenne to it + 1)
(goto: "SF Tempi")
]
</span>
<span class="gr-reaktion">
(link: "überrascht mich")[
(set: $reaktion to "ueberrascht")
(set: $zaehlerUeberrascht to it + 1)
(goto: "SF Tempi")
]
</span>
<span class="gr-reaktion">
(link: "trifft mich")[
(set: $reaktion to "trifft")
(set: $zaehlerTrifft to it + 1)
(goto: "SF Tempi")
]
</span>
</div>/* Beim ersten Besuch initialisieren – z.B. in der Start-Passage */
(set: $zaehlerKenne to 0)
(set: $zaehlerUeberrascht to 0)
(set: $zaehlerTrifft to 0)
(set: $reaktion to "")
(go-to:"Karte der Räume")<div class="sf-root">
<div class="sf-eyebrow">Kaffee oder Tee · Stille Frage</div>
(if: $reaktion is "kenne")[
<p class="sf-reaktion-echo">Du kennst das Gefühl.<br>Es ist vertraut, fast selbstverständlich.</p>
]
(else-if: $reaktion is "ueberrascht")[
<p class="sf-reaktion-echo">Etwas hat sich verschoben.<br>Gut so.</p>
]
(else:)[
<p class="sf-reaktion-echo">Manchmal reicht ein Moment.</p>
]
(set:$reaktion to "")
<div class="sf-divider"></div>
<p class="gr-stille-frage" style="font-size: 16px; color: #e8d9c1;">
Was brauchst du, um durch den Tag zu kommen –<br> und wer hat dir das beigebracht?
</p>
<p class="sf-hint">Keine Antwort nötig. Nur innehalten.</p>
<div class="sf-nav">
[[← Zurück zur Auswahl->Genussraum Objekte]]
</div>
</div><div class="sf-root">
<div class="sf-eyebrow">Paprika Chips · Stille Frage</div>
(if: $reaktion is "kenne")[
<p class="sf-reaktion-echo">Du kennst das Gefühl.<br>Es ist vertraut, fast selbstverständlich.</p>
]
(else-if: $reaktion is "ueberrascht")[
<p class="sf-reaktion-echo">Etwas hat sich verschoben.<br>Gut so.</p>
]
(else:)[
<p class="sf-reaktion-echo">Manchmal reicht ein Moment.</p>
]
(set:$reaktion to "")
<div class="sf-divider"></div>
<p class="gr-stille-frage" style="font-size: 16px; color: #e8d9c1;">
Was vermisst du erst, wenn es nicht mehr da ist –<br>
und warum kannst du es niemandem erklären?
</p>
<p class="sf-hint">Keine Antwort nötig. Nur innehalten.</p>
<div class="sf-nav">
[[← Zurück zur Auswahl->Genussraum Objekte]]
</div>
</div><div class="sf-root">
<div class="sf-eyebrow">Mon Cheri · Stille Frage</div>
(if: $reaktion is "kenne")[
<p class="sf-reaktion-echo">Du kennst das Gefühl.<br>Es ist vertraut, fast selbstverständlich.</p>
]
(else-if: $reaktion is "ueberrascht")[
<p class="sf-reaktion-echo">Etwas hat sich verschoben.<br>Gut so.</p>
]
(else:)[
<p class="sf-reaktion-echo">Manchmal reicht ein Moment.</p>
]
(set:$reaktion to "")
<div class="sf-divider"></div>
<p class="gr-stille-frage" style="font-size: 16px; color: #e8d9c1;">
Was hast du aufgehört zu genießen –<br> weil es nicht mehr zu deinem Selbstbild passt?
</p>
<p class="sf-hint">Keine Antwort nötig. Nur innehalten.</p>
<div class="sf-nav">
[[← Zurück zur Auswahl->Genussraum Objekte]]
</div>
</div><div class="sf-root">
<div class="sf-eyebrow">Objektgröße · Stille Frage</div>
(if: $reaktion is "kenne")[
<p class="sf-reaktion-echo">Du kennst das Gefühl.<br>Es ist vertraut, fast selbstverständlich.</p>
]
(else-if: $reaktion is "ueberrascht")[
<p class="sf-reaktion-echo">Etwas hat sich verschoben.<br>Gut so.</p>
]
(else:)[
<p class="sf-reaktion-echo">Manchmal reicht ein Moment.</p>
]
(set:$reaktion to "")
<div class="sf-divider"></div>
<p class="gr-stille-frage" style="font-size: 16px; color: #e8d9c1;">
Was zählt für dich wirklich –<br>und wo lässt du dich von Möglichkeiten leiten?
</p>
<p class="sf-hint">Keine Antwort nötig. Nur innehalten.</p>
<div class="sf-nav">
[[← Zurück zur Auswahl->Wohnraum Objekte]]
</div>
</div><div class="sf-root">
<div class="sf-eyebrow">Das Badezimmer · Stille Frage</div>
(if: $reaktion is "kenne")[
<p class="sf-reaktion-echo">Du kennst das Gefühl.<br>Es ist vertraut, fast selbstverständlich.</p>
]
(else-if: $reaktion is "ueberrascht")[
<p class="sf-reaktion-echo">Etwas hat sich verschoben.<br>Gut so.</p>
]
(else:)[
<p class="sf-reaktion-echo">Manchmal reicht ein Moment.</p>
]
(set:$reaktion to "")
<div class="sf-divider"></div>
<p class="gr-stille-frage" style="font-size: 16px; color: #e8d9c1;">
Was musst du im Leben im Griff haben –<br>und wo erlaubst du dir, einfach du zu sein?
</p>
<p class="sf-hint">Keine Antwort nötig. Nur innehalten.</p>
<div class="sf-nav">
[[← Zurück zur Auswahl->Wohnraum Objekte]]
</div>
</div><div class="sf-root">
<div class="sf-eyebrow">Die Küche · Stille Frage</div>
(if: $reaktion is "kenne")[
<p class="sf-reaktion-echo">Du kennst das Gefühl.<br>Es ist vertraut, fast selbstverständlich.</p>
]
(else-if: $reaktion is "ueberrascht")[
<p class="sf-reaktion-echo">Etwas hat sich verschoben.<br>Gut so.</p>
]
(else:)[
<p class="sf-reaktion-echo">Manchmal reicht ein Moment.</p>
]
(set:$reaktion to "")
<div class="sf-divider"></div>
<p class="gr-stille-frage" style="font-size: 16px; color: #e8d9c1;">
Was gibt dir Sicherheit –<br>und wo vertraust du darauf, dass Nähe den Rest regelt?
</p>
<p class="sf-hint">Keine Antwort nötig. Nur innehalten.</p>
<div class="sf-nav">
[[← Zurück zur Auswahl->Wohnraum Objekte]]
</div>
</div><div class="sf-root">
<div class="sf-eyebrow">Drucksystem · Stille Frage</div>
(if: $reaktion is "kenne")[
<p class="sf-reaktion-echo">Du kennst das Gefühl.<br>Es ist vertraut, fast selbstverständlich.</p>
]
(else-if: $reaktion is "ueberrascht")[
<p class="sf-reaktion-echo">Etwas hat sich verschoben.<br>Gut so.</p>
]
(else:)[
<p class="sf-reaktion-echo">Manchmal reicht ein Moment.</p>
]
(set:$reaktion to "")
<div class="sf-divider"></div>
<p class="gr-stille-frage" style="font-size: 16px; color: #e8d9c1;">
Woran misst du deinen Wert –<br>an dem, was du vorweisen kannst, oder an dem, wer du bist?
</p>
<p class="sf-hint">Keine Antwort nötig. Nur innehalten.</p>
<div class="sf-nav">
[[← Zurück zur Auswahl->Klimaraum Objekte]]
</div>
</div><div class="sf-root">
<div class="sf-eyebrow">Windrichtung · Stille Frage</div>
(if: $reaktion is "kenne")[
<p class="sf-reaktion-echo">Du kennst das Gefühl.<br>Es ist vertraut, fast selbstverständlich.</p>
]
(else-if: $reaktion is "ueberrascht")[
<p class="sf-reaktion-echo">Etwas hat sich verschoben.<br>Gut so.</p>
]
(else:)[
<p class="sf-reaktion-echo">Manchmal reicht ein Moment.</p>
]
(set:$reaktion to "")
<div class="sf-divider"></div>
<p class="gr-stille-frage" style="font-size: 16px; color: #e8d9c1;">
Was zählt für dich im Gespräch mehr –<br>Klarheit im Inhalt oder Nähe im Moment?
</p>
<p class="sf-hint">Keine Antwort nötig. Nur innehalten.</p>
<div class="sf-nav">
[[← Zurück zur Auswahl->Klimaraum Objekte]]
</div>
</div><div class="sf-root">
<div class="sf-eyebrow">Nebelzone · Stille Frage</div>
(if: $reaktion is "kenne")[
<p class="sf-reaktion-echo">Du kennst das Gefühl.<br>Es ist vertraut, fast selbstverständlich.</p>
]
(else-if: $reaktion is "ueberrascht")[
<p class="sf-reaktion-echo">Etwas hat sich verschoben.<br>Gut so.</p>
]
(else:)[
<p class="sf-reaktion-echo">Manchmal reicht ein Moment.</p>
]
(set:$reaktion to "")
<div class="sf-divider"></div>
<p class="gr-stille-frage" style="font-size: 16px; color: #e8d9c1;">
Wie gehst du mit leiser Spannung um?<br>Suchst du Klarheit, oder suchst du Ruhe?
</p>
<p class="sf-hint">Keine Antwort nötig. Nur innehalten.</p>
<div class="sf-nav">
[[← Zurück zur Auswahl->Klimaraum Objekte]]
</div>
</div><div class="sf-root">
<div class="sf-eyebrow">Klang · Stille Frage</div>
(if: $reaktion is "kenne")[
<p class="sf-reaktion-echo">Du kennst das Gefühl.<br>Es ist vertraut, fast selbstverständlich.</p>
]
(else-if: $reaktion is "ueberrascht")[
<p class="sf-reaktion-echo">Etwas hat sich verschoben.<br>Gut so.</p>
]
(else:)[
<p class="sf-reaktion-echo">Manchmal reicht ein Moment.</p>
]
(set:$reaktion to "")
<div class="sf-divider"></div>
<p class="gr-stille-frage" style="font-size: 16px; color: #e8d9c1;">
Woran erkennst du Verbundenheit –<br>am gemeinsamen Takt oder an den Zwischentönen?
</p>
<p class="sf-hint">Keine Antwort nötig. Nur innehalten.</p>
<div class="sf-nav">
[[← Zurück zur Auswahl->Klangraum Objekte]]
</div>
</div><div class="sf-root">
<div class="sf-eyebrow">Arrangement · Stille Frage</div>
(if: $reaktion is "kenne")[
<p class="sf-reaktion-echo">Du kennst das Gefühl.<br>Es ist vertraut, fast selbstverständlich.</p>
]
(else-if: $reaktion is "ueberrascht")[
<p class="sf-reaktion-echo">Etwas hat sich verschoben.<br>Gut so.</p>
]
(else:)[
<p class="sf-reaktion-echo">Manchmal reicht ein Moment.</p>
]
(set:$reaktion to "")
<div class="sf-divider"></div>
<p class="gr-stille-frage" style="font-size: 16px; color: #e8d9c1;">
Wann wird es dir zu viel –<br>wenn alles gesagt wird, oder wenn nichts gesagt wird?
</p>
<p class="sf-hint">Keine Antwort nötig. Nur innehalten.</p>
<div class="sf-nav">
[[← Zurück zur Auswahl->Klangraum Objekte]]
</div>
</div><div class="sf-root">
<div class="sf-eyebrow">Tempi · Stille Frage</div>
(if: $reaktion is "kenne")[
<p class="sf-reaktion-echo">Du kennst das Gefühl.<br>Es ist vertraut, fast selbstverständlich.</p>
]
(else-if: $reaktion is "ueberrascht")[
<p class="sf-reaktion-echo">Etwas hat sich verschoben.<br>Gut so.</p>
]
(else:)[
<p class="sf-reaktion-echo">Manchmal reicht ein Moment.</p>
]
(set:$reaktion to "")
<div class="sf-divider"></div>
<p class="gr-stille-frage" style="font-size: 16px; color: #e8d9c1;">
Wie gehst du damit um, wenn jemand verschwindet –<br>brauchst du Worte, oder findest du deinen Frieden im Schweigen?
</p>
<p class="sf-hint">Keine Antwort nötig. Nur innehalten.</p>
<div class="sf-nav">
[[← Zurück zur Auswahl->Klangraum Objekte]]
</div>
</div>{
<div class="rf-eyebrow">Klangraum · Reflexion</div>
<div class="rf-title">Was bleibt</div>
<div class="rf-items">
<div class="rf-item">
<span class="rf-item-label">Du hörst mit deiner Geschichte</span>
<p class="rf-item-text">Wie laut oder leise dir etwas erscheint, ist geprägt von dem, was du gelernt hast auszuhalten, zu betonen oder zu verschweigen. Klang ist <em>Erinnerung</em>, nicht nur Akustik.
</p>
</div>
<div class="rf-item">
<span class="rf-item-label">Was dich irritiert, zeigt etwas</span>
<p class="rf-item-text">Nicht jede Lautstärke meint dasselbe. ür manche ist Klarheit Fürsorge, für andere ist Stille Respekt. Was dich irritiert, ist oft kein Angriff – sondern eine andere Art, <em>Präsenz</em> zu zeigen.</p>
</div>
<div class="rf-item">
<span class="rf-item-label">Der Zauber liegt im Unterschied</span>
<p class="rf-item-text">Resonanz entsteht im Dazwischen - nicht im Gleichklang, sondern im Zuhören: Wie klingt die Welt für jemanden, dessen Tempo, Pausen oder Betonungen ganz anders gesetzt sind als deine?</p>
</div>
</div>
<div class="rf-divider"></div>
<div class="rf-summary">
<div class="rf-summary-text">„Klang entsteht, wenn wir miteinander einen Weg finden,<br> der sich für beide wie Musik anfühlt."</div>
<a href="https://vibeswithvalue.com/live-lessons/#jazz" class="rf-summary-link">Entdecke die Stories →</a>
</div>
<div class="rf-nav"style="color:orange;">
[[Raum abschließen]]
[[Karte der Räume]]
</div>
}{
<div class="sb-root">
<div class="sb-eyebrow">Spaces Between · Abschluss</div>
<h1 class="sb-title">Spaces <em>Between</em></h1>
<p class="sb-subtitle" style="font-size: 18px;">Was du mitnimmst</p>
<!-- SCHICHT 1 – vier Statements -->
<div class="sb-statements">
<div class="sb-card">
<span class="sb-card-room">Genussraum</span>
<p class="sb-card-text">Genuss zeigt, wer wir sind <br> und lädt ein, neugierig zu bleiben.</p>
</div>
<div class="sb-card">
<span class="sb-card-room">Wohnraum</span>
<p class="sb-card-text">Wie wir Räume gestalten, zeigt, was wir brauchen <br> und lädt ein, einander Platz zu lassen.</p>
</div>
<div class="sb-card">
<span class="sb-card-room">Klimaraum</span>
<p class="sb-card-text">Das Klima zwischen Menschen entsteht unsichtbar <br> und verändert sich, sobald wir es wahrnehmen.</p>
</div>
<div class="sb-card">
<span class="sb-card-room">Klangraum</span>
<p class="sb-card-text">Klang entsteht, wenn wir miteinander einen Weg finden,<br> der sich für beide wie Musik anfühlt.</p>
</div>
</div>
<!-- SCHICHT 2 – Zähler -->
<div class="sb-zaehler">
(if: $zaehlerTrifft > $zaehlerUeberrascht and $zaehlerTrifft > $zaehlerKenne)[
<p class="sb-zaehler-text">Vieles hat dich tief berührt.<br>Du bist nicht nur Beobachter.</p>
<p class="sb-zaehler-sub">Das ist der Anfang von echter Begegnung.</p>
]
(else-if: $zaehlerUeberrascht > $zaehlerKenne)[
<p class="sb-zaehler-text">Vieles war neu für dich.<br>Neugier ist dein stärkster Modus.</p>
<p class="sb-zaehler-sub">Und der fruchtbarste Boden für interkulturelle Kompetenz.</p>
]
(else:)[
<p class="sb-zaehler-text">Du erkennst dich in vielem wieder.<br>Das Vertraute ist deine Stärke –</p>
<p class="sb-zaehler-sub">und manchmal auch dein blinder Fleck. Beides ist wertvoll.</p>
]
</div>
<!-- SCHICHT 3 – Rückkehr -->
<div class="sb-rueckkehr">
<p class="sb-rueckkehr-text">
Du gehst zurück in die Welt –<br>
mit einem feineren Ohr<br>
für das, was <em>zwischen den Worten</em> liegt.
</p>
</div>
<!-- SCHICHT 4 – Ausblick -->
<div class="sb-ausblick">
<div class="sb-ausblick-item">
<span class="sb-ausblick-label">Die Geschichten dahinter</span>
<p class="sb-ausblick-text">Die Räume die du erkundet hast – sie haben echte Geschichten. Erzählt, diskutiert, vertieft.</p>
<a href="https://vibeswithvalue.com/live-lessons/" class="sb-ausblick-link">Zu den Live Lessons →</a>
</div>
<div class="sb-ausblick-item">
<span class="sb-ausblick-label">Der nächste Schritt</span>
<p class="sb-ausblick-text">Spaces Between: In der Transformation. Dieselbe Spirale – neue Kontexte. PMI, Restrukturierung, Digitalisierung.</p>
<span class="sb-bald">Kommt bald</span>
</div>
</div>
</div>
}<div class="sb-start-screen">
<div class="sb-start-hero">
<span class="sb-start-badge">Interactive Experience</span>
<h1 class="sb-start-title">Spaces <em>Between</em></h1>
<p class="sb-start-subtitle">
Ein interaktiver Erfahrungsraum zur Selbstwahrnehmung.<br>
Erkunde, was deine Reaktionen über dich verraten –<br>
bevor du es weißt.
</p>
<div class="sb-start-divider"></div>
<div class="sb-start-actions">
[[Eintreten→->Intro]]
[[About]]
</div>
<div class="sb-start-footnote">
Version 1.0 · Made with ❤️ and awareness<br>
© 2026 · Dr. Katrin von Briel · All rights reserved.<br>
Concept and experience design proprietary.
</div>
</div>
</div><div class="sb-about">
<h2 class="sb-about-title">Über dieses Erlebnis</h2>
<p class="sb-about-lead">Ein interaktiver Raum zur interkulturellen Selbstwahrnehmung.</p>
<div class="sb-about-divider"></div>
<div class="sb-about-card">
<p class="sb-about-text">
Erlebe wie du wahrnimmst, reagierst und verbindest –
bevor die Ratio eingreift.
Entdecke das Muster hinter deinen Reaktionen.
Und lerne, was interkulturelle Begegnung über dich verrät.
</p>
<p class="sb-about-text" style="margin-top: 10px;">
Nicht durch Theorie. Durch Erleben.
</p>
</div>
<div class="sb-about-card">
<span class="sb-about-label">Wer dahintersteckt</span>
<p class="sb-about-text normal">
Entwickelt von <span class="sb-about-author">Dr. Katrin von Briel</span>
</p>
<p class="sb-about-text" style="margin-top: 8px;">
Entstanden aus der Überzeugung, dass interkulturelle Kompetenz
tiefer geht als Kulturmodelle und Checklisten. Und dass
Selbsterkenntnis am stärksten sitzt, wenn sie niemand von
außen diagnostiziert hat.
</p>
</div>
<div class="sb-about-card">
<span class="sb-about-label">Kontakt</span>
<p class="sb-about-text normal">
<a href="https://vibeswithvalue.com" class="sb-about-text-link">vibeswithvalue.com</a><br>
webmaster@vibeswithvalue.com
</p>
</div>
<div class="sb-about-card">
<span class="sb-about-label">Version</span>
<p class="sb-about-text normal">
Made with ❤️ and lived experience<br>
Version 1.0<br>
© 2026 · Dr. Katrin von Briel · All rights reserved.<br>
Concept and experience design proprietary.
</p>
</div>
<div class="sb-about-card">
<span class="sb-about-label">Easter Egg</span>
<p class="sb-about-text">
Kein Kulturunterschied wurde während der Entwicklung
dauerhaft bewertet. Nur die Annahme, dass unsere Art
zu genießen, zu wohnen und zu klingen selbstverständlich ist.
</p>
</div>
<div class="sb-about-divider"></div>
<div class="sb-about-back">
[[← Zurück zum Start->Start]]
</div>
</div><div class="intro-root">
<div class="intro-eyebrow">Spaces Between · Die persönliche Erfahrung</div>
<div class="intro-video">
<video controls playsinline preload="metadata">
<source src="https://vibeswithvalue.com/wp-content/uploads/2026/04/Der_Lehrer_compressed.mp4">
Ihr Browser unterstützt das Video-Tag nicht.
</video>
</div>
<div class="intro-text">
<p>Manche Menschen nennen das Unterricht.
Andere nennen es Begegnung.<br>
Er hielt sich nicht an Lehrpläne.
Er hielt uns an, größer zu denken.<br>
Statt Vokabeltests: Songtexte, Magazinartikel.
Statt Prüfungsstoff: ein Gefühl.</p>
<p class="intro-emphasis">Begeisterung statt Pflicht.
Er ermutigte uns hinzuschauen – offener, weiter, in die Welt.</p>
</div>
<div class="intro-divider"></div>
<p class="intro-frage">👉 Lernen heißt, sich einzulassen.
Gab es jemanden, der dich dabei geprägt hat? <br><small style='opacity: 0.9; font-style: italic;'>(Antippen und loslegen)</small> </p>
<div class="intro-choices">
<div class="intro-choice">
[[Jemand hat mich geprägt <br> ich erinnere mich.->Variablen]]
[[Niemand hat mich so geprägt <br> aber die Frage bleibt.->Variablen]]
</div>
</div>
</div>