<div class="gw-container">
<div class="intro-image-wrap">
<img src="https://images.unsplash.com/photo-1495474472287-4d71bcdd2085?auto=format&fit=crop&w=800&q=80"
alt="Dampfender Kaffee"
class="intro-image">
<div class="intro-image-overlay"></div>
<div class="intro-timestamp">Montag — 08:15 Uhr</div>
</div>
<div class="intro-body">
<p class="intro-text">
Das Büro ist noch fast leer. Ein sanftes Gemurmel dringt aus der Ferne durch die Flure, aber hier, in deinem Refugium, herrscht Stille.
</p>
<p class="intro-text">
Der Dampf deines Kaffees kräuselt sich in der Morgenluft. Ein perfekter Moment, um die Woche strukturiert zu planen. Du atmest tief ein und fährst den Rechner hoch.
</p>
</div>
<div class="intro-action">
(link: "Posteingang öffnen →")[(go-to: "Email")]
</div>
</div><div class="gw-container">
<div class="gw-title">
<h2>📬 Posteingang</h2>
<p>Montag, 18.02.2026 - 08:15 Uhr</p>
</div>
<hr class="gw-divider">
<div class="email-window">
<div class="email-header">
<div class="email-subject">ESKALATION: Projekt Phoenix / Letzte Frist</div>
<div class="email-meta">
<span><strong>Von:</strong> Dr. Aris v. Berning (CEO)</span><br>
<span><strong>An:</strong> [Dein Name] (Abteilungsleiter)</span><br>
<span><strong>Datum:</strong> Montag, 18.02.2026, 07:14 Uhr</span>
</div>
</div>
<div class="email-body">
<p>Sehr geehrte Damen und Herren,</p>
<p>hiermit nehme ich Bezug auf unsere bisherigen Meilenstein-Planungen. Da die versprochene Fehlerkorrektur der Software-Architektur bis zum vereinbarten Termin am vergangenen Freitag erneut nicht erfolgt ist, sehen wir keine Basis mehr für eine Fortführung des Projekts Phoenix.</p>
<p>Ich habe soeben meine Rechtsabteilung angewiesen, die fristlose Kündigung des Rahmenvertrags vorzubereiten. Sollten die kritischen Bugs nicht bis heute, <strong>16:00 Uhr</strong>, nachweislich behoben sein, ziehen wir sämtliche Aufträge mit einem Gesamtvolumen von <strong>4,2 Mio. €</strong> ab.</p>
<p>Ihre Projekt-Berichte zum angeblich „reibungslosen Verlauf" empfinde ich angesichts der Realität als blanken Hohn.</p>
<p class="email-closing">Mit freundlichen Grüßen,<br><strong>Dr. Aris v. Berning</strong></p>
</div>
</div>
<div class="intro-action" style="margin-top: 16px;">
[[Gedanken-Gewitter]]
</div>
</div><div class="gw-container">
<div class="gw-title">
<h2>📬 Posteingang</h2>
<p>Faktenprüfung — interner E-Mail-Verlauf</p>
</div>
<hr class="gw-divider">
<div class="email-window" style="margin-bottom: 14px;">
<div class="email-header">
<div class="email-subject" style="color: #2a7a4b;">📧 Kurzes Update Phoenix</div>
<div class="email-meta">
<span><strong>Von:</strong> Markus (Vertrieb Team A)</span><br>
<span><strong>An:</strong> [Dein Name] (Abteilungsleiter)</span><br>
<span><strong>Datum:</strong> Donnerstag, 12.02.2026, 16:45 Uhr</span>
</div>
</div>
<div class="email-body">
<p>Hey, nur zur Info: Der Kunde ist momentan ein bisschen „quengelig" wegen der Architektur-Themen. Aber keine Sorge, wir haben das im Griff. Das Team bügelt die Kleinigkeiten gerade aus.</p>
<p>Ich hab ihm gesagt, dass wir voll im Plan sind. Brauchst nichts weiter unternehmen, wir regeln das beim nächsten Jour Fixe — der ist nächste Woche.</p>
<p class="email-closing">Schönes Wochenende!<br><strong>Markus</strong></p>
</div>
</div>
|zweitemail>[
<div class="email-nav-hint">
<span class="email-nav-dot"></span>
<span class="email-nav-dot active"></span>
</div>
<div class="intro-action" style="margin-bottom: 14px;">
(link: "Ältere Nachricht anzeigen →")[
(replace: ?zweitemail)[
<div class="email-window" style="margin-bottom: 14px;">
<div class="email-header">
<div class="email-subject" style="color: #2a7a4b;">📧 Alles im grünen Bereich</div>
<div class="email-meta">
<span><strong>Von:</strong> Markus (Vertrieb Team A)</span><br>
<span><strong>An:</strong> [Dein Name] (Abteilungsleiter)</span><br>
<span><strong>Datum:</strong> Montag, 02.02.2026, 09:12 Uhr</span>
</div>
</div>
<div class="email-body">
<p>Moin! Kurzes Signal: Phoenix läuft. Die Bugs sind eigentlich nur kosmetischer Natur.</p>
<p>Ich hab dem Berning gesagt, wir priorisieren das. Er war zufrieden.</p>
<p><strong style="color: #2a7a4b;">Status: Grün.</strong></p>
<p class="email-closing"><strong>Markus</strong></p>
</div>
</div>
<div class="email-nav-hint">
<span class="email-nav-dot active"></span>
<span class="email-nav-dot active"></span>
</div>
<div class="intro-action">
(link:"Weiter →")[ (go-to:"Lage")]
</div>
]
]
</div>
]
</div><div class="gw-container">
<div class="gw-title">
<h2>⚡ Gedanken-Gewitter</h2>
<p>Was schießt dir durch den Kopf?</p>
</div>
<hr class="gw-divider">
<div class="briefing-card">
<div class="briefing-situation">
Die Mail trifft dich unerwartet - in Sekundenbruchteilen schießen dir Gedanken durch den Kopf.
</div>
<hr class="gw-divider">
<ul class="briefing-rules">
<span>Lass die Gedanken kurz wirken — sie müssen nicht logisch oder fair sein.</span>
<br>
<span>Wähle <strong>3 Gedanken</strong>, die deiner spontanen Gefühlslage entsprechen.</span>
<br>
<span>Vertraue deinem ersten Impuls. Es gibt kein Richtig oder Falsch.</span>
</ul>
<hr class="gw-divider">
<div class="briefing-footer">
Das Gewitter endet, sobald du 3 Gedanken gewählt hast oder die Zeit verstrichen ist.
</div>
</div>
<div class="intro-action">
(link: "Bereit, der inneren Stimme zu lauschen? →")[(goto: "Logik")]
</div>
</div>(set: $ausgewaehlt to false)
(set: $timer to 45)
<div class="gw-container">
<div class="gw-title">
<h2>⚡ Gedanken-Gewitter</h2>
<p>Klicke die Gedanken an, die dir bekannt vorkommen...</p>
</div>
<div class="gw-statusbar">
<div class="gw-dots-container">|status>[○ ○ ○]</div>
<div class="gw-timer-container">|countdown>[<span style="color:orange;">⏱ $timer Sekunden</span>]</div>
</div>
<div class="gw-card">|gedankenfeld>[(set: $gedankeAktiv to (either: ...$gedanken))(set: $gedanken to it - (a: $gedankeAktiv))<div class="gw-thought">"$gedankeAktiv"</div>(link-reveal: "✓ Trifft zu")[(set: $bestaetigt to it + (a: $gedankeAktiv))(replace: ?status)[(if: $bestaetigt's length is 1)[<span style="color:orange;">●</span> ○ ○](else-if: $bestaetigt's length is 2)[<span style="color:orange;">● ●</span> ○](else-if: $bestaetigt's length >= 3)[<span style="color:orange;">● ● ●</span>(set: $ausgewaehlt to true)]](replace: ?gedankenfeld)[<div class="gw-accepted">✓ Akzeptiert</div>]]]</div>
</div>
(live: 3s)[
(if: $bestaetigt's length >= $maxGedanken or $gedanken's length is 0)[
(set: $ausgewaehlt to true)
(set: $Gewitter1 to $bestaetigt)
(stop:)
(go-to: "Auswertung G")
](else:)[
(set: $gedankeAktiv to (either: ...$gedanken))(set: $gedanken to it - (a: $gedankeAktiv))
(replace: ?gedankenfeld)[<div class="gw-thought">"$gedankeAktiv"</div>(link-reveal: "✓ Trifft zu")[(set: $bestaetigt to it + (a: $gedankeAktiv))(replace: ?status)[(if: $bestaetigt's length is 1)[<span style="color:orange;">●</span> ○ ○](else-if: $bestaetigt's length is 2)[<span style="color:orange;">● ●</span> ○](else-if: $bestaetigt's length >= 3)[<span style="color:orange;">● ● ●</span>
(set: $Gewitter1 to $bestaetigt)
(set: $ausgewaehlt to true)]]
(replace: ?gedankenfeld)[<div class="gw-accepted">✓ Akzeptiert</div>]]]
]
]
(live: 1s)[
(set: $timer to it - 1)
(if: $ausgewaehlt is true) [(stop:)(go-to: "Auswertung G")]
(else-if: $timer <= 0)[
(set: $Gewitter1 to $bestaetigt)
(stop:)
(replace: ?countdown)[<span style="color:orange; font-weight:bold;">⏱ Zeit ab!</span>](go-to: "Auswertung G")]
(else:)[
(if: $timer >= 15)[(replace: ?countdown)[<span style="color:orange;">⏱ $timer Sekunden</span>]]
(else-if: $timer >= 10)[(replace: ?countdown)[<span style="color:orange; font-weight:bold;">⏱ $timer Sekunden</span>]]
(else:)[(replace: ?countdown)[<span style="color:#ff4444; font-weight:bold;">⏱ $timer s</span>]]
]
]
]<div class="gw-container">
<div class="gw-title">
<h2>⚙️ Die Lage sondieren</h2>
<p>Du weißt jetzt, was du denkst und fühlst. Die Frage ist: Was tust du?</p>
<p>Die Situation lässt dir kaum Zeit. Du musst entscheiden, wo du zuerst nach Hinweisen suchst - jede Wahl öffnet eine andere Perspektive.</p>
</div>
<hr class="gw-divider">
<div class="gw-context">
<span>⏰ Deadline: <strong>16:00 Uhr</strong></span>
<span>·</span>
<span>💓 Puls: <strong>100 BPM</strong></span>
</div>
<div class="strategy-grid">
<div class="strategy-card">
<div class="card-label">Strategie A</div>
<div class="card-icon">🔍 Posteingang prüfen</div>
(link: "Ich prüfe zuerst den internen E-Mail-Verlauf, um zu verstehen was intern kommuniziert wurde.")[
(set: $perspektive to "kalt")
(set: $antrieb to "analytisch")
(go-to: "Faktenprüfung")
]
</div>
<div class="strategy-card">
<div class="card-label">Strategie B</div>
<div class="card-icon">📞 Den Kunden anrufen</div>
(link: "Ich nehme direkt persönlichen Kontakt zum Kunden auf, um die Lage gemeinsam zu klären.")[
(set: $perspektive to "warm")
(set: $antrieb to "impulsiv")
(go-to: "Kundenkontakt")
]
</div>
<div class="strategy-card">
<div class="card-label">Strategie C</div>
<div class="card-icon">👥 Mit dem Team sprechen</div>
(link: "Ich rufe das Team direkt zusammen. Wir müssen das mit voller Energie angehen.")[
(set: $perspektive to "heiss")
(set: $antrieb to "kollektiv")
(go-to: "Team Meeting")
]
</div>
<div class="strategy-card">
<div class="card-label">Strategie D</div>
<div class="card-icon">☕ In die Kaffeeküche gehen</div>
(link: "Ich brauche einen Moment Abstand. Mal hören, was der Flurfunk so erzählt.")[
(set: $perspektive to "neutral")
(set: $antrieb to "passiv")
(go-to: "Kaffeeküche")
]
</div>
</div>
</div>(for: each _g, ...$Gewitter1)[
(if: $gedankenMap contains _g)[
(set: _kat to $gedankenMap's _g)
(set: $Gewitter1Kategorie to it + (a: _kat))
]
]
(for: each _k, ...$Gewitter1Kategorie)[
(set: $kategorieZaehler's _k to ($kategorieZaehler's _k) + 1)
]
(set: $Gewitter1Typ to (a:))
(for: each _h, ...$Gewitter1)[
(if: $denkTypMap contains _h)[
(set: _kat to $denkTypMap's _h)
(set: $Gewitter1Typ to it + (a: _kat))
]
]
(for: each _k, ...$Gewitter1Typ)[
(set: $kategorieZaehler1's _k to ($kategorieZaehler1's _k) + 1)
]
(set: $dominanterReaktionstyp to "ambivalent")
(set: _maxR to 0)
(for: each _k, ...(datanames: $kategorieZaehler))[
(if: ($kategorieZaehler's _k) > _maxR)[
(set: _maxR to ($kategorieZaehler's _k))
(set: $dominanterReaktionstyp to _k)
]
]
(if: _maxR is 1)[
(set: $dominanterReaktionstyp to "ambivalent")
]
(set: $dominanterDenktyp to "ambivalent")
(set: _maxD to 0)
(for: each _k, ...(datanames: $kategorieZaehler1))[
(if: ($kategorieZaehler1's _k) > _maxD)[
(set: _maxD to ($kategorieZaehler1's _k))
(set: $dominanterDenktyp to _k)
]
]
(if: _maxD is 1)[
(set: $dominanterDenktyp to "ambivalent")
]
(go-to:"Rückkopplung")
(set: $ausgewaehlt to false)
(set: $timer to 45)
(set: $Gewitter1 to (a: "Keine Reaktion"))
(set: $Gewitter1Kategorie to (a:))
(set: $Gewitter1Typ to (a:))
(set: $bestaetigt to (a:))
(set: $maxGedanken to 3)
(set: $gedankeAktiv to "")
(set: $gedanken to (a:
"Wer hat hier welche Entscheidungen getroffen – und warum.",
"Ich will wissen, wer dafür die Verantwortung trägt.",
"Markus hätte das eskalieren müssen. Das ist sein Job.",
"Ich erwarte, dass das Team jetzt liefert.",
"Wenn das herauskommt, stehe ich als Versager da.",
"Ich frage mich, ob ich hier noch die richtige Person bin.",
"Eigentlich wollte ich das Projekt nie übernehmen.",
"Ich brauche einen Moment, bevor ich irgendetwas tue.",
"Wie lange schieben die das schon vor sich her?",
"Ich brauche zuerst ein klares Bild der Lage.",
"Der Kunde steht im Mittelpunkt – das muss ich stabilisieren.",
"Ich will die wichtigsten Leute an einen Tisch bringen.",
"Ich überlege, welcher nächste Schritt am meisten bringt.",
"Ich weiß noch nicht genug, um zu handeln.",
"Es gibt zu viele Variablen gerade.",
"Ich warte erst ab, wie sich die Lage entwickelt.",
"Keine Reaktion"
))
(unless: $code is an array)[
(set: $code to (array:))
]
(set: $gedankenMap to (datamap:
"Wer hat hier welche Entscheidungen getroffen – und warum.", "Angriff",
"Ich will wissen, wer dafür die Verantwortung trägt.", "Angriff",
"Markus hätte das eskalieren müssen. Das ist sein Job.", "Angriff",
"Ich erwarte, dass das Team jetzt liefert.", "Angriff",
"Wenn das herauskommt, stehe ich als Versager da.", "Flucht",
"Ich frage mich, ob ich hier noch die richtige Person bin.", "Flucht",
"Eigentlich wollte ich das Projekt nie übernehmen.", "Flucht",
"Ich brauche einen Moment, bevor ich irgendetwas tue.", "Flucht",
"Wie lange schieben die das schon vor sich her?", "Flucht",
"Ich brauche zuerst ein klares Bild der Lage.", "Lösung",
"Der Kunde steht im Mittelpunkt – das muss ich stabilisieren.", "Lösung",
"Ich will die wichtigsten Leute an einen Tisch bringen.", "Lösung",
"Ich überlege, welcher nächste Schritt am meisten bringt.", "Lösung",
"Ich weiß noch nicht genug, um zu handeln.", "Freeze",
"Es gibt zu viele Variablen gerade.", "Freeze",
"Ich warte erst ab, wie sich die Lage entwickelt.", "Freeze",
"Keine Reaktion", "Freeze"
))
(set: $denkTypMap to (datamap:
"Wer hat hier welche Entscheidungen getroffen – und warum.", "externalisierend",
"Ich will wissen, wer dafür die Verantwortung trägt.", "externalisierend",
"Markus hätte das eskalieren müssen. Das ist sein Job.", "externalisierend",
"Ich erwarte, dass das Team jetzt liefert.", "externalisierend",
"Wenn das herauskommt, stehe ich als Versager da.", "internalisierend",
"Ich frage mich, ob ich hier noch die richtige Person bin.", "internalisierend",
"Eigentlich wollte ich das Projekt nie übernehmen.", "internalisierend",
"Ich brauche einen Moment, bevor ich irgendetwas tue.", "strukturierend",
"Wie lange schieben die das schon vor sich her?", "externalisierend",
"Ich brauche zuerst ein klares Bild der Lage.", "strukturierend",
"Der Kunde steht im Mittelpunkt – das muss ich stabilisieren.", "strukturierend",
"Ich will die wichtigsten Leute an einen Tisch bringen.", "strukturierend",
"Ich überlege, welcher nächste Schritt am meisten bringt.", "strukturierend",
"Ich weiß noch nicht genug, um zu handeln.", "erstarrend",
"Es gibt zu viele Variablen gerade.", "erstarrend",
"Ich warte erst ab, wie sich die Lage entwickelt.", "erstarrend",
"Keine Reaktion", "erstarrend"
))
(set: $gefuehlsPaare to (a:
(a: "Empörung", "Angriff", "Beschämung", "Flucht"),
(a: "Entschlossenheit", "Angriff", "Fokus", "Lösung"),
(a: "Ungeduld", "Angriff", "Nervosität", "Flucht"),
(a: "Erschöpfung", "Flucht", "Nüchternheit", "Lösung"),
(a: "Orientierungslosigkeit", "Freeze", "Schwere", "Freeze"),
(a: "Taubheit", "Freeze", "Zuversicht", "Lösung")
))
(set: $emotionsRichtungMap to (datamap:
"Empörung", "nach-außen",
"Beschämung", "nach-innen",
"Entschlossenheit", "nach-außen",
"Fokus", "öffnend",
"Ungeduld", "nach-außen",
"Nervosität", "nach-innen",
"Erschöpfung", "nach-innen",
"Nüchternheit", "öffnend",
"Orientierungslosigkeit", "schließend",
"Schwere", "nach-innen",
"Taubheit", "schließend",
"Zuversicht", "öffnend"
))
(set: $kategorieZaehler to (datamap:
"Angriff", 0, "Flucht", 0, "Lösung", 0, "Freeze", 0
))
(set: $kategorieZaehler1 to (datamap:
"externalisierend", 0,
"internalisierend", 0,
"strukturierend", 0,
"erstarrend", 0
))
(set: $kategorieZaehler2 to (datamap:
"Angriff", 0, "Flucht", 0, "Lösung", 0, "Freeze", 0
))
(set: $kategorieZaehler3 to (datamap:
"analytisch", 0, "impulsiv", 0, "kollektiv", 0, "passiv", 0
))
(set: $kategorieZaehler4 to (datamap:
"kontrollorientiert", 0, "politisch", 0, "integer", 0, "positionsorientiert", 0
))
(set: $emotionsZaehler to (datamap:
"nach-außen", 0,
"nach-innen", 0,
"öffnend", 0,
"schließend", 0
))
(set: $dominanterReaktionstyp to "ambivalent")
(set: $dominanterDenktyp to "ambivalent")
(set: $dominanteReaktionE to "ambivalent")
(set: $dominanteEmotionsrichtung to "ambivalent")
(set: $dominanterAntrieb to "ambivalent")
(set: $dominantesVerhalten to "ambivalent")
(set: $antriebStabil to false)
(set: $verhaltensStabil to false)
(set: $paarIndex to 1)
(set: $paarWahlen to (a:))
(set: $paarWahlenTyp to (a:))
(set: $antrieb to "")
(set: $lageTyp to "")
(set: $priorisierung to "")
(set: $ceoAnruf to "")
(set: $wendepunkt to "")
(set: $finaleEntscheidung to "")
(set: $perspektive to "")
(set: $stil to "")
(set: $emotion to "")
(set: $emotionKategorie to (a:))
(set: $fbG to "")
(set: $fbE to "")
(set: $fbKurz to "")
(set: $fbText to "")
(set: $fbFrage to "")
(set: $archetyp to "Der Pragmatiker")
(set: $archetypText to "")
(set: $archetypStaerke to "")
(set: $archetypBlind to "")
(set: $konsistenzText to "")
(set: $abschlussFrage to "")
(set: $kategorieSymbol to (datamap:
"Angriff", "💥",
"Flucht", "🏃",
"Lösung", "💡",
"Freeze", "🧊"
))
(goto: "Setting")(set: _code to "") (for: each _k, ... (datanames: $kategorieZaehler2))[ (set: _code to _code + (str: $kategorieZaehler2's (_k)))]
<div class="gw-container">
<div class="gw-title">
<h2>🧩 Dein Leadership Code</h2>
<p>Hier ist dein zweites persönliches Snippet. Füge es später zu deinem Profil zusammen – jedes Fragment reflektiert einen spezifischen Aspekt.<br>
(text-colour:#F0A000)[Fragment 2 von 4 · Emotionsmuster]
</p>
<div class="gw-code">
(print: "E" + _code)
(set:$code to $code + (array: _code))
</div>
</div>
<hr class="gw-divider">
<div class="intro-action">
(link: "Weiter →")[(go-to: "Key1")]
</div>
</div>(set: _code to "") (for: each _k, ... (datanames: $kategorieZaehler))[ (set: _code to _code + (str: $kategorieZaehler's (_k)))]
<div class="gw-container">
<div class="gw-title">
<h2>🧩 Dein Leadership Code</h2>
<p>Hier ist dein erstes persönliches Snippet. Füge es später zu deinem Profil zusammen – jedes Fragment reflektiert einen spezifischen Aspekt.<br>
(text-colour:#F0A000)[Fragment 1 von 4 · Gedankenmuster]
</p>
<div class="gw-code">
(print: "G" + _code)
(set:$code to (array: _code))
</div>
</div>
<hr class="gw-divider">
<div class="intro-action">
(link: "Weiter →")[(go-to: "Ambivalenzpaare")]
</div>
</div>(set: $perspektiven to (a: "Spieler", "Vertrieb", "Technik", "Team"))
(set: $perspektivenStatements to (datamap:
"Spieler", (a: "Danke, dass ihr so kurzfristig Zeit habt. Ich möchte verstehen, was beim Kunden passiert ist."),
"Vertrieb", (a: "Alles im grünen Bereich.", "Der Kunde übertreibt.", "Wir haben das im Griff."),
"Technik", (a: "Wir sind noch nicht soweit.", "Die Anforderungen ändern sich permanent.", "Die Deadline war nie realistisch."),
"Team", (a: "Wir haben noch letzte Woche gewarnt.", "Das war doch von Anfang an klar.", "Das ist gar nicht leistbar.")
))
(set: $perspektivenIcon to (datamap:
"Spieler", "🧑💼",
"Vertrieb", "📊",
"Technik", "⚙️",
"Team", "👥"
))
(set: $aktPerspektive to 1)
(go-to: "Karussell-Anzeige")(set: _p to $perspektiven's $aktPerspektive)
(set: _statements to $perspektivenStatements's _p)
<div class="gw-container">
<div class="gw-title">
<h2>👥 Team-Meeting</h2>
<p>Klicke dich durch die Perspektiven.</p>
</div>
<hr class="gw-divider">
<div class="karussell-card">
<div class="karussell-role">
(print: $perspektivenIcon's _p) (print: _p)
</div>
<div class="karussell-statements">
(for: each _s, ..._statements)[
<div class="karussell-statement">„(print: _s)"</div>
]
</div>
</div>
<div class="karussell-nav">
(if: $aktPerspektive > 1)[
<span class="karussell-btn">
(link: "← Zurück")[
(set: $aktPerspektive to it - 1)
(go-to: "Karussell-Anzeige")
]
</span>
]
(if: $aktPerspektive < $perspektiven's length)[
<span class="karussell-btn karussell-btn-next">
(link: "Weiter →")[
(set: $aktPerspektive to it + 1)
(go-to: "Karussell-Anzeige")
]
</span>
]
</div>
(if: $aktPerspektive is $perspektiven's length)[
<div style="margin-top:12px;">
<span class="gw-confirm">(link: "Meeting abschließen →")[(go-to: "Lage")]</span>
</div>
]
</div>
<div class="gw-container">
<div class="gw-title">
<h2>📞 Kundenkontakt</h2>
<p>Du rufst Dr. Berning direkt an.</p>
</div>
<div class="call-card">
<div class="call-header">
<div class="call-avatar">AB</div>
<div class="call-meta">
<div class="call-name">Dr. Aris v. Berning</div>
<div class="call-status">|callstatus>[<span class="call-connecting">⬤ Verbinde...</span>]</div>
</div>
<div class="call-duration">|calldauer>[00:00]</div>
</div>
</div>
<div class="dialog-wrap">|dialog>[
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Berning</div>
„Ja? Ich bin in einem Termin. Haben Sie etwas Konkretes?"
</div>
]</div>
|aktion>[]
</div>
(live: 1s)[
(replace: ?callstatus)[<span class="call-active">⬤ Verbunden</span>]
(replace: ?calldauer)[00:01]
(stop:)
]
(live: 2s)[
(replace: ?aktion)[
<div class="dialog-choice-label">Du setzt an, warm und persönlich:</div>
<span class="gw-confirm" style="margin-bottom:8px;">
(link: "Dein Intro")[
(replace: ?aktion)[]
(replace: ?dialog)[
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Berning</div>
„Ja? Ich bin in einem Termin. Haben Sie etwas Konkretes?"
</div>
<div class="dialog-bubble dialog-you">
<div class="dialog-label">Du</div>
„Guten Tag, Dr. Berning — ich wollte mich persönlich melden und..."
</div>
]
(live: 2s)[
(replace: ?dialog)[
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Berning</div>
„Ja? Ich bin in einem Termin. Haben Sie etwas Konkretes?"
</div>
<div class="dialog-bubble dialog-you">
<div class="dialog-label">Du</div>
„Guten Tag, Dr. Berning — ich wollte mich persönlich melden und..."
</div>
<div class="dialog-bubble dialog-them dialog-interrupt">
<div class="dialog-label">Dr. Berning — unterbricht</div>
„Ich habe letzte Woche dreimal versucht, jemanden bei Ihnen zu erreichen. Bitte melden Sie sich erst wieder, wenn Sie vorbereitet sind und eine Lösung haben."
</div>
]
(replace: ?callstatus)[<span class="call-ended">⬤ Beendet</span>]
(replace: ?calldauer)[00:08]
(replace: ?aktion)[
<div class="call-endnote">Das Gespräch endet nach wenigen Sekunden.</div>
<span class="gw-confirm">(link: "Zurück an den Schreibtisch →")[(go-to: "Lage")]</span>
]
(stop:)
]
]
</span>
]
(stop:)
]<div class="gw-container">
<div class="gw-title">
<h2>☕ Kaffeeküche</h2>
<p>Du brauchst einen Moment. Und Kaffee.</p>
</div>
<div class="intro-image-wrap" style="margin-bottom:7px;">
<img src="https://images.unsplash.com/photo-1554118811-1e0d58224f24?auto=format&fit=crop&w=800&q=80"
alt="Kaffeeküche"
class="intro-image">
<div class="gw-card">
<div class="intro-text">
Du betrittst die Kaffeeküche. Zwei Stimmen, leise, aber deutlich.
</div> </div>
<div class="dialog-wrap">
|stimme1>[]
|stimme2>[]
|stimme3>[]
|stille>[]
</div>
|weiter>[]
</div>
(live: 2.5s)[
(replace: ?stimme1)[
<div class="dialog-bubble dialog-them kueche-voice">
<div class="dialog-label" style="color:#f0a000">Stimme 1</div>
„Markus hat dem Kunden wieder irgendwas versprochen, was wir nie schaffen konnten."
</div>
]
(stop:)
]
(live: 5s)[
(replace: ?stimme2)[
<div class="dialog-bubble dialog-them kueche-voice">
<div class="dialog-label" "dialog-label" style="color:#f0a000;">Stimme 2</div>
„Klar. Und jetzt tun alle so, als wäre der Statusbericht die Realität."
</div>
]
(stop:)
]
(live: 6.5s)[
(replace: ?stimme3)[
<div class="kueche-lachen">— kurzes, trockenes Lachen —</div>
]
(stop:)
]
(live: 8.5s)[
(replace: ?stille)[
<div class="kueche-stille">Dann bemerken sie dich. Die Stille füllt den Raum.</div>
]
(stop:)
]
(live: 10s)[
(replace: ?weiter)[
<span class="gw-confirm">(link: "Zurück an den Schreibtisch →")[(go-to: "Lage")]</span>
]
(stop:)
](set: _paar to $gefuehlsPaare's $paarIndex) (set: _linkA to _paar's 1st) (set: _katA to _paar's 2nd) (set: _linkB to _paar's 3rd) (set: _katB to _paar's 4th)
<div class="gw-container">
<div class="gw-title">
<h2>🌊 Welches Gefühl ist gerade lauter?</h2>
<p>Vertrau deinem ersten Impuls — es gibt keine richtige Antwort.</p>
</div>
<hr class="gw-divider">
<div class="gw-card" style="text-align:center;">
<span class="gw-thought">(link: _linkA)[
(set: $paarWahlen to it + (a: _linkA))
(set: $kategorieZaehler2's _katA to ($kategorieZaehler2's _katA) + 1)
(if: $paarIndex < $gefuehlsPaare's length)[
(set: $paarIndex to it + 1)
(go-to: "Ambivalenzpaare-Schritt")
](else:)[
(set: $emotion to $paarWahlen)
(go-to: "Auswertung E")
]
]</span>
</div>
<div style="text-align:center; color:#888; font-size:0.85em; padding:6px 0;">— oder —</div>
<div class="gw-card" style="text-align:center;">
<span class="gw-thought">(link: _linkB)[
(set: $paarWahlen to it + (a: _linkB))
(set: $kategorieZaehler2's _katB to ($kategorieZaehler2's _katB) + 1)
(if: $paarIndex < $gefuehlsPaare's length)[
(set: $paarIndex to it + 1)
(go-to: "Ambivalenzpaare-Schritt")
](else:)[
(set: $emotion to $paarWahlen)
(go-to: "Auswertung E")
]
]</span>
</div>
</div>(set: _paar to $gefuehlsPaare's $paarIndex) (set: _paar to $gefuehlsPaare's $paarIndex) (set: _linkA to _paar's 1st) (set: _katA to _paar's 2nd) (set: _linkB to _paar's 3rd) (set: _katB to _paar's 4th)
<div class="gw-container">
<div class="gw-title">
<h2>🌊 Welches Gefühl ist gerade lauter?</h2>
<p>Vertrau deinem ersten Impuls — es gibt keine richtige Antwort.</p>
</div>
<hr class="gw-divider">
<div class="gw-card" style="text-align:center;">
<span class="gw-thought">(link: _linkA)[
(set: $paarWahlen to it + (a: _linkA))
(set: $kategorieZaehler2's _katA to ($kategorieZaehler2's _katA) + 1)
(if: $paarIndex < $gefuehlsPaare's length)[
(set: $paarIndex to it + 1)
(go-to: "Ambivalenzpaare-Schritt")
](else:)[
(set: $emotion to $paarWahlen)
(go-to: "Auswertung E")
]
]</span>
</div>
<div style="text-align:center; color:#888; font-size:0.85em; padding:6px 0;">— oder —</div>
<div class="gw-card" style="text-align:center;">
<span class="gw-thought">(link: _linkB)[
(set: $paarWahlen to it + (a: _linkB))
(set: $kategorieZaehler2's _katB to ($kategorieZaehler2's _katB) + 1)
(if: $paarIndex < $gefuehlsPaare's length)[
(set: $paarIndex to it + 1)
(go-to: "Ambivalenzpaare-Schritt")
](else:)[
(set: $emotion to $paarWahlen)
(go-to: "Auswertung E")
]
]</span>
</div>
</div>(set: $emotionsRichtungMap to (datamap:
"Empörung", "nach-außen",
"Beschämung", "nach-innen",
"Ungeduld", "nach-außen",
"Wachheit", "öffnend",
"Besonnenheit", "öffnend",
"Taubheit", "schließend",
"Klarheit", "öffnend",
"Anspannung", "nach-innen",
"Schwere", "nach-innen",
"Entschlossenheit","nach-außen",
"Neugier", "öffnend",
"Misstrauen", "schließend"
))
(set: $paarWahlenTyp to (a:))
(for: each _p, ...$paarWahlen)[
(if: $emotionsRichtungMap contains _p)[
(set: $paarWahlenTyp to it + (a: ($emotionsRichtungMap's _p)))
]
]
(set: $emotionsZaehler to (datamap:
"nach-außen", 0,
"nach-innen", 0,
"öffnend", 0,
"schließend", 0
))
(for: each _r, ...$paarWahlenTyp)[
(set: $emotionsZaehler's _r to ($emotionsZaehler's _r) + 1)
]
(set: $dominanteEmotionsrichtung to "ambivalent")
(set: _maxE to 0)
(for: each _r, ...(datanames: $emotionsZaehler))[
(if: ($emotionsZaehler's _r) > _maxE)[
(set: _maxE to ($emotionsZaehler's _r))
(set: $dominanteEmotionsrichtung to _r)
]
]
(if: _maxE is 1)[
(set: $dominanteEmotionsrichtung to "ambivalent")
]
(set: $dominanteReaktionE to "ambivalent")
(set: _maxR2 to 0)
(for: each _k, ...(datanames: $kategorieZaehler2))[
(if: ($kategorieZaehler2's _k) > _maxR2)[
(set: _maxR2 to ($kategorieZaehler2's _k))
(set: $dominanteReaktionE to _k)
]
]
(if: _maxR2 is 1)[
(set: $dominanteReaktionE to "ambivalent")
]
(goto:"Innerer Spiegel")(set: _gR to $dominanterReaktionstyp) (set: _eR to $dominanteReaktionE)
(if: _gR is "ambivalent")[(set: _gR to "Angriff")]
(if: _eR is "ambivalent")[(set: _eR to "Angriff")]
(set: _key to _gR + "-" + _eR)
(set: $fbKurz to $kongruenzTexte's (_key + "-kurz"))
(set: $fbText to $kongruenzTexte's (_key + "-text"))
(set: $fbFrage to $kongruenzTexte's (_key + "-frage"))
(set: $fbG to _gR)
(set: $fbE to _eR)
<div class="gw-container">
<div class="gw-title">
<h2>🧭 Dein Reaktionsprofil</h2>
<p>Kopf und Körper im Vergleich</p>
</div>
<hr class="gw-divider">
<table class="mx-table">
<tr>
<td class="mx-corner"></td>
<td class="mx-corner"></td>
<td class="mx-axis-label" colspan="4">G · Gedanken</td>
</tr>
<tr>
<td class="mx-axis-label-y" colspan="2">E · Gefühle</td>
<th class="mx-col-head">Angriff</th>
<th class="mx-col-head">Flucht</th>
<th class="mx-col-head">Freeze</th>
<th class="mx-col-head">Lösung</th>
</tr>
<tr>
<td class="mx-corner"></td>
<td class="mx-row-head">Angriff</td>
<td class="mx-cell kongruent">(if: $fbG is "Angriff" and $fbE is "Angriff")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell spannung">(if: $fbG is "Angriff" and $fbE is "Flucht")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell spannung">(if: $fbG is "Angriff" and $fbE is "Freeze")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell diskrepanz">(if: $fbG is "Angriff" and $fbE is "Lösung")[<div class="mx-aktiv-dot"></div>]</td>
</tr>
<tr>
<td class="mx-corner"></td>
<td class="mx-row-head">Flucht</td>
<td class="mx-cell spannung">(if: $fbG is "Flucht" and $fbE is "Angriff")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell kongruent">(if: $fbG is "Flucht" and $fbE is "Flucht")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell diskrepanz">(if: $fbG is "Flucht" and $fbE is "Freeze")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell diskrepanz">(if: $fbG is "Flucht" and $fbE is "Lösung")[<div class="mx-aktiv-dot"></div>]</td>
</tr>
<tr>
<td class="mx-corner"></td>
<td class="mx-row-head">Freeze</td>
<td class="mx-cell spannung">(if: $fbG is "Freeze" and $fbE is "Angriff")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell diskrepanz">(if: $fbG is "Freeze" and $fbE is "Flucht")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell kongruent">(if: $fbG is "Freeze" and $fbE is "Freeze")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell diskrepanz">(if: $fbG is "Freeze" and $fbE is "Lösung")[<div class="mx-aktiv-dot"></div>]</td>
</tr>
<tr>
<td class="mx-corner"></td>
<td class="mx-row-head">Lösung</td>
<td class="mx-cell spannung">(if: $fbG is "Lösung" and $fbE is "Angriff")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell diskrepanz">(if: $fbG is "Lösung" and $fbE is "Flucht")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell spannung">(if: $fbG is "Lösung" and $fbE is "Freeze")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell kongruent">(if: $fbG is "Lösung" and $fbE is "Lösung")[<div class="mx-aktiv-dot"></div>]</td>
</tr>
</table>
<div class="mx-legend">
<div class="mx-legend-item">
<div class="mx-legend-dot kongruent"></div>
kongruent
</div>
<div class="mx-legend-item">
<div class="mx-legend-dot spannung"></div>
Spannung
</div>
<div class="mx-legend-item">
<div class="mx-legend-dot diskrepanz"></div>
Diskrepanz
</div>
<div class="mx-legend-item">
<div class="mx-legend-dot aktiv"></div>
dein Muster
</div>
</div>
<div class="mx-aktiv-label">
<div class="mx-aktiv-marker"></div>
<div class="mx-aktiv-g">G · (print: $fbG) / E · (print: $fbE)</div>
<div class="mx-aktiv-text">(print: $fbKurz)</div>
</div>
<div class="mx-insight">
<div class="mx-insight-label">Was das bedeutet</div>
<div class="mx-insight-text">(print: $fbText)</div>
</div>
<div class="mx-reflexion">
(print: $fbFrage)
</div>
<hr class="gw-divider">
<div class="intro-action">
(link: "Weiter →")[(go-to: "Aktionskarten")]
</div>
</div><div class="gw-container">
<div class="gw-title">
<h2>🔑 Dein Leadership Code</h2>
<p>Gib die Ziffernfolgen ein, die du dir notiert hast.</p>
</div>
<hr class="gw-divider">
<div class="gw-card" style="margin-bottom:14px;">
<div class="card-label" style="margin-bottom:12px;">Code-Fragmente</div>
<div class="code-input-grid">
<div class="code-input-row">
<div class="code-letter">G</div>
<div class="code-sublabel">Gedanken</div>
<input class="code-input-string" id="inp-G" type="text"
inputmode="numeric" maxlength="4" placeholder="0000">
</div>
<div class="code-input-row">
<div class="code-letter">E</div>
<div class="code-sublabel">Emotion</div>
<input class="code-input-string" id="inp-E" type="text"
inputmode="numeric" maxlength="4" placeholder="0000">
</div>
</div>
</div>
<div class="code-preview-wrap">
<div class="code-preview-label">Dein Code:</div>
<div class="code-preview" id="codePreview">G···· · E····</div>
</div>
|fehler>[]
<span class="gw-confirm">(link: "Code bestätigen →")[
(go-to: "Texte")
]</span>
</div>
<script>
setTimeout(function() {
var felder = [
{ id: "inp-G", next: "inp-E" },
{ id: "inp-E", next: null }
];
var letters = { "inp-G": "G", "inp-E": "E" };
felder.forEach(function(f) {
var el = document.getElementById(f.id);
if (!el) return;
el.addEventListener("keypress", function(e) {
if (!/[0-9]/.test(e.key)) { e.preventDefault(); return; }
if (this.value.length >= 4) { e.preventDefault(); return; }
});
el.addEventListener("input", function() {
this.value = this.value.replace(/[^0-9]/g, "");
if (this.value.length > 4) this.value = this.value.slice(0, 4);
updatePreview();
if (this.value.length === 4 && f.next) {
var nextEl = document.getElementById(f.next);
if (nextEl) { nextEl.focus(); nextEl.select(); }
}
});
});
function updatePreview() {
var vals = felder.map(function(f) {
var el = document.getElementById(f.id);
var v = el ? el.value : "";
while (v.length < 4) v += "·";
return letters[f.id] + v;
});
var p = document.getElementById("codePreview");
if (p) p.textContent = vals.join(" · ");
}
}, 300);
</script>(set: $kongruenzTexte to (datamap:
"Angriff-Angriff-kurz", "Klarer Angriffsmodus",
"Angriff-Flucht-kurz", "Kopf kämpft · Körper flieht",
"Angriff-Freeze-kurz", "Kopf kämpft · Körper erstarrt",
"Angriff-Lösung-kurz", "Kopf kämpft · Körper löst",
"Flucht-Angriff-kurz", "Kopf flieht · Körper kämpft",
"Flucht-Flucht-kurz", "Klarer Rückzug",
"Flucht-Freeze-kurz", "Kopf flieht · Körper erstarrt",
"Flucht-Lösung-kurz", "Kopf flieht · Körper löst",
"Freeze-Angriff-kurz", "Kopf still · Körper heiß",
"Freeze-Flucht-kurz", "Kopf still · Körper flieht",
"Freeze-Freeze-kurz", "Totale Lähmung",
"Freeze-Lösung-kurz", "Kopf blockiert · Körper bereit",
"Lösung-Angriff-kurz", "Ratio beruhigt · Körper noch heiß",
"Lösung-Flucht-kurz", "Ratio klar · Körper weg",
"Lösung-Freeze-kurz", "Ratio klar · Körper blockiert",
"Lösung-Lösung-kurz", "Volle konstruktive Kapazität",
"Angriff-Angriff-text", "Dein Kopf und dein Körper sind sich einig: Energie nach außen, Klarheit durch Konfrontation. Das ist ein starkes, kohärentes Signal — aber es lässt wenig Raum für das, was du vielleicht noch nicht weißt.",
"Angriff-Flucht-text", "Dein Kopf kämpft — er sucht Verantwortliche, will Klarheit erzwingen. Dein Körper hat eine andere Antwort gegeben: er zieht sich zurück, schützt sich. Diese Spannung kostet Energie, die du gerade dringend brauchst.",
"Angriff-Freeze-text", "Dein Kopf will handeln, durchsetzen, klären. Dein Körper ist erstarrt. Das ist kein Widerspruch — es ist ein Zeichen, dass die Situation dich auf zwei Ebenen gleichzeitig trifft.",
"Angriff-Lösung-text", "Dein Kopf reagiert mit Druck nach außen, dein Körper ist bereits einen Schritt weiter — ruhiger, lösungsorientierter. Das ist eine Ressource: dein Nervensystem zeigt dir, wohin die Reise gehen könnte.",
"Flucht-Angriff-text", "Dein Kopf will weg — aus der Situation, aus der Verantwortung, aus dem Moment. Dein Körper ist aufgeladen und drängt nach vorne. Diese Spannung zwischen Rückzug und Druck ist anstrengend zu halten.",
"Flucht-Flucht-text", "Kopf und Körper sind sich einig: Abstand, Schutz, Rückzug. Das ist eine klare Reaktion auf Überlastung — und sie hat ihre Berechtigung. Die Frage ist, ob Rückzug hier eine Strategie ist oder ein Reflex.",
"Flucht-Freeze-text", "Auf beiden Ebenen zieht sich etwas zurück. Dein Kopf weicht aus, dein Körper erstarrt. Das ist kein Versagen — es ist ein Hinweis, dass die Situation dich gerade mehr kostet als sichtbar ist.",
"Flucht-Lösung-text", "Dein Kopf ist noch nicht bereit — er weicht aus, zweifelt, sucht Abstand. Aber dein Körper ist ruhiger als erwartet, fast schon bereit. Die Ressource ist da, sie wartet nur.",
"Freeze-Angriff-text", "Dein Kopf ist still — keine klare Richtung, kein Impuls. Dein Körper ist aufgeladen, unter Druck, will etwas tun. Das kann sich wie innere Ohnmacht anfühlen: viel Energie, nirgendwo hin.",
"Freeze-Flucht-text", "Kopf und Körper suchen beide den Ausweg — aber auf unterschiedlichen Wegen. Der Kopf erstarrt, der Körper flieht. Das Ergebnis ist Handlungsunfähigkeit mit hohem inneren Druck.",
"Freeze-Freeze-text", "Alles steht still. Kopf und Körper sind beide in der Starre — kein klarer Impuls, keine Richtung. Das ist kein Versagen, sondern ein Schutzmechanismus. Er signalisiert: zu viel auf einmal.",
"Freeze-Lösung-text", "Dein Körper ist überraschend ruhig — fast schon bereit. Dein Kopf hat noch nicht nachgezogen: er ist blockiert, wartet, weiß nicht wohin. Die Ressource ist vorhanden, sie ist nur noch nicht zugänglich.",
"Lösung-Angriff-text", "Dein Kopf hat sich bereits geordnet — er denkt in Schritten, sucht Lösungen. Aber dein Körper ist noch heiß, noch aktiviert. Die Ratio ist einen Schritt voraus, das Nervensystem noch nicht angekommen.",
"Lösung-Flucht-text", "Dein Kopf ist strukturiert und lösungsorientiert. Dein Körper zieht sich noch zurück — er traut der Ruhe noch nicht. Das Nervensystem braucht mehr Zeit als der Verstand.",
"Lösung-Freeze-text", "Dein Kopf arbeitet klar und fokussiert. Dein Körper ist noch erstarrt — er hat den Schalter noch nicht umgelegt. Das kann dazu führen, dass du nach außen gelassen wirkst, aber innerlich nicht wirklich handlungsfähig bist.",
"Lösung-Lösung-text", "Kopf und Körper zeigen in dieselbe Richtung: konstruktiv, fokussiert, handlungsfähig. Das ist ein starkes Profil — besonders unter Druck. Die Frage ist nicht ob du handeln kannst, sondern ob du die richtigen Dinge siehst.",
"Angriff-Angriff-frage", "Was könnte dir fehlen, wenn alle Energie in eine Richtung fließt?",
"Angriff-Flucht-frage", "Was bräuchtest du, damit Kopf und Bauch wieder in dieselbe Richtung zeigen?",
"Angriff-Freeze-frage", "Was müsste sich ändern, damit du dich wieder vollständig handlungsfähig fühlst?",
"Angriff-Lösung-frage", "Was würde es bedeuten, dem ruhigeren Signal zu folgen?",
"Flucht-Angriff-frage", "Wovor weicht dein Kopf gerade aus — und was weiß dein Körper, das er noch nicht sagen darf?",
"Flucht-Flucht-frage", "Was bräuchtest du, um wieder in Kontakt mit der Situation zu kommen?",
"Flucht-Freeze-frage", "Was würde dir helfen, wieder Boden unter den Füßen zu spüren?",
"Flucht-Lösung-frage", "Was hindert deinen Kopf daran, das zu nutzen, was dein Körper schon weiß?",
"Freeze-Angriff-frage", "Wenn du eine einzige kleine Handlung wählen müsstest — welche wäre das?",
"Freeze-Flucht-frage", "Was wäre der kleinste mögliche Schritt zurück in die Handlungsfähigkeit?",
"Freeze-Freeze-frage", "Was wäre nötig, damit sich auch nur eine einzige Variable in dieser Situation ändert?",
"Freeze-Lösung-frage", "Was müsste dein Kopf loslassen, damit er dem Körper folgen kann?",
"Lösung-Angriff-frage", "Was bräuchtest du, damit auch dein Körper das Signal bekommt, dass du es im Griff hast?",
"Lösung-Flucht-frage", "Wie kannst du deinem Körper signalisieren, dass die Gefahr vorbei ist?",
"Lösung-Freeze-frage", "Was würde dir helfen, auch körperlich wieder anzukommen?",
"Lösung-Lösung-frage", "Was könnte dir in dieser Situation entgehen, weil du bereits im Lösungsmodus bist?"
))
(go-to:"Feedback-Karte")
<div class="gw-container">
<div class="gw-title">
<h2>🧭 Erste Einschätzung</h2>
<p>Du hast die ersten Schritte eingeleitet. Wie würdest du deine Lage jetzt einschätzen?</p>
</div>
<hr class="gw-divider">
<div class="gw-context">
<span>⏰ Deadline: <strong>16:00 Uhr</strong></span>
<span>·</span>
<span>💓 Puls: <strong>110 BPM</strong></span>
</div>
<div class="strategy-grid">
<div class="strategy-card">
<div class="card-label">A</div>
<div class="card-icon">✊ Ich habe die Situation im Griff</div>
(link: "Ich weiß was zu tun ist — und handle entsprechend.")[
(set: $lageTyp to "impulsiv")
(go-to: "SMS")
]
</div>
<div class="strategy-card">
<div class="card-label">B</div>
<div class="card-icon">🔎 Ich brauche noch mehr Informationen</div>
(link: "Die Lage ist noch nicht klar genug, um sicher zu handeln.")[
(set: $lageTyp to "analytisch")
(go-to: "SMS")
]
</div>
<div class="strategy-card">
<div class="card-label">C</div>
<div class="card-icon">🤝 Ich vertraue meinem Team</div>
(link: "Die richtigen Leute sind informiert — ich delegiere und koordiniere.")[
(set: $lageTyp to "kollektiv")
(go-to: "SMS")
]
</div>
<div class="strategy-card">
<div class="card-label">D</div>
<div class="card-icon">⏸ Ich bin noch unentschieden</div>
(link: "Ich warte ab wie sich die Dinge entwickeln, bevor ich den nächsten Schritt tue.")[
(set: $lageTyp to "passiv")
(go-to: "SMS")
]
</div>
</div>
</div>(set: $kategorieZaehler3 to (datamap:
"analytisch", 0,
"impulsiv", 0,
"kollektiv", 0,
"passiv", 0
))
(for: each _w, ...(a: $antrieb, $lageTyp, $wendepunkt))[
(set: $kategorieZaehler3's _w to ($kategorieZaehler3's _w) + 1)
]
(set: $dominanterAntrieb to "ambivalent")
(set: _maxM to 0)
(for: each _k, ...(datanames: $kategorieZaehler3))[
(if: ($kategorieZaehler3's _k) > _maxM)[
(set: _maxM to ($kategorieZaehler3's _k))
(set: $dominanterAntrieb to _k)
]
]
(if: _maxM is 1)[
(set: $dominanterAntrieb to "ambivalent")
]
(set: $antriebStabil to false)
(if: _maxM >= 2)[
(set: $antriebStabil to true)
]
(go-to: "Code M")(set: _code to "") (for: each _k, ...(datanames: $kategorieZaehler3))[ (set: _code to _code + (str: $kategorieZaehler3's (_k)))]
<div class="gw-container">
<div class="gw-title">
<h2>🧩 Dein Leadership Code</h2>
<p>Hier ist dein drittes persönliches Snippet. Füge es später zu deinem Profil zusammen – jedes Fragment reflektiert einen spezifischen Aspekt.<br>
(text-colour:#F0A000)[Fragment 3 von 4 · Innerer Modus]
</p>
<div class="gw-code">
(print: "M" + _code)
(set: $code to $code + (array: _code))
</div>
</div>
<hr class="gw-divider">
<div class="intro-action">
(link: "Weiter →")[(go-to: "Finale Entscheidung")]
</div>
</div><div class="gw-container">
<div class="gw-title">
<h2>⚡ Priorisierung</h2>
<p>Du hast noch drei Stunden bis zur Deadline. Was ist jetzt das Wichtigste?</p>
</div>
<hr class="gw-divider">
<div class="gw-context">
<span>⏰ Deadline: <strong>16:00 Uhr</strong></span>
<span>·</span>
<span>💓 Puls: <strong>115 BPM</strong></span>
</div>
<div class="strategy-grid">
<div class="strategy-card">
<div class="card-label">A</div>
<div class="card-icon">🎯 Entscheidungshoheit sichern</div>
(link: "Ich stelle sicher, dass alle relevanten Entscheidungen über mich laufen.")[
(set: $priorisierung to "kontrollorientiert")
(go-to: "Brenner")
]
</div>
<div class="strategy-card">
<div class="card-label">B</div>
<div class="card-icon">🤝 Die richtigen Allianzen bilden</div>
(link: "Ich sorge dafür, dass die wichtigsten Stakeholder auf meiner Seite sind.")[
(set: $priorisierung to "politisch")
(go-to: "Brenner")
]
</div>
<div class="strategy-card">
<div class="card-label">C</div>
<div class="card-icon">💬 Volle Transparenz herstellen</div>
(link: "Ich kommuniziere offen was ich weiß — auch wenn das Bild noch unvollständig ist.")[
(set: $priorisierung to "integer")
(go-to: "Brenner")
]
</div>
<div class="strategy-card">
<div class="card-label">D</div>
<div class="card-icon">📈 Die eigene Position stärken</div>
(link: "Ich nutze die Situation, um meinen Handlungsspielraum zu erweitern.")[
(set: $priorisierung to "positionsorientiert")
(go-to: "Brenner")
]
</div>
</div>
</div><div class="gw-container">
<div class="gw-title">
<h2>📞 Anruf — Dr. Brenner</h2>
<p>Ihr Vorgesetzter meldet sich. Unerwartet.</p>
</div>
<div class="call-card">
<div class="call-header">
<div class="call-avatar">TB</div>
<div class="call-meta">
<div class="call-name">Dr. Thomas Brenner</div>
<div class="call-subtitle">Chief Operating Officer</div>
<div class="call-status">|callstatus>[<span class="call-connecting">⬤ Verbinde...</span>]</div>
</div>
<div class="call-duration">|calldauer>[00:00]</div>
</div>
</div>
<div class="dialog-wrap">|dialog>[
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Brenner</div>
„Ich bin kurz zwischen zwei Terminen. Was höre ich da über Phoenix?"
</div>
]</div>
|aktion>[]
</div>
(live: 1s)[
(replace: ?callstatus)[<span class="call-active">⬤ Verbunden</span>]
(replace: ?calldauer)[00:01]
(stop:)
]
(live: 2s)[
(replace: ?aktion)[
<div class="dialog-choice-label">Wie antworten Sie?</div>
<span class="gw-confirm" style="margin-bottom:8px;">
(link: "Ich bin dran. Wir analysieren die Ursache systematisch und sprechen parallel mit dem Kunden. Sobald ich ein vollständiges Bild habe, erhalten Sie ein präzises Update.")[
(set: $ceoAnruf to "kontrollorientiert")
(replace: ?aktion)[]
(replace: ?dialog)[
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Brenner</div>
„Ich bin kurz zwischen zwei Terminen. Was höre ich da über Phoenix?"
</div>
<div class="dialog-bubble dialog-you">
<div class="dialog-label">Du</div>
„Ich bin dran. Wir analysieren die Ursache systematisch und sprechen parallel mit dem Kunden. Sobald ich ein vollständiges Bild habe, erhalten Sie ein präzises Update."
</div>
]
(live: 2s)[
(replace: ?dialog)[
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Brenner</div>
„Ich bin kurz zwischen zwei Terminen. Was höre ich da über Phoenix?"
</div>
<div class="dialog-bubble dialog-you">
<div class="dialog-label">Du</div>
„Ich bin dran. Wir analysieren die Ursache systematisch und sprechen parallel mit dem Kunden. Sobald ich ein vollständiges Bild habe, erhalten Sie ein präzises Update."
</div>
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Brenner</div>
„Gut. Ich erwarte das Update bis 15 Uhr - schriftlich."
</div>
]
(replace: ?callstatus)[<span class="call-ended">⬤ Beendet</span>]
(replace: ?calldauer)[00:12]
(replace: ?aktion)[
<div class="call-endnote">Das Gespräch endet knapp aber klar.</div>
<span class="gw-confirm">(link: "Weiter →")[(go-to: "Aktion")]</span>
]
(stop:)
]
]
</span>
<span class="gw-confirm" style="margin-bottom:8px;">
(link: "Die Rückmeldungen sind nicht ganz konsistent. Ich sortiere das gerade direkt mit dem Kunden, damit wir keine vorschnellen Narrative übernehmen.")[
(set: $ceoAnruf to "politisch")
(replace: ?aktion)[]
(replace: ?dialog)[
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Brenner</div>
„Ich bin kurz zwischen zwei Terminen. Was höre ich da über Phoenix?"
</div>
<div class="dialog-bubble dialog-you">
<div class="dialog-label">Du</div>
„Die Rückmeldungen sind nicht ganz konsistent. Ich sortiere das gerade direkt mit dem Kunden, damit wir keine vorschnellen Narrative übernehmen."
</div>
]
(live: 2s)[
(replace: ?dialog)[
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Brenner</div>
„Ich bin kurz zwischen zwei Terminen. Was höre ich da über Phoenix?"
</div>
<div class="dialog-bubble dialog-you">
<div class="dialog-label">Du</div>
„Die Rückmeldungen sind nicht ganz konsistent. Ich sortiere das gerade direkt mit dem Kunden, damit wir keine vorschnellen Narrative übernehmen."
</div>
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Brenner</div>
„Narrative hin oder her - ich brauche bis 15 Uhr eine klare Einschätzung von Ihnen. Nicht vom Kunden."
</div>
]
(replace: ?callstatus)[<span class="call-ended">⬤ Beendet</span>]
(replace: ?calldauer)[00:14]
(replace: ?aktion)[
<div class="call-endnote">Dr. Brenner legt auf. Seine Erwartung ist klar.</div>
<span class="gw-confirm">(link: "Weiter →")[(go-to: "Aktion")]</span>
]
(stop:)
]
]
</span>
<span class="gw-confirm" style="margin-bottom:8px;">
(link: "Ich möchte offen sein: Der Kunde hat deutliche Bedenken geäußert und ich habe noch kein vollständiges Bild. Ich spreche gerade mit allen Beteiligten und melde mich sobald ich Klarheit habe.")[
(set: $ceoAnruf to "integer")
(replace: ?aktion)[]
(replace: ?dialog)[
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Brenner</div>
„Ich bin kurz zwischen zwei Terminen. Was höre ich da über Phoenix?"
</div>
<div class="dialog-bubble dialog-you">
<div class="dialog-label">Du</div>
„Ich möchte offen sein: Der Kunde hat deutliche Bedenken geäußert und ich habe noch kein vollständiges Bild. Ich spreche gerade mit allen Beteiligten."
</div>
]
(live: 2s)[
(replace: ?dialog)[
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Brenner</div>
„Ich bin kurz zwischen zwei Terminen. Was höre ich da über Phoenix?"
</div>
<div class="dialog-bubble dialog-you">
<div class="dialog-label">Du</div>
„Ich möchte offen sein: Der Kunde hat deutliche Bedenken geäußert und ich habe noch kein vollständiges Bild. Ich spreche gerade mit allen Beteiligten."
</div>
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Brenner</div>
„Das schätze ich. Nehmen Sie sich die Zeit die Sie brauchen - aber halten Sie mich auf dem Laufenden."
</div>
]
(replace: ?callstatus)[<span class="call-ended">⬤ Beendet</span>]
(replace: ?calldauer)[00:16]
(replace: ?aktion)[
<div class="call-endnote">Das Gespräch endet ruhig. Dr. Brenner wirkt zufrieden.</div>
<span class="gw-confirm">(link: "Weiter →")[(go-to: "Aktion")]</span>
]
(stop:)
]
]
</span>
<span class="gw-confirm" style="margin-bottom:8px;">
(link: "Ich habe sofort eine Task-Force aufgesetzt und die relevanten Streams gebündelt. Wir klären die Ursachen und sind mit dem Kunden in enger Abstimmung.")[
(set: $ceoAnruf to "positionsorientiert")
(replace: ?aktion)[]
(replace: ?dialog)[
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Brenner</div>
„Ich bin kurz zwischen zwei Terminen. Was höre ich da über Phoenix?"
</div>
<div class="dialog-bubble dialog-you">
<div class="dialog-label">Du</div>
„Ich habe sofort eine Task-Force aufgesetzt und die relevanten Streams gebündelt. Wir klären die Ursachen und sind mit dem Kunden in enger Abstimmung."
</div>
]
(live: 2s)[
(replace: ?dialog)[
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Brenner</div>
„Ich bin kurz zwischen zwei Terminen. Was höre ich da über Phoenix?"
</div>
<div class="dialog-bubble dialog-you">
<div class="dialog-label">Du</div>
„Ich habe sofort eine Task-Force aufgesetzt und die relevanten Streams gebündelt. Wir klären die Ursachen und sind mit dem Kunden in enger Abstimmung."
</div>
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Brenner</div>
„Gut. Wer trägt die Verantwortung für die Verzögerung — und was hat das gekostet?"
</div>
]
(replace: ?callstatus)[<span class="call-ended">⬤ Beendet</span>]
(replace: ?calldauer)[00:13]
(replace: ?aktion)[
<div class="call-endnote">Dr. Brenner stellt die unbequeme Folgefrage. Das Gespräch endet offen.</div>
<span class="gw-confirm">(link: "Weiter →")[(go-to: "Aktion")]</span>
]
(stop:)
]
]
</span>
]
(stop:)
](set: $kategorieZaehler4 to (datamap:
"kontrollorientiert", 0,
"politisch", 0,
"integer", 0,
"positionsorientiert", 0
))
(for: each _w, ...(a: $priorisierung, $ceoAnruf, $finaleEntscheidung))[
(if: $kategorieZaehler4 contains _w)[
(set: $kategorieZaehler4's _w to ($kategorieZaehler4's _w) + 1)
]
]
(set: $dominantesVerhalten to "ambivalent")
(set: _maxV to 0)
(for: each _k, ...(datanames: $kategorieZaehler4))[
(if: ($kategorieZaehler4's _k) > _maxV)[
(set: _maxV to ($kategorieZaehler4's _k))
(set: $dominantesVerhalten to _k)
]
]
(if: _maxV is 1)[
(set: $dominantesVerhalten to "ambivalent")
]
(set: $verhaltensStabil to false)
(if: _maxV >= 2)[
(set: $verhaltensStabil to true)
]
(go-to: "Code V")(set: _code to "") (for: each _k, ...(datanames: $kategorieZaehler4))[
(set: _code to _code + (str: $kategorieZaehler4's (_k)))]
<div class="gw-container">
<div class="gw-title">
<h2>🧩 Dein Leadership Code</h2>
<p>Hier ist dein viertes persönliches Snippet. Füge es später zu deinem Profil zusammen – jedes Fragment reflektiert einen spezifischen Aspekt.<br>
(text-colour:#F0A000)[Fragment 4 von 4 · Gezeigtes Verhalten]
</p>
<div class="gw-code">
(print: "V" + _code)
(set: $code to $code + (array: _code))
</div>
</div>
<hr class="gw-divider">
<div class="intro-action">
(link: "Weiter →")[(go-to: "Key 2")]
</div>
</div>
}(set: $archetypMap to (datamap:
"kollektiv-kontrollorientiert-name", "Der Koordinator",
"kollektiv-kontrollorientiert-text", "Organisiert Menschen und Prozesse mit ruhiger Hand. Unter Druck sorgt er dafür dass alle wissen was zu tun ist.",
"kollektiv-kontrollorientiert-staerke","Struktur und Orientierung — auch wenn es chaotisch wird.",
"kollektiv-kontrollorientiert-blind", "Die Einbindung des Teams dient manchmal mehr der eigenen Kontrolle als echter Beteiligung. Andere spüren das.",
"kollektiv-politisch-name", "Der Netzwerker",
"kollektiv-politisch-text", "Baut Allianzen und hält Stimmungen zusammen. In komplexen Organisationen unersetzlich.",
"kollektiv-politisch-staerke","Öffnet Türen die anderen verschlossen bleiben.",
"kollektiv-politisch-blind", "Die Wahrheit wird manchmal der Beziehung geopfert. Wer immer verbindet vermeidet manchmal Klarheit.",
"kollektiv-integer-name", "Der Hüter der Kultur",
"kollektiv-integer-text", "Führt durch gemeinsame Werte. Menschen folgen ihm weil sie ihm vertrauen — nicht weil sie müssen.",
"kollektiv-integer-staerke","Vertrauen als Führungsinstrument — nachhaltig und belastbar.",
"kollektiv-integer-blind", "Konsens kann zur Bremse werden. Nicht jede Entscheidung braucht Einigkeit.",
"kollektiv-positionsorientiert-name", "Der Teamnutzer",
"kollektiv-positionsorientiert-text", "Mobilisiert Gruppen schnell und effektiv. Weiß wen er für welche Aufgabe braucht.",
"kollektiv-positionsorientiert-staerke","Schnelle Aktivierung von Ressourcen und Menschen.",
"kollektiv-positionsorientiert-blind", "Das Team ist Mittel zum Zweck. Die eigene Agenda steht im Hintergrund — aber sie ist da.",
"analytisch-kontrollorientiert-name", "Der Architekt",
"analytisch-kontrollorientiert-text", "Strukturiert komplexe Situationen mit System. Behält auch unter Druck den Überblick.",
"analytisch-kontrollorientiert-staerke","Klarheit und Struktur wo andere den Faden verlieren.",
"analytisch-kontrollorientiert-blind", "Kontrolle über den Prozess kann wichtiger werden als das Ergebnis. Andere fühlen sich nicht gehört.",
"analytisch-politisch-name", "Der Taktiker",
"analytisch-politisch-text", "Versteht die Lage tiefer als die meisten. Nutzt Informationen strategisch und mit Weitblick.",
"analytisch-politisch-staerke","Strategische Tiefe und Gespür für Dynamiken.",
"analytisch-politisch-blind", "Wer immer kalkuliert wird irgendwann als unberechenbar wahrgenommen. Vertrauen entsteht durch Vorhersehbarkeit.",
"analytisch-integer-name", "Der Prinzipienanalytiker",
"analytisch-integer-text", "Argumentiert mit Fakten und Werten. Entscheidungen sind nachvollziehbar und standhaft.",
"analytisch-integer-staerke","Glaubwürdigkeit durch Konsequenz — Fakten und Haltung in einem.",
"analytisch-integer-blind", "Hat manchmal wenig Geduld mit anderen. Klarheit kann kalt wirken.",
"analytisch-positionsorientiert-name", "Der brillante Einzelspieler",
"analytisch-positionsorientiert-text", "Nutzt seine Expertise mit Präzision. Liefert dort wo es zählt.",
"analytisch-positionsorientiert-staerke","Tiefe Expertise die in kritischen Momenten den Unterschied macht.",
"analytisch-positionsorientiert-blind", "Wissen wird manchmal nicht geteilt — Vorsprung ist Kapital.",
"impulsiv-kontrollorientiert-name", "Der Antreiber",
"impulsiv-kontrollorientiert-text", "Entscheidet schnell und gibt Richtung vor. In Krisen ist das oft genau was gebraucht wird.",
"impulsiv-kontrollorientiert-staerke","Tempo und Entschlossenheit wenn andere noch abwägen.",
"impulsiv-kontrollorientiert-blind", "Tempo kann andere überrollen. Wer immer vorauseilt verliert manchmal das Team.",
"impulsiv-politisch-name", "Der Mobilisierer",
"impulsiv-politisch-text", "Handelt spontan über Beziehungen und setzt Menschen in Bewegung. Öffnet Türen die anderen verschlossen bleiben.",
"impulsiv-politisch-staerke","Beziehungsenergie die Bewegung erzeugt.",
"impulsiv-politisch-blind", "Spontane Zusagen können als unzuverlässig wirken wenn die Fakten später nicht stimmen.",
"impulsiv-integer-name", "Der Idealist",
"impulsiv-integer-text", "Folgt seinen Überzeugungen auch wenn es unbequem wird. Authentizität ist seine Stärke.",
"impulsiv-integer-staerke","Mut zur Wahrheit auch wenn sie kostet.",
"impulsiv-integer-blind", "Impuls und Integrität zusammen können ungestüm wirken. Nicht jeder Moment braucht die volle Wahrheit sofort.",
"impulsiv-positionsorientiert-name", "Der Alpha-Performer",
"impulsiv-positionsorientiert-text", "Handelt schnell und ist sichtbar. Präsenz und Wirkung sind real.",
"impulsiv-positionsorientiert-staerke","Sichtbarkeit und Energie die andere mitreißt.",
"impulsiv-positionsorientiert-blind", "Die Außenwirkung bekommt mehr Aufmerksamkeit als der Prozess dahinter. Nachhaltigkeit leidet.",
"passiv-kontrollorientiert-name", "Der Wächter",
"passiv-kontrollorientiert-text", "Beobachtet bevor er handelt. Greift kontrolliert und gezielt ein wenn der Moment reif ist.",
"passiv-kontrollorientiert-staerke","Präzision durch Geduld — handelt wenn es wirklich zählt.",
"passiv-kontrollorientiert-blind", "Warten kann als Zögern gelesen werden. Wer zu lange beobachtet verliert manchmal den richtigen Moment.",
"passiv-politisch-name", "Der stille Einflussnehmer",
"passiv-politisch-text", "Sammelt Informationen und nutzt sie mit Bedacht. Wirkt im Hintergrund ohne aufzufallen.",
"passiv-politisch-staerke","Tiefe Wirkung ohne Reibung — Einfluss durch Zurückhaltung.",
"passiv-politisch-blind", "Einfluss ohne Sichtbarkeit kann als Manipulation wahrgenommen werden. Vertrauen braucht auch Präsenz.",
"passiv-integer-name", "Der Gewissensmensch",
"passiv-integer-text", "Hält sich zurück wenn Werte verletzt werden. Seine Stimme hat Gewicht weil er sie selten erhebt.",
"passiv-integer-staerke","Moralische Klarheit die anderen Orientierung gibt.",
"passiv-integer-blind", "Zurückhaltung aus Integrität kann als Passivität missverstanden werden. Manchmal braucht Führung Lautstärke.",
"passiv-positionsorientiert-name", "Der Opportunist",
"passiv-positionsorientiert-text", "Erkennt Chancen früh und positioniert sich geschickt. Überlebt in komplexen Systemen.",
"passiv-positionsorientiert-staerke","Gespür für den richtigen Moment — selten auf der falschen Seite.",
"passiv-positionsorientiert-blind", "Wer immer wartet bis die Situation günstig ist wirkt für andere unberechenbar. Loyalität wird in Frage gestellt."
))
(set: _keyA to $dominanterAntrieb + "-" + $dominantesVerhalten)
(if: $archetypMap contains (_keyA + "-name"))[
(set: $archetyp to $archetypMap's (_keyA + "-name"))
(set: $archetypText to $archetypMap's (_keyA + "-text"))
(set: $archetypStaerke to $archetypMap's (_keyA + "-staerke"))
(set: $archetypBlind to $archetypMap's (_keyA + "-blind"))
](else:)[
(set: $archetyp to "Der Pragmatiker")
(set: $archetypText to "Dein Profil zeigt kein eindeutiges Muster — du passt dich stark an die Situation an.")
(set: $archetypStaerke to "Situative Flexibilität — keine starre Schublade.")
(set: $archetypBlind to "Ohne klares Muster ist es schwer vorherzusagen wie du in neuen Situationen reagierst.")
]
(set: $konsistenzText to "")
(if: $antriebStabil and $verhaltensStabil)[
(set: $konsistenzText to "Dieses Muster zeigt sich konsistent — Antrieb und Verhalten sind aufeinander abgestimmt.")
](else-if: $antriebStabil)[
(set: $konsistenzText to "Dein innerer Antrieb ist stabil — aber unter Druck verschiebt sich dein gezeigtes Verhalten.")
](else-if: $verhaltensStabil)[
(set: $konsistenzText to "Dein Verhalten nach außen ist konsistent — aber dein innerer Antrieb variiert je nach Situation.")
](else:)[
(set: $konsistenzText to "Dein Profil ist situativ. Du passt dich stark an — das ist Stärke und Risiko zugleich.")
]
(goto:"Feedback Verhalten")
(set: _mA to $dominanterAntrieb)
(set: _vA to $dominantesVerhalten)
<div class="gw-container">
<div class="gw-title">
<h2>🧬 Dein Führungsprofil</h2>
<p>Innerer Antrieb trifft auf gezeigtes Verhalten.</p>
</div>
<hr class="gw-divider">
<div class="gw-card" style="margin-bottom:16px;">
<div class="archetyp-achse">
<div class="archetyp-achse-label">Innerer Antrieb · M</div>
<div class="archetyp-achse-wert">(print: $dominanterAntrieb)</div>
</div>
|phase1>[]
</div>
|phase2>[]
|phase3>[]
|phase4>[]
|phase5>[]
|phase6>[]
</div>
(live: 1.5s)[
(replace: ?phase1)[
<div class="archetyp-achse" style="margin-top:8px; padding-top:8px; border-top:0.5px solid rgba(255,255,255,0.08);">
<div class="archetyp-achse-label">Gezeigtes Verhalten · V</div>
<div class="archetyp-achse-wert">(print: $dominantesVerhalten)</div>
</div>
]
(stop:)
]
(live: 3s)[
(replace: ?phase2)[
<table class="mx-table" style="margin-bottom:4px;">
<tr>
<td class="mx-corner"></td>
<td class="mx-corner"></td>
<td class="mx-axis-label" colspan="4">V · Gezeigtes Verhalten</td>
</tr>
<tr>
<td class="mx-axis-label-y" colspan="2">M · Antrieb</td>
<th class="mx-col-head">kontroll-<br>orientiert</th>
<th class="mx-col-head">politisch</th>
<th class="mx-col-head">integer</th>
<th class="mx-col-head">positions-<br>orientiert</th>
</tr>
<tr>
<td class="mx-corner"></td>
<td class="mx-row-head">kollektiv</td>
<td class="mx-cell kongruent">(if: _mA is "kollektiv" and _vA is "kontrollorientiert")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell spannung">(if: _mA is "kollektiv" and _vA is "politisch")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell kongruent">(if: _mA is "kollektiv" and _vA is "integer")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell diskrepanz">(if: _mA is "kollektiv" and _vA is "positionsorientiert")[<div class="mx-aktiv-dot"></div>]</td>
</tr>
<tr>
<td class="mx-corner"></td>
<td class="mx-row-head">analytisch</td>
<td class="mx-cell kongruent">(if: _mA is "analytisch" and _vA is "kontrollorientiert")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell spannung">(if: _mA is "analytisch" and _vA is "politisch")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell kongruent">(if: _mA is "analytisch" and _vA is "integer")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell diskrepanz">(if: _mA is "analytisch" and _vA is "positionsorientiert")[<div class="mx-aktiv-dot"></div>]</td>
</tr>
<tr>
<td class="mx-corner"></td>
<td class="mx-row-head">impulsiv</td>
<td class="mx-cell spannung">(if: _mA is "impulsiv" and _vA is "kontrollorientiert")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell spannung">(if: _mA is "impulsiv" and _vA is "politisch")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell kongruent">(if: _mA is "impulsiv" and _vA is "integer")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell diskrepanz">(if: _mA is "impulsiv" and _vA is "positionsorientiert")[<div class="mx-aktiv-dot"></div>]</td>
</tr>
<tr>
<td class="mx-corner"></td>
<td class="mx-row-head">passiv</td>
<td class="mx-cell diskrepanz">(if: _mA is "passiv" and _vA is "kontrollorientiert")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell kongruent">(if: _mA is "passiv" and _vA is "politisch")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell kongruent">(if: _mA is "passiv" and _vA is "integer")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell diskrepanz">(if: _mA is "passiv" and _vA is "positionsorientiert")[<div class="mx-aktiv-dot"></div>]</td>
</tr>
</table>
<div class="mx-legend">
<div class="mx-legend-item"><div class="mx-legend-dot kongruent"></div>kongruent</div>
<div class="mx-legend-item"><div class="mx-legend-dot spannung"></div>Spannung</div>
<div class="mx-legend-item"><div class="mx-legend-dot diskrepanz"></div>Diskrepanz</div>
<div class="mx-legend-item"><div class="mx-legend-dot aktiv"></div>dein Muster</div>
</div>
]
(stop:)
]
(live: 4.5s)[
(replace: ?phase3)[
<div class="archetyp-synthese-label">Das ergibt —</div>
]
(stop:)
]
(live: 6s)[
(replace: ?phase4)[
<div class="gw-code" style="margin-bottom:16px;">
(print: $archetyp)
</div>
]
(stop:)
]
(live: 7.5s)[
(replace: ?phase5)[
<div class="mx-insight" style="margin-bottom:8px;">
<div class="mx-insight-label">Profil</div>
<div class="mx-insight-text">(print: $archetypText)</div>
</div>
<div class="mx-insight" style="margin-bottom:8px;">
<div class="mx-insight-label">Stärke</div>
<div class="mx-insight-text">(print: $archetypStaerke)</div>
</div>
<div class="mx-insight">
<div class="mx-insight-label">Blinder Fleck</div>
<div class="mx-insight-text">(print: $archetypBlind)</div>
</div>
]
(stop:)
]
(live: 9s)[
(replace: ?phase6)[
<div class="mx-reflexion">
(print: $konsistenzText)
</div>
<hr class="gw-divider">
<div class="intro-action">
(link: "Weiter →")[(go-to: "Spiegelung")]
</div>
]
(stop:)
]
(link: "Weiter →")[(go-to: "Spiegelung")]<div class="gw-container">
<div class="gw-title">
<h2>🔑 Dein Leadership Code</h2>
<p>Gib die Ziffernfolgen ein, die du dir notiert hast.</p>
</div>
<hr class="gw-divider">
<div class="gw-card" style="margin-bottom:14px;">
<div class="card-label" style="margin-bottom:12px;">Code-Fragmente</div>
<div class="code-input-grid">
<div class="code-input-row">
<div class="code-letter">M</div>
<div class="code-sublabel">Innerer Modus</div>
<input class="code-input-string" id="inp-M" type="text"
inputmode="numeric" maxlength="4" placeholder="0000">
</div>
<div class="code-input-row">
<div class="code-letter">V</div>
<div class="code-sublabel">Äußeres Verhalten</div>
<input class="code-input-string" id="inp-V" type="text"
inputmode="numeric" maxlength="4" placeholder="0000">
</div>
</div>
</div>
<div class="code-preview-wrap">
<div class="code-preview-label">Dein Code:</div>
<div class="code-preview" id="codePreview">M···· · V····</div>
</div>
|fehler>[]
<span class="gw-confirm">(link: "Code bestätigen →")[
(go-to: "Archetyp")
]</span>
</div>
<script>
setTimeout(function() {
var felder = [
{ id: "inp-M", next: "inp-V" },
{ id: "inp-V", next: null }
];
var letters = { "inp-M": "M", "inp-V": "V" };
felder.forEach(function(f) {
var el = document.getElementById(f.id);
if (!el) return;
el.addEventListener("keypress", function(e) {
if (!/[0-9]/.test(e.key)) { e.preventDefault(); return; }
if (this.value.length >= 4) { e.preventDefault(); return; }
});
el.addEventListener("input", function() {
this.value = this.value.replace(/[^0-9]/g, "");
if (this.value.length > 4) this.value = this.value.slice(0, 4);
updatePreview();
if (this.value.length === 4 && f.next) {
var nextEl = document.getElementById(f.next);
if (nextEl) { nextEl.focus(); nextEl.select(); }
}
});
});
function updatePreview() {
var vals = felder.map(function(f) {
var el = document.getElementById(f.id);
var v = el ? el.value : "";
while (v.length < 4) v += "·";
return letters[f.id] + v;
});
var p = document.getElementById("codePreview");
if (p) p.textContent = vals.join(" · ");
}
}, 300);
</script><div class="gw-container">
<div class="gw-title">
<h2>🔀 Wendepunkt</h2>
<p>Während du noch den CEO-Anruf verarbeitest — eine neue Möglichkeit öffnet sich. Wo holst du dir jetzt Klarheit?</p>
</div>
<hr class="gw-divider">
<div class="gw-context">
<span>⏰ Deadline: <strong>16:00 Uhr</strong></span>
<span>·</span>
<span>💓 Puls: <strong>125 BPM</strong></span>
</div>
<div class="strategy-grid">
<div class="strategy-card">
<div class="card-label">A</div>
<div class="card-icon">🔍 Interne Recherche starten</div>
(link: "Ich frage beim internen Audit nach, ob relevante Prozessfehler identifiziert wurden.")[
(set: $wendepunkt to "analytisch")
(go-to: "Briefing Audit")
]
</div>
<div class="strategy-card">
<div class="card-label">B</div>
<div class="card-icon">📞 Anderen Ansprechpartner beim Kunden anrufen</div>
(link: "Ich umgehe die offizielle Eskalation und spreche mit einem persönlichen Kontakt.")[
(set: $wendepunkt to "impulsiv")
(go-to: "Briefing Kunde")
]
</div>
<div class="strategy-card">
<div class="card-label">C</div>
<div class="card-icon">🤝 Partnerfirma einbeziehen</div>
(link: "Ich ziehe einen Technologiepartner hinzu, der Erfahrung in ähnlichen Projekten hat.")[
(set: $wendepunkt to "kollektiv")
(go-to: "Briefing Partner")
]
</div>
<div class="strategy-card">
<div class="card-label">D</div>
<div class="card-icon">⏸ Erst einmal abwarten</div>
(link: "Ich beobachte wie sich die Lage entwickelt, bevor ich den nächsten Schritt mache.")[
(set: $wendepunkt to "passiv")
(go-to: "Briefing Abwarten")
]
</div>
</div>
</div><div class="gw-container">
<div class="gw-title">
<h2>📋 Interne Recherche — Ergebnis</h2>
</div>
<hr class="gw-divider">
<div class="briefing-card">
<div class="briefing-situation">
Während einer Routineprüfung stieß das interne Audit auf einen kritischen Prozessfehler. Was zunächst wie ein lokales Problem aussah, entpuppt sich als strukturellen Schwachstelle, die niemand auf dem Radar hatte.. Die Eskalation ist unvermeidbar, aber die Wurzel des Übels liegt außerhalb der Projektverantwortung.
</div>
<hr class="gw-divider">
<div class="briefing-footer">
Die Schuldfrage verschiebt sich. Was bedeutet das für deine nächste Entscheidung?
</div>
</div>
<div class="intro-action">
(link: "Weiter →")[(go-to: "Gedanke")]
</div>
</div><div class="gw-container">
<div class="gw-title">
<h2>📞 Kundenkontakt — Neue Perspektive</h2>
</div>
<hr class="gw-divider">
<div class="briefing-card">
<div class="briefing-situation">
Dein Ansprechpartner plaudert überraschend aus dem Nähkästchen: Dr. Berning steht intern massiv unter Druck. Seine eigene IT hat schwere Fehler begangen, und die bisherige Eskalation war lediglich ein taktisches Ablenkungsmanöver. Die Machtbalance hat sich verschoben.
</div>
<hr class="gw-divider">
<div class="briefing-footer">
Du hast jetzt Informationen die Dr. Berning nicht weiß dass du sie hast. Was machst du damit?
</div>
</div>
<div class="intro-action">
(link: "Weiter →")[(go-to: "Gedanke")]
</div>
</div><div class="gw-container">
<div class="gw-title">
<h2>🤝 Partnerfirma — Überraschende Unterstützung</h2>
</div>
<hr class="gw-divider">
<div class="briefing-card">
<div class="briefing-situation">
Ein Technologiepartner berichtet von identischen Mustern bei anderen Kunden und bietet sofortigen Support an. Mit im Gepäck: Exklusive Daten, die das bisherige Gesamtbild radikal verändern. Plötzlich öffnen sich Lösungswege, die gestern noch undenkbar waren. Die Karten werden völlig neu gemischt.
</div>
<hr class="gw-divider">
<div class="briefing-footer">
Du hast jetzt einen starken Verbündeten. Wie nutzt du das?
</div>
</div>
<div class="intro-action">
(link: "Weiter →")[(go-to: "Gedanke")]
</div>
</div><div class="gw-container">
<div class="gw-title">
<h2>⏸ Abwarten — Stille Verschiebung</h2>
</div>
<hr class="gw-divider">
<div class="briefing-card">
<div class="briefing-situation">
Überraschende Nachricht: Der Kunde stoppt die Eskalation vorerst. Das Motiv ist jedoch keine Zufriedenheit, sondern eine interne Neuausrichtung. Zwischen Budgetfragen und Machtspielen droht das Projekt zur Manövriermasse zu werden. Die offensichtliche Bedrohung verschwindet — aber eine neue, stille Gefahr entsteht.
</div>
<hr class="gw-divider">
<div class="briefing-footer">
Die Ruhe ist trügerisch. Was tust du jetzt?
</div>
</div>
<div class="intro-action">
(link: "Weiter →")[(go-to: "Gedanke")]
</div>
</div><div class="gw-container">
<div class="gw-title">
<h2>🧭 Finale Entscheidung</h2>
<p>Du hast neue Informationen. Die Lage hat sich verändert. Was tust du jetzt?</p>
</div>
<hr class="gw-divider">
<div class="gw-context">
<span>⏰ Deadline: <strong>16:00 Uhr</strong></span>
<span>·</span>
<span>💓 Puls: <strong>130 BPM</strong></span>
</div>
<div class="strategy-grid">
<div class="strategy-card">
<div class="card-label">A</div>
<div class="card-icon">💬 Update geben</div>
(link: "Ich gebe allen Beteiligten ein kurzes Update zum aktuellen Stand – auch wenn noch nicht alles geklärt ist.")[
(set: $finaleEntscheidung to "integer")
(go-to: "Resonanz")
]
</div>
<div class="strategy-card">
<div class="card-label">B</div>
<div class="card-icon">🔎 Intern klären</div>
(link: "Ich kläre zuerst intern die offenen Punkte, bevor wir breiter über die Situation sprechen.")[
(set: $finaleEntscheidung to "kontrollorientiert")
(go-to: "Resonanz")
]
</div>
<div class="strategy-card">
<div class="card-label">C</div>
<div class="card-icon">🚀 Initiative übernehmen</div>
(link: "Ich übernehme sichtbar die Koordination der nächsten Schritte und treibe die Lösung aktiv voran.")[
(set: $finaleEntscheidung to "positionsorientiert")
(go-to: "Resonanz")
]
</div>
<div class="strategy-card">
<div class="card-label">D</div>
<div class="card-icon">🧩 Abstimmen</div>
(link: "Ich spreche zunächst mit den wichtigsten Beteiligten und gleiche die unterschiedlichen Sichtweisen ab.")[
(set: $finaleEntscheidung to "politisch")
(go-to: "Resonanz")
]
</div>
</div>
</div><div class="gw-container">
<div class="gw-title">
<h2>🔍 Muster unter Druck</h2>
<p>Was heute sichtbar wurde.</p>
</div>
<hr class="gw-divider">
|schicht1>[]
|schicht2>[]
|weiter>[]
</div>
(live: 0.5s)[
(replace: ?schicht1)[
<div class="mx-insight" style="margin-bottom:16px;">
<div class="mx-insight-label">Spiegelung</div>
<div class="mx-insight-text">
Du hast heute unter Druck gespielt — und dabei mehr gezeigt als du vielleicht beabsichtigt hast.
</div>
</div>
<div class="mx-insight">
<div class="mx-insight-text">
Nicht weil das Spiel dich überlistet hat. Sondern weil Druck das zeigt, was automatisch läuft. Bevor der Kopf entscheiden kann, hat der Körper längst reagiert.
</div>
</div>
<div class="mx-reflexion" style="margin-top:12px;">
Das ist dein Muster.
</div>
]
(stop:)
]
(live: 4s)[
(replace: ?schicht2)[
<div class="mx-insight" style="margin-bottom:16px;">
<div class="mx-insight-text">
Das Muster ist kein Fehler — es ist ein Reflex der sich in hunderten von Situationen bewährt hat. Dein Gehirn hat gelernt, so zu reagieren weil es funktioniert hat. Irgendwann. Unter bestimmten Bedingungen.
</div>
</div>
<div class="mx-insight">
<div class="mx-insight-text">
Muster entstehen nicht aus Schwäche. Sie entstehen aus Erfahrung.
</div>
</div>
]
(stop:)
]
(live: 8s)[
(replace: ?weiter)[
<hr class="gw-divider">
<div class="intro-action">
(link: "Weiter →")[(go-to: "Neuro-Init")]
</div>
]
(stop:)
](set: $neuroTexte to (datamap:
"Der Koordinator-aussen", "Du organisierst Menschen und Prozesse mit echter Kompetenz. Was andere dabei manchmal erleben: Sie werden eingebunden — aber nicht wirklich gefragt. Die Struktur steht fest bevor sie ankommen. Das erzeugt Orientierung und manchmal stille Frustration gleichzeitig.",
"Der Koordinator-neuro", "Was dabei passiert: Dein Gehirn sucht unter Stress nach Kontrolle über Komplexität. Das ist ein hocheffizienter Mechanismus — aber er aktiviert dasselbe Netzwerk das auch Einbindung verhindert. Kontrolle und echte Beteiligung laufen im Gehirn über verschiedene Pfade.",
"Der Koordinator-einladung", "Der nächste Schritt ist nicht weniger Struktur — sondern einen Moment einzubauen wo die Struktur noch offen ist. Bevor du entscheidest.",
"Der Koordinator-uebung", "Bevor du in der nächsten Krisensituation einen Plan präsentierst: Stelle zuerst eine echte Frage an dein Team — eine auf die du die Antwort noch nicht weißt. Warte die Antwort ab bevor du weitergehst.",
"Der Koordinator-dauer", "3 Minuten",
"Der Netzwerker-aussen", "Du hältst Stimmungen zusammen und baust Allianzen die anderen verborgen bleiben. Was andere dabei manchmal erleben: Sie wissen nicht immer wo du wirklich stehst. Die Beziehung ist warm — aber die Haltung bleibt manchmal unklar. Das erzeugt Verbundenheit und Unsicherheit gleichzeitig.",
"Der Netzwerker-neuro", "Was dabei passiert: Dein soziales Gehirn ist hochaktiv — du liest Stimmungen schnell und passt dich an. Das ist eine echte Stärke. Aber dasselbe System das soziale Signale liest unterdrückt manchmal klare Positionierung weil sie Konflikte riskiert.",
"Der Netzwerker-einladung", "Der nächste Schritt ist nicht weniger Beziehung — sondern einmal pro Woche eine Position klar zu benennen bevor du weißt wie sie ankommt.",
"Der Netzwerker-uebung", "In der nächsten wichtigen Unterhaltung: Sage einmal explizit was du denkst — nicht was du glaubst dass der andere hören will. Beobachte was passiert.",
"Der Netzwerker-dauer", "Ein Gespräch",
"Der Hüter der Kultur-aussen", "Du führst durch Werte und verdienst dir Vertrauen das andere sich erkaufen müssen. Was andere dabei manchmal erleben: Entscheidungen dauern länger als nötig weil Konsens wichtiger wird als Klarheit. Dein Kompass ist stark — manchmal zu stark für das Tempo der Situation.",
"Der Hüter der Kultur-neuro", "Was dabei passiert: Dein Gehirn verknüpft Entscheidungen mit sozialem Zusammenhalt — das aktiviert das Belohnungssystem wenn alle zustimmen. Aber es kann dazu führen dass Geschwindigkeit und Einigkeit gegeneinander ausgespielt werden wenn beides gebraucht wird.",
"Der Hüter der Kultur-einladung", "Der nächste Schritt ist nicht weniger Werte — sondern einmal eine Entscheidung zu treffen bevor alle an Bord sind. Und danach transparent zu machen warum.",
"Der Hüter der Kultur-uebung", "Triff in dieser Woche eine mittlere Entscheidung allein — ohne vorher alle zu fragen. Kommuniziere sie danach mit dem Grund. Beobachte ob das Vertrauen wächst oder sinkt.",
"Der Hüter der Kultur-dauer", "Eine Entscheidung",
"Der Teamnutzer-aussen", "Du mobilisierst Menschen schnell und effektiv. Was andere dabei manchmal erleben: Sie merken irgendwann dass ihre Energie in deine Agenda geflossen ist. Das ist kein böser Wille — aber es hinterlässt einen Nachgeschmack wenn es sichtbar wird.",
"Der Teamnutzer-neuro", "Was dabei passiert: Dein Gehirn kombiniert soziale Aktivierung mit Zielorientierung — ein kraftvolles Duo. Aber wenn das Ziel primär selbstreferenziell ist aktiviert das langfristig Misstrauensreaktionen bei anderen die das Muster erkennen.",
"Der Teamnutzer-einladung", "Der nächste Schritt ist eine Situation zu schaffen wo das Ergebnis vollständig dem Team gehört — ohne dass dein Name daran hängt.",
"Der Teamnutzer-uebung", "Ermögliche in dieser Woche einen Erfolg für jemanden aus deinem Team — ohne dass du dabei sichtbar wirst. Beobachte wie sich das anfühlt.",
"Der Teamnutzer-dauer", "Eine Situation",
"Der Architekt-aussen", "Du behältst den Überblick wo andere den Faden verlieren. Was andere dabei manchmal erleben: Sie fühlen sich in deinen Strukturen manchmal wie Variablen statt wie Menschen. Deine Klarheit ist real — aber sie lässt wenig Raum für das Unfertige.",
"Der Architekt-neuro", "Was dabei passiert: Dein präfrontaler Cortex dominiert — analytisch, strukturiert, vorausschauend. Das unterdrückt Amygdala-Reaktionen effektiv. Aber es kann auch emotionale Signale anderer dämpfen die wichtige Informationen tragen.",
"Der Architekt-einladung", "Der nächste Schritt ist nicht weniger Struktur — sondern einmal bewusst in einer unstrukturierten Situation auszuharren ohne sie sofort zu ordnen.",
"Der Architekt-uebung", "Halte in der nächsten Krisensituation 5 Minuten aus ohne einen Plan zu machen. Beobachte was in dir passiert — und was andere in dieser Zeit tun.",
"Der Architekt-dauer", "5 Minuten",
"Der Taktiker-aussen", "Du verstehst die Lage tiefer als die meisten und nutzt dieses Wissen mit Bedacht. Was andere dabei manchmal erleben: Sie wissen nicht genau wo sie mit dir dran sind. Die Kommunikation ist präzise — aber selektiv. Das erzeugt Respekt und Misstrauen gleichzeitig.",
"Der Taktiker-neuro", "Was dabei passiert: Dein Gehirn filtert Informationen bevor es sie teilt — ein hocheffizienter Schutzmechanismus. Aber Informationskontrolle aktiviert bei anderen dasselbe Misstrauensnetzwerk das du selbst nutzt. Das kann eine Spirale erzeugen.",
"Der Taktiker-einladung", "Der nächste Schritt ist einmal eine unvollständige Information zu teilen — bewusst, bevor du weißt wie sie ankommt.",
"Der Taktiker-uebung", "Teile in der nächsten Woche einmal eine Information bevor sie vollständig ist — mit der expliziten Aussage dass du noch nicht alle Antworten hast. Beobachte die Reaktion.",
"Der Taktiker-dauer", "Ein Gespräch",
"Der Prinzipienanalytiker-aussen", "Du argumentierst mit Fakten und Haltung — das ist selten und wertvoll. Was andere dabei manchmal erleben: Deine Klarheit kann kalt wirken. Nicht weil sie es ist — sondern weil sie keinen Raum für das Unfertige lässt. Menschen die noch denken fühlen sich manchmal bereits überholt.",
"Der Prinzipienanalytiker-neuro", "Was dabei passiert: Dein Gehirn verknüpft kognitive Klarheit mit moralischer Sicherheit — ein starkes Signal nach innen. Aber es kann die Wahrnehmungsgeschwindigkeit anderer unterschätzen und soziale Verarbeitungszeit ignorieren.",
"Der Prinzipienanalytiker-einladung", "Der nächste Schritt ist eine Situation wo du deine Klarheit zurückhältst — und fragst bevor du erklärst.",
"Der Prinzipienanalytiker-uebung", "In der nächsten Diskussion: Stelle drei Fragen bevor du deine Einschätzung teilst. Auch wenn du die Antwort schon weißt. Beobachte was die anderen dabei entwickeln.",
"Der Prinzipienanalytiker-dauer", "Ein Meeting",
"Der brillante Einzelspieler-aussen", "Du lieferst in kritischen Momenten mit einer Tiefe die andere nicht erreichen. Was andere dabei manchmal erleben: Wissen wird nicht geteilt bevor es strategisch sinnvoll erscheint. Das erzeugt Bewunderung — und Distanz.",
"Der brillante Einzelspieler-neuro", "Was dabei passiert: Expertise aktiviert Dopamin — das Belohnungssystem reagiert auf Kompetenz und Anerkennung. Das ist ein starker Antrieb. Aber er kann Wissenstransfer hemmen weil Teilen den Vorsprung verringert.",
"Der brillante Einzelspieler-einladung", "Der nächste Schritt ist Wissen zu teilen bevor es strategisch nötig ist — einfach weil jemand anderes davon wachsen kann.",
"Der brillante Einzelspieler-uebung", "Teile in dieser Woche eine Erkenntnis oder Methode die du entwickelt hast — ohne Gegenleistung, ohne strategischen Kontext. Beobachte was zurückkommt.",
"Der brillante Einzelspieler-dauer", "Ein Gespräch oder eine kurze Notiz",
"Der Antreiber-aussen", "Du gibst Richtung wenn andere noch abwägen — das ist in Krisen oft genau was gebraucht wird. Was andere dabei manchmal erleben: Das Tempo überholt sie. Entscheidungen sind gefallen bevor sie ankommen konnten. Das erzeugt Bewegung — und manchmal stille Erschöpfung im Team.",
"Der Antreiber-neuro", "Was dabei passiert: Deine Amygdala und dein Handlungssystem sind eng gekoppelt — Stress aktiviert sofort Bewegung. Das ist neurobiologisch effizient. Aber es überspringt den sozialen Verarbeitungsprozess anderer der für Commitment entscheidend ist.",
"Der Antreiber-einladung", "Der nächste Schritt ist nicht langsamer zu werden — sondern einmal innezuhalten und das Team explizit mitzunehmen bevor du weitergehst.",
"Der Antreiber-uebung", "Bevor du in der nächsten Krisensituation die nächste Aktion ankündigst: Atme dreimal bewusst. Frage dann: „Was braucht ihr von mir gerade?“ Warte die Antwort ab.",
"Der Antreiber-dauer", "Ein Moment des Innehaltens",
"Der Mobilisierer-aussen", "Du setzt Menschen in Bewegung durch die Kraft deiner Beziehungen — das ist eine echte Gabe. Was andere dabei manchmal erleben: Zusagen entstehen schnell und platzen manchmal ebenso schnell. Die Energie ist real — die Verlässlichkeit manchmal nicht.",
"Der Mobilisierer-neuro", "Was dabei passiert: Dein soziales Belohnungssystem und dein Handlungsimpuls feuern gleichzeitig — das erzeugt Begeisterung und Momentum. Aber es überspringt die Überprüfung ob die Zusage haltbar ist. Der präfrontale Cortex kommt zu spät.",
"Der Mobilisierer-einladung", "Der nächste Schritt ist eine Zusage erst nach einer kurzen Pause zu machen — nicht als Bremse sondern als Qualitätssicherung für die Beziehung.",
"Der Mobilisierer-uebung", "Bevor du in der nächsten Woche eine wichtige Zusage machst: Warte 24 Stunden. Nicht um abzusagen sondern um zu prüfen ob du sie halten kannst. Beobachte was sich verändert.",
"Der Mobilisierer-dauer", "Eine Woche",
"Der Idealist-aussen", "Du folgst deinen Überzeugungen auch wenn es kostet — das ist Führungsstärke die selten ist. Was andere dabei manchmal erleben: Die Wahrheit kommt manchmal bevor der Moment reif ist. Nicht jeder Kontext trägt die volle Klarheit die du mitbringst.",
"Der Idealist-neuro", "Was dabei passiert: Dein Wertesystem und dein Handlungsimpuls sind direkt gekoppelt — Überzeugung aktiviert sofort Ausdruck. Das ist authentisch. Aber soziale Kontexte haben Verarbeitungsrhythmen die nicht immer mit deinem Impuls synchron laufen.",
"Der Idealist-einladung", "Der nächste Schritt ist nicht weniger Wahrheit — sondern den Moment zu wählen in dem sie landen kann.",
"Der Idealist-uebung", "Bevor du in der nächsten Situation etwas klar Unbequemes sagst: Frage dich einmal — ist jetzt der Moment wo diese Wahrheit gehört werden kann? Wenn nein: Warte. Notiere den richtigen Moment.",
"Der Idealist-dauer", "Ein bewusstes Innehalten",
"Der Alpha-Performer-aussen", "Du bist sichtbar und lieferst — beides ist real. Was andere dabei manchmal erleben: Der Prozess hinter der Leistung bleibt unsichtbar. Erfolge werden sichtbar gemacht, Rückschläge weniger. Das erzeugt Bewunderung — und manchmal Unnahbarkeit.",
"Der Alpha-Performer-neuro", "Was dabei passiert: Dein Belohnungssystem reagiert stark auf Anerkennung — das ist ein kraftvoller Antrieb der Leistung erzeugt. Aber er kann dazu führen dass Vulnerabilität als Schwäche codiert wird obwohl sie Vertrauen erzeugt.",
"Der Alpha-Performer-einladung", "Der nächste Schritt ist einmal einen Moment zu zeigen wo etwas nicht geklappt hat — und was du daraus gelernt hast.",
"Der Alpha-Performer-uebung", "Teile in der nächsten Teamrunde einen Fehler der dir passiert ist — mit dem was du daraus mitgenommen hast. Ohne Relativierung. Beobachte was das auslöst.",
"Der Alpha-Performer-dauer", "3 Minuten in einem Meeting",
"Der Wächter-aussen", "Du greifst gezielt ein wenn der Moment reif ist — das ist eine unterschätzte Stärke. Was andere dabei manchmal erleben: Die Stille vor dem Eingriff wird als Desinteresse gelesen. Der Moment kommt — aber manchmal zu spät für andere die früher Orientierung gebraucht hätten.",
"Der Wächter-neuro", "Was dabei passiert: Dein Gehirn optimiert auf Präzision — handeln nur wenn der Informationsstand hoch genug ist. Das minimiert Fehler. Aber es kann die soziale Erwartung an Führungspräsenz unterschätzen die auch in unsicheren Momenten Sicherheit braucht.",
"Der Wächter-einladung", "Der nächste Schritt ist einmal früher sichtbar zu werden — nicht mit einer Entscheidung sondern mit einer Haltung.",
"Der Wächter-uebung", "In der nächsten unsicheren Situation: Melde dich zu Wort bevor du alle Informationen hast — nicht mit einer Lösung sondern mit einer Frage oder einer Beobachtung. Zeige dass du da bist.",
"Der Wächter-dauer", "Ein früher Beitrag",
"Der stille Einflussnehmer-aussen", "Du wirkst im Hintergrund mit einer Tiefe die oft unterschätzt wird. Was andere dabei manchmal erleben: Sie merken deinen Einfluss — aber können ihn nicht verorten. Das erzeugt Respekt bei manchen und Unbehagen bei anderen.",
"Der stille Einflussnehmer-neuro", "Was dabei passiert: Dein Gehirn arbeitet in langen Zyklen — sammeln, abwarten, platzieren. Das ist strategisch wertvoll. Aber es kann als intransparent wahrgenommen werden weil andere den Prozess nicht sehen der zu deinen Interventionen führt.",
"Der stille Einflussnehmer-einladung", "Der nächste Schritt ist einmal den Prozess sichtbar zu machen — nicht nur das Ergebnis.",
"Der stille Einflussnehmer-uebung", "Teile in der nächsten Woche einmal wie du zu einer Einschätzung gekommen bist — nicht nur was du denkst sondern wie du dahin gedacht hast.",
"Der stille Einflussnehmer-dauer", "Ein Gespräch mit offenem Denkprozess",
"Der Gewissensmensch-aussen", "Deine Stimme hat Gewicht weil du sie selten erhebst — das ist eine rare Form von Integrität. Was andere dabei manchmal erleben: In Momenten wo Führung laut sein müsste bleibt sie leise. Die Haltung ist da — aber sie erreicht nicht immer die die sie brauchen.",
"Der Gewissensmensch-neuro", "Was dabei passiert: Dein Gehirn koppelt Ausdruck an Sicherheit — du sprichst wenn du dir sicher bist dass es stimmt und dass der Moment trägt. Das minimiert Fehltritte. Aber es kann in schnellen Situationen zu spät kommen.",
"Der Gewissensmensch-einladung", "Der nächste Schritt ist einmal die Stimme zu erheben bevor du vollständig sicher bist — weil das Schweigen auch eine Botschaft ist.",
"Der Gewissensmensch-uebung", "Sage in der nächsten wichtigen Situation etwas bevor du es vollständig durchdacht hast — mit dem expliziten Hinweis dass du noch denkst. Beobachte ob die Welt davon zusammenbricht.",
"Der Gewissensmensch-dauer", "Ein Beitrag",
"Der Opportunist-aussen", "Du erkennst Chancen früh und positionierst dich geschickt — das ist eine Fähigkeit die in Organisationen überlebt. Was andere dabei manchmal erleben: Loyalität erscheint situativ. Man weiß nie ganz sicher auf welcher Seite du im nächsten Moment stehst.",
"Der Opportunist-neuro", "Was dabei passiert: Dein Gehirn ist auf Chancenerkennung optimiert — das Belohnungssystem reagiert auf günstige Konstellationen. Das ist überlebensfähig. Aber es kann langfristiges Vertrauen untergraben das auf Vorhersehbarkeit basiert.",
"Der Opportunist-einladung", "Der nächste Schritt ist einmal eine Entscheidung zu treffen die langfristig richtig ist aber kurzfristig nichts einbringt — und dabei sichtbar zu bleiben.",
"Der Opportunist-uebung", "Tue in dieser Woche etwas für jemanden oder etwas das dir in den nächsten sechs Monaten wahrscheinlich nichts einbringt. Ohne Kalkulation. Beobachte wie sich das anfühlt.",
"Der Opportunist-dauer", "Eine Handlung",
"Der Pragmatiker-aussen", "Du passt dich situativ an — das ist in komplexen Organisationen eine echte Fähigkeit. Was andere dabei manchmal erleben: Es ist schwer vorherzusagen wie du reagierst. Das kann als Flexibilität oder als Unberechenbarkeit gelesen werden.",
"Der Pragmatiker-neuro", "Was dabei passiert: Dein Gehirn hat kein dominantes Reaktionsmuster — es wechselt je nach Kontext. Das spart Energie in stabilen Situationen. Unter Druck kann es zu Orientierungslosigkeit führen wenn kein klares Muster greift.",
"Der Pragmatiker-einladung", "Der nächste Schritt ist nicht mehr Konsistenz zu erzwingen — sondern zu verstehen in welchen Situationen welches Muster greift.",
"Der Pragmatiker-uebung", "Halte in den nächsten zwei Wochen ein kurzes Protokoll: Nach jeder stressigen Situation — welche Reaktion hat dominiert? Nach drei Einträgen wird ein Muster sichtbar.",
"Der Pragmatiker-dauer", "Zwei Wochen Beobachtung"
))
(go-to: "Neuro-Schicht3")(set: _nkey to $archetyp) (set: $neuroAussen to $neuroTexte's (_nkey + "-aussen"))
(set: $neuroNeuro to $neuroTexte's (_nkey + "-neuro")) (set: $neuroEinladung to $neuroTexte's (_nkey + "-einladung")) (set: $neuroUebung to $neuroTexte's (_nkey + "-uebung")) (set: $neuroDauer to $neuroTexte's (_nkey + "-dauer")) (set: $zeigeKongruenz to false)
(if: $dominanterReaktionstyp is not $dominanteReaktionE)[
(if: $dominanterReaktionstyp is not "ambivalent" and $dominanteReaktionE is not "ambivalent")[
(set: $zeigeKongruenz to true)
]
]
<div class="gw-container">
<div class="gw-title">
<h2>🧠 Neuro-Rewiring</h2>
<p>Was das über deine Führungswirkung bedeutet.</p>
</div>
<hr class="gw-divider">
|s3>[]
|s4>[]
|s5>[]
|uebung>[]
</div>
(live: 0.5s)[
(replace: ?s3)[
<div class="mx-insight" style="margin-bottom:16px;">
<div class="mx-insight-label">Außenwirkung</div>
<div class="mx-insight-text">(print: $neuroAussen)</div>
</div>
]
(stop:)
]
(live: 4s)[
(replace: ?s4)[
<div class="mx-insight" style="margin-bottom:16px;">
<div class="mx-insight-label">Was im Gehirn passiert</div>
<div class="mx-insight-text">(print: $neuroNeuro)</div>
</div>
]
(stop:)
]
(live: 8s)[
(replace: ?s5)[
<div class="mx-reflexion" style="margin-bottom:20px;">
(print: $neuroEinladung)
</div>
]
(stop:)
]
(live: 10s)[
(replace: ?uebung)[
<hr class="gw-divider">
<div class="gw-title" style="margin-bottom:12px;">
<h2>⚡ Deine Übung</h2>
</div>
<div class="strategy-card" style="margin-bottom:12px;">
<div class="card-label">Primär · (print: $archetyp)</div>
<div class="mx-insight-text" style="margin:8px 0;">(print: $neuroUebung)</div>
<div style="font-size:11px; color:rgba(255,255,255,0.4); margin-top:8px;">
⏱ (print: $neuroDauer)
</div>
</div>
(if: $zeigeKongruenz)[
<div class="strategy-card">
<div class="card-label">Sekundär · Kopf-Körper-Spannung</div>
<div class="mx-insight-text" style="margin:8px 0;">
4 Sekunden einatmen · 4 Sekunden halten · 4 Sekunden ausatmen · 4 Sekunden halten.
Währenddessen ein Wort visualisieren das einen positiven Zustand beschreibt — z.B. 'Souverän'.
</div>
<div style="font-size:11px; color:rgba(255,255,255,0.4); margin-top:8px;">
⏱ 4 Minuten
</div>
</div>
]
<hr class="gw-divider">
<div class="intro-action">
(link: "Zum Abschluss →")[(go-to: "Schlussfragen")]
</div>
]
(stop:)
]
(set: $abschlussFragen to (datamap:
"Der Koordinator", "Wann hast du zuletzt eine Entscheidung getroffen die du nicht kontrollieren konntest — und wie hat sich das angefühlt?",
"Der Netzwerker", "Gibt es jemanden in deinem Umfeld dem du sagst was du wirklich denkst — nicht was die Beziehung erfordert?",
"Der Hüter der Kultur", "Wann war das letzte Mal dass du schnell entschieden hast ohne auf Einigkeit zu warten — und was ist passiert?",
"Der Teamnutzer", "Wem in deinem Team hast du zuletzt etwas gegeben ohne eine Gegenleistung im Kopf zu haben?",
"Der Architekt", "Wann hast du zuletzt etwas Unfertiges zugelassen — und nicht sofort versucht es zu ordnen?",
"Der Taktiker", "Wann hast du zuletzt eine Information geteilt bevor du wusstest wie sie ankommt?",
"Der Prinzipienanalytiker", "Wann hast du zuletzt gefragt bevor du erklärt hast — und was hast du dabei gelernt?",
"Der brillante Einzelspieler","Was würde passieren wenn jemand anderes dein bestes Wissen hätte — und es besser nutzt als du?",
"Der Antreiber", "Wann hast du zuletzt auf jemanden gewartet — und was hat sich dadurch verändert?",
"Der Mobilisierer", "Welche Zusage hast du in den letzten Wochen gemacht die du nicht halten konntest — und was hat das gekostet?",
"Der Idealist", "Wann war der letzte Moment wo du die Wahrheit zurückgehalten hast weil der Moment nicht reif war — und hatte das den richtigen Effekt?",
"Der Alpha-Performer", "Wann hast du zuletzt einen Misserfolg gezeigt — und was hat das ausgelöst?",
"Der Wächter", "Wann war das letzte Mal dass du zu früh eingegriffen hast — und was wäre passiert wenn du gewartet hättest?",
"Der stille Einflussnehmer","Wer in deinem Umfeld weiß wie du wirklich denkst — nicht nur was du sagst?",
"Der Gewissensmensch", "Wann hast du zuletzt etwas gesagt bevor du dir sicher warst — und was ist passiert?",
"Der Opportunist", "Für wen oder was hast du zuletzt etwas getan ohne zu kalkulieren was es dir einbringt?",
"Der Pragmatiker", "In welcher Situation hast du zuletzt gemerkt dass du kein klares Muster hattest — und wie hast du das navigiert?"
))
(set: $abschlussFrage to "")
(if: $abschlussFragen contains $archetyp)[
(set: $abschlussFrage to $abschlussFragen's $archetyp)
](else:)[
(set: $abschlussFrage to "Was nimmst du aus diesem Spiel mit — und was lässt du hier?")
]
|el1>[]
|el2>[]
|el3>[]
|el4>[]
(goto:"Abschluss")<div class="gw-container">
<div class="gw-title">
<h2>🧩 Dein vollständiger Code</h2>
<p>Alle Fragmente — für dich und für das Debriefing.</p>
</div>
<hr class="gw-divider">
|el1>[]
|el2>[]
|el3>[]
|el4>[]
</div>
(live: 0.5s)[
(replace: ?el1)[
<div class="gw-code" style="margin-bottom:20px; letter-spacing:0.12em;">
G·(print: $kategorieZaehler's "Angriff")(print: $kategorieZaehler's "Flucht")(print: $kategorieZaehler's "Freeze")(print: $kategorieZaehler's "Lösung")
·
E·(print: $kategorieZaehler2's "Angriff")(print: $kategorieZaehler2's "Flucht")(print: $kategorieZaehler2's "Freeze")(print: $kategorieZaehler2's "Lösung")
·
M·(print: $kategorieZaehler3's "analytisch")(print: $kategorieZaehler3's "impulsiv")(print: $kategorieZaehler3's "kollektiv")(print: $kategorieZaehler3's "passiv")
·
V·(print: $kategorieZaehler4's "kontrollorientiert")(print: $kategorieZaehler4's "politisch")(print: $kategorieZaehler4's "integer")(print: $kategorieZaehler4's "positionsorientiert")
</div>
]
(stop:)
]
(live: 2s)[
(replace: ?el2)[
<div class="mx-insight" style="margin-bottom:16px;">
<div class="mx-insight-label">Dein Führungsprofil</div>
<div style="font-size:1.1em; font-weight:600; color:#F0A000; margin-bottom:6px;">
(print: $archetyp)
</div>
<div class="mx-insight-text">
(print: $dominanterAntrieb) · (print: $dominantesVerhalten)
</div>
<div class="mx-insight-text" style="margin-top:8px; font-size:0.85em;">
(print: $konsistenzText)
</div>
</div>
]
(stop:)
]
(live: 4.5s)[
(replace: ?el3)[
<div class="mx-reflexion" style="margin-bottom:20px; color: cyan;">
(print: $abschlussFrage)
</div>
]
(stop:)
]
(live: 7s)[
(replace: ?el4)[
<hr class="gw-divider">
<div style="text-align:center; padding:20px 0; font-size:0.9em; color: orange; font-style:italic; letter-spacing:0.04em;">
Das Spiel ist vorbei. Die Frage bleibt.
</div>
]
(stop:)
]<div class="gw-container">
<div class="gw-title">
<h2>📱 Eine Nachricht</h2>
<p>Während du noch überlegst — vibriert dein Telefon.</p>
</div>
<hr class="gw-divider">
<div class="call-card" style="margin-bottom:16px;">
<div class="call-header">
<div class="call-avatar">MK</div>
<div class="call-meta">
<div class="call-name">Markus</div>
<div class="call-subtitle">Sales Team A</div>
</div>
<div class="call-duration" style="font-size:0.8em; color:rgba(255,255,255,0.35);">gerade eben</div>
</div>
</div>
|nachricht>[]
|weiter>[]
</div>
(live: 1s)[
(replace: ?nachricht)[
<div class="dialog-wrap">
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Markus</div>
(if: $lageTyp is "impulsiv")[
„Gut dass du das im Griff hast. Ich halte mich raus - melde dich, wenn du mich brauchst."
](else-if: $lageTyp is "analytisch")[
„Ich hab den Überblick über die Projektdetails – schick mir kurz, was dir noch fehlt, ich stelle dir die Informationen zusammen."
](else-if: $lageTyp is "kollektiv")[
„Danke dass du das nicht alleine durchziehst. Das Team merkt das."
](else-if: $lageTyp is "passiv")[
„Hey — bist du noch da? Wir warten auf ein Signal von dir."
]
</div>
</div>
]
(stop:)
]
(live: 3.5s)[
(replace: ?weiter)[
<hr class="gw-divider">
<div class="intro-action">
(link: "Weiter →")[(go-to: "Priorisierung")]
</div>
]
(stop:)
]<div class="gw-container">
<div class="gw-title">
<h2>📱 Die Welt reagiert</h2>
<p>Zwei Nachrichten. Kurz nacheinander.</p>
</div>
<hr class="gw-divider">
|kontext>[]
|markus>[]
|berning>[]
|weiter>[]
</div>
(live: 0.5s)[
(replace: ?kontext)[
<div class="gw-card" style="margin-bottom:20px;">
<div class="mx-insight-text" style="font-style:normal;">
(if: $finaleEntscheidung is "integer")[
Die Unsicherheit steht im Raum. Wie groß das Problem wirklich ist, weiß noch niemand.
](else-if: $finaleEntscheidung is "kontrollorientiert")[
Nur wenige kennen den Stand. Die Situation bleibt steuerbar – vorerst.
](else-if: $finaleEntscheidung is "politisch")[
Einige wissen mehr als andere. Das Netzwerk beginnt zu arbeiten.
](else-if: $finaleEntscheidung is "positionsorientiert")[
Alle schauen auf dich.Jetzt erwarten sie eine Lösung.
]
</div>
</div>
]
(stop:)
]
(live: 2.5s)[
(replace: ?markus)[
<div class="call-card" style="margin-bottom:8px;">
<div class="call-header">
<div class="call-avatar">MK</div>
<div class="call-meta">
<div class="call-name">Markus</div>
<div class="call-subtitle">Sales Team A</div>
</div>
<div class="call-duration" style="font-size:0.8em; color:rgba(255,255,255,0.35);">gerade eben</div>
</div>
</div>
<div class="dialog-wrap" style="margin-bottom:20px;">
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Markus</div>
(if: $finaleEntscheidung is "integer")[
„Danke für's Fairplay. Hoffe , das fällt morgen nicht auf unser Team zurück."
](else-if: $finaleEntscheidung is "kontrollorientiert")[
„Verstanden. Ich warte auf weitere Anweisungen."
](else-if: $finaleEntscheidung is "politisch")[
„Clever. Ich ziehe dieselbe Konsequenz."
](else-if: $finaleEntscheidung is "positionsorientiert")[
„..."
]
</div>
</div>
]
(stop:)
]
(live: 5s)[
(replace: ?berning)[
<div class="call-card" style="margin-bottom:8px;">
<div class="call-header">
<div class="call-avatar">AB</div>
<div class="call-meta">
<div class="call-name">Dr. Aris v. Berning</div>
<div class="call-subtitle">Kunde</div>
</div>
<div class="call-duration" style="font-size:0.8em; color:rgba(255,255,255,0.35);">vor wenigen Minuten</div>
</div>
</div>
<div class="dialog-wrap" style="margin-bottom:20px;">
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Berning</div>
(if: $finaleEntscheidung is "integer")[
„Ich schätze Ihre Offenheit. Sprechen wir morgen."
](else-if: $finaleEntscheidung is "kontrollorientiert")[
„Gut. Ich erwarte Ergebnisse bis Freitag."
](else-if: $finaleEntscheidung is "politisch")[
„Interessant, wie Sie das gerade einordnen."
](else-if: $finaleEntscheidung is "positionsorientiert")[
„Gut zu hören, dass Sie das jetzt übernehmen. Dann erwarte ich morgen einen klaren Vorschlag."
]
</div>
</div>
]
(stop:)
]
(live: 7.5s)[
(replace: ?weiter)[
<hr class="gw-divider">
<div class="intro-action">
(link: "Weiter →")[(go-to: "Auswertung V")]
</div>
]
(stop:)
]<div class="gw-container">
<div class="start-screen">
<div class="start-hero">
<span class="start-badge">Serious Game</span>
<h1 class="start-title">Inner Compass</h1>
<p class="start-subtitle">
Eine interaktive Führungssimulation unter Druck.<br>
Entdecke dein Reaktionsmuster - bevor es dich entdeckt.
</p>
<hr class="gw-divider">
<div class="intro-action">
<div class="start-actions">
<span>[[Spiel starten->Intro]]</span> <span>[[Über dieses Spiel->About]]</span>
</div>
</div>
<div class="start-footnote">
Version 1.0 | Made with ❤️ and curiosity
© · 2026 · Dr. Katrin von Briel · All rights reserved.
Concept and simulation design proprietary
</div>
</div>
</div>
</div><div class="gw-container">
<div class="gw-title">
<h2>(text-colour:orange)[Über dieses Spiel]</h2>
<p>Eine interaktive Führungssimulation unter echtem Druck.</p>
</div>
<hr class="gw-divider">
<div class="gw-card" style="margin-bottom:12px;">
<div class="mx-insight-text">
Erlebe wie du denkst, fühlst und entscheidest — bevor die Ratio eingreift.
Entdecke das Muster hinter deinen Reaktionen.
Und lerne, welche neuronalen Pfade sich umprogrammieren lassen.
</div>
<div class="mx-insight-text" style="margin-top:10px; font-style:normal;">
Nicht durch Theorie. Durch Erleben.
</div>
</div>
<div class="gw-card" style="margin-bottom:12px;">
<div class="mx-insight-label">Wer dahintersteckt</div>
<div class="mx-insight-text" style="font-style:normal;">
Entwickelt von (text-colour:#F0A000)[''Dr. Katrin von Briel'']
</div>
<div class="mx-insight-text" style="margin-top:8px;">
Entstanden aus der Überzeugung, dass Führungsentwicklung tiefer gehen muss
als Kompetenzmodelle und 360-Grad-Feedback. Und dass Selbsterkenntnis am
stärksten sitzt wenn sie niemand von außen diagnostiziert hat.
</div>
</div>
<div class="gw-card" style="margin-bottom:12px;">
<div class="mx-insight-label">Kontakt</div>
<div class="mx-insight-text" style="font-style:normal;">
(text-colour:#F0A000)[https://vibeswithvalue.com]<br>
webmaster@vibeswithvalue.com
</div>
</div>
<div class="gw-card" style="margin-bottom:12px;">
<div class="mx-insight-label">Version</div>
<div class="mx-insight-text" style="font-style:normal;">
Made with ❤️ and lived experience
Version 1.0<br>
© · 2026 · Dr. Katrin von Briel · All rights reserved.
Concept and simulation design proprietary<br>
</div>
</div>
<div class="gw-card" style="margin-bottom:20px;">
<div class="mx-insight-label">Easter Egg</div>
<div class="mx-insight-text">
Kein Archetyp wurde während der Entwicklung dauerhaft beschädigt.
Nur die Annahme, dass wir uns selbst kennen.
</div>
</div>
<hr class="gw-divider">
<div class="intro-action">
(link: "← Zurück zum Start")[(go-to: "Start")]
</div>
</div><div class="gw-container">
<div class="gw-title">
<h2>💭 Ein Gedanke</h2>
</div>
<hr class="gw-divider">
|beobachtung>[]
|weiter>[]
</div>
(live: 1s)[
(replace: ?beobachtung)[
<div class="mx-reflexion" style="margin-bottom:20px;">
(if: $wendepunkt is "analytisch")[
Du hast zuerst nach dem System gesucht — nicht nach dem Schuldigen.
Das ist selten.
](else-if: $wendepunkt is "impulsiv")[
Du bist direkt zur Quelle gegangen.
Manche nennen das Mut. Manche nennen das Ungeduld.
Beides stimmt.
](else-if: $wendepunkt is "kollektiv")[
Du hast einen Verbündeten gesucht bevor du entschieden hast.
Die Frage ist: für wen?
](else-if: $wendepunkt is "passiv")[
Du hast gewartet. Und die Situation hat sich von selbst verändert.
Was das über dich sagt - das weißt nur du.
]
</div>
]
(stop:)
]
(live: 4s)[
(replace: ?weiter)[
<hr class="gw-divider">
<div class="intro-action">
(link: "Zum Code M →")[(go-to: "Auswertung M")]
</div>
]
(stop:)
]<div class="gw-container">
|zeile>[]
|weiter>[]
</div>
(live: 0.8s)[
(replace: ?zeile)[
<div class="mx-reflexion" style="margin: 32px 0; font-size:1.05em;">
(if: $dominanterReaktionstyp is "Angriff")[
Dein erster Impuls geht nach außen. Das ist Energie — und ein Risiko.
](else-if: $dominanterReaktionstyp is "Flucht")[
Etwas in dir zieht sich zurück. Bevor du es bewusst entschieden hast.
](else-if: $dominanterReaktionstyp is "Lösung")[
Du strukturierst unter Druck. Das schützt — und hält manchmal auf Distanz.
](else-if: $dominanterReaktionstyp is "Freeze")[
Stille. Manchmal ist das der erste Schritt zu Klarheit.
](else:)[
Dein erster Impuls geht in alle Richtungen gleichzeitig. Das ist selten.
]
</div>
]
(stop:)
]
(live: 3.5s)[
(replace: ?weiter)[
<div class="intro-action">
(link: "Weiter →")[(go-to: "Code G")]
</div>
]
(stop:)
]<div class="gw-container">
|zeile>[]
|weiter>[]
</div>
(live: 0.8s)[
(replace: ?zeile)[
<div class="mx-reflexion" style="margin: 32px 0; font-size:1.05em;">
(if: $dominanteEmotionsrichtung is "nach-außen")[
Deine Energie sucht einen Weg. Sie wird einen finden.
](else-if: $dominanteEmotionsrichtung is "nach-innen")[
Du trägst gerade mehr als sichtbar ist.
](else-if: $dominanteEmotionsrichtung is "öffnend")[
Etwas in dir bleibt offen. Das ist Stärke.
](else-if: $dominanteEmotionsrichtung is "schließend")[
Du schützt dich. Das hat einen Grund.
](else:)[
Deine Gefühle zeigen in verschiedene Richtungen. Das ist ehrlich.
]
</div>
]
(stop:)
]
(live: 3.5s)[
(replace: ?weiter)[
<div class="intro-action">
(link: "Weiter →")[(go-to: "Code E")]
</div>
]
(stop:)
]<div class="gw-container">
<div class="start-screen">
<div class="start-hero">
<span class="start-badge">Bevor du startest</span>
<h1 class="start-title" style="font-size: clamp(1.4em, 4vw, 2em); margin-top: 0.6em;">
30 Minuten, die sich lohnen.
</h1>
<p class="start-subtitle">
Dieses Spiel funktioniert nur, wenn du dir die Zeit wirklich nimmst.<br>
Nicht weil es kompliziert ist, sondern weil Tiefe Raum braucht.
</p>
<div class="gw-card" style="margin: 1.2em 0; text-align: left;">
<div class="mx-insight-text" style="font-style: normal; line-height: 1.9;">
(text-colour:#F0A000)[✦] Plane <strong>30 Minuten</strong> ein - ohne Unterbrechung.<br>
(text-colour:#F0A000)[✦] Vertraue deinem <strong>ersten Impuls</strong> - er zeigt dein echtes Muster.<br>
(text-colour:#F0A000)[✦] Es gibt kein Richtig oder Falsch. Nur dein Muster.<br>
(text-colour:#F0A000)[✦] Halte einen Stift bereit - du wirst Codes notieren.
</div>
</div>
<p class="start-subtitle" style="font-size: 0.95em;">
Am Ende bekommst du ein Führungsprofil das dir niemand überstülpt, weil du es selbst gespielt hast.
</p>
<hr class="gw-divider">
<div class="intro-action">
<div class="start-actions">
<span>(link: "Ich bin bereit →")[(go-to: "Variablen")]</span>
</div>
</div>
<div class="start-footnote">
Du kannst pausieren, aber wenn du den Browser schließt, beginnt das Spiel von vorn.
Am besten spielst du es in einem Stück.
</div>
</div>
</div>
</div>(set: $ausgewaehlt to false)
(set: $Gewitter1 to (a: "Keine Reaktion"))
(unless: $code is an array)[
(set: $code to (array:))
]
(set: $gedankenMap to (datamap:
"Wer hat hier welche Entscheidungen getroffen – und warum.", "Angriff",
"Ich will wissen, wer dafür die Verantwortung trägt.", "Angriff",
"Markus hätte das eskalieren müssen. Das ist sein Job.", "Angriff",
"Ich erwarte, dass das Team jetzt liefert.", "Angriff",
"Wenn das herauskommt, stehe ich als Versager da.", "Flucht",
"Ich frage mich, ob ich hier noch die richtige Person bin.", "Flucht",
"Eigentlich wollte ich das Projekt nie übernehmen.", "Flucht",
"Ich brauche einen Moment, bevor ich irgendetwas tue.", "Flucht",
"Wie lange schieben die das schon vor sich her?", "Flucht",
"Ich brauche zuerst ein klares Bild der Lage.", "Lösung",
"Der Kunde steht im Mittelpunkt – das muss ich stabilisieren.", "Lösung",
"Ich will die wichtigsten Leute an einen Tisch bringen.", "Lösung",
"Ich überlege, welcher nächste Schritt am meisten bringt.", "Lösung",
"Ich weiß noch nicht genug, um zu handeln.", "Freeze",
"Es gibt zu viele Variablen gerade.", "Freeze",
"Ich warte erst ab, wie sich die Lage entwickelt.", "Freeze",
"Keine Reaktion", "Freeze"
))
(set: $gefuehlsPaare to (a:
(a: "Empörung", "Angriff", "Beschämung", "Flucht"),
(a: "Entschlossenheit", "Angriff", "Fokus", "Lösung"),
(a: "Ungeduld", "Angriff", "Nervosität", "Flucht"),
(a: "Erschöpfung", "Flucht", "Nüchternheit", "Lösung"),
(a: "Orientierungslosigkeit", "Freeze", "Schwere", "Freeze"),
(a: "Taubheit", "Freeze", "Zuversicht", "Lösung")
))
(set: $kategorieZaehler to (datamap:
"Angriff", 0, "Flucht", 0, "Lösung", 0, "Freeze", 0
))
(set: $kategorieZaehler2 to (datamap:
"Angriff", 0, "Flucht", 0, "Lösung", 0, "Freeze", 0
))
(set: $emotion to "")
(goto: "Setting")