Inhalt

Aktueller Ordner: /

bundle4tutorial.html

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Modal-Tutorial Bündel 4 – Die Grenze des Formalen (Modul 15–17)</title>
    <base href="https://pompeii-project.org">
    <style>
        /* ========== GLOBAL ========== */
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            font-family: 'Georgia', 'Times New Roman', Times, serif;
            background-color: #f5f3ef;
            color: #2c2c2c;
            line-height: 1.7;
            padding: 2rem 1rem;
        }
        .container {
            max-width: 820px;
            margin: 0 auto;
            background-color: #fffef7;
            padding: 2rem 2.2rem;
            border-radius: 16px;
            box-shadow: 0 8px 30px rgba(0,0,0,0.08);
            border: 1px solid #e0d6c8;
        }
        h1 {
            font-size: 1.8rem;
            font-weight: normal;
            color: #2c2c2c;
            border-left: 6px solid #2a6b4f;
            padding-left: 1rem;
            margin-bottom: 0.3rem;
        }
        .subhead {
            font-size: 0.95rem;
            color: #6b6b6b;
            margin-bottom: 1.8rem;
            border-bottom: 1px solid #e0d6c8;
            padding-bottom: 0.8rem;
        }
        .subhead a {
            color: #2a6b4f;
            text-decoration: none;
        }
        .subhead a:hover { text-decoration: underline; }
        .version-badge {
            display: inline-block;
            background-color: #8b6b3d;
            color: #fffef7;
            font-size: 0.65rem;
            padding: 0.15rem 0.6rem;
            border-radius: 20px;
            vertical-align: middle;
            margin-left: 0.5rem;
        }
        .part-tag {
            display: inline-block;
            font-size: 0.7rem;
            padding: 0.1rem 0.6rem;
            border-radius: 20px;
            color: white;
            margin-right: 0.5rem;
        }
        .part-tag.pA { background-color: #8b6b3d; }
        .part-tag.pB { background-color: #6b4f8a; }
        .part-tag.pC { background-color: #2a6b4f; }

        /* ========== STEP BLOCK ========== */
        .step-block {
            background-color: #faf8f3;
            border-left: 4px solid #8b6b3d;
            padding: 1.5rem 1.8rem;
            margin-bottom: 2rem;
            border-radius: 0 10px 10px 0;
        }
        .step-block.partA { border-left-color: #8b6b3d; }
        .step-block.partB { border-left-color: #6b4f8a; }
        .step-block.partC { border-left-color: #2a6b4f; }
        .step-number {
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: #8b6b3d;
            font-weight: bold;
        }
        .step-number.partB { color: #6b4f8a; }
        .step-number.partC { color: #2a6b4f; }
        .step-title {
            font-size: 1.3rem;
            font-weight: bold;
            margin: 0.2rem 0 0.8rem 0;
            color: #2c2c2c;
        }
        .step-explanation { margin-bottom: 1.2rem; }
        .step-explanation p { margin-bottom: 0.8rem; }
        .step-explanation ul, .step-explanation ol {
            margin: 0.5rem 0 0.8rem 1.5rem;
        }
        .step-explanation li { margin-bottom: 0.3rem; }

        /* Formula box */
        .formula-box {
            background-color: #f0ede6;
            padding: 0.8rem 1.2rem;
            border-radius: 8px;
            margin: 0.8rem 0;
            font-family: 'Courier New', monospace;
            font-size: 1.05rem;
            text-align: center;
            border: 1px solid #d4cab8;
            overflow-x: auto;
        }
        .formula-box.important {
            background-color: #d4edda;
            border-color: #2a6b4f;
        }
        .formula-box.partA {
            background-color: #f5e8d0;
            border-color: #8b6b3d;
        }
        .formula-box.partB {
            background-color: #e8e0f0;
            border-color: #6b4f8a;
        }
        .formula-box.partC {
            background-color: #d4e8dd;
            border-color: #2a6b4f;
        }

        /* ========== QUESTION ========== */
        .question-box {
            background-color: #f5f0ea;
            padding: 1.2rem 1.5rem;
            border-radius: 10px;
            margin-top: 1rem;
            border: 1px solid #d4cab8;
        }
        .question-box .qoptions {
            display: flex;
            flex-wrap: wrap;
            gap: 0.4rem 1rem;
            margin-bottom: 0.8rem;
        }
        .question-box .qoptions label {
            display: inline-block;
            background-color: #fffef7;
            padding: 0.15rem 0.8rem;
            border-radius: 30px;
            border: 1px solid #d4cab8;
            font-size: 0.85rem;
            cursor: pointer;
            transition: background-color 0.2s;
        }
        .question-box .qoptions label:hover { background-color: #e8e2d7; }
        .question-box .qoptions input[type="radio"] {
            margin-right: 0.3rem;
            accent-color: #2a6b4f;
        }
        .question-box .qsubmit {
            background-color: #2a6b4f;
            color: #fffef7;
            border: none;
            padding: 0.4rem 1.6rem;
            border-radius: 30px;
            font-size: 0.85rem;
            font-family: inherit;
            cursor: pointer;
            transition: background-color 0.2s;
        }
        .question-box .qsubmit:hover { background-color: #1d4f3a; }
        .question-box .qsubmit:disabled {
            background-color: #b0a89a;
            cursor: not-allowed;
        }
        .question-box .qfeedback {
            margin-top: 0.8rem;
            padding: 0.6rem 1rem;
            border-radius: 8px;
            font-weight: bold;
            display: none;
        }
        .question-box .qfeedback.correct {
            display: block;
            background-color: #d4edda;
            color: #155724;
            border: 1px solid #c3e6cb;
        }
        .question-box .qfeedback.wrong {
            display: block;
            background-color: #f8d7da;
            color: #721c24;
            border: 1px solid #f5c6cb;
        }

        /* ========== PROGRESS ========== */
        .progress-bar {
            background-color: #e0d6c8;
            border-radius: 20px;
            height: 8px;
            margin: 1.8rem 0 1rem 0;
            overflow: hidden;
        }
        .progress-bar .fill {
            height: 100%;
            width: 0%;
            background-color: #2a6b4f;
            border-radius: 20px;
            transition: width 0.4s ease;
        }
        .progress-text {
            text-align: right;
            font-size: 0.8rem;
            color: #8b8b8b;
            margin-top: -0.3rem;
        }

        /* ========== NAVI ========== */
        .nav-links {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            margin-top: 2rem;
            padding-top: 1rem;
            border-top: 1px solid #e0d6c8;
        }
        .nav-links a {
            color: #2a6b4f;
            text-decoration: none;
            font-size: 0.9rem;
            padding: 0.3rem 0.8rem;
            border-radius: 30px;
            background-color: #f0ede6;
            transition: background-color 0.2s;
        }
        .nav-links a:hover:not(.disabled) { background-color: #d4cab8; }
        .nav-links .disabled {
            color: #b0a89a;
            pointer-events: none;
            background-color: #f5f3ef;
        }

        /* ========== RESPONSIVE ========== */
        @media (max-width: 640px) {
            .container { padding: 1.2rem; }
            h1 { font-size: 1.4rem; }
            .step-block { padding: 1rem 1.2rem; }
            .question-box { padding: 1rem; }
            .question-box .qoptions { flex-direction: column; gap: 0.2rem; }
            .formula-box { font-size: 0.9rem; padding: 0.6rem 0.8rem; }
            .nav-links { flex-direction: column; gap: 0.6rem; align-items: stretch; text-align: center; }
        }

        /* ========== HELPER ========== */
        .symbol {
            font-family: 'Courier New', monospace;
            background-color: #f0ede6;
            padding: 0.05rem 0.4rem;
            border-radius: 4px;
            font-size: 0.95rem;
        }
        .boxed {
            border: 1px solid #c4a86b;
            padding: 0.3rem 0.8rem;
            border-radius: 6px;
            display: inline-block;
            background-color: #faf8f3;
            font-weight: bold;
        }
    </style>
</head>
<body>

<div class="container" id="app">

    <!-- ===== HEADER ===== -->
    <h1>📐 Die Grenze des Formalen <span class="version-badge">Bündel 4 – Modul 15–17</span></h1>
    <div class="subhead">
        Ein interaktives Tutorial – Schritt für Schritt<br>
        <a href="modal.html?lang=de">← Zurück zur Einstiegsseite</a> |
        <a href="bundle4.pdf">📄 PDF des Bündels</a>
    </div>

    <!-- ===== PROGRESS ===== -->
    <div class="progress-bar" id="progressBar">
        <div class="fill" id="progressFill" style="width: 0%;"></div>
    </div>
    <div class="progress-text" id="progressText">Schritt 0 von 27</div>

    <!-- ===== STEPS ===== -->
    <div id="stepContainer"></div>

    <!-- ===== NAVIGATION ===== -->
    <div class="nav-links" id="navLinks">
        <a href="#" id="prevBtn" class="disabled">← Zurück</a>
        <span id="stepIndicator" style="font-size:0.85rem; color:#8b8b8b;">0 / 27</span>
        <a href="#" id="nextBtn">Weiter →</a>
    </div>

    <!-- ===== FOOTER ===== -->
    <div style="margin-top: 2.5rem; padding-top: 1rem; border-top: 1px solid #e0d6c8; font-size: 0.75rem; color: #8b8b8b; text-align: center;">
        <p>© Paul Koop – <a href="modal.html?lang=de" style="color: #2a6b4f;">the-last-freedom.org/Projekt_Pompeji</a></p>
        <p style="margin-top:0.2rem;">Bündel 4 führt durch die Module 15, 16 und 17 – die Grenze des Formalen.</p>
    </div>

</div>

<script>
    // ================================================================
    //  DATA: 27 steps for Bundle 4 – Modules 15, 16, 17
    // ================================================================

    const steps = [
        // ============================================================
        //  EINLEITUNG (Steps 0–2)
        // ============================================================
        {
            id: 0,
            title: "Was ist Bündel 4?",
            part: "Einführung",
            explanation: `
                <p><strong>Bündel 4</strong> führt durch die drei Module, die die <strong>Grenze des Formalen</strong> markieren:</p>
                <ul>
                    <li><strong>Modul 15:</strong> Die Grenze des Formalen.</li>
                    <li><strong>Modul 16:</strong> Wege ohne Omega-Punkt.</li>
                    <li><strong>Modul 17:</strong> Das Ganze in einem Gedanken.</li>
                </ul>
                <p>Diese drei Module beantworten die Frage: <strong>Wo endet die formale Arbeit, und was bleibt?</strong></p>
                <p>Sie schließen die modallogische Reihe ab — jedenfalls die formale Reihe.</p>
            `,
            question_html: `
                <p><strong>Was ist das Ziel von Bündel 4?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q0" value="0"> Die Trinität zu widerlegen.</label>
                    <label><input type="radio" name="q0" value="1"> Die Grenze des Formalen zu markieren.</label>
                    <label><input type="radio" name="q0" value="2"> Die Existenz Gottes zu beweisen.</label>
                    <label><input type="radio" name="q0" value="3"> Die Trinität als Illusion zu entlarven.</label>
                    <label><input type="radio" name="q0" value="4"> Die Physik zu ersetzen.</label>
                    <label><input type="radio" name="q0" value="5"> Die Theologie zu begründen.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 1,
            title: "Rückblick: Was Bündel 1–3 gezeigt haben",
            part: "Einführung",
            explanation: `
                <p>In Bündel 1–3 wurde gezeigt:</p>
                <ol>
                    <li><strong>Modul 6–8:</strong> Die axiomatische Struktur der Trinität.</li>
                    <li><strong>Modul 9–11:</strong> Die Trinität in verschiedenen Zugängen.</li>
                    <li><strong>Modul 12–14:</strong> Die Konsequenzen aus der Trinität.</li>
                </ol>
                <p>Bündel 4 markiert den <strong>Abschluss</strong>: Es zeigt die Grenze des Formalen und zieht die Summe.</p>
            `,
            question_html: `
                <p><strong>Was haben Bündel 1–3 gezeigt?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q1" value="0"> Dass die Trinität unmöglich ist.</label>
                    <label><input type="radio" name="q1" value="1"> Die axiomatische Struktur, die Zugänge und die Konsequenzen der Trinität.</label>
                    <label><input type="radio" name="q1" value="2"> Dass S5 widersprüchlich ist.</label>
                    <label><input type="radio" name="q1" value="3"> Dass die Physik irrelevant ist.</label>
                    <label><input type="radio" name="q1" value="4"> Dass Gott nicht existiert.</label>
                    <label><input type="radio" name="q1" value="5"> Dass die Trinität eine Illusion ist.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 2,
            title: "Die drei Abschlussbewegungen",
            part: "Einführung",
            explanation: `
                <p>Bündel 4 vollzieht drei Abschlussbewegungen:</p>
                <ol>
                    <li><strong>Die Grenze des Formalen</strong> (Modul 15): Was die Modallogik beweist, nahelegt und nicht erreicht.</li>
                    <li><strong>Wege ohne Omega-Punkt</strong> (Modul 16): Was mit Wegen geschieht, die nicht zum Omega-Punkt gelangen.</li>
                    <li><strong>Das Ganze in einem Gedanken</strong> (Modul 17): Die Summe aus 17 Modulen.</li>
                </ol>
                <p>Alle drei Bewegungen sind <strong>meta-logisch</strong>: Sie sprechen über die formale Arbeit, nicht in ihr.</p>
            `,
            question_html: `
                <p><strong>Welche drei Abschlussbewegungen vollzieht Bündel 4?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q2" value="0"> Logisch, physikalisch, theologisch</label>
                    <label><input type="radio" name="q2" value="1"> Grenze, Wege, Summe</label>
                    <label><input type="radio" name="q2" value="2"> Monistisch, dualistisch, trialistisch</label>
                    <label><input type="radio" name="q2" value="3"> Formell, informell, praktisch</label>
                    <label><input type="radio" name="q2" value="4"> Alt, mittel, neu</label>
                    <label><input type="radio" name="q2" value="5"> Theoretisch, praktisch, ästhetisch</label>
                </div>
            `,
            answer: 1
        },

        // ============================================================
        //  TEIL A: DIE GRENZE DES FORMALEN (Modul 15) – Steps 3–11
        // ============================================================
        {
            id: 3,
            title: "TEIL A – Modul 15: Die Grenze des Formalen",
            part: "Teil A",
            explanation: `
                <div style="background:#f5e8d0; padding:0.5rem 1rem; border-radius:6px; margin-bottom:1rem;">
                    <span class="part-tag pA">TEIL A</span>
                    <strong>Modul 15</strong>
                </div>
                <p><strong>Frage:</strong> Was kann die Modallogik beweisen, was nahelegen, was nicht erreichen?</p>
                <p><strong>Antwort:</strong> Sie kann die Notwendigkeit der Trinität unter Annahmen beweisen, aber sie kann die <strong>Wahl der Annahmen</strong> nicht rechtfertigen.</p>
                <p><strong>Konsequenz:</strong> Die formale Arbeit hat ihr Werk getan — was bleibt, ist die Anerkennung der Grenze.</p>
            `,
            question_html: `
                <p><strong>Was ist die Hauptfrage von Modul 15?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q3" value="0"> Ob die Trinität wahr ist.</label>
                    <label><input type="radio" name="q3" value="1"> Was die Modallogik beweisen, nahelegen und nicht erreichen kann.</label>
                    <label><input type="radio" name="q3" value="2"> Ob S5 widersprüchlich ist.</label>
                    <label><input type="radio" name="q3" value="3"> Ob die Physik relevant ist.</label>
                    <label><input type="radio" name="q3" value="4"> Ob Gott existiert.</label>
                    <label><input type="radio" name="q3" value="5"> Ob die Trinität eine Illusion ist.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 4,
            title: "Die Frage nach der Grenze",
            part: "Teil A",
            explanation: `
                <p>Die Abhandlungen Modal 5–14 haben die Trinität als <strong>formale Struktur</strong> erwiesen. Aber sie haben auch gezeigt:</p>
                <p><strong>Die formale Struktur bleibt in mehreren Hinsichten unbestimmt.</strong></p>
                <p>Modul 15 zieht die Konsequenz. Es unterscheidet strikt zwischen <strong>drei Ebenen</strong>:</p>
                <ol>
                    <li>Was die Modallogik <strong>beweist</strong>.</li>
                    <li>Was sie <strong>nahelegt</strong>.</li>
                    <li>Was sie <strong>nicht erreicht</strong>.</li>
                </ol>
            `,
            question_html: `
                <p><strong>Wie viele Ebenen unterscheidet Modul 15?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q4" value="0"> Zwei</label>
                    <label><input type="radio" name="q4" value="1"> Drei</label>
                    <label><input type="radio" name="q4" value="2"> Vier</label>
                    <label><input type="radio" name="q4" value="3"> Fünf</label>
                    <label><input type="radio" name="q4" value="4"> Sechs</label>
                    <label><input type="radio" name="q4" value="5"> Sieben</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 5,
            title: "Drei Ebenen: Beweisen, Nahelegen, Nicht-Erreichen",
            part: "Teil A",
            explanation: `
                <p>Die drei Ebenen im Detail:</p>
                <table style="width:100%; border-collapse:collapse; margin:1rem 0; font-size:0.9rem;">
                    <tr style="background:#e0d6c8;">
                        <th style="border:1px solid #d4cab8; padding:0.4rem; text-align:left;">Ebene</th>
                        <th style="border:1px solid #d4cab8; padding:0.4rem; text-align:left;">Was</th>
                        <th style="border:1px solid #d4cab8; padding:0.4rem; text-align:left;">Status</th>
                    </tr>
                    <tr>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;"><strong>Beweisen</strong></td>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;">Ableitbare Resultate</td>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;">Sicher</td>
                    </tr>
                    <tr>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;"><strong>Nahelegen</strong></td>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;">Plausible Interpretationen</td>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;">Vermutlich</td>
                    </tr>
                    <tr>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;"><strong>Nicht-Erreichen</strong></td>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;">Externe Fragen</td>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;">Offen</td>
                    </tr>
                </table>
                <p><strong>Wichtig:</strong> Die drei Ebenen sind <strong>hierarchisch</strong>. Was auf Ebene 1 gezeigt wird, kann auf Ebene 2 nahegelegt werden. Was auf Ebene 3 liegt, kann <strong>nicht</strong> durch formale Arbeit erreicht werden.</p>
            `,
            question_html: `
                <p><strong>Was ist der Status der Ebene "Beweisen"?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q5" value="0"> Vermutlich</label>
                    <label><input type="radio" name="q5" value="1"> Sicher</label>
                    <label><input type="radio" name="q5" value="2"> Offen</label>
                    <label><input type="radio" name="q5" value="3"> Widersprüchlich</label>
                    <label><input type="radio" name="q5" value="4"> Unmöglich</label>
                    <label><input type="radio" name="q5" value="5"> Beliebig</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 6,
            title: "Was die Modallogik beweist",
            part: "Teil A",
            explanation: `
                <p>Die metalogischen Resultate aus Modal 5–14:</p>
                <ul>
                    <li><strong>Modal 5:</strong> S5 ⊬ □∀xTr(x); S5+SP ⊢ □∀xTr(x).</li>
                    <li><strong>Modal 6:</strong> {ASP2} ⊢ ASP1; {ASP3, ASP4, ASP5} minimal.</li>
                    <li><strong>Modal 7:</strong> Axiomen-Invarianz.</li>
                    <li><strong>Modal 8:</strong> S5+SP+L ⊢ □(U ∧ T ∧ S).</li>
                    <li><strong>Modal 9:</strong> Konsistente bimodale Modelle mit Ω ≠ ∅.</li>
                    <li><strong>Modal 10:</strong> S5+U1+U2+U3 ⊢ Auferstehung.</li>
                    <li><strong>Modal 11:</strong> S5+T1+T2+T3+T4 ⊢ □(Z(U ∧ T ∧ S) ∧ N(U ∧ T ∧ S)).</li>
                    <li><strong>Modal 12:</strong> S5+A1 ⊢ Das Böse ist kein Grenzwert.</li>
                    <li><strong>Modal 13:</strong> S5+SP+B1+B2+B3+B4 ⊢ □(U ∧ T ∧ S).</li>
                    <li><strong>Modal 14:</strong> S5+A1 ⊢ □K(U, T, S).</li>
                </ul>
            `,
            question_html: `
                <p><strong>Was ist der Status der metalogischen Resultate?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q6" value="0"> Sie sind vermutlich.</label>
                    <label><input type="radio" name="q6" value="1"> Sie sind sicher — innerhalb des formalen Systems.</label>
                    <label><input type="radio" name="q6" value="2"> Sie sind offen.</label>
                    <label><input type="radio" name="q6" value="3"> Sie sind widersprüchlich.</label>
                    <label><input type="radio" name="q6" value="4"> Sie sind unmöglich.</label>
                    <label><input type="radio" name="q6" value="5"> Sie sind beliebig.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 7,
            title: "Was die Modallogik nahelegt",
            part: "Teil A",
            explanation: `
                <p>Die metalogischen Resultate <strong>legen</strong> bestimmte metaphysische Interpretationen <strong>nahe</strong>:</p>
                <ul>
                    <li><strong>Die Trinität ist eine Struktur, kein Gegenstand.</strong> (nahegelegt durch Modal 8)</li>
                    <li><strong>Die Trinität ist die einzige Grenzwertstruktur.</strong> (nahegelegt durch Modal 12)</li>
                    <li><strong>Die Trinität ist beobachterkonzeptions-invariant.</strong> (nahegelegt durch Modal 13)</li>
                    <li><strong>Die Einheit der Perspektiven ist konstitutiv.</strong> (nahegelegt durch Modal 14)</li>
                </ul>
                <p><strong>Wichtig:</strong> "Nahelegen" ist <strong>nicht</strong> "beweisen". Was nahegelegt wird, ist <strong>plausibel</strong>, aber nicht <strong>zwingend</strong>.</p>
            `,
            question_html: `
                <p><strong>Was bedeutet "nahelegen" in Modul 15?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q7" value="0"> Es ist dasselbe wie "beweisen".</label>
                    <label><input type="radio" name="q7" value="1"> Es ist plausibel, aber nicht zwingend.</label>
                    <label><input type="radio" name="q7" value="2"> Es ist unwichtig.</label>
                    <label><input type="radio" name="q7" value="3"> Es ist widersprüchlich.</label>
                    <label><input type="radio" name="q7" value="4"> Es ist unmöglich.</label>
                    <label><input type="radio" name="q7" value="5"> Es ist beliebig.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 8,
            title: "Was die Modallogik nicht erreicht",
            part: "Teil A",
            explanation: `
                <p>Die zentrale Grenze der Modallogik: Sie kann die <strong>Wahl der Axiome</strong> nicht rechtfertigen.</p>
                <div class="formula-box partA important">Die metalogischen Resultate zeigen nur: Wenn man bestimmte Axiome akzeptiert, dann folgt die Trinität. Sie zeigen nicht: Dass man diese Axiome akzeptieren soll.</div>
                <p><strong>Konsequenz:</strong> Die Wahl der Axiome ist <strong>keine</strong> metalogische Frage. Sie ist eine <strong>metaphysische</strong>, <strong>physikalische</strong> oder <strong>hermeneutische</strong> Frage.</p>
            `,
            question_html: `
                <p><strong>Was kann die Modallogik nicht rechtfertigen?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q8" value="0"> Die Trinität selbst.</label>
                    <label><input type="radio" name="q8" value="1"> Die Wahl der Axiome.</label>
                    <label><input type="radio" name="q8" value="2"> Die Widerspruchsfreiheit von S5.</label>
                    <label><input type="radio" name="q8" value="3"> Die Existenz von Welten.</label>
                    <label><input type="radio" name="q8" value="4"> Die Gültigkeit der Logik.</label>
                    <label><input type="radio" name="q8" value="5"> Die Bedeutung der Symbole.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 9,
            title: "Vergleich mit Wittgenstein, Gödel, Carnap",
            part: "Teil A",
            explanation: `
                <p>Unsere Fassung nimmt Elemente aus drei Philosophen auf:</p>
                <table style="width:100%; border-collapse:collapse; margin:1rem 0; font-size:0.9rem;">
                    <tr style="background:#e0d6c8;">
                        <th style="border:1px solid #d4cab8; padding:0.4rem; text-align:left;">Philosoph</th>
                        <th style="border:1px solid #d4cab8; padding:0.4rem; text-align:left;">Grenze des Formalen</th>
                    </tr>
                    <tr>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;"><strong>Wittgenstein</strong></td>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;">Sprache — das Unsagbare</td>
                    </tr>
                    <tr>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;"><strong>Gödel</strong></td>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;">System — die Unvollständigkeit</td>
                    </tr>
                    <tr>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;"><strong>Carnap</strong></td>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;">Rahmen — die externe Frage</td>
                    </tr>
                    <tr>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;"><strong>Diese Abhandlung</strong></td>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;">Struktur — die Wahl der Axiome</td>
                    </tr>
                </table>
                <p><strong>Wichtig:</strong> Die Grenze ist <strong>strukturell verwandt</strong> mit Gödel, aber <strong>nicht identisch</strong>. S5 ist vollständig; die Unvollständigkeit liegt in der <strong>Anwendung</strong>, nicht im System.</p>
            `,
            question_html: `
                <p><strong>Wie verhält sich unsere Fassung zu Gödel?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q9" value="0"> Sie ist identisch mit Gödel.</label>
                    <label><input type="radio" name="q9" value="1"> Sie ist strukturell verwandt mit Gödel, aber nicht identisch.</label>
                    <label><input type="radio" name="q9" value="2"> Sie widerspricht Gödel.</label>
                    <label><input type="radio" name="q9" value="3"> Sie hat nichts mit Gödel zu tun.</label>
                    <label><input type="radio" name="q9" value="4"> Sie ist wichtiger als Gödel.</label>
                    <label><input type="radio" name="q9" value="5"> Sie ist unwichtiger als Gödel.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 10,
            title: "Was folgt daraus? Die Form hat ihr Werk getan",
            part: "Teil A",
            explanation: `
                <p>Die zentrale Einsicht von Modul 15:</p>
                <div class="formula-box partA important">Die formale Arbeit hat ihr Werk getan. Sie hat gezeigt, was zeigbar ist. Was bleibt, ist die Anerkennung der Grenze.</div>
                <p><strong>Was das bedeutet:</strong></p>
                <ul>
                    <li>Die formale Arbeit ist <strong>nicht</strong> die letzte Instanz.</li>
                    <li>Sie ist eine <strong>Vorbereitung</strong> für Metaphysik, Physik und Hermeneutik.</li>
                    <li>Sie ist <strong>nicht</strong> die Wahrheit — sie ist eine <strong>Form</strong> der Wahrheit.</li>
                </ul>
            `,
            question_html: `
                <p><strong>Was ist das Hauptergebnis von Modul 15?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q10" value="0"> Die Trinität ist unmöglich.</label>
                    <label><input type="radio" name="q10" value="1"> Die formale Arbeit hat ihr Werk getan — was bleibt, ist die Anerkennung der Grenze.</label>
                    <label><input type="radio" name="q10" value="2"> S5 ist widersprüchlich.</label>
                    <label><input type="radio" name="q10" value="3"> Die Physik ist irrelevant.</label>
                    <label><input type="radio" name="q10" value="4"> Gott existiert nicht.</label>
                    <label><input type="radio" name="q10" value="5"> Die Trinität ist eine Illusion.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 11,
            title: "Übergang zu Teil B",
            part: "Teil A",
            explanation: `
                <p>Modul 15 hat gezeigt: Die formale Arbeit hat ihre Grenze. Offen blieb die Frage:</p>
                <p><strong>Was geschieht mit Wegen, die nicht zum Omega-Punkt gelangen?</strong></p>
                <p>Diese Frage behandelt <strong>Modul 16</strong>.</p>
            `,
            question_html: `
                <p><strong>Welche Frage behandelt Modul 16?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q11" value="0"> Ob die Trinität wahr ist.</label>
                    <label><input type="radio" name="q11" value="1"> Was mit Wegen geschieht, die nicht zum Omega-Punkt gelangen.</label>
                    <label><input type="radio" name="q11" value="2"> Ob S5 widersprüchlich ist.</label>
                    <label><input type="radio" name="q11" value="3"> Ob die Physik relevant ist.</label>
                    <label><input type="radio" name="q11" value="4"> Ob Gott existiert.</label>
                    <label><input type="radio" name="q11" value="5"> Ob die Trinität eine Illusion ist.</label>
                </div>
            `,
            answer: 1
        },

        // ============================================================
        //  TEIL B: WEGE OHNE OMEGA-PUNKT (Modul 16) – Steps 12–19
        // ============================================================
        {
            id: 12,
            title: "TEIL B – Modul 16: Wege ohne Omega-Punkt",
            part: "Teil B",
            explanation: `
                <div style="background:#e8e0f0; padding:0.5rem 1rem; border-radius:6px; margin-bottom:1rem;">
                    <span class="part-tag pB">TEIL B</span>
                    <strong>Modul 16</strong>
                </div>
                <p><strong>Frage:</strong> Was geschieht mit Wegen, die nicht zum Omega-Punkt gelangen?</p>
                <p><strong>Antwort:</strong> Sie sind nicht ausgeschlossen, aber sie sind nicht verloren. Der Omega-Punkt integriert sie <strong>strukturell</strong>, nicht zeitlich.</p>
                <p><strong>Konsequenz:</strong> Die Unitarität ist stark genug, um auch Wege ohne Omega-Punkt zu umfassen.</p>
            `,
            question_html: `
                <p><strong>Was ist die Hauptfrage von Modul 16?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q12" value="0"> Ob die Trinität wahr ist.</label>
                    <label><input type="radio" name="q12" value="1"> Was mit Wegen geschieht, die nicht zum Omega-Punkt gelangen.</label>
                    <label><input type="radio" name="q12" value="2"> Ob S5 widersprüchlich ist.</label>
                    <label><input type="radio" name="q12" value="3"> Ob die Physik relevant ist.</label>
                    <label><input type="radio" name="q12" value="4"> Ob Gott existiert.</label>
                    <label><input type="radio" name="q12" value="5"> Ob die Trinität eine Illusion ist.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 13,
            title: "Die offene Frage",
            part: "Teil B",
            explanation: `
                <p>In Modul 10 wurde gezeigt: Die Unitarität ist die Struktur von T: <span class="symbol">∀γ ⊆ T : γ ∈ T</span>.</p>
                <p>In Modul 12 wurde gezeigt: Das Böse ist die Gesamtheit der Pfade, die zum Guten führen, insofern sie Leid enthalten.</p>
                <p><strong>Damit stellt sich eine offene Frage:</strong> Was geschieht mit Wegen, die <strong>nicht zum Omega-Punkt gelangen</strong>?</p>
            `,
            question_html: `
                <p><strong>Welche offene Frage stellt Modul 16?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q13" value="0"> Ob die Trinität wahr ist.</label>
                    <label><input type="radio" name="q13" value="1"> Was mit Wegen geschieht, die nicht zum Omega-Punkt gelangen.</label>
                    <label><input type="radio" name="q13" value="2"> Ob S5 widersprüchlich ist.</label>
                    <label><input type="radio" name="q13" value="3"> Ob die Physik relevant ist.</label>
                    <label><input type="radio" name="q13" value="4"> Ob Gott existiert.</label>
                    <label><input type="radio" name="q13" value="5"> Ob die Trinität eine Illusion ist.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 14,
            title: "Die drei Fälle",
            part: "Teil B",
            explanation: `
                <p>Wir unterscheiden <strong>drei Fälle</strong> von Wegen:</p>
                <ol>
                    <li><strong>Fall A:</strong> Wege <strong>ohne Anteil an Conscientia</strong>. Sie sind "blind".</li>
                    <li><strong>Fall B:</strong> Wege <strong>mit Anteil an Conscientia</strong>, die zum Omega-Punkt gelangen. Der Normalfall.</li>
                    <li><strong>Fall C:</strong> Wege <strong>mit Anteil an Conscientia</strong>, die <strong>nicht</strong> zum Omega-Punkt gelangen. Die zentrale Frage.</li>
                </ol>
            `,
            question_html: `
                <p><strong>Welcher Fall ist die zentrale Frage von Modul 16?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q14" value="0"> Fall A: Wege ohne Conscientia.</label>
                    <label><input type="radio" name="q14" value="1"> Fall C: Wege mit Conscientia, die nicht zum Omega-Punkt gelangen.</label>
                    <label><input type="radio" name="q14" value="2"> Fall B: Wege mit Conscientia, die zum Omega-Punkt gelangen.</label>
                    <label><input type="radio" name="q14" value="3"> Alle drei Fälle gleich.</label>
                    <label><input type="radio" name="q14" value="4"> Keiner der Fälle.</label>
                    <label><input type="radio" name="q14" value="5"> Nur Fall A.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 15,
            title: "Fall A und Fall B",
            part: "Teil B",
            explanation: `
                <p><strong>Fall A: Wege ohne Anteil an Conscientia.</strong> Diese Wege wären fundamental getrennt — was A1 verbietet. Also sind sie <strong>kein eigener Fall</strong>, sondern ein <strong>Grenzfall</strong> von Fall C.</p>
                <p><strong>Fall B: Wege mit Conscientia, die zum Omega-Punkt gelangen.</strong> In diesen Wegen wird S erkannt, aber nie vollständig erreicht. Der Normalfall.</p>
            `,
            question_html: `
                <p><strong>Warum ist Fall A kein eigener Fall?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q15" value="0"> Weil A1 ihn verbietet.</label>
                    <label><input type="radio" name="q15" value="1"> Weil er fundamental getrennt wäre — was A1 verbietet. Er ist ein Grenzfall von Fall C.</label>
                    <label><input type="radio" name="q15" value="2"> Weil er nicht existiert.</label>
                    <label><input type="radio" name="q15" value="3"> Weil er zu komplex ist.</label>
                    <label><input type="radio" name="q15" value="4"> Weil er irrelevant ist.</label>
                    <label><input type="radio" name="q15" value="5"> Weil er dasselbe ist wie Fall B.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 16,
            title: "Die strukturelle Integration",
            part: "Teil B",
            explanation: `
                <p>Für Wege des Falls C gilt: Die Integration ist <strong>strukturell</strong>, nicht <strong>zeitlich</strong>.</p>
                <p><strong>Strukturell bedeutet:</strong></p>
                <ul>
                    <li>Es gibt <strong>keinen Zeitpunkt</strong>, an dem die Integration stattfindet.</li>
                    <li>Es gibt <strong>kein Ereignis</strong>, das "nachträglich" geschieht.</li>
                    <li>Die Totalität T <strong>enthält</strong> alle Wege — auch die, die nicht zum Omega-Punkt gelangen.</li>
                </ul>
                <div class="formula-box partB important">∀γ ⊆ T : γ ∈ T</div>
            `,
            question_html: `
                <p><strong>Was bedeutet "strukturelle Integration"?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q16" value="0"> Ein zeitliches Ereignis.</label>
                    <label><input type="radio" name="q16" value="1"> Kein Zeitpunkt, kein Ereignis — die Totalität enthält alle Wege.</label>
                    <label><input type="radio" name="q16" value="2"> Eine Illusion.</label>
                    <label><input type="radio" name="q16" value="3"> Ein Widerspruch.</label>
                    <label><input type="radio" name="q16" value="4"> Eine Zeit.</label>
                    <label><input type="radio" name="q16" value="5"> Ein Axiom.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 17,
            title: "Die zwei Perspektiven",
            part: "Teil B",
            explanation: `
                <p>Die Integration erscheint in <strong>zwei Perspektiven</strong>:</p>
                <p><strong>Aus der Perspektive des Weges γ:</strong></p>
                <ul>
                    <li>Die Integration erscheint als <strong>zukünftig</strong>.</li>
                    <li>Die Integration erscheint als <strong>Eingriff</strong>.</li>
                    <li>Die Integration erscheint als <strong>Gnade</strong>.</li>
                </ul>
                <p><strong>Aus der Perspektive von S:</strong></p>
                <ul>
                    <li>Die Integration ist <strong>immer schon</strong> geschehen.</li>
                    <li>Die Integration ist <strong>Struktur</strong>.</li>
                    <li>Die Integration ist <strong>Notwendigkeit</strong>.</li>
                </ul>
                <p><strong>Konsequenz:</strong> Beide Perspektiven sind <strong>wahr</strong>. Sie sind nicht identisch, aber gleichzeitig gültig.</p>
            `,
            question_html: `
                <p><strong>Wie erscheint die Integration aus der Perspektive des Weges?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q17" value="0"> Als immer schon geschehen.</label>
                    <label><input type="radio" name="q17" value="1"> Als zukünftig, als Eingriff, als Gnade.</label>
                    <label><input type="radio" name="q17" value="2"> Als Struktur.</label>
                    <label><input type="radio" name="q17" value="3"> Als Notwendigkeit.</label>
                    <label><input type="radio" name="q17" value="4"> Als Widerspruch.</label>
                    <label><input type="radio" name="q17" value="5"> Als Illusion.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 18,
            title: "Die Hawking-Strahlung des Sinns",
            part: "Teil B",
            explanation: `
                <p>In <code>Unitaritaet.md</code> wurde formuliert:</p>
                <div class="formula-box partB">"Das Schwarze Loch des Todes wird durch die Auferstehung als Hawking-Strahlung des Sinns transformiert."</div>
                <p><strong>Präzisierung in Modul 16:</strong> Diese Hawking-Strahlung ist <strong>strukturell</strong>, nicht <strong>zeitlich</strong>.</p>
                <p><strong>Was das bedeutet:</strong> Was aus der Perspektive eines Weges wie <strong>Verlust</strong> erscheint, ist aus der Perspektive von S <strong>Integration</strong>.</p>
            `,
            question_html: `
                <p><strong>Was ist die Hawking-Strahlung des Sinns in Modul 16?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q18" value="0"> Ein zeitliches Ereignis.</label>
                    <label><input type="radio" name="q18" value="1"> Strukturell: Was aus der Perspektive des Weges wie Verlust erscheint, ist aus der Perspektive von S Integration.</label>
                    <label><input type="radio" name="q18" value="2"> Eine Illusion.</label>
                    <label><input type="radio" name="q18" value="3"> Ein Widerspruch.</label>
                    <label><input type="radio" name="q18" value="4"> Eine Zeit.</label>
                    <label><input type="radio" name="q18" value="5"> Ein Axiom.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 19,
            title: "Übergang zu Teil C",
            part: "Teil B",
            explanation: `
                <p>Modul 16 hat gezeigt: Die Unitarität ist stark genug, um auch Wege ohne Omega-Punkt zu umfassen. Offen blieb die Frage:</p>
                <p><strong>Was ist die Summe aus der gesamten Reihe?</strong></p>
                <p>Diese Frage behandelt <strong>Modul 17</strong>.</p>
            `,
            question_html: `
                <p><strong>Welche Frage behandelt Modul 17?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q19" value="0"> Ob die Trinität wahr ist.</label>
                    <label><input type="radio" name="q19" value="1"> Was die Summe aus der gesamten Reihe ist.</label>
                    <label><input type="radio" name="q19" value="2"> Ob S5 widersprüchlich ist.</label>
                    <label><input type="radio" name="q19" value="3"> Ob die Physik relevant ist.</label>
                    <label><input type="radio" name="q19" value="4"> Ob Gott existiert.</label>
                    <label><input type="radio" name="q19" value="5"> Ob die Trinität eine Illusion ist.</label>
                </div>
            `,
            answer: 1
        },

        // ============================================================
        //  TEIL C: DAS GANZE IN EINEM GEDANKEN (Modul 17) – Steps 20–26
        // ============================================================
        {
            id: 20,
            title: "TEIL C – Modul 17: Das Ganze in einem Gedanken",
            part: "Teil C",
            explanation: `
                <div style="background:#d4e8dd; padding:0.5rem 1rem; border-radius:6px; margin-bottom:1rem;">
                    <span class="part-tag pC">TEIL C</span>
                    <strong>Modul 17</strong>
                </div>
                <p><strong>Frage:</strong> Was ist die Summe aus 17 Modulen?</p>
                <p><strong>Antwort:</strong> Die Trinität ist die Struktur, die alle Wege umfasst — auch die, die nicht ankommen. Wir stehen am Anfang der Unendlichkeit.</p>
                <p><strong>Konsequenz:</strong> Die Reihe leistet eine Landkarte, nicht einen Beweis.</p>
            `,
            question_html: `
                <p><strong>Was ist die Hauptfrage von Modul 17?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q20" value="0"> Ob die Trinität wahr ist.</label>
                    <label><input type="radio" name="q20" value="1"> Was die Summe aus 17 Modulen ist.</label>
                    <label><input type="radio" name="q20" value="2"> Ob S5 widersprüchlich ist.</label>
                    <label><input type="radio" name="q20" value="3"> Ob die Physik relevant ist.</label>
                    <label><input type="radio" name="q20" value="4"> Ob Gott existiert.</label>
                    <label><input type="radio" name="q20" value="5"> Ob die Trinität eine Illusion ist.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 21,
            title: "Was die Reihe gezeigt hat",
            part: "Teil C",
            explanation: `
                <p>Die 17 Module im Überblick:</p>
                <ul>
                    <li><strong>Modal 5:</strong> Der metalogische Kern.</li>
                    <li><strong>Modal 6:</strong> Die Minimalität der ASP.</li>
                    <li><strong>Modal 7:</strong> Die Nicht-Eindeutigkeit.</li>
                    <li><strong>Modal 8:</strong> Der Grenzwert.</li>
                    <li><strong>Modal 9:</strong> Die bimodale Nicht-Vereinbarkeit.</li>
                    <li><strong>Modal 10:</strong> Die Unitarität als Theorem.</li>
                    <li><strong>Modal 11:</strong> Die temporale Modallogik.</li>
                    <li><strong>Modal 12:</strong> Das Böse als Weg.</li>
                    <li><strong>Modal 13:</strong> Der Beobachter.</li>
                    <li><strong>Modal 14:</strong> Die Einheit der Perspektiven.</li>
                    <li><strong>Modal 15:</strong> Die Grenze des Formalen.</li>
                    <li><strong>Modal 16:</strong> Wege ohne Omega-Punkt.</li>
                </ul>
            `,
            question_html: `
                <p><strong>Was zeigt Modal 5?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q21" value="0"> Die Minimalität der ASP.</label>
                    <label><input type="radio" name="q21" value="1"> Den metalogischen Kern: In reinem S5 ist die Trinität nicht ableitbar.</label>
                    <label><input type="radio" name="q21" value="2"> Die Einheit der Perspektiven.</label>
                    <label><input type="radio" name="q21" value="3"> Die Grenze des Formalen.</label>
                    <label><input type="radio" name="q21" value="4"> Wege ohne Omega-Punkt.</label>
                    <label><input type="radio" name="q21" value="5"> Das Böse als Weg.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 22,
            title: "Was die Reihe nicht gezeigt hat",
            part: "Teil C",
            explanation: `
                <p>Die Reihe hat <strong>nicht</strong> gezeigt:</p>
                <ul>
                    <li><strong>Dass die Trinität existiert.</strong> Sie zeigt nur: Unter bestimmten Annahmen folgt sie.</li>
                    <li><strong>Dass die Axiome wahr sind.</strong> Sie zeigt nur: Sie sind konsistent und unabhängig.</li>
                    <li><strong>Dass die Wahl der Axiome gerechtfertigt ist.</strong> Die Wahl ist metaphysisch, physikalisch oder hermeneutisch.</li>
                    <li><strong>Dass die formale Arbeit die einzige Zugangsweise ist.</strong> Sie ist eine unter mehreren.</li>
                </ul>
                <p><strong>Konsequenz:</strong> Die Reihe ist <strong>bescheiden</strong>. Sie behauptet nicht, die Wahrheit zu sein.</p>
            `,
            question_html: `
                <p><strong>Was hat die Reihe nicht gezeigt?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q22" value="0"> Dass die Trinität unter Annahmen folgt.</label>
                    <label><input type="radio" name="q22" value="1"> Dass die Trinität existiert, dass die Axiome wahr sind, dass die Axiomwahl gerechtfertigt ist.</label>
                    <label><input type="radio" name="q22" value="2"> Dass die Axiome konsistent sind.</label>
                    <label><input type="radio" name="q22" value="3"> Dass die Axiome unabhängig sind.</label>
                    <label><input type="radio" name="q22" value="4"> Dass S5 vollständig ist.</label>
                    <label><input type="radio" name="q22" value="5"> Dass die Metalogik möglich ist.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 23,
            title: "Der eine Gedanke",
            part: "Teil C",
            explanation: `
                <p>Alle 17 Module tragen <strong>einen</strong> Gedanken:</p>
                <div class="formula-box partC important">Die Trinität ist die Struktur, die alle Wege umfasst — auch die, die nicht ankommen.</div>
                <p><strong>Formale Fassung:</strong></p>
                <div class="formula-box partC">∀γ ⊆ T : γ ∈ T ∧ Tr(γ)</div>
                <p><strong>Drei Aspekte:</strong></p>
                <ul>
                    <li><strong>Universalität:</strong> Die Trinität umfasst alle Wege.</li>
                    <li><strong>Strukturalität:</strong> Die Trinität ist kein Gegenstand, sondern eine Struktur.</li>
                    <li><strong>Notwendigkeit:</strong> Die Trinität folgt aus A1.</li>
                </ul>
            `,
            question_html: `
                <p><strong>Was ist der eine Gedanke, der alle 17 Module trägt?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q23" value="0"> Die Trinität ist eine Illusion.</label>
                    <label><input type="radio" name="q23" value="1"> Die Trinität ist die Struktur, die alle Wege umfasst — auch die, die nicht ankommen.</label>
                    <label><input type="radio" name="q23" value="2"> Die Trinität ist unmöglich.</label>
                    <label><input type="radio" name="q23" value="3"> Die Trinität ist ein Zustand.</label>
                    <label><input type="radio" name="q23" value="4"> Die Trinität ist ein Axiom.</label>
                    <label><input type="radio" name="q23" value="5"> Die Trinität ist eine Zeit.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 24,
            title: "Die vier Bilder",
            part: "Teil C",
            explanation: `
                <p>Die Reihe wird von <strong>vier Bildern</strong> getragen:</p>
                <table style="width:100%; border-collapse:collapse; margin:1rem 0; font-size:0.9rem;">
                    <tr style="background:#e0d6c8;">
                        <th style="border:1px solid #d4cab8; padding:0.4rem; text-align:left;">Bild</th>
                        <th style="border:1px solid #d4cab8; padding:0.4rem; text-align:left;">Formale Fassung</th>
                    </tr>
                    <tr>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;"><strong>Anfang der Unendlichkeit</strong></td>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;">Kein letztes Axiom</td>
                    </tr>
                    <tr>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;"><strong>Gutes als Grenzwert</strong></td>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;">Gut := S</td>
                    </tr>
                    <tr>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;"><strong>Böses als Weg</strong></td>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;">Böse := {γ : lim γ = S ∧ Leid(γ)}</td>
                    </tr>
                    <tr>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;"><strong>Strukturelle Integration</strong></td>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;">∀γ ⊆ T : γ ∈ T</td>
                    </tr>
                </table>
            `,
            question_html: `
                <p><strong>Wie lautet die formale Fassung des Bildes "Gutes als Grenzwert"?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q24" value="0"> Kein letztes Axiom</label>
                    <label><input type="radio" name="q24" value="1"> Gut := S</label>
                    <label><input type="radio" name="q24" value="2"> Böse := {γ : lim γ = S ∧ Leid(γ)}</label>
                    <label><input type="radio" name="q24" value="3"> ∀γ ⊆ T : γ ∈ T</label>
                    <label><input type="radio" name="q24" value="4"> □(U ∧ T ∧ S)</label>
                    <label><input type="radio" name="q24" value="5"> Z(U ∧ T ∧ S)</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 25,
            title: "Die zehn offenen Fragen",
            part: "Teil C",
            explanation: `
                <p>Die Reihe hat <strong>zehn offene Fragen</strong> hinterlassen:</p>
                <ol>
                    <li>Gibt es eine kanonische Erweiterung von S5?</li>
                    <li>Gibt es Wege ohne Omega-Punkt? Wie viele?</li>
                    <li>Was ist Leid? Wie wird Leid(γ) definiert?</li>
                    <li>Gibt es eine dritte Beobachterkonzeption?</li>
                    <li>Ist K(U, T, S) minimal?</li>
                    <li>Wie verhält sich Z zu □?</li>
                    <li>Gibt es Perspektiven, die nicht konvergieren?</li>
                    <li>Ist Unitarität physikalisch oder metaphysisch?</li>
                    <li>Wie verhält sich die formale Struktur zur empirischen Wirklichkeit?</li>
                    <li>Was bedeutet es, die Trinität zu erkennen — im Unterschied zum formalen Beweis?</li>
                </ol>
            `,
            question_html: `
                <p><strong>Wie viele offene Fragen hinterlässt die Reihe?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q25" value="0"> Fünf</label>
                    <label><input type="radio" name="q25" value="1"> Zehn</label>
                    <label><input type="radio" name="q25" value="2"> Fünfzehn</label>
                    <label><input type="radio" name="q25" value="3"> Zwanzig</label>
                    <label><input type="radio" name="q25" value="4"> Keine</label>
                    <label><input type="radio" name="q25" value="5"> Unendlich viele</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 26,
            title: "Bündel 4 – Abschluss: Die Grenze des Formalen",
            part: "Teil C",
            explanation: `
                <p><strong>Zusammenfassung Bündel 4:</strong></p>
                <ol>
                    <li><strong>Modul 15:</strong> Die formale Arbeit hat drei Ebenen — Beweisen, Nahelegen, Nicht-Erreichen.</li>
                    <li><strong>Modul 16:</strong> Die Unitarität ist stark genug, um auch Wege ohne Omega-Punkt zu umfassen.</li>
                    <li><strong>Modul 17:</strong> Die Trinität ist die Struktur, die alle Wege umfasst — auch die, die nicht ankommen.</li>
                </ol>
                <div class="formula-box important" style="font-size:1.1rem;">
                    Wir stehen am Anfang der Unendlichkeit. Was bleibt, ist die Landkarte — nicht das Territorium.
                </div>
                <p style="margin-top:1rem; text-align:center; font-style:italic; color:#555;">
                    Die formale Arbeit hat ihr Werk getan. Sie hat gezeigt, was zeigbar ist. Was bleibt, ist die Anerkennung der Grenze — und der Übergang zur Hermeneutik.
                </p>
            `,
            question_html: `
                <p><strong>Was ist das Fazit von Bündel 4?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q26" value="0"> Die Trinität ist unmöglich.</label>
                    <label><input type="radio" name="q26" value="1"> Wir stehen am Anfang der Unendlichkeit. Was bleibt, ist die Landkarte — nicht das Territorium.</label>
                    <label><input type="radio" name="q26" value="2"> S5 ist widersprüchlich.</label>
                    <label><input type="radio" name="q26" value="3"> Die Physik ist irrelevant.</label>
                    <label><input type="radio" name="q26" value="4"> Gott existiert nicht.</label>
                    <label><input type="radio" name="q26" value="5"> Die Trinität ist eine Illusion.</label>
                </div>
            `,
            answer: 1
        }
    ];

    // ================================================================
    //  LOGIC
    // ================================================================

    let currentStep = 0;
    const totalSteps = steps.length;
    const stepContainer = document.getElementById('stepContainer');
    const prevBtn = document.getElementById('prevBtn');
    const nextBtn = document.getElementById('nextBtn');
    const stepIndicator = document.getElementById('stepIndicator');
    const progressFill = document.getElementById('progressFill');
    const progressText = document.getElementById('progressText');

    let stepCompleted = new Array(totalSteps).fill(false);

    function renderStep(index) {
        const step = steps[index];
        if (!step) return;

        const partClass = step.part === 'Teil A' ? 'partA' :
                         step.part === 'Teil B' ? 'partB' :
                         step.part === 'Teil C' ? 'partC' : '';

        let html = `
            <div class="step-block ${partClass}">
                <div class="step-number ${partClass}">Schritt ${index} von ${totalSteps-1} – ${step.part}</div>
                <div class="step-title">${step.title}</div>
                <div class="step-explanation">${step.explanation}</div>
                <div class="question-box" id="questionBox${index}">
                    ${step.question_html}
                    <button class="qsubmit" data-step="${index}">Antwort prüfen</button>
                    <div class="qfeedback" id="feedback${index}"></div>
                </div>
            </div>
        `;

        stepContainer.innerHTML = html;

        const submitBtn = document.querySelector(`.qsubmit[data-step="${index}"]`);
        if (submitBtn) {
            submitBtn.addEventListener('click', function(e) {
                checkAnswer(index);
            });
        }

        const questionBox = document.getElementById(`questionBox${index}`);
        if (questionBox) {
            const radioInputs = questionBox.querySelectorAll('input[type="radio"]');
            radioInputs.forEach(input => {
                input.addEventListener('keydown', function(e) {
                    if (e.key === 'Enter') {
                        e.preventDefault();
                        checkAnswer(index);
                    }
                });
            });
        }

        updateNav(index);
        updateProgress(index);

        if (stepCompleted[index]) {
            const feedback = document.getElementById(`feedback${index}`);
            if (feedback) {
                feedback.className = 'qfeedback correct';
                feedback.textContent = '✅ Richtig! Sie haben diesen Schritt bereits abgeschlossen.';
                feedback.style.display = 'block';
            }
            const submitBtn2 = document.querySelector(`.qsubmit[data-step="${index}"]`);
            if (submitBtn2) submitBtn2.disabled = true;
        }

        document.querySelector('.step-block').scrollIntoView({ behavior: 'smooth', block: 'start' });
    }

    function checkAnswer(index) {
        if (stepCompleted[index]) return;

        const step = steps[index];
        const questionBox = document.getElementById(`questionBox${index}`);
        const feedback = document.getElementById(`feedback${index}`);

        const selected = questionBox.querySelector('input[type="radio"]:checked');
        if (!selected) {
            feedback.className = 'qfeedback wrong';
            feedback.textContent = '❌ Bitte wählen Sie eine Antwort aus.';
            feedback.style.display = 'block';
            return;
        }

        const userAnswer = parseInt(selected.value);
        const isCorrect = (userAnswer === step.answer);

        if (isCorrect) {
            feedback.className = 'qfeedback correct';
            feedback.textContent = '✅ Richtig! Sie können zum nächsten Schritt gehen.';
            feedback.style.display = 'block';
            stepCompleted[index] = true;

            const submitBtn = questionBox.querySelector('.qsubmit');
            if (submitBtn) submitBtn.disabled = true;

            const radios = questionBox.querySelectorAll('input[type="radio"]');
            radios.forEach(r => r.disabled = true);

            updateNav(index);
            updateProgress(index);

            if (stepCompleted.every(v => v === true)) {
                setTimeout(() => {
                    alert('🎉 Herzlichen Glückwunsch! Sie haben Bündel 4 erfolgreich abgeschlossen!');
                }, 400);
            }

        } else {
            feedback.className = 'qfeedback wrong';
            feedback.textContent = '❌ Falsch. Bitte lesen Sie den Schritt noch einmal und versuchen Sie es erneut.';
            feedback.style.display = 'block';
        }
    }

    function updateNav(index) {
        if (index > 0) {
            prevBtn.className = '';
            prevBtn.style.pointerEvents = 'auto';
            prevBtn.style.opacity = '1';
        } else {
            prevBtn.className = 'disabled';
            prevBtn.style.pointerEvents = 'none';
            prevBtn.style.opacity = '0.5';
        }

        if (index < totalSteps - 1 && stepCompleted[index]) {
            nextBtn.className = '';
            nextBtn.style.pointerEvents = 'auto';
            nextBtn.style.opacity = '1';
            nextBtn.textContent = 'Weiter →';
        } else if (index === totalSteps - 1 && stepCompleted[index]) {
            nextBtn.className = '';
            nextBtn.style.pointerEvents = 'auto';
            nextBtn.style.opacity = '1';
            nextBtn.textContent = '🎉 Fertig – zurück zur Einstiegsseite';
            nextBtn.href = 'modal.html?lang=de';
        } else {
            nextBtn.className = 'disabled';
            nextBtn.style.pointerEvents = 'none';
            nextBtn.style.opacity = '0.5';
            if (index === totalSteps - 1) {
                nextBtn.textContent = '🎉 Abschluss – alle Schritte abschließen';
            } else {
                nextBtn.textContent = 'Weiter → (bitte zuerst die Frage beantworten)';
            }
        }

        stepIndicator.textContent = `${index} / ${totalSteps-1}`;
    }

    function updateProgress(index) {
        const completedCount = stepCompleted.filter(v => v === true).length;
        const percent = (completedCount / totalSteps) * 100;
        progressFill.style.width = `${percent}%`;
        progressText.textContent = `Schritt ${index} von ${totalSteps-1} – ${completedCount}/${totalSteps} abgeschlossen`;
    }

    prevBtn.addEventListener('click', function(e) {
        e.preventDefault();
        if (currentStep > 0) {
            currentStep--;
            renderStep(currentStep);
        }
    });

    nextBtn.addEventListener('click', function(e) {
        e.preventDefault();
        if (currentStep < totalSteps - 1 && stepCompleted[currentStep]) {
            currentStep++;
            renderStep(currentStep);
        } else if (currentStep === totalSteps - 1 && stepCompleted[currentStep]) {
            window.location.href = 'modal.html?lang=de';
        }
    });

    renderStep(0);
</script>

</body>
</html>