(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 · Pleasure Space</div>
<div class="gr-title">What you enjoy<br><em>reveals who you are.</em></div>
<div class="gr-sub">A space to feel. Not to analyse.</div>
</div>
</div>
<div class="gr-divider"></div>
<div class="gr-intro">
<p class="gr-intro-lead">Pleasure is never neutral. It carries your story within it – childhood, culture, longing.</p>
<p class="gr-intro-body">Explore the space first. Flip the cards that speak to you. There is no right order.</p>
</div>
<div class="gr-cards-label">The Space · explore</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">Pleasure</div>
<div class="gr-fc-line1">is</div>
<div class="gr-fc-line2">Permission</div>
<div class="gr-fc-hint">↻ flip</div>
</div>
<div class="gr-fc-back">
<div class="gr-fc-back-text">She stood at the counter and noticed how automatically she reached for the "sensible" choice. Then she paused. Not today. Today she was allowed the one she'd been eyeing for weeks.<br><br>When she bit into it, she tasted not just sweetness, but that small, rebellious <em>"I may."</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">Pleasure</div>
<div class="gr-fc-line1">is</div>
<div class="gr-fc-line2">Connection</div>
<div class="gr-fc-hint">↻ flip</div>
</div>
<div class="gr-fc-back">
<div class="gr-fc-back-text">The table was crowded, everyone reaching for something different, yet their hands kept meeting in the middle. A laugh, a "try this". And suddenly there was a taste that reminded her of a summer years ago.<br><br>Not to escape, but to <em>arrive fully.</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">Pleasure</div>
<div class="gr-fc-line1">is</div>
<div class="gr-fc-line2">Attention</div>
<div class="gr-fc-hint">↻ flip</div>
</div>
<div class="gr-fc-back">
<div class="gr-fc-back-text">He took the first sip and suddenly noticed how rarely he truly tasted. How often he drank without noticing what he was actually doing.<br><br>This time he stopped, let the flavours <em>arrive.</em></div>
</div>
</div>
</div>
</div>
<div class="gr-cta">
[[Enter the Space->Pleasure Objects]]
<div class="gr-cta-hint">Anytime · even without flipping all cards</div>
</div>
</div>(set: $kaffeeDone to (history: ) contains "Coffee Tea") (set: $chipsDone to (history: ) contains "Paprika Crisps") (set: $monDone to (history: ) contains "Mon Cheri EN")
<div class="gr-obj-screen">
<p class="gr-obj-headline">Three objects.<br>Your order.</p>
<p class="gr-obj-sub">Choose what draws you. You can always return.</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="Coffee and Tea">
</div>
<div class="gr-obj-body">
<div class="gr-obj-name">Coffee or Tea?</div>
<div class="gr-obj-desc">Two rituals. Two worldviews. One silent misunderstanding.</div>
(if: $kaffeeDone)[<div class="gr-obj-link done">✓ Visited</div>]
(else:)[<div class="gr-obj-link">[[Explore →->Coffee Tea]]</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="Crisps">
</div>
<div class="gr-obj-body">
<div class="gr-obj-name">Paprika Crisps</div>
<div class="gr-obj-desc">What you miss when it's gone – and why you can't explain it to anyone.</div>
(if: $chipsDone)[<div class="gr-obj-link done">✓ Visited</div>]
(else:)[<div class="gr-obj-link">[[Explore →->Paprika Crisps]]</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">Grandma's cupboard or European treasure? What we dismiss says more than we think.</div>
(if: $monDone)[<div class="gr-obj-link done">✓ Visited</div>]
(else:)[<div class="gr-obj-link">[[Explore →->Mon Cheri EN]]</div>]
</div>
</div>
</div>
(if: $kaffeeDone or $chipsDone or $monDone)[
<div class="gr-cta" style="margin-top: 32px;">
[[What remains – Reflection →->Pleasure Reflection]]
<div class="gr-cta-hint">Return anytime to explore more</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 · Living Space</div>
<div class="gr-title">How you live<br><em>mirrors your inner world.</em></div>
<div class="gr-sub">A space to feel. Not to analyse.</div>
</div>
</div>
<div class="gr-divider"></div>
<div class="gr-intro">
<p class="gr-intro-lead">Architecture is the silent language that gives expression to our identity, longing and philosophy of life.</p>
<p class="gr-intro-body">Explore the space first. Flip the cards that speak to you. There is no right order.</p>
</div>
<div class="gr-cards-label">The Space · explore</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">Living Space</div>
<div class="gr-fc-line1">is</div>
<div class="gr-fc-line2">Orientation</div>
<div class="gr-fc-hint">↻ flip</div>
</div>
<div class="gr-fc-back">
<div class="gr-fc-back-text">She paused in the doorway and looked around. Nothing had changed, and yet the room felt different. Perhaps because she herself had entered differently.<br><br>Orientation was not a compass, more a <em>recognition.</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">Living Space</div>
<div class="gr-fc-line1">is</div>
<div class="gr-fc-line2">Authenticity</div>
<div class="gr-fc-hint">↻ flip</div>
</div>
<div class="gr-fc-back">
<div class="gr-fc-back-text">The mirror was not flattering. It showed lines, shadows, traces. But when she looked more closely, she discovered something else: a presence that no longer tried to be someone.<br><br>She meets herself without filter, <em>simply true.</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">Living Space</div>
<div class="gr-fc-line1">is</div>
<div class="gr-fc-line2">Warmth</div>
<div class="gr-fc-hint">↻ flip</div>
</div>
<div class="gr-fc-back">
<div class="gr-fc-back-text">He placed his hand on the radiator just beginning to warm. An unremarkable moment, yet it reminded him how good it felt when something from outside was kind.<br><br>Warmth was no luxury – it was a <em>basic need.</em></div>
</div>
</div>
</div>
</div>
<div class="gr-cta">
[[Enter the Space->Living Objects]]
<div class="gr-cta-hint">Anytime · even without flipping all cards</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 · Climate Space</div>
<div class="gr-title">How you make contact<br><em>shapes the climate.</em></div>
<div class="gr-sub">A space to feel. Not to analyse.</div>
</div>
</div>
<div class="gr-divider"></div>
<div class="gr-intro">
<p class="gr-intro-lead">Sometimes climate is not weather, but a feeling: the way people dose closeness, how much clarity they can bear, and how a room dissolves tension.</p>
<p class="gr-intro-body">Explore the space first. Flip the cards that speak to you. There is no right order.</p>
</div>
<div class="gr-cards-label">The Space · explore</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">Climate Space</div>
<div class="gr-fc-line1">is</div>
<div class="gr-fc-line2">Temperature</div>
<div class="gr-fc-hint">↻ flip</div>
</div>
<div class="gr-fc-back">
<div class="gr-fc-back-text">The air was cool, almost reserved. Sometimes she froze in conversations without anyone having said a word. And sometimes a warm glance was enough to thaw everything.<br><br>Temperature was the <em>language</em> she spoke without using a single word.</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">Climate Space</div>
<div class="gr-fc-line1">is</div>
<div class="gr-fc-line2">Air pressure</div>
<div class="gr-fc-hint">↻ flip</div>
</div>
<div class="gr-fc-back">
<div class="gr-fc-back-text">The pressure was not loud. It was a fine hum that settled in the chest, barely visible, yet tangible. A climate that demanded decisions before she was ready.<br><br>Air pressure showed her where <em>tension</em> arose, and where she needed <em>support.</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">Climate Space</div>
<div class="gr-fc-line1">is</div>
<div class="gr-fc-line2">Humidity</div>
<div class="gr-fc-hint">↻ flip</div>
</div>
<div class="gr-fc-back">
<div class="gr-fc-back-text">The air was soft, almost physical. A climate that did not force closeness, but enabled it. She noticed how she became more permeable. Not vulnerable, but open.<br><br>Humidity was the climate that <em>invited</em> without demanding.</div>
</div>
</div>
</div>
</div>
<div class="gr-cta">
[[Enter the Space->Climate Objects]]
<div class="gr-cta-hint">Anytime · even without flipping all cards</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 · Sound Space</div>
<div class="gr-title">How you encounter others<br><em>shapes the sound.</em></div>
<div class="gr-sub">A space to feel. Not to analyse.</div>
</div>
</div>
<div class="gr-divider"></div>
<div class="gr-intro">
<p class="gr-intro-lead">Encounters are music: keys and rhythms touch each other. Harmony and dissonance lie close together.</p>
<p class="gr-intro-body">Explore the space first. Flip the cards that speak to you. There is no right order.</p>
</div>
<div class="gr-cards-label">The Space · explore</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">Sound Space</div>
<div class="gr-fc-line1">is</div>
<div class="gr-fc-line2">Arrangement</div>
<div class="gr-fc-hint">↻ flip</div>
</div>
<div class="gr-fc-back">
<div class="gr-fc-back-text">Their voices layered over each other like different instruments and pitches – sometimes harmonious, sometimes off-key. And yet something shared emerged the moment they truly listened.<br><br>Arrangement was not unison, but a <em>togetherness.</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">Sound Space</div>
<div class="gr-fc-line1">is</div>
<div class="gr-fc-line2">Dynamics</div>
<div class="gr-fc-hint">↻ flip</div>
</div>
<div class="gr-fc-back">
<div class="gr-fc-back-text">He spoke quietly, almost withdrawn, while she answered in clear accents. Between them lay pauses, undertones, small shifts. Not what was said carried the conversation, but what resonated alongside it.<br><br>Dynamics was the <em>emotion</em> that moved between the words.</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">Sound Space</div>
<div class="gr-fc-line1">is</div>
<div class="gr-fc-line2">Tempo</div>
<div class="gr-fc-hint">↻ flip</div>
</div>
<div class="gr-fc-back">
<div class="gr-fc-back-text">Some conversations ended like a fade-out: soft, slow, almost imperceptible. Others needed a clear finale, a point that remained. Every culture had its own tempo for farewells.<br><br>Tempo reflects <em>letting go</em> and the <em>return.</em></div>
</div>
</div>
</div>
</div>
<div class="gr-cta">
[[Enter the Space->Sound Objects]]
<div class="gr-cta-hint">Anytime · even without flipping all cards</div>
</div>
</div>
(set: $blueDone to (history: ) contains "Blue Notes EN") (set: $arrangementDone to (history: ) contains "Arrangement EN") (set: $tempiDone to (history: ) contains "Tempi EN")
<div class="gr-obj-screen">
<p class="gr-obj-headline">Three objects.<br>Your order.</p>
<p class="gr-obj-sub">Choose what draws you. You can always return.</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">Sound</div>
<div class="gr-obj-desc">Between fixed cues and free lines, a shared space emerges – one that thrives not on harmony, but on listening.</div>
(if: $blueDone)[<div class="gr-obj-link done">✓ Visited</div>]
(else:)[<div class="gr-obj-link">[[Explore →->Blue Notes EN]]</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 can be played like music: sometimes clear and direct like a piano, sometimes suggestive like a string quartet. Between openness and suggestion, a space arises.</div>
(if: $arrangementDone)[<div class="gr-obj-link done">✓ Visited</div>]
(else:)[<div class="gr-obj-link">[[Explore →->Arrangement EN]]</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">Transitions follow their own tempo: fade-out or finale. And sometimes the ending tells more than the beginning.</div>
(if: $tempiDone)[<div class="gr-obj-link done">✓ Visited</div>]
(else:)[<div class="gr-obj-link">[[Explore →->Tempi EN]]</div>]
</div>
</div>
</div>
(if: $blueDone or $arrangementDone or $tempiDone)[
<div class="gr-cta" style="margin-top: 32px;">
[[What remains – Reflection →->Sound Reflection]]
<div class="gr-cta-hint">Return anytime to explore more</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="Coffee cup">
</div>
<p class="gr-obj-hook">"Two friends. One café. No agreement."</p>
<div class="gr-anekdote">
<em>"Espresso, Flat White, Cold Brew with oat milk?"</em> asks the waiter.<br>
Claire looks at me as if someone had read her an IKEA manual backwards.<br>
<em>"I just want a tea"</em>, she says – with the slightly pained smile of British politeness.<br>
I order two cappuccinos. She doesn't object. We drink it regularly, in silence, slightly ironically.
</div>
<div class="gr-aufdeckung-label">What lies beneath</div>
<div class="gr-weltbilder">
<div class="gr-welt gr-welt-a">
<span class="gr-welt-label">Coffee</span>
I am ready.<br>I perform.<br>I get things done.
</div>
<div class="gr-welt gr-welt-b">
<span class="gr-welt-label">Tea</span>
I pause.<br>I connect.<br>I hold on.
</div>
</div>
<div class="gr-reaktion-label">How do you react?</div>
<div class="gr-reaktionen">
<span class="gr-reaktion">
(link: "I know this")[
(set: $reaktion to "kenne")
(set: $zaehlerKenne to it + 1)
(goto: "SF Coffee")
]
</span>
<span class="gr-reaktion">
(link: "this surprises me")[
(set: $reaktion to "ueberrascht")
(set: $zaehlerUeberrascht to it + 1)
(goto: "SF Coffee")
]
</span>
<span class="gr-reaktion">
(link: "this lands somewhere")[
(set: $reaktion to "trifft")
(set: $zaehlerTrifft to it + 1)
(goto: "SF Coffee")
]
</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="Crisps">
</div>
<p class="gr-obj-hook">"No. Paprika."</p>
<div class="gr-anekdote">
I'm standing in front of a wall of crisps in northern England.<br>
Salt & Vinegar. Cheese & Onion. Prawn Cocktail. Beef & Mustard.<br>
I ask. The shop assistant looks at me as if I'd requested something radioactive.<br>
<em>"Paprika is quite... German. We prefer something more distinctive."</em>
</div>
<div class="gr-aufdeckung-label">What lies beneath</div>
<div class="gr-weltbilder">
<div class="gr-welt gr-welt-a">
<span class="gr-welt-label">Paprika</span>
Reliability.<br>The familiar as home.<br>No risk.
</div>
<div class="gr-welt gr-welt-b">
<span class="gr-welt-label">Pickled Onion</span>
Surprise as a value.<br>What sticks in the mind.<br>Courage to be different.
</div>
</div>
<div class="gr-reaktion-label">How do you react?</div>
<div class="gr-reaktionen">
<span class="gr-reaktion">
(link: "I know this")[
(set: $reaktion to "kenne")
(set: $zaehlerKenne to it + 1)
(goto: "SF Crisps")
]
</span>
<span class="gr-reaktion">
(link: "this surprises me")[
(set: $reaktion to "ueberrascht")
(set: $zaehlerUeberrascht to it + 1)
(goto: "SF Crisps")
]
</span>
<span class="gr-reaktion">
(link: "this lands somewhere")[
(set: $reaktion to "trifft")
(set: $zaehlerTrifft to it + 1)
(goto: "SF Crisps")
]
</span>
</div>
</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">Europe in a box: myth and projection</p>
<div class="gr-anekdote">
In Germany: Grandma's sideboard, Sunday afternoon television, slightly dated.<br>
In England: <em>sexy, decadent, "a little bit naughty"</em> – Europe in a chocolate.<br>
I explain to my British friends that Mon Chéri in Germany is about as cool as a VHS course in macramé.<br>
They lift the chocolate with two fingers like a small treasure and simply smile.
</div>
<div class="gr-aufdeckung-label">What lies beneath</div>
<div class="gr-weltbilder">
<div class="gr-welt gr-welt-a">
<span class="gr-welt-label">Germany</span>
Too familiar for magic.<br>Too close to old roles.<br>Dismissal as distance.
</div>
<div class="gr-welt gr-welt-b">
<span class="gr-welt-label">England</span>
No baggage, only myth.<br>Europe as longing.<br>The treasure lies in the foreign.
</div>
</div>
<div class="gr-reaktion-label">How do you react?</div>
<div class="gr-reaktionen">
<span class="gr-reaktion">
(link: "I know this")[
(set: $reaktion to "kenne")
(set: $zaehlerKenne to it + 1)
(goto: "SF Cheri EN")
]
</span>
<span class="gr-reaktion">
(link: "this surprises me")[
(set: $reaktion to "ueberrascht")
(set: $zaehlerUeberrascht to it + 1)
(goto: "SF Cheri EN")
]
</span>
<span class="gr-reaktion">
(link: "this lands somewhere")[
(set: $reaktion to "trifft")
(set: $zaehlerTrifft to it + 1)
(goto: "SF Cheri EN")
]
</span>
</div>
</div>{
<div class="rf-eyebrow">Pleasure Space · Reflection</div>
<div class="rf-title">What remains</div>
<div class="rf-items">
<div class="rf-item">
<span class="rf-item-label">Your pleasure is not accidental</span>
<p class="rf-item-text">It is shaped – by childhood, origin, by what you have learned to earn or to allow. That doesn't make it any less yours.</p>
</div>
<div class="rf-item">
<span class="rf-item-label">What irritates you shows something</span>
<p class="rf-item-text">When someone enjoys differently to you – slower, louder, more – that is not a mistake. It is a different answer to <em>the same human question.</em></p>
</div>
<div class="rf-item">
<span class="rf-item-label">The magic lies in the difference</span>
<p class="rf-item-text">Not in understanding. <em>In staying curious.</em> In asking: what does life taste like for someone who grew up entirely differently?</p>
</div>
</div>
<div class="rf-divider"></div>
<div class="rf-summary">
<div class="rf-summary-text">"Pleasure shows who we are –<br>and invites us to stay curious."</div>
<a href="https://vibeswithvalue.com/live-lessons/#tea" class="rf-summary-link">Discover the Stories →</a>
</div>
<div class="rf-nav"style="color:orange;">
[[Living Space]]
[[Map of Spaces]]
</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: "
[Pleasure Space ·
Where enjoyment takes shape.
◈ <br><small style='opacity: 0.5; font-style: italic;'>(tap to enter)</small>]
", "Pleasure Space")
</div>
<div class="map-item">
(link-goto: "
[Living Space ·
Where encounters happen.
≋<br><small style='opacity: 0.5; font-style: italic;'>(tap to enter)</small>]
", "Living Space")
</div>
<div class="map-item">
(link-goto: "
[Climate Space ·
Where atmosphere becomes tangible.
⌬<br><small style='opacity: 0.5; font-style: italic;'>(tap to enter)</small>]
", "Climate Space")
</div>
<div class="map-item">
(link-goto: "
[Sound Space ·
Where connection becomes audible.
✧<br><small style='opacity: 0.5; font-style: italic;'>(tap to enter)</small>]
", "Sound Space")
</div>
</div>
</div>(set: $sqmDone to (history: ) contains "sqm EN") (set: $kitchenDone to (history: ) contains "Kitchen EN") (set: $badDone to (history: ) contains "Bathroom EN")
<div class="gr-obj-screen">
<p class="gr-obj-headline">Three objects.<br>Your order.</p>
<p class="gr-obj-sub">Choose what draws you. You can always return.</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="Flat">
</div>
<div class="gr-obj-body">
<div class="gr-obj-name">Property Size</div>
<div class="gr-obj-desc">The sober logic of square metres and floor plans meets the number of bedrooms and the charm of a space that can’t be measured.
.</div>
(if: $sqmDone)[<div class="gr-obj-link done">✓ Visited</div>]
(else:)[<div class="gr-obj-link">[[Explore →->sqm EN]]</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="Kitchen">
</div>
<div class="gr-obj-body">
<div class="gr-obj-name">The Kitchen</div>
<div class="gr-obj-desc">A kitchen as a blend of rationality and future vision: outside the world may be falling apart – inside, the coffee is still brewed to exactly 92 degrees.</div>
(if: $kitchenDone)[<div class="gr-obj-link done">✓ Visited</div>]
(else:)[<div class="gr-obj-link">[[Explore →->Kitchen EN]]</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="Bathroom">
</div>
<div class="gr-obj-body">
<div class="gr-obj-name">The Bathroom</div>
<div class="gr-obj-desc">A bathroom can be a place of regeneration and control – or a space that teaches us to live with contradictions.</div>
(if: $badDone)[<div class="gr-obj-link done">✓ Visited</div>]
(else:)[<div class="gr-obj-link">[[Explore →->Bathroom EN]]</div>]
</div>
</div>
</div>
(if: $sqmDone or $kitchenDone or $badDone)[
<div class="gr-cta" style="margin-top: 32px;">
[[What remains – Reflection →->Living Reflection]]
<div class="gr-cta-hint">Return anytime to explore more</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="Flat">
</div>
<p class="gr-obj-hook">Measuring the feeling of home</p>
<div class="gr-anekdote"><em>"It's a three-bedroom house!"</em> the estate agent says with enthusiasm. I nod politely and look for the rooms. He nods politely and looks for my enthusiasm.<br>
We open the first door. A room where you can only turn around if you exhale first. <em>"Bedroom."</em><br>
The second door leads to something that in Germany would pass as a storage cupboard. Generous interpretation. <em>"Bedroom."</em><br>
The third door sticks. The agent pushes against it as if Narnia were waiting behind it. <em>"And this is the third bedroom."</em><br>
We are standing in the same house, but in completely <em>different worlds.</em>
</div>
<div class="gr-aufdeckung-label">What lies beneath</div>
<div class="gr-weltbilder">
<div class="gr-welt gr-welt-a">
<span class="gr-welt-label">Square metres</span>
Sober facts.<br>Function and logic.<br>Reality first.
</div>
<div class="gr-welt gr-welt-b">
<span class="gr-welt-label">Number of bedrooms</span>
Optimistic interpretation.<br>Feeling before logic.<br>Imagination first.
</div>
</div>
<div class="gr-reaktion-label">How do you react?</div>
<div class="gr-reaktionen">
<span class="gr-reaktion">
(link: "I know this")[
(set: $reaktion to "kenne")
(set: $zaehlerKenne to it + 1)
(goto: "SF sqm EN")
]
</span>
<span class="gr-reaktion">
(link: "this surprises me")[
(set: $reaktion to "ueberrascht")
(set: $zaehlerUeberrascht to it + 1)
(goto: "SF sqm EN")
]
</span>
<span class="gr-reaktion">
(link: "this lands somewhere")[
(set: $reaktion to "trifft")
(set: $zaehlerTrifft to it + 1)
(goto: "SF sqm EN")
]
</span>
</div>
</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="Kitchen">
</div>
<p class="gr-obj-hook">No place for coincidence</p>
<div class="gr-anekdote"><em>"When I see a German kitchen, I feel safe."</em> says my English friend – with the tone of someone who has just taken out life insurance.<br>
We are standing in his <em>improvised</em> kitchen. The microwave is balanced on the washing machine, the kettle is in the hallway, and the fridge lives next to the garage.<br>
In a German kitchen, <em>precision</em> is at work. Drawers close as softly as a Rolls-Royce. The oven sits at ergonomic height. The waste separator has at least three compartments.<br>
I see a kitchen. He sees a <em>future</em> where <em>everything finally works.</em>
</div>
<div class="gr-aufdeckung-label">What lies beneath</div>
<div class="gr-weltbilder">
<div class="gr-welt gr-welt-a">
<span class="gr-welt-label">German Kitchen</span>
Order is care.<br>Stability brings reliability.<br>Structure creates closeness.
</div>
<div class="gr-welt gr-welt-b">
<span class="gr-welt-label">English Kitchen</span>
Chaos belongs to life.<br>Charm connects.<br>Closeness creates structure.
</div>
</div>
<div class="gr-reaktion-label">How do you react?</div>
<div class="gr-reaktionen">
<span class="gr-reaktion">
(link: "I know this")[
(set: $reaktion to "kenne")
(set: $zaehlerKenne to it + 1)
(goto: "SF Kitchen")
]
</span>
<span class="gr-reaktion">
(link: "this surprises me")[
(set: $reaktion to "ueberrascht")
(set: $zaehlerUeberrascht to it + 1)
(goto: "SF Kitchen")
]
</span>
<span class="gr-reaktion">
(link: "this lands somewhere")[
(set: $reaktion to "trifft")
(set: $zaehlerTrifft to it + 1)
(goto: "SF Kitchen")
]
</span>
</div>
</div><div class="gr-obj-passage">
<div class="gr-obj-photo">
<img src="https://vibeswithvalue.com/wp-content/uploads/2026/04/bathroom.jpg" alt="Bathroom" style="object-position: center 70%;">
</div>
<p class="gr-obj-hook">The bathroom as mirror of the soul</p>
<div class="gr-anekdote">In Germany I enter a bathroom and feel as if I'm in a spa with a safety certificate: underfloor heating, towel warmer, taps that gleam like surgical instruments.<br>
In England: carpet in the bathroom. Two taps that force me to choose between scalding and freezing. The shower drips like a melancholy weather forecast.<br>
<em>"It's just a bathroom, mate."</em> says the host, and means it completely seriously.<br>
He sees a normal bathroom. I see a test of my cultural resilience.
</div>
<div class="gr-aufdeckung-label">What lies beneath</div>
<div class="gr-weltbilder">
<div class="gr-welt gr-welt-a">
<span class="gr-welt-label">German Bathroom</span>
Control.<br>Self-optimisation.<br>Closeness through clarity.
</div>
<div class="gr-welt gr-welt-b">
<span class="gr-welt-label">English Bathroom</span>
Composure.<br>Self-acceptance.<br>Closeness despite contradiction.
</div>
</div>
<div class="gr-reaktion-label">How do you react?</div>
<div class="gr-reaktionen">
<span class="gr-reaktion">
(link: "I know this")[
(set: $reaktion to "kenne")
(set: $zaehlerKenne to it + 1)
(goto: "SF Bathroom")
]
</span>
<span class="gr-reaktion">
(link: "this surprises me")[
(set: $reaktion to "ueberrascht")
(set: $zaehlerUeberrascht to it + 1)
(goto: "SF Bathroom")
]
</span>
<span class="gr-reaktion">
(link: "this lands somewhere")[
(set: $reaktion to "trifft")
(set: $zaehlerTrifft to it + 1)
(goto: "SF Bathroom")
]
</span>
</div>
</div>(set: $druckDone to (history: ) contains "High Pressure") (set: $windDone to (history: ) contains "Wind EN") (set: $fogDone to (history: ) contains "Fog EN")
<div class="gr-obj-screen">
<p class="gr-obj-headline">Three objects.<br>Your order.</p>
<p class="gr-obj-sub">Choose what draws you. You can always return.</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="High Pressure">
</div>
<div class="gr-obj-body">
<div class="gr-obj-name">Pressure system</div>
<div class="gr-obj-desc">The pressure system decides whether credentials act like a high-pressure system: dense and stable – or whether thermals carry you, with presence and personality.</div>
(if: $druckDone)[<div class="gr-obj-link done">✓ Visited</div>]
(else:)[<div class="gr-obj-link">[[Explore →->High Pressure]]</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">Wind direction</div>
<div class="gr-obj-desc">Some conversations are like clear gusts of wind – structured, purposeful, with a defined flight path. Others are like warm breezes – playful, full of asides that create closeness.</div>
(if: $windDone)[<div class="gr-obj-link done">✓ Visited</div>]
(else:)[<div class="gr-obj-link">[[Explore →->Wind EN]]</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">Fog zone</div>
<div class="gr-obj-desc">Some cultures dissolve tension in the fog, others confront it like a frontal system and meet it like a storm.</div>
(if: $fogDone)[<div class="gr-obj-link done">✓ Visited</div>]
(else:)[<div class="gr-obj-link">[[Explore →->Fog EN]]</div>]
</div>
</div>
</div>
(if: $druckDone or $windDone or $fogDone)[
<div class="gr-cta" style="margin-top: 32px;">
[[What remains – Reflection →->Climate Reflection]]
<div class="gr-cta-hint">Return anytime to explore more</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="wind direction" style="object-position: center 35%;">
</div>
<p class="gr-obj-hook">Directions of conversation</p>
<div class="gr-anekdote">In Germany an interruption counts as a course correction – an intervention in the system. One person speaks, the other listens. Order in the airspace.<br>
In England everyone interrupts – constantly. Not out of rudeness, but enthusiasm.
<em>"Interruptions aren't rude. Silence is."</em><br>
I wait for my cue. My British friend smiles and says: <em>"Jump in — it means you're with us."</em><br>
We talk simultaneously. Nobody remembers what it was about. Everyone <em>feels</em> fantastic.
</div>
<div class="gr-aufdeckung-label">What lies beneath</div>
<div class="gr-weltbilder">
<div class="gr-welt gr-welt-a">
<span class="gr-welt-label">Communication logic</span>
Clarity.<br>Structure and analysis.<br>One speaks, the other listens.
</div>
<div class="gr-welt gr-welt-b">
<span class="gr-welt-label">Conversation atmosphere</span>
Warmth.<br>Lightness and playfulness.<br>Everyone speaks because everyone wants to be part of it.
</div>
</div>
<div class="gr-reaktion-label">How do you react?</div>
<div class="gr-reaktionen">
<span class="gr-reaktion">
(link: "I know this")[
(set: $reaktion to "kenne")
(set: $zaehlerKenne to it + 1)
(goto: "SF Wind EN")
]
</span>
<span class="gr-reaktion">
(link: "this surprises me")[
(set: $reaktion to "ueberrascht")
(set: $zaehlerUeberrascht to it + 1)
(goto: "SF Wind EN")
]
</span>
<span class="gr-reaktion">
(link: "this lands somewhere")[
(set: $reaktion to "trifft")
(set: $zaehlerTrifft to it + 1)
(goto: "SF Wind EN")
]
</span>
</div>
</div><div class="gr-obj-passage">
<div class="gr-obj-photo">
<img src="https://vibeswithvalue.com/wp-content/uploads/2026/04/Paraglider.png" alt="Pressure system">
</div>
<p class="gr-obj-hook">High pressure or thermals?
Two countries. One CV. No shared weather system.</p>
<div class="gr-anekdote">In Germany someone introduces themselves: <em>"Good morning, I'm Thomas Obermayer, Dipl.-Ing., M.Sc., certified Scrum Master."</em><br>
In England the same person probably says: <em>"Hi, I'm Tom."</em><br>
I see a high-pressure system of titles, stamps and years of study. My British friend sees a person – and perhaps a good conversation.<br>
We are standing in the same room, but in completely different climate zones. The sources of <em>authority</em> could not be more different.
</div>
<div class="gr-aufdeckung-label">What lies beneath</div>
<div class="gr-weltbilder">
<div class="gr-welt gr-welt-a">
<span class="gr-welt-label">Certificates</span>
Qualifications carry weight.<br>Academic titles create identity.<br>Education as social insurance.
</div>
<div class="gr-welt gr-welt-b">
<span class="gr-welt-label">Soft Skills</span>
The ability to move people.<br>Presence and impact in the room.<br>Education is a social accessory.
</div>
</div>
<div class="gr-reaktion-label">How do you react?</div>
<div class="gr-reaktionen">
<span class="gr-reaktion">
(link: "I know this")[
(set: $reaktion to "kenne")
(set: $zaehlerKenne to it + 1)
(goto: "SF Pressure")
]
</span>
<span class="gr-reaktion">
(link: "this surprises me")[
(set: $reaktion to "ueberrascht")
(set: $zaehlerUeberrascht to it + 1)
(goto: "SF Pressure")
]
</span>
<span class="gr-reaktion">
(link: "this lands somewhere")[
(set: $reaktion to "trifft")
(set: $zaehlerTrifft to it + 1)
(goto: "SF Pressure")
]
</span>
</div>
</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">Between silence and storm</p>
<div class="gr-anekdote">Manchester, 08:17. I'm standing on the right of the escalator, blocking the fast lane. Behind me: coughing, throat-clearing, a quiet drama in slow motion. Nobody says anything. The tension thickens like fog.<br>
In Germany someone would long since have said: <em>"Excuse me, can I get past?"</em> – a clear frontal assault.<br>
In England: silent suffering, elegant restraint, an emotional slalom around embarrassment. Interruption would be worse than the problem itself.<br>
I'm still practising – navigating between fog zones and frontal weather.
</div>
<div class="gr-aufdeckung-label">What lies beneath</div>
<div class="gr-weltbilder">
<div class="gr-welt gr-welt-a">
<span class="gr-welt-label">Directness</span>
Tension is addressed.<br>Words clarify the situation.<br>An ending is an ending.
</div>
<div class="gr-welt gr-welt-b">
<span class="gr-welt-label">Elegant evasion</span>
Tension dissolves in the fog.<br>Silence protects the mood.<br>An ending fades out softly.
</div>
</div>
<div class="gr-reaktion-label">How do you react?</div>
<div class="gr-reaktionen">
<span class="gr-reaktion">
(link: "I know this")[
(set: $reaktion to "kenne")
(set: $zaehlerKenne to it + 1)
(goto: "SF Fog EN")
]
</span>
<span class="gr-reaktion">
(link: "this surprises me")[
(set: $reaktion to "ueberrascht")
(set: $zaehlerUeberrascht to it + 1)
(goto: "SF Fog EN")
]
</span>
<span class="gr-reaktion">
(link: "this lands somewhere")[
(set: $reaktion to "trifft")
(set: $zaehlerTrifft to it + 1)
(goto: "SF Fog EN")
]
</span>
</div>
</div>{
<div class="rf-eyebrow">Climate Space · Reflection</div>
<div class="rf-title">What remains</div>
<div class="rf-items">
<div class="rf-item">
<span class="rf-item-label">Climate is not accidental</span>
<p class="rf-item-text">Climate does not arise from single moments, but from <em>patterns, habits, inner weather systems</em> that form over years.</p>
</div>
<div class="rf-item">
<span class="rf-item-label">What irritates you shows something</span>
<p class="rf-item-text">Different weather systems are normal. Some people speak their storms out loud, others carry them quietly. What irritates you is often not an attack – but <em>another way</em> of dealing with the same inner movement.</p>
</div>
<div class="rf-item">
<span class="rf-item-label">The magic lies in the difference</span>
<p class="rf-item-text">Understanding begins in <em>listening.</em> Not in interpreting. Not in judging. But in asking with curiosity: what does the world feel like for someone whose inner climate resonates quite differently from yours?</p>
</div>
</div>
<div class="rf-divider"></div>
<div class="rf-summary">
<div class="rf-summary-text">"The climate between people arises invisibly –<br>and changes the moment we become aware of it."</div>
<a href="https://vibeswithvalue.com/live-lessons/#thermik" class="rf-summary-link">Discover the Stories →</a>
</div>
<div class="rf-nav"style="color:orange;">
[[Sound Space]]
[[Map of Spaces]]
</div>
}
{
<div class="rf-eyebrow">Living Space · Reflection</div>
<div class="rf-title">What remains</div>
<div class="rf-items">
<div class="rf-item">
<span class="rf-item-label">Your view of space is learned</span>
<p class="rf-item-text">Architecture is psychology made concrete. It shows how much closeness we can bear, how much chaos we tolerate, and how much control we need to feel safe.</p>
</div>
<div class="rf-item">
<span class="rf-item-label">What irritates you shows something</span>
<p class="rf-item-text">When someone values space differently – less measurable, more chaotic, more charming – that is not a mistake. It is a different answer to <em>the same question of closeness and security.</em></p>
</div>
<div class="rf-item">
<span class="rf-item-label">Difference opens the space</span>
<p class="rf-item-text">Not agreement. But the wonder at how differently people live, organise, improvise – and what they need to feel at home.</p>
</div>
</div>
<div class="rf-divider"></div>
<div class="rf-summary">
<div class="rf-summary-text">"How we shape our spaces shows what we need –<br>and invites us to make room for one another."</div>
<a href="https://vibeswithvalue.com/live-lessons/#sqm" class="rf-summary-link">Discover the Stories →</a>
</div>
<div class="rf-nav"style="color:orange;">
[[Climate Space]]
[[Map of Spaces]]
</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 & Final Chord</p>
<div class="gr-anekdote">Silke lives friendship like a <em>score</em>: clear cues, reliable repetitions, a steady beat.<br>
Henry prefers to play <em>jazz</em> – sometimes brilliant, sometimes late, sometimes completely off the mark.<br>
And yet: when he called after his fifth breakup, Silke said just one sentence that held everything. "Maybe you stumble in relationships – but in friendships you're simply <em>loveable."</em><br>
Since then he calls her his <em>"reliable constant"</em> – and she calls him her <em>"loveable uncertainty."</em>
</div>
<div class="gr-aufdeckung-label">What lies beneath</div>
<div class="gr-weltbilder">
<div class="gr-welt gr-welt-a">
<span class="gr-welt-label">Score</span>
Closeness follows a beat.<br>Gestures have their cue.<br>Reliability sounds like harmony.
</div>
<div class="gr-welt gr-welt-b">
<span class="gr-welt-label">Jazz</span>
Closeness arises in the moment.<br>Gestures appear spontaneously.<br>Freedom doesn't sound perfect – but real.
</div>
</div>
<div class="gr-reaktion-label">How do you react?</div>
<div class="gr-reaktionen">
<span class="gr-reaktion">
(link: "I know this")[
(set: $reaktion to "kenne")
(set: $zaehlerKenne to it + 1)
(goto: "SF Blue EN")
]
</span>
<span class="gr-reaktion">
(link: "this surprises me")[
(set: $reaktion to "ueberrascht")
(set: $zaehlerUeberrascht to it + 1)
(goto: "SF Blue EN")
]
</span>
<span class="gr-reaktion">
(link: "this lands somewhere")[
(set: $reaktion to "trifft")
(set: $zaehlerTrifft to it + 1)
(goto: "SF Blue EN")
]
</span>
</div>
</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">String quartet in dialogue with a piano</p>
<div class="gr-anekdote">Kitchen, late evening. A friend sits at the table, hands wrapped around a cup. <em>"I'm completely done,"</em> she says – and means it as an invitation.<br>
She dissects her inner world like a trained pianist working through a passage: clear, deep, unafraid. Conversation is care. <em>Openness is duty.</em> The inner child may sit at the table.<br>
England, park bench, early afternoon. A friend stares at his shoes. <em>"It's been a bit much lately,"</em> he murmurs – meaning: "I'm falling apart inside, but please don't feel burdened."<br>
He holds his feelings like a string quartet in pianissimo: <em>suggestive</em>, polite, almost invisible. He <em>protects you</em> from his inner world, even as it tears him apart.<br>
Between them lies no conflict, only a difference in sound: one opens all the windows, the other draws the curtains. <em>Both hope the other hears them anyway.</em>
</div>
<div class="gr-aufdeckung-label">What lies beneath</div>
<div class="gr-weltbilder">
<div class="gr-welt gr-welt-a">
<span class="gr-welt-label">Piano</span>
Feelings are named.<br>Words open the inner space.<br>Authenticity sounds loud and clear.
</div>
<div class="gr-welt gr-welt-b">
<span class="gr-welt-label">String Quartet</span>
Feelings are suggested.<br>Silence protects the inner space.<br>Authenticity sounds quiet – in undertones.
</div>
</div>
<div class="gr-reaktion-label">How do you react?</div>
<div class="gr-reaktionen">
<span class="gr-reaktion">
(link: "I know this")[
(set: $reaktion to "kenne")
(set: $zaehlerKenne to it + 1)
(goto: "SF Arrangement EN")
]
</span>
<span class="gr-reaktion">
(link: "this surprises me")[
(set: $reaktion to "ueberrascht")
(set: $zaehlerUeberrascht to it + 1)
(goto: "SF Arrangement EN")
]
</span>
<span class="gr-reaktion">
(link: "this lands somewhere")[
(set: $reaktion to "trifft")
(set: $zaehlerTrifft to it + 1)
(goto: "SF Arrangement EN")
]
</span>
</div>
</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">At train stations, people have entirely different different ways of <em>exiting a moment.</em><br>
Harry leaves like a <em>diminuendo</em>: a glance at the board, a step toward the platform, and a half-smile that fades into the crowd. He doesn’t vanish; he simply lets the music of the encounter drift into silence.<br>
Martina, meanwhile, writes a <em>finale</em> in full orchestration: a tidy “Right, then,” a check of the time, and a clear frame to close the scene. She needs the double bar line to know the movement is complete.<br>
Later, she texts: “That was a lovely note to end on.” Henry reads it on the train and thinks: We may <em>play different styles,</em> but somehow, they <em>harmonise. </em></div>
<div class="gr-aufdeckung-label">What lies beneath</div>
<div class="gr-weltbilder">
<div class="gr-welt gr-welt-a">
<span class="gr-welt-label">Finale</span>
Presence ends cleanly.<br>Words order what was.<br>The ending gets a coda.
</div>
<div class="gr-welt gr-welt-b">
<span class="gr-welt-label">Fade out</span>
Presence dissolves quietly.<br>Words grow shorter, then silent.<br>The ending comes without punctuation.
</div>
</div>
<div class="gr-reaktion-label">How do you react?</div>
<div class="gr-reaktionen">
<span class="gr-reaktion">
(link: "I know this")[
(set: $reaktion to "kenne")
(set: $zaehlerKenne to it + 1)
(goto: "SF Tempi EN")
]
</span>
<span class="gr-reaktion">
(link: "this surprises me")[
(set: $reaktion to "ueberrascht")
(set: $zaehlerUeberrascht to it + 1)
(goto: "SF Tempi EN")
]
</span>
<span class="gr-reaktion">
(link: "this lands somewhere")[
(set: $reaktion to "trifft")
(set: $zaehlerTrifft to it + 1)
(goto: "SF Tempi EN")
]
</span>
</div>
</div>
(set: $zaehlerKenne to 0)
(set: $zaehlerUeberrascht to 0)
(set: $zaehlerTrifft to 0)
(set: $reaktion to "")
(go-to: "Map of Spaces")(set: $kaffeeDone to true)
<div class="sf-root">
<div class="sf-eyebrow">Coffee or Tea · Silent Question</div>
(if: $reaktion is "kenne")[
<p class="sf-reaktion-echo">You know this feeling.<br>It's familiar, almost self-evident.</p>
]
(else-if: $reaktion is "ueberrascht")[
<p class="sf-reaktion-echo">Something has shifted.<br>Good.</p>
]
(else:)[
<p class="sf-reaktion-echo">Sometimes a moment is enough.</p>
]
(set: $reaktion to "")
<div class="sf-divider"></div>
<p class="gr-stille-frage" style="font-size: 16px; color: #e8d9c1;">
What do you need to get through the day –<br>and who taught you that?
</p>
<p class="sf-hint">No answer needed. Just pause.</p>
<div class="sf-nav">
[[← Back to selection->Pleasure Objects]]
</div>
</div>(set: $chipsDone to true)
<div class="sf-root">
<div class="sf-eyebrow">Paprika Crisps · Silent Question</div>
(if: $reaktion is "kenne")[
<p class="sf-reaktion-echo">You know this feeling.<br>The familiar as a quiet anchor.</p>
]
(else-if: $reaktion is "ueberrascht")[
<p class="sf-reaktion-echo">Not everything is as universal<br>as it feels.</p>
]
(else:)[
<p class="sf-reaktion-echo">Sometimes the small things<br>land the deepest.</p>
]
(set: $reaktion to "")
<div class="sf-divider"></div>
<p class="gr-stille-frage" style="font-size: 16px; color: #e8d9c1;">
What do you only miss when it's gone –<br>and why can't you explain it to anyone?
</p>
<p class="sf-hint">No answer needed. Just pause.</p>
<div class="sf-nav">
[[← Back to selection->Pleasure Objects]]
</div>
</div>(set: $monDone to true)
<div class="sf-root">
<div class="sf-eyebrow">Mon Chéri · Silent Question</div>
(if: $reaktion is "kenne")[
<p class="sf-reaktion-echo">You know the baggage.<br>And perhaps the treasure beneath it.</p>
]
(else-if: $reaktion is "ueberrascht")[
<p class="sf-reaktion-echo">The same object –<br>two completely different stories.</p>
]
(else:)[
<p class="sf-reaktion-echo">What we dismiss<br>sometimes says more than what we celebrate.</p>
]
(set: $reaktion to "")
<div class="sf-divider"></div>
<p class="gr-stille-frage" style="font-size: 16px; color: #e8d9c1;">
What have you stopped enjoying –<br>because it no longer fits your self-image?
</p>
<p class="sf-hint">No answer needed. Just pause.</p>
<div class="sf-nav">
[[← Back to selection->Pleasure Objects]]
</div>
</div>(set: $sqmDone to true)
<div class="sf-root">
<div class="sf-eyebrow">Property Size · Silent Question</div>
(if: $reaktion is "kenne")[
<p class="sf-reaktion-echo">You know this feeling.<br>It's familiar, almost self-evident.</p>
]
(else-if: $reaktion is "ueberrascht")[
<p class="sf-reaktion-echo">Something has shifted.<br>Good.</p>
]
(else:)[
<p class="sf-reaktion-echo">Sometimes a moment is enough.</p>
]
(set: $reaktion to "")
<div class="sf-divider"></div>
<p class="gr-stille-frage" style="font-size: 16px; color: #e8d9c1;">
What truly counts for you –<br>and where do you let possibilities lead you?
</p>
<p class="sf-hint">No answer needed. Just pause.</p>
<div class="sf-nav">
[[← Back to selection->Living Objects]]
</div>
</div>
(set: $badDone to true)
<div class="sf-root">
<div class="sf-eyebrow">The Bathroom · Silent Question</div>
(if: $reaktion is "kenne")[
<p class="sf-reaktion-echo">You know this feeling.<br>It's familiar, almost self-evident.</p>
]
(else-if: $reaktion is "ueberrascht")[
<p class="sf-reaktion-echo">Something has shifted.<br>Good.</p>
]
(else:)[
<p class="sf-reaktion-echo">Sometimes a moment is enough.</p>
]
(set: $reaktion to "")
<div class="sf-divider"></div>
<p class="gr-stille-frage" style="font-size: 16px; color: #e8d9c1;">
What do you need to have under control –<br>and where do you allow yourself to simply be?
</p>
<p class="sf-hint">No answer needed. Just pause.</p>
<div class="sf-nav">
[[← Back to selection->Living Objects]]
</div>
</div>
</div>(set: $kitchenDone to true)
<div class="sf-root">
<div class="sf-eyebrow">The Kitchen · Silent Question</div>
(if: $reaktion is "kenne")[
<p class="sf-reaktion-echo">You know this feeling.<br>It's familiar, almost self-evident.</p>
]
(else-if: $reaktion is "ueberrascht")[
<p class="sf-reaktion-echo">Something has shifted.<br>Good.</p>
]
(else:)[
<p class="sf-reaktion-echo">Sometimes a moment is enough.</p>
]
(set: $reaktion to "")
<div class="sf-divider"></div>
<p class="gr-stille-frage" style="font-size: 16px; color: #e8d9c1;">
What gives you security –<br>and where do you trust that closeness will take care of the rest?
</p>
<p class="sf-hint">No answer needed. Just pause.</p>
<div class="sf-nav">
[[← Back to selection->Living Objects]]
</div>
</div>(set: $druckDone to true)
<div class="sf-root">
<div class="sf-eyebrow">Pressure system · Silent Question</div>
(if: $reaktion is "kenne")[<p class="sf-reaktion-echo">You know this feeling.<br>It's familiar, almost self-evident.</p>]
(else-if: $reaktion is "ueberrascht")[<p class="sf-reaktion-echo">Something has shifted.<br>Good.</p>]
(else:)[<p class="sf-reaktion-echo">Sometimes a moment is enough.</p>]
(set: $reaktion to "")
<div class="sf-divider"></div>
<p class="gr-stille-frage" style="font-size: 16px; color: #e8d9c1;">
How do you measure your worth –<br>by what you can show, or by who you are?
</p>
<p class="sf-hint">No answer needed. Just pause.</p>
<div class="sf-nav">[[← Back to selection->Climate Objects]]</div>
</div>
(set: $windDone to true)
<div class="sf-root">
<div class="sf-eyebrow">Wind direction · Silent Question</div>
(if: $reaktion is "kenne")[<p class="sf-reaktion-echo">You know this feeling.<br>It's familiar, almost self-evident.</p>]
(else-if: $reaktion is "ueberrascht")[<p class="sf-reaktion-echo">Something has shifted.<br>Good.</p>]
(else:)[<p class="sf-reaktion-echo">Sometimes a moment is enough.</p>]
(set: $reaktion to "")
<div class="sf-divider"></div>
<p class="gr-stille-frage" style="font-size: 16px; color: #e8d9c1;">
What matters more to you in conversation –<br>clarity of content or closeness in the moment?
</p>
<p class="sf-hint">No answer needed. Just pause.</p>
<div class="sf-nav">[[← Back to selection->Climate Objects]]</div>
</div>(set: $fogDone to true)
<div class="sf-root">
<div class="sf-eyebrow">Fog zone · Silent Question</div>
(if: $reaktion is "kenne")[<p class="sf-reaktion-echo">You know this feeling.<br>It's familiar, almost self-evident.</p>]
(else-if: $reaktion is "ueberrascht")[<p class="sf-reaktion-echo">Something has shifted.<br>Good.</p>]
(else:)[<p class="sf-reaktion-echo">Sometimes a moment is enough.</p>]
(set: $reaktion to "")
<div class="sf-divider"></div>
<p class="gr-stille-frage" style="font-size: 16px; color: #e8d9c1;">
How do you deal with quiet tension?<br>Do you seek clarity, or do you seek calm?
</p>
<p class="sf-hint">No answer needed. Just pause.</p>
<div class="sf-nav">[[← Back to selection->Climate Objects]]</div>
</div>
```(set: $blueDone to true)
<div class="sf-root">
<div class="sf-eyebrow">Sound · Silent Question</div>
(if: $reaktion is "kenne")[<p class="sf-reaktion-echo">You know this feeling.<br>It's familiar, almost self-evident.</p>]
(else-if: $reaktion is "ueberrascht")[<p class="sf-reaktion-echo">Something has shifted.<br>Good.</p>]
(else:)[<p class="sf-reaktion-echo">Sometimes a moment is enough.</p>]
(set: $reaktion to "")
<div class="sf-divider"></div>
<p class="gr-stille-frage" style="font-size: 16px; color: #e8d9c1;">
How do you recognise connection –<br>in a shared beat or in the spaces between?
</p>
<p class="sf-hint">No answer needed. Just pause.</p>
<div class="sf-nav">[[← Back to selection->Sound Objects]]</div>
</div>
(set: $arrangementDone to true)
<div class="sf-root">
<div class="sf-eyebrow">Arrangement · Silent Question</div>
(if: $reaktion is "kenne")[<p class="sf-reaktion-echo">You know this feeling.<br>It's familiar, almost self-evident.</p>]
(else-if: $reaktion is "ueberrascht")[<p class="sf-reaktion-echo">Something has shifted.<br>Good.</p>]
(else:)[<p class="sf-reaktion-echo">Sometimes a moment is enough.</p>]
(set: $reaktion to "")
<div class="sf-divider"></div>
<p class="gr-stille-frage" style="font-size: 16px; color: #e8d9c1;">
When does it become too much –<br>when everything is said, or when nothing is?
</p>
<p class="sf-hint">No answer needed. Just pause.</p>
<div class="sf-nav">[[← Back to selection->Sound Objects]]</div>
</div>
(set: $tempiDone to true)
<div class="sf-root">
<div class="sf-eyebrow">Tempi · Silent Question</div>
(if: $reaktion is "kenne")[<p class="sf-reaktion-echo">You know this feeling.<br>It's familiar, almost self-evident.</p>]
(else-if: $reaktion is "ueberrascht")[<p class="sf-reaktion-echo">Something has shifted.<br>Good.</p>]
(else:)[<p class="sf-reaktion-echo">Sometimes a moment is enough.</p>]
(set: $reaktion to "")
<div class="sf-divider"></div>
<p class="gr-stille-frage" style="font-size: 16px; color: #e8d9c1;">
How do you deal with someone disappearing –<br>do you need words, or do you find your peace in silence?
</p>
<p class="sf-hint">No answer needed. Just pause.</p>
<div class="sf-nav">[[← Back to selection->Sound Objects]]</div>
</div>
{
<div class="rf-eyebrow">Sound Space · Reflection</div>
<div class="rf-title">What remains</div>
<div class="rf-items">
<div class="rf-item">
<span class="rf-item-label">You hear with your history</span>
<p class="rf-item-text">How loud or quiet something seems is shaped by what you have learned to endure, emphasise or leave unspoken. Sound is <em>memory</em>, not just acoustics.</p>
</div>
<div class="rf-item">
<span class="rf-item-label">What irritates you shows something</span>
<p class="rf-item-text">Not every volume means the same thing. For some, clarity is care; for others, silence is respect. What irritates you is often not an attack – but another way of showing <em>presence.</em></p>
</div>
<div class="rf-item">
<span class="rf-item-label">The magic lies in the difference</span>
<p class="rf-item-text">Resonance arises in the in-between – not in unison, but in listening: what does the world sound like for someone whose tempo, pauses or emphases are set quite differently from yours?</p>
</div>
</div>
<div class="rf-divider"></div>
<div class="rf-summary">
<div class="rf-summary-text">"Sound arises when we find a way together<br>that feels like music to both of us."</div>
<a href="https://vibeswithvalue.com/live-lessons/#jazz" class="rf-summary-link">Discover the Stories →</a>
</div>
<div class="rf-nav"style="color:orange;">
[[Complete Session]]
[[Map of Spaces]]
</div>
}{
<div class="sb-root">
<div class="sb-eyebrow">Spaces Between · Close</div>
<h1 class="sb-title">Spaces <em>Between</em></h1>
<p class="sb-subtitle">What you take with you</p>
<div class="sb-statements">
<div class="sb-card">
<span class="sb-card-room">Pleasure Space</span>
<p class="sb-card-text">Pleasure shows who we are – and invites us to stay curious.</p>
</div>
<div class="sb-card">
<span class="sb-card-room">Living Space</span>
<p class="sb-card-text">How we shape our spaces shows what we need – and invites us to make room for one another.</p>
</div>
<div class="sb-card">
<span class="sb-card-room">Climate Space</span>
<p class="sb-card-text">The climate between people arises invisibly – and changes the moment we become aware of it.</p>
</div>
<div class="sb-card">
<span class="sb-card-room">Sound Space</span>
<p class="sb-card-text">Sound arises when we find a way together that feels like music to both of us.</p>
</div>
</div>
<div class="sb-zaehler">
(if: $zaehlerTrifft > $zaehlerUeberrascht and $zaehlerTrifft > $zaehlerKenne)[
<p class="sb-zaehler-text">Much has moved you deeply.<br>You are not just an observer.</p>
<p class="sb-zaehler-sub">That is the beginning of genuine encounter.</p>
]
(else-if: $zaehlerUeberrascht > $zaehlerKenne)[
<p class="sb-zaehler-text">Much was new to you.<br>Curiosity is your strongest mode.</p>
<p class="sb-zaehler-sub">And the most fertile ground for intercultural competence.</p>
]
(else:)[
<p class="sb-zaehler-text">You recognise yourself in much of this.<br>The familiar is your strength –</p>
<p class="sb-zaehler-sub">and sometimes your blind spot. Both are valuable.</p>
]
</div>
<div class="sb-rueckkehr">
<p class="sb-rueckkehr-text">
You return to the world –<br>
with a finer ear<br>
for what lies <em>between the words.</em>
</p>
</div>
<div class="sb-ausblick">
<div class="sb-ausblick-item">
<span class="sb-ausblick-label">The stories behind it</span>
<p class="sb-ausblick-text">The spaces you explored – they have real stories. Told, discussed, deepened.</p>
<a href="https://vibeswithvalue.com/live-lessons/" class="sb-ausblick-link">To the Live Lessons →</a>
</div>
<div class="sb-ausblick-item">
<span class="sb-ausblick-label">The next step</span>
<p class="sb-ausblick-text">Spaces Between: In Transformation. The same spiral – new contexts. PMI, restructuring, digitalisation.</p>
<span class="sb-bald">Coming soon</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">
An interactive space for reflection.<br>
Explore the subtle shifts in your perception – <br>
and catch a glimpse of the patterns that move you.
</p>
<div class="sb-start-divider"></div>
<div class="sb-start-actions">
[[Enter->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">
<div class="sb-about">
<h2 class="sb-about-title">About this Experience</h2>
<p class="sb-about-lead">An interactive space for intercultural self-awareness.</p>
<div class="sb-about-divider"></div>
<div class="sb-about-card">
<p class="sb-about-text">
Experience how you perceive, react and connect –
before reason steps in.
Discover the pattern behind your reactions.
And learn what intercultural encounters reveal about you.
</p>
<p class="sb-about-text" style="margin-top: 10px;">
Not through theory. Through experience.
</p>
</div>
<div class="sb-about-card">
<span class="sb-about-label">Who's behind it</span>
<p class="sb-about-text normal">
Developed by <span class="sb-about-author">Dr. Katrin von Briel</span>
</p>
<p class="sb-about-text" style="margin-top: 8px;">
Born from the conviction that intercultural competence
goes deeper than cultural models and checklists. And that
self-awareness sticks most powerfully when nobody from the
outside has diagnosed it for you.
</p>
</div>
<div class="sb-about-card">
<span class="sb-about-label">Contact</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">
No cultural difference was permanently judged during development.
Only the assumption that our way of enjoying, living and
sounding is self-evident.
</p>
</div>
<div class="sb-about-divider"></div>
<div class="sb-about-back">
[[← Back to Start->Start]]
</div>
</div><div class="intro-root">
<div class="intro-eyebrow">Spaces Between · A Personal Experience</div>
<div class="intro-video">
<video controls playsinline preload="metadata">
<source src="https://vibeswithvalue.com/wp-content/uploads/2026/05/The_Teacher_compressed.mp4">
Your browser does not support the video tag.
</video>
</div>
<div class="intro-text">
<p>Some people call it teaching.
Others call it an encounter.<br>
He didn't stick to curricula.
He pushed us to think bigger.<br>
Instead of vocabulary tests: song lyrics, magazine articles.
Instead of exam material: a feeling.</p>
<p class="intro-emphasis">Enthusiasm instead of obligation.
He encouraged us to look closer – more openly, more widely, out into the world.</p>
</div>
<div class="intro-divider"></div>
<p class="intro-frage">
👉 To learn is to let yourself be moved.<br>
Was there someone who shaped the way you engage with the world? <br>Tap to enter.
</p>
<div class="intro-choices">
<div class="intro-choice">
[[Someone shaped me – I remember.->Variables EN]]
[[No one shaped me like that – but the question stays.->Variables EN]]
</div>
</div>
</div>