• 📘BackgroundIRARAH.epub37.18 KB Download
• 📄BackgroundIRARAH.pdf404.45 KB Download
• 🧩BackgroundIRARAH.tex63.09 KB Download
• 📘DieLetzteFreiheit.docx3806.77 KB Download
• 📘DieLetzteFreiheit.epub43.07 KB Download
• 📘DieLetzteFreiheit.md174.73 KB Download
• 📄DieLetzteFreiheit.pdf4067.43 KB Download
• 🧩DieLetzteFreiheit.tex180.74 KB Download
• 📁DieLetzteFreiheit2Ordner ZIP
• 📘DieLetzteFreiheit_2.md73.79 KB Download
• 📘DieLetzteFreiheit_2eng.md64.45 KB Download
• 📘DieZeitlosigkeitDerSteine2.docx55.46 KB Download
• 📘DieZeitlosigkeitDerSteine2.epub68.74 KB Download
• 📘DieZeitlosigkeitDerSteine2.md115.35 KB Download
• 📄DieZeitlosigkeitDerSteine2.pdf699.42 KB Download
• 🧩DieZeitlosigkeitDerSteine2.tex118.09 KB Download
• 📘DieZeitlosigkeitDerSteine2eng.docx51.6 KB Download
• 📘DieZeitlosigkeitDerSteine2eng.epub63.22 KB Download
• 📘DieZeitlosigkeitDerSteine2eng.md106.64 KB Download
• 📄DieZeitlosigkeitDerSteine2eng.pdf705.86 KB Download
• 🧩DieZeitlosigkeitDerSteine2eng.tex111.77 KB Download
• 📘DreiFilmeZweiBuecher.docx24.37 KB Download
• 📘DreiFilmeZweiBuecher.epub27.53 KB Download
• 📘DreiFilmeZweiBuecher.md37.96 KB Download
• 📄DreiFilmeZweiBuecher.pdf257.77 KB Download
• 🧩DreiFilmeZweiBuecher.tex39.7 KB Download
• 📄DreiFilmeZweiBuecherMitEinleitung.pdf258.16 KB Download
• 📘IRARAH_Architekt.docx20.14 KB Download
• 📘IRARAH_Architekt.epub22.31 KB Download
• 📘IRARAH_Architekt.md22.77 KB Download
• 📄IRARAH_Architekt.pdf192.02 KB Download
• 🧩IRARAH_Architekt.tex25.94 KB Download
• 📘IRARAH_Architekteng.docx19.82 KB Download
• 📘IRARAH_Architekteng.epub21.44 KB Download
• 📘IRARAH_Architekteng.md20.98 KB Download
• 📄IRARAH_Architekteng.pdf186.71 KB Download
• 🧩IRARAH_Architekteng.tex23.76 KB Download
• 📘IRARAH_Archon.md115.36 KB Download
• 📘IRARAH_Archoneng.md103.29 KB Download
• 📘IRARAH_Der_Ruf.md95.54 KB Download
• 📘IRARAH_Der_Rufeng.md86.45 KB Download
• 📘IRARAH_Die_Adresse.md86.64 KB Download
• 📘IRARAH_Die_Adresseeng.md78.38 KB Download
• 📘IRARAH_Die_Begegnung.md88.62 KB Download
• 📘IRARAH_Die_Begegnungeng.md78.98 KB Download
• 📘IRARAH_Die_Entscheidung.md81.84 KB Download
• 📘IRARAH_Die_Entscheidungeng.md73.62 KB Download
• 📘IRARAH_Die_Suche.md103.06 KB Download
• 📘IRARAH_Die_Sucheeng.md91.77 KB Download
• 📘IRARAH_Die_Synthese.md69.17 KB Download
• 📘IRARAH_Die_Syntheseeng.md63.79 KB Download
• 📘IRARAH_Fragmentierung.md92.41 KB Download
• 📘IRARAH_Fragmentierungeng.md83.76 KB Download
• 📘IRARAH_Sicherheit.docx16.51 KB Download
• 📘IRARAH_Sicherheit.epub17.19 KB Download
• 📘IRARAH_Sicherheit.md14.3 KB Download
• 📄IRARAH_Sicherheit.pdf179.53 KB Download
• 🧩IRARAH_Sicherheit.tex16.44 KB Download
• 📘IRARAH_Sicherheiteng.docx16.16 KB Download
• 📘IRARAH_Sicherheiteng.epub16.57 KB Download
• 📘IRARAH_Sicherheiteng.md12.99 KB Download
• 📄IRARAH_Sicherheiteng.pdf174.41 KB Download
• 🧩IRARAH_Sicherheiteng.tex15.02 KB Download
• 📘IRARAH_Stoerfaktor.docx16.66 KB Download
• 📘IRARAH_Stoerfaktor.epub19.73 KB Download
• 📘IRARAH_Stoerfaktor.md19.09 KB Download
• 📄IRARAH_Stoerfaktor.pdf186.46 KB Download
• 🧩IRARAH_Stoerfaktor.tex20.99 KB Download
• 📘IRARAH_Stoerfaktoreng.docx16.3 KB Download
• 📘IRARAH_Stoerfaktoreng.epub18.94 KB Download
• 📘IRARAH_Stoerfaktoreng.md17.13 KB Download
• 📄IRARAH_Stoerfaktoreng.pdf180.89 KB Download
• 🧩IRARAH_Stoerfaktoreng.tex19 KB Download
• 📘IRARAH_answers.docx6405.79 KB Download
• 📘IRARAH_answers.epub24.63 KB Download
• 📘IRARAH_answers.md62.05 KB Download
• 📄IRARAH_answers.pdf6222.71 KB Download
• 🧩IRARAH_answers.tex66.64 KB Download
• 📘IRARAH_antwortet.docx6409.32 KB Download
• 📘IRARAH_antwortet.epub26.64 KB Download
• 📘IRARAH_antwortet.md71.26 KB Download
• 📄IRARAH_antwortet.pdf6235.91 KB Download
• 🧩IRARAH_antwortet.tex74.99 KB Download
• 📘IRARAH_antwortet_2.md43.08 KB Download
• 📘IRARAH_antwortet_2eng.md38.74 KB Download
• 📘InverseChristologieEvolutionDreisprachig.docx111.28 KB Download
• 📘InverseChristologieEvolutionDreisprachig.epub107.22 KB Download
• 📘InverseChristologieEvolutionDreisprachig.md182.55 KB Download
• 📄InverseChristologieEvolutionDreisprachig.pdf1249.3 KB Download
• 🧩InverseChristologieEvolutionDreisprachig.tex216.15 KB Download
• 📘InverseChristologieNachDerEvolution.docx36.67 KB Download
• 📘InverseChristologieNachDerEvolution.epub34.23 KB Download
• 📘InverseChristologieNachDerEvolution.md79.38 KB Download
• 📄InverseChristologieNachDerEvolution.pdf472.95 KB Download
• 🧩InverseChristologieNachDerEvolution.tex82.58 KB Download
• 📘NeunBuecherZumOmegapunkt.docx24.79 KB Download
• 📘NeunBuecherZumOmegapunkt.epub29.32 KB Download
• 📘NeunBuecherZumOmegapunkt.md44.9 KB Download
• 📄NeunBuecherZumOmegapunkt.pdf266.62 KB Download
• 🧩NeunBuecherZumOmegapunkt.tex45.52 KB Download
• 📘OmegaPoemsOmegaPoesie.docx368.8 KB Download
• 📘OmegaPoemsOmegaPoesie.epub61.33 KB Download
• 📘OmegaPoemsOmegaPoesie.md106.02 KB Download
• 📄OmegaPoemsOmegaPoesie.pdf620.56 KB Download
• 🧩OmegaPoemsOmegaPoesie.tex106.43 KB Download
• 📘Pompeii_IRARAH.docx9657.57 KB Download
• 📘Pompeii_IRARAH.epub59.46 KB Download
• 📘Pompeii_IRARAH.md90.3 KB Download
• 📄Pompeii_IRARAH.pdf9504.96 KB Download
• 🧩Pompeii_IRARAH.tex97.49 KB Download
• 📘Pompeji_IRARAH.docx9662.3 KB Download
• 📘Pompeji_IRARAH.epub62.97 KB Download
• 📘Pompeji_IRARAH.md100.82 KB Download
• 📄Pompeji_IRARAH.pdf9521.49 KB Download
• 🧩Pompeji_IRARAH.tex105.64 KB Download
• 📘Pompeji_IRARAH_2.docx72.35 KB Download
• 📘Pompeji_IRARAH_2.epub63.04 KB Download
• 📘Pompeji_IRARAH_2.md108.51 KB Download
• 📄Pompeji_IRARAH_2.pdf820.68 KB Download
• 🧩Pompeji_IRARAH_2.tex112.32 KB Download
• 📘Pompeji_IRARAH_2eng.docx69.38 KB Download
• 📘Pompeji_IRARAH_2eng.epub59.62 KB Download
• 📘Pompeji_IRARAH_2eng.md99.96 KB Download
• 📄Pompeji_IRARAH_2eng.pdf808.71 KB Download
• 🧩Pompeji_IRARAH_2eng.tex107.13 KB Download
• 📘TheLastFreedom.docx3798.41 KB Download
• 📘TheLastFreedom.epub39.34 KB Download
• 📘TheLastFreedom.md149.7 KB Download
• 📄TheLastFreedom.pdf4034.3 KB Download
• 🧩TheLastFreedom.tex157.76 KB Download
• 📁TheLastFreedom_entpacktOrdner ZIP
• 📘ToDo.txt59.75 KB Download
• 🖼Trilogie.jpg591.34 KB Download
• 🖼Trilogie.png2037.41 KB Download
• 📄TrilogieDie letzte Freiheit.pdf144.04 KB Download
• 📄TrilogyLastFreedom .pdf140.01 KB Download
• 📘Unitaritaet.docx32.72 KB Download
• 📘Unitaritaet.epub29.31 KB Download
• 📘Unitaritaet.md65.89 KB Download
• 📄Unitaritaet.pdf375.32 KB Download
• 🧩Unitaritaet.tex72.38 KB Download
• 📘Unitaritaet_alt.epub29.62 KB Download
• 📘VorgeschichteIRARAH.epub38.27 KB Download
• 📘VorgeschichteIRARAH.md57.77 KB Download
• 📄VorgeschichteIRARAH.pdf398.99 KB Download
• 🧩VorgeschichteIRARAH.tex62.52 KB Download
• 📘VorgeschichteIRARAH_2.md57.92 KB Download
• 📘VorgeschichteIRARAH_2eng.md56.75 KB Download
• 🧩aktuelleEdition.html125.23 KB Download
• 🧩bundle1tutorial.html68.18 KB Download
• 🧩bundle1tutorialeng.html67.25 KB Download
• 🧩bundle2tutorial.html69.38 KB Download
• 🧩bundle2tutorialeng.html68.17 KB Download
• 🧩bundle3tutorial.html71.34 KB Download
• 🧩bundle3tutorialeng.html70.05 KB Download
• 🧩bundle4tutorial.html67.07 KB Download
• 🧩bundle4tutorialeng.html66.24 KB Download
• 🧩index.html39.87 KB Download
• 🧩index_alt.html148.3 KB Download
• 🧩index_alt1709.html108.88 KB Download
• 🧩index_alt2.html80.06 KB Download
• 🧩index_alt2009.html114.21 KB Download
• 🧩index_alt220926.html120.56 KB Download
• 🧩index_alt_130826.html90.31 KB Download
• 🧩indexohneAutor.html97.87 KB Download
• 🧩indextest.html90.31 KB Download
• 📁mediaOrdner ZIP
• 📘modal.docx20.26 KB Download
• 📘modal.epub20.98 KB Download
• 🧩modal.html87.08 KB Download
• 📘modal.md19.27 KB Download
• 📄modal.pdf257.49 KB Download
• 📘modal10.docx19.79 KB Download
• 📘modal10.epub22.2 KB Download
• 📘modal10.md17.14 KB Download
• 📄modal10.pdf269.61 KB Download
• 🧩modal10.tex23.81 KB Download
• 📘modal10eng.docx19.25 KB Download
• 📘modal10eng.epub21.37 KB Download
• 📘modal10eng.md16.22 KB Download
• 📄modal10eng.pdf262.9 KB Download
• 🧩modal10eng.tex22.82 KB Download
• 📘modal11.docx19.84 KB Download
• 📘modal11.epub22.22 KB Download
• 📘modal11.md17.33 KB Download
• 📄modal11.pdf251.96 KB Download
• 🧩modal11.tex24.01 KB Download
• 📘modal11eng.docx19.34 KB Download
• 📘modal11eng.epub21.38 KB Download
• 📘modal11eng.md15.87 KB Download
• 📄modal11eng.pdf244.41 KB Download
• 🧩modal11eng.tex22.46 KB Download
• 📘modal12.docx19.49 KB Download
• 📘modal12.epub21.68 KB Download
• 📘modal12.md15.63 KB Download
• 📄modal12.pdf269.16 KB Download
• 🧩modal12.tex22.36 KB Download
• 📘modal12eng.docx18.96 KB Download
• 📘modal12eng.epub20.8 KB Download
• 📘modal12eng.md14.36 KB Download
• 📄modal12eng.pdf260.47 KB Download
• 🧩modal12eng.tex21.03 KB Download
• 📘modal13.docx18.3 KB Download
• 📘modal13.epub20.17 KB Download
• 📘modal13.md14.62 KB Download
• 📄modal13.pdf246.83 KB Download
• 🧩modal13.tex21.98 KB Download
• 📘modal13eng.docx17.98 KB Download
• 📘modal13eng.epub19.58 KB Download
• 📘modal13eng.md13.73 KB Download
• 📄modal13eng.pdf239.63 KB Download
• 🧩modal13eng.tex21.01 KB Download
• 📘modal14.docx19.16 KB Download
• 📘modal14.epub21.37 KB Download
• 📘modal14.md16.18 KB Download
• 📄modal14.pdf244.23 KB Download
• 🧩modal14.tex22.75 KB Download
• 📘modal14eng.docx18.69 KB Download
• 📘modal14eng.epub20.73 KB Download
• 📘modal14eng.md15.15 KB Download
• 🧩modal14eng.tex21.66 KB Download
• 📘modal15.docx20.52 KB Download
• 📘modal15.epub22.27 KB Download
• 📘modal15.md19.19 KB Download
• 🧩modal15.tex27.39 KB Download
• 📘modal15eng.docx20.1 KB Download
• 📘modal15eng.epub21.54 KB Download
• 📘modal15eng.md17.62 KB Download
• 🧩modal15eng.tex25.95 KB Download
• 📘modal16.docx19.32 KB Download
• 📘modal16.epub19.95 KB Download
• 📘modal16.md16.15 KB Download
• 📄modal16.pdf265.46 KB Download
• 🧩modal16.tex23.31 KB Download
• 📘modal16eng.docx18.87 KB Download
• 📘modal16eng.epub19.3 KB Download
• 📘modal16eng.md15.45 KB Download
• 📄modal16eng.pdf257.94 KB Download
• 🧩modal16eng.tex22.61 KB Download
• 📘modal17.docx19 KB Download
• 📘modal17.epub18.97 KB Download
• 📘modal17.md14.3 KB Download
• 📄modal17.pdf264.06 KB Download
• 🧩modal17.tex21 KB Download
• 📘modal17eng.docx18.68 KB Download
• 📘modal17eng.epub18.37 KB Download
• 📘modal17eng.md13.49 KB Download
• 📄modal17eng.pdf259.48 KB Download
• 🧩modal17eng.tex20.15 KB Download
• 📘modal2.docx20.68 KB Download
• 📘modal2.epub22.81 KB Download
• 📘modal2.md20.37 KB Download
• 📄modal2.pdf271.68 KB Download
• 🧩modal2.tex24.18 KB Download
• 📘modal2eng.docx20.14 KB Download
• 📘modal2eng.epub22.02 KB Download
• 📘modal2eng.md18.76 KB Download
• 📄modal2eng.pdf263.86 KB Download
• 🧩modal2eng.tex22.98 KB Download
• 🧩modal2tutorial.html53.21 KB Download
• 🧩modal2tutorialeng.html51.81 KB Download
• 📘modal3.epub18.87 KB Download
• 📘modal3.md14.34 KB Download
• 📄modal3.pdf251.53 KB Download
• 🧩modal3.tex17.62 KB Download
• 📘modal3eng.docx17.96 KB Download
• 📘modal3eng.md12.9 KB Download
• 📄modal3eng.pdf244.63 KB Download
• 🧩modal3eng.tex16.64 KB Download
• 🧩modal3tutorial.html52.41 KB Download
• 🧩modal3tutorialeng.html51.53 KB Download
• 📘modal4.docx22.86 KB Download
• 📘modal4.epub23.25 KB Download
• 📘modal4.md28.38 KB Download
• 📄modal4.pdf310.38 KB Download
• 🧩modal4.tex30.79 KB Download
• 📘modal4eng.docx22.36 KB Download
• 📘modal4eng.epub22.49 KB Download
• 📘modal4eng.md27.42 KB Download
• 📄modal4eng.pdf300.16 KB Download
• 🧩modal4eng.tex29.87 KB Download
• 🧩modal4tutorial.html69.97 KB Download
• 🧩modal4tutorialeng.html68.51 KB Download
• 📘modal5.docx19.25 KB Download
• 📘modal5.epub20.82 KB Download
• 📘modal5.md15.17 KB Download
• 📄modal5.pdf263.65 KB Download
• 🧩modal5.tex17.77 KB Download
• 📘modal5eng.docx18.76 KB Download
• 📘modal5eng.epub20.13 KB Download
• 📘modal5eng.md14.33 KB Download
• 📄modal5eng.pdf256.36 KB Download
• 🧩modal5eng.tex16.92 KB Download
• 🧩modal5tutorial.html51.22 KB Download
• 🧩modal5tutorialeng.html50.56 KB Download
• 📘modal6.docx25.68 KB Download
• 📘modal6.epub29.44 KB Download
• 📘modal6.md25.58 KB Download
• 📄modal6.pdf338.04 KB Download
• 🧩modal6.tex36.44 KB Download
• 📘modal6eng.docx25.24 KB Download
• 📘modal6eng.epub28.69 KB Download
• 📘modal6eng.md24.76 KB Download
• 📄modal6eng.pdf330.28 KB Download
• 🧩modal6eng.tex35.47 KB Download
• 📘modal7.docx21.36 KB Download
• 📘modal7.epub24.28 KB Download
• 📘modal7.md19.92 KB Download
• 📄modal7.pdf281.12 KB Download
• 🧩modal7.tex29.64 KB Download
• 📘modal7eng.docx20.89 KB Download
• 📘modal7eng.epub23.61 KB Download
• 📘modal7eng.md18.82 KB Download
• 📄modal7eng.pdf273.11 KB Download
• 🧩modal7eng.tex28.42 KB Download
• 📘modal8.docx21.12 KB Download
• 📘modal8.epub21.97 KB Download
• 📘modal8.md18.55 KB Download
• 📄modal8.pdf287.82 KB Download
• 🧩modal8.tex25.24 KB Download
• 📘modal8eng.docx20.59 KB Download
• 📘modal8eng.epub21.18 KB Download
• 📘modal8eng.md17.32 KB Download
• 📄modal8eng.pdf279.51 KB Download
• 🧩modal8eng.tex23.89 KB Download
• 📘modal9.docx20.44 KB Download
• 📘modal9.epub21.93 KB Download
• 📘modal9.md17.59 KB Download
• 📄modal9.pdf269.75 KB Download
• 🧩modal9.tex26.26 KB Download
• 📘modal9eng.docx20.44 KB Download
• 📘modal9eng.epub21.93 KB Download
• 📘modal9eng.md17.59 KB Download
• 📄modal9eng.pdf269.75 KB Download
• 🧩modal9eng.tex26.26 KB Download
• 🧩modal_260926.html45.13 KB Download
• 🧩modal_alt.html37.84 KB Download
• 📘modaleng.docx19.7 KB Download
• 📘modaleng.epub20.33 KB Download
• 📘modaleng.md17.83 KB Download
• 📄modaleng.pdf252.61 KB Download
• 🧩modaleng.tex20.17 KB Download
• 🧩modaltutorial.html51.62 KB Download
• 🧩modaltutorialeng.html49.65 KB Download
• 📄modul14eng.pdf239.74 KB Download
• 📄modul15.pdf251.36 KB Download
• 📄modul15eng.pdf244.95 KB Download
• 📘modul6.docx15.52 KB Download
• 📘modul6.epub13.13 KB Download
• 📘modul6.md8.06 KB Download
• 📄modul6.pdf192.16 KB Download
• 🧩modul6.tex9.48 KB Download
• 📘modul6eng.docx15.14 KB Download
• 📘modul6eng.epub12.6 KB Download
• 📘modul6eng.md7.46 KB Download
• 📄modul6eng.pdf188.84 KB Download
• 🧩modul6eng.tex8.77 KB Download
• 🖼og-image-pompeji.jpg214.16 KB Download
• 🖼og-image-pompeji_alt.jpg666.09 KB Download
• 🧩reader_inverseCh_entpackt.html2.69 KB Download
• 📘readme.md24.99 KB Download

bundle3tutorial.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 3 – Was folgt aus der Trinität? (Modul 12–14)</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 #6b4f8a;
            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: #6b4f8a;
            text-decoration: none;
        }
        .subhead a:hover { text-decoration: underline; }
        .version-badge {
            display: inline-block;
            background-color: #8b4513;
            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: #8a3a3a; }
        .part-tag.pB { background-color: #3a5a8a; }
        .part-tag.pC { background-color: #6b4f8a; }

        /* ========== STEP BLOCK ========== */
        .step-block {
            background-color: #faf8f3;
            border-left: 4px solid #8a3a3a;
            padding: 1.5rem 1.8rem;
            margin-bottom: 2rem;
            border-radius: 0 10px 10px 0;
        }
        .step-block.partA { border-left-color: #8a3a3a; }
        .step-block.partB { border-left-color: #3a5a8a; }
        .step-block.partC { border-left-color: #6b4f8a; }
        .step-number {
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: #8a3a3a;
            font-weight: bold;
        }
        .step-number.partB { color: #3a5a8a; }
        .step-number.partC { color: #6b4f8a; }
        .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: #6b4f8a;
        }
        .formula-box.partA {
            background-color: #f8d7da;
            border-color: #8a3a3a;
        }
        .formula-box.partB {
            background-color: #d4e4f7;
            border-color: #3a5a8a;
        }
        .formula-box.partC {
            background-color: #e8e0f0;
            border-color: #6b4f8a;
        }

        /* ========== 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: #6b4f8a;
        }
        .question-box .qsubmit {
            background-color: #6b4f8a;
            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: #4d3a63; }
        .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: #6b4f8a;
            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: #6b4f8a;
            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>📐 Was folgt aus der Trinität? <span class="version-badge">Bündel 3 – Modul 12–14</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="bundle3.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 30</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 / 30</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: #6b4f8a;">the-last-freedom.org/Projekt_Pompeji</a></p>
        <p style="margin-top:0.2rem;">Bündel 3 führt durch die Module 12, 13 und 14 – was folgt aus der Trinität?</p>
    </div>

</div>

<script>
    // ================================================================
    //  DATA: 30 steps for Bundle 3 – Modules 12, 13, 14
    // ================================================================

    const steps = [
        // ============================================================
        //  EINLEITUNG (Steps 0–2)
        // ============================================================
        {
            id: 0,
            title: "Was ist Bündel 3?",
            part: "Einführung",
            explanation: `
                <p><strong>Bündel 3</strong> führt durch die drei Module, die die <strong>Konsequenzen</strong> aus der Trinität ziehen:</p>
                <ul>
                    <li><strong>Modul 12:</strong> Das Böse als Weg zum Guten.</li>
                    <li><strong>Modul 13:</strong> Der Beobachter in zwei Deutungen.</li>
                    <li><strong>Modul 14:</strong> Die Einheit der Perspektiven.</li>
                </ul>
                <p>Diese drei Module beantworten die Frage: <strong>Was folgt aus der Trinität?</strong></p>
                <p>Sie bauen auf den Bündeln 1 und 2 auf, setzen aber nur die Grundlagen aus <code>modal5.md</code> voraus.</p>
            `,
            question_html: `
                <p><strong>Was ist das Ziel von Bündel 3?</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 Konsequenzen aus der Trinität zu zeigen.</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 und 2 gezeigt haben",
            part: "Einführung",
            explanation: `
                <p>In Bündel 1 und 2 wurde gezeigt:</p>
                <ol>
                    <li><strong>Modul 6–8:</strong> Die axiomatische Struktur der Trinität ist robust, relativ und präzisierbar.</li>
                    <li><strong>Modul 9–11:</strong> Die Trinität erscheint in verschiedenen Zugängen — bimodal, unitär, temporal.</li>
                </ol>
                <p>Bündel 3 geht einen Schritt weiter: Es zeigt, <strong>was aus der Trinität folgt</strong>.</p>
            `,
            question_html: `
                <p><strong>Was haben Bündel 1 und 2 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"> Dass die Trinität axiom-invariant ist und in verschiedenen Zugängen erscheint.</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 Konsequenzen",
            part: "Einführung",
            explanation: `
                <p>Bündel 3 zeigt drei Konsequenzen aus der Trinität:</p>
                <ol>
                    <li><strong>Das Böse ist ein Weg zum Guten</strong> (Modul 12): Es ist kein zweiter Grenzwert, sondern die unvermeidliche Evolution zum Guten.</li>
                    <li><strong>Der Beobachter ist in zwei Deutungen fassbar</strong> (Modul 13): Konstitutiv (DeLillo) oder nicht-konstitutiv (Van Dormael).</li>
                    <li><strong>Die Einheit der Perspektiven folgt aus A1</strong> (Modul 14): Sie ist konstitutiv, nicht gestiftet.</li>
                </ol>
                <p>Alle drei Konsequenzen folgen aus derselben Struktur — der Trinität.</p>
            `,
            question_html: `
                <p><strong>Welche drei Konsequenzen zeigt Bündel 3?</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"> Das Böse, der Beobachter, die Einheit</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: DAS BÖSE ALS WEG ZUM GUTEN (Modul 12) – Steps 3–12
        // ============================================================
        {
            id: 3,
            title: "TEIL A – Modul 12: Das Böse als Weg zum Guten",
            part: "Teil A",
            explanation: `
                <div style="background:#f8d7da; padding:0.5rem 1rem; border-radius:6px; margin-bottom:1rem;">
                    <span class="part-tag pA">TEIL A</span>
                    <strong>Modul 12</strong>
                </div>
                <p><strong>Frage:</strong> Wie lässt sich das Böse in einer monistischen Ontologie fassen?</p>
                <p><strong>Antwort:</strong> Das Böse ist <strong>kein zweiter Grenzwert</strong>, sondern die unvermeidliche <strong>Evolution zum Guten</strong>.</p>
                <p><strong>Konsequenz:</strong> Das Böse ist genetisch, nicht ontologisch.</p>
            `,
            question_html: `
                <p><strong>Was ist die Hauptfrage von Modul 12?</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"> Wie sich das Böse in einer monistischen Ontologie fassen lässt.</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 Leerstelle \"das Böse\"",
            part: "Teil A",
            explanation: `
                <p>In den bisherigen Abhandlungen (Modal 5–11) erschien das Böse als <strong>Leerstelle</strong>. Es wurde nicht behandelt.</p>
                <p><strong>Warum?</strong> Weil das Böse oft als zweiter Grenzwert gedacht wurde — als Gegenstück zum Guten. Aber das wäre <strong>Dualismus</strong>, nicht <strong>Monismus</strong>.</p>
                <p>Modul 12 füllt die Leerstelle — aber <strong>nicht</strong> im Sinne eines zweiten Grenzwerts.</p>
            `,
            question_html: `
                <p><strong>Warum erschien das Böse in den bisherigen Abhandlungen als Leerstelle?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q4" value="0"> Weil es nicht existiert.</label>
                    <label><input type="radio" name="q4" value="1"> Weil es oft als zweiter Grenzwert gedacht wurde, was Dualismus wäre.</label>
                    <label><input type="radio" name="q4" value="2"> Weil es zu kompliziert ist.</label>
                    <label><input type="radio" name="q4" value="3"> Weil A1 es verbietet.</label>
                    <label><input type="radio" name="q4" value="4"> Weil S5 widersprüchlich ist.</label>
                    <label><input type="radio" name="q4" value="5"> Weil es irrelevant ist.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 5,
            title: "Die Einzigkeit der Trinität",
            part: "Teil A",
            explanation: `
                <p>Aus A1 (Monismus) folgt <strong>unmittelbar</strong>:</p>
                <div class="formula-box partA important">Es kann keinen zweiten Grenzwert geben, der gleichursprünglich mit der Trinität wäre.</div>
                <p><strong>Beweis:</strong> Angenommen, es gäbe einen zweiten Grenzwert B neben der Trinität. Dann wären B und Tr zwei fundamental getrennte Grenzwerte. Widerspruch zu A1.</p>
                <p><strong>Konsequenz:</strong> Das Böse ist <strong>kein Gegenstück</strong> zum Guten. Es muss etwas anderes sein.</p>
            `,
            question_html: `
                <p><strong>Was folgt aus A1 für das Böse?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q5" value="0"> Das Böse ist ein zweiter Grenzwert.</label>
                    <label><input type="radio" name="q5" value="1"> Das Böse ist kein zweiter Grenzwert.</label>
                    <label><input type="radio" name="q5" value="2"> Das Böse existiert nicht.</label>
                    <label><input type="radio" name="q5" value="3"> Das Böse ist gleichursprünglich mit dem Guten.</label>
                    <label><input type="radio" name="q5" value="4"> Das Böse ist dasselbe wie das Gute.</label>
                    <label><input type="radio" name="q5" value="5"> Das Böse widerspricht A1.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 6,
            title: "Was \"Weg zum Guten\" bedeutet",
            part: "Teil A",
            explanation: `
                <p>Sei T die Totalität und S der obere Grenzwert (die Selbsterkenntnis). Ein <strong>Weg</strong> in T ist eine stetige Funktion:</p>
                <div class="formula-box partA">γ : [0,1] → T</div>
                <p>Das <strong>Gute</strong> ist der obere Grenzwert S:</p>
                <div class="formula-box partA">Gut := S</div>
                <p>Ein Weg γ <strong>führt zum Guten</strong>, wenn:</p>
                <div class="formula-box partA">lim<sub>t→1</sub> γ(t) = S</div>
            `,
            question_html: `
                <p><strong>Was ist das Gute in Modul 12?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q6" value="0"> Der untere Grenzwert U.</label>
                    <label><input type="radio" name="q6" value="1"> Der obere Grenzwert S.</label>
                    <label><input type="radio" name="q6" value="2"> Die Totalität T.</label>
                    <label><input type="radio" name="q6" value="3"> Ein Weg γ.</label>
                    <label><input type="radio" name="q6" value="4"> Ein Axiom.</label>
                    <label><input type="radio" name="q6" value="5"> Eine Illusion.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 7,
            title: "Das Böse als Gesamtheit der Pfade",
            part: "Teil A",
            explanation: `
                <p>Das <strong>Böse</strong> ist die Gesamtheit der Pfade γ, die zum Guten führen, <strong>insofern sie Leid, Verlust und Trennung enthalten</strong>:</p>
                <div class="formula-box partA important">Böse := { γ : [0,1] → T | lim<sub>t→1</sub> γ(t) = S ∧ Leid(γ) }</div>
                <p><strong>Bedeutung:</strong></p>
                <ul>
                    <li>Das Böse ist <strong>kein Weg</strong> und <strong>kein Zustand</strong>, sondern eine <strong>Menge von Wegen</strong>.</li>
                    <li>Es ist <strong>nicht</strong> der Grenzwert, sondern die <strong>Gesamtheit der Wege zum Grenzwert</strong>.</li>
                    <li>Es ist <strong>genetisch</strong>, nicht ontologisch.</li>
                </ul>
            `,
            question_html: `
                <p><strong>Was ist das Böse in Modul 12?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q7" value="0"> Ein Zustand.</label>
                    <label><input type="radio" name="q7" value="1"> Eine Gesamtheit von Wegen zum Guten, insofern sie Leid enthalten.</label>
                    <label><input type="radio" name="q7" value="2"> Ein zweiter Grenzwert.</label>
                    <label><input type="radio" name="q7" value="3"> Eine Illusion.</label>
                    <label><input type="radio" name="q7" value="4"> Ein Axiom.</label>
                    <label><input type="radio" name="q7" value="5"> Eine Zeit.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 8,
            title: "Beweis: Das Böse ist kein Grenzwert",
            part: "Teil A",
            explanation: `
                <p><strong>Satz B-A:</strong> In S5+A1 gilt: Das Böse ist <strong>kein</strong> Grenzwert.</p>
                <p><strong>Beweis:</strong></p>
                <ol>
                    <li>Aus A1 folgt: Es gibt keinen zweiten, fundamental getrennten Grenzwert.</li>
                    <li>Angenommen, das Böse wäre ein Grenzwert B.</li>
                    <li>Dann wäre B ein zweiter Grenzwert neben der Trinität.</li>
                    <li>Aus A1 und Schritt 3 folgt: B und Tr wären fundamental getrennt. Widerspruch.</li>
                    <li>Also ist das Böse <strong>kein</strong> Grenzwert.</li>
                </ol>
                <div class="formula-box partA important">S5+A1 ⊢ Das Böse ist kein Grenzwert</div>
            `,
            question_html: `
                <p><strong>Was zeigt Satz B-A?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q8" value="0"> Das Böse ist ein Grenzwert.</label>
                    <label><input type="radio" name="q8" value="1"> Das Böse ist kein Grenzwert.</label>
                    <label><input type="radio" name="q8" value="2"> Das Böse existiert nicht.</label>
                    <label><input type="radio" name="q8" value="3"> Das Böse ist gleichursprünglich mit dem Guten.</label>
                    <label><input type="radio" name="q8" value="4"> Das Böse ist dasselbe wie das Gute.</label>
                    <label><input type="radio" name="q8" value="5"> Das Böse widerspricht A1.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 9,
            title: "Vergleich mit klassischen Theorien",
            part: "Teil A",
            explanation: `
                <p>Unsere Fassung nimmt Elemente aus drei klassischen Theorien 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;">Theorie</th>
                        <th style="border:1px solid #d4cab8; padding:0.4rem; text-align:left;">Auffassung des Bösen</th>
                    </tr>
                    <tr>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;"><strong>Privatio boni</strong> (Augustinus)</td>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;">Abwesenheit des Guten</td>
                    </tr>
                    <tr>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;"><strong>Manichäismus</strong></td>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;">Zweites Prinzip neben dem Guten</td>
                    </tr>
                    <tr>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;"><strong>Theosis</strong></td>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;">Durchgangsphase zur Vergöttlichung</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;">Weg zum Guten (genetisch)</td>
                    </tr>
                </table>
                <p>Unsere Fassung unterscheidet sich von allen drei dadurch, dass sie das Böse <strong>genetisch</strong> fasst.</p>
            `,
            question_html: `
                <p><strong>Wie unterscheidet sich unsere Fassung von den klassischen Theorien?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q9" value="0"> Sie fasst das Böse als Abwesenheit.</label>
                    <label><input type="radio" name="q9" value="1"> Sie fasst das Böse genetisch — als Weg zum Guten.</label>
                    <label><input type="radio" name="q9" value="2"> Sie fasst das Böse als zweites Prinzip.</label>
                    <label><input type="radio" name="q9" value="3"> Sie fasst das Böse als Durchgangsphase.</label>
                    <label><input type="radio" name="q9" value="4"> Sie leugnet das Böse.</label>
                    <label><input type="radio" name="q9" value="5"> Sie macht das Böse zum Grenzwert.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 10,
            title: "Was folgt daraus? Das Böse ist genetisch",
            part: "Teil A",
            explanation: `
                <p>Die zentrale Einsicht von Modul 12:</p>
                <div class="formula-box partA important">Das Böse ist genetisch, nicht ontologisch.</div>
                <p><strong>Was das bedeutet:</strong></p>
                <ul>
                    <li>Das Böse ist <strong>kein Zustand</strong>, sondern eine <strong>Struktur des Werdens</strong>.</li>
                    <li>Es ist nicht <strong>ewig</strong>.</li>
                    <li>Es ist nicht <strong>substanziell</strong>.</li>
                    <li>Es ist <strong>aufgehoben</strong> am Grenzwert — nicht ausgelöscht, sondern integriert.</li>
                </ul>
            `,
            question_html: `
                <p><strong>Was ist das Hauptergebnis von Modul 12?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q10" value="0"> Das Böse ist ein zweiter Grenzwert.</label>
                    <label><input type="radio" name="q10" value="1"> Das Böse ist genetisch, nicht ontologisch.</label>
                    <label><input type="radio" name="q10" value="2"> Das Böse existiert nicht.</label>
                    <label><input type="radio" name="q10" value="3"> Das Böse ist gleichursprünglich mit dem Guten.</label>
                    <label><input type="radio" name="q10" value="4"> Das Böse ist dasselbe wie das Gute.</label>
                    <label><input type="radio" name="q10" value="5"> Das Böse widerspricht A1.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 11,
            title: "Die offene Frage: Gibt es Wege, die nicht zum Guten führen?",
            part: "Teil A",
            explanation: `
                <p>Modul 12 hat das Böse als Weg zum Guten gefasst. Offen blieb die Frage:</p>
                <p><strong>Gibt es Wege, die nicht zum Guten führen?</strong></p>
                <p><strong>Mögliche Antworten:</strong></p>
                <ul>
                    <li><strong>Nein:</strong> Alle Wege führen zum Guten.</li>
                    <li><strong>Ja, aber unwirklich:</strong> Es gibt mögliche, aber keine wirklichen Wege ohne Gutes.</li>
                    <li><strong>Ja, und wirklich:</strong> Es gibt wirkliche Wege ohne Gutes.</li>
                </ul>
                <p>Die Frage ist Gegenstand von Modul 16.</p>
            `,
            question_html: `
                <p><strong>Welche Frage bleibt nach Modul 12 offen?</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"> Ob es Wege gibt, die nicht zum Guten führen.</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
        },
        {
            id: 12,
            title: "Übergang zu Teil B",
            part: "Teil A",
            explanation: `
                <p>Modul 12 hat gezeigt: Das Böse ist ein Weg zum Guten, kein zweiter Grenzwert. Offen blieb die Frage:</p>
                <p><strong>Wie verhält sich der Beobachter zur Trinität?</strong></p>
                <p>Diese Frage behandelt <strong>Modul 13</strong>.</p>
            `,
            question_html: `
                <p><strong>Welche Frage behandelt Modul 13?</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"> Wie sich der Beobachter zur Trinität verhält.</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
        },

        // ============================================================
        //  TEIL B: DER BEOBACHTER IN ZWEI DEUTUNGEN (Modul 13) – Steps 13–21
        // ============================================================
        {
            id: 13,
            title: "TEIL B – Modul 13: Der Beobachter in zwei Deutungen",
            part: "Teil B",
            explanation: `
                <div style="background:#d4e4f7; padding:0.5rem 1rem; border-radius:6px; margin-bottom:1rem;">
                    <span class="part-tag pB">TEIL B</span>
                    <strong>Modul 13</strong>
                </div>
                <p><strong>Frage:</strong> Welche Rolle spielt der Beobachter in der Trinität?</p>
                <p><strong>Antwort:</strong> Zwei Beobachter-Operatoren B_D (konstitutiv) und B_V (nicht-konstitutiv) führen beide zur Trinität — auf verschiedene Weise.</p>
                <p><strong>Konsequenz:</strong> Die Trinität ist beobachterkonzeptions-invariant.</p>
            `,
            question_html: `
                <p><strong>Was ist die Hauptfrage von Modul 13?</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"> Welche Rolle der Beobachter in der Trinität spielt.</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 Rolle des Beobachters",
            part: "Teil B",
            explanation: `
                <p>In <code>DieZeitlosigkeitDerSteine2.md</code> spielt der Beobachter eine zentrale Rolle — aber nur in der <strong>DeLillo-Perspektive</strong>.</p>
                <ul>
                    <li><strong>DeLillo (Kopenhagen):</strong> Ohne Beobachter keine Messung, ohne Messung kein Kollaps, ohne Kollaps keine Wirklichkeit. Der Beobachter ist <strong>konstitutiv</strong>.</li>
                    <li><strong>Van Dormael (MWI):</strong> Es gibt <strong>keinen ausgezeichneten Beobachter</strong>. Alle Welten existieren unabhängig davon, ob sie beobachtet werden. Der Beobachter ist <strong>nicht-konstitutiv</strong>.</li>
                </ul>
            `,
            question_html: `
                <p><strong>In welcher Perspektive spielt der Beobachter eine konstitutive Rolle?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q14" value="0"> Van Dormael (MWI)</label>
                    <label><input type="radio" name="q14" value="1"> DeLillo (Kopenhagen)</label>
                    <label><input type="radio" name="q14" value="2"> In beiden</label>
                    <label><input type="radio" name="q14" value="3"> In keiner</label>
                    <label><input type="radio" name="q14" value="4"> In der klassischen Mechanik</label>
                    <label><input type="radio" name="q14" value="5"> In der Relativitätstheorie</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 15,
            title: "Zwei Beobachter-Operatoren",
            part: "Teil B",
            explanation: `
                <p>Wir führen <strong>zwei</strong> Beobachter-Operatoren ein:</p>
                <ul>
                    <li><strong>𝓑_D p</strong>: "p gilt unter dem DeLillo-Beobachter (konstitutiv)."</li>
                    <li><strong>𝓑_V p</strong>: "p gilt unter dem Van-Dormael-Beobachter (nicht-konstitutiv)."</li>
                </ul>
                <p><strong>Semantik:</strong></p>
                <div class="formula-box partB">
𝓑_D p @ w ⟺ der Beobachter in w konstituiert p<br>
𝓑_V p @ w ⟺ p gilt strukturell in w, unabhängig vom Beobachter
                </div>
            `,
            question_html: `
                <p><strong>Wie viele Beobachter-Operatoren führt Modul 13 ein?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q15" value="0"> Einen</label>
                    <label><input type="radio" name="q15" value="1"> Zwei</label>
                    <label><input type="radio" name="q15" value="2"> Drei</label>
                    <label><input type="radio" name="q15" value="3"> Vier</label>
                    <label><input type="radio" name="q15" value="4"> Fünf</label>
                    <label><input type="radio" name="q15" value="5"> Keinen</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 16,
            title: "Die Axiome B1–B4",
            part: "Teil B",
            explanation: `
                <p>Die Axiome für die beiden Beobachter-Operatoren:</p>
                <ul>
                    <li><strong>B1:</strong> □(𝓑_D p → p) — Konstitutivität impliziert Wirklichkeit.</li>
                    <li><strong>B2:</strong> □(𝓑_V p → p) — Struktur impliziert Wirklichkeit.</li>
                    <li><strong>B3:</strong> □(𝓑_D p ↔ 𝓑_V p) — Beobachter-Relativität.</li>
                    <li><strong>B4:</strong> □(𝓑_D(U ∧ T ∧ S) ∧ 𝓑_V(U ∧ T ∧ S)) — Trinität unter beiden Beobachtern.</li>
                </ul>
                <p><strong>B3</strong> ist besonders wichtig: Die beiden Beobachterkonzeptionen sind <strong>äquivalent</strong>.</p>
            `,
            question_html: `
                <p><strong>Was besagt Axiom B3?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q16" value="0"> Konstitutivität impliziert Wirklichkeit.</label>
                    <label><input type="radio" name="q16" value="1"> Die beiden Beobachterkonzeptionen sind äquivalent.</label>
                    <label><input type="radio" name="q16" value="2"> Struktur impliziert Wirklichkeit.</label>
                    <label><input type="radio" name="q16" value="3"> Die Trinität gilt unter beiden Beobachtern.</label>
                    <label><input type="radio" name="q16" value="4"> Der Beobachter ist irrelevant.</label>
                    <label><input type="radio" name="q16" value="5"> Der Beobachter ist konstitutiv.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 17,
            title: "Beweis: Beide Beobachterkonzeptionen führen zur Trinität",
            part: "Teil B",
            explanation: `
                <p><strong>Satz B-A:</strong> In S5+SP+B1–B4 gilt:</p>
                <div class="formula-box partB important">□(U ∧ T ∧ S)</div>
                <p><strong>Beweisskizze:</strong></p>
                <ol>
                    <li>Aus modal5.md: In S5+SP gilt □(U ∧ T ∧ S).</li>
                    <li>Aus B4: 𝓑_D(U ∧ T ∧ S) ∧ 𝓑_V(U ∧ T ∧ S).</li>
                    <li>Aus B1: 𝓑_D(U ∧ T ∧ S) → U ∧ T ∧ S.</li>
                    <li>Aus B2: 𝓑_V(U ∧ T ∧ S) → U ∧ T ∧ S.</li>
                    <li>Aus B3: 𝓑_D(U ∧ T ∧ S) ↔ 𝓑_V(U ∧ T ∧ S).</li>
                    <li>Also: Beide Beobachterkonzeptionen führen zur Trinität.</li>
                </ol>
            `,
            question_html: `
                <p><strong>Was folgt aus B1–B4?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q17" value="0"> Die Trinität ist unmöglich.</label>
                    <label><input type="radio" name="q17" value="1"> Beide Beobachterkonzeptionen führen zur Trinität.</label>
                    <label><input type="radio" name="q17" value="2"> Die Trinität ist eine Illusion.</label>
                    <label><input type="radio" name="q17" value="3"> Eine der Beobachterkonzeptionen ist falsch.</label>
                    <label><input type="radio" name="q17" value="4"> Der Beobachter ist irrelevant.</label>
                    <label><input type="radio" name="q17" value="5"> S5 ist widersprüchlich.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 18,
            title: "Vergleich mit Everett, Bohr, Rovelli",
            part: "Teil B",
            explanation: `
                <p>Unsere beiden Operatoren erfassen zwei klassische Positionen:</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;">Interpret</th>
                        <th style="border:1px solid #d4cab8; padding:0.4rem; text-align:left;">Beobachter</th>
                        <th style="border:1px solid #d4cab8; padding:0.4rem; text-align:left;">Vergleich</th>
                    </tr>
                    <tr>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;"><strong>Bohr</strong></td>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;">Konstitutiv</td>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;">𝓑_D</td>
                    </tr>
                    <tr>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;"><strong>Everett</strong></td>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;">Nicht-konstitutiv</td>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;">𝓑_V</td>
                    </tr>
                    <tr>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;"><strong>Rovelli</strong></td>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;">Relational</td>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;">Weder 𝓑_D noch 𝓑_V</td>
                    </tr>
                </table>
                <p>Die relationale Position (Rovelli) ist eine <strong>dritte</strong> Position, die unsere Operatoren weder subsumieren noch ausschließen.</p>
            `,
            question_html: `
                <p><strong>Welcher Interpret entspricht dem nicht-konstitutiven Beobachter?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q18" value="0"> Bohr</label>
                    <label><input type="radio" name="q18" value="1"> Everett</label>
                    <label><input type="radio" name="q18" value="2"> Rovelli</label>
                    <label><input type="radio" name="q18" value="3"> Alle drei</label>
                    <label><input type="radio" name="q18" value="4"> Keiner</label>
                    <label><input type="radio" name="q18" value="5"> Einstein</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 19,
            title: "Was folgt daraus? Die Trinität ist beobachterkonzeptions-invariant",
            part: "Teil B",
            explanation: `
                <p>Die zentrale Einsicht von Modul 13:</p>
                <div class="formula-box partB important">Die Trinität ist beobachterkonzeptions-invariant.</div>
                <p><strong>Was das bedeutet:</strong></p>
                <ul>
                    <li>Die Notwendigkeit der Trinität ist <strong>nicht</strong> an eine bestimmte Beobachterkonzeption gebunden.</li>
                    <li>In S5+SP+𝓑_D ist sie notwendig aus <strong>konstitutiven</strong> Gründen.</li>
                    <li>In S5+SP+𝓑_V ist sie notwendig aus <strong>strukturellen</strong> Gründen.</li>
                    <li>Beide Perspektiven führen zur <strong>selben</strong> Struktur.</li>
                </ul>
            `,
            question_html: `
                <p><strong>Was ist das Hauptergebnis von Modul 13?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q19" value="0"> Die Trinität ist unmöglich.</label>
                    <label><input type="radio" name="q19" value="1"> Die Trinität ist beobachterkonzeptions-invariant.</label>
                    <label><input type="radio" name="q19" value="2"> Die Trinität ist eine Illusion.</label>
                    <label><input type="radio" name="q19" value="3"> Eine Beobachterkonzeption ist falsch.</label>
                    <label><input type="radio" name="q19" value="4"> Der Beobachter ist irrelevant.</label>
                    <label><input type="radio" name="q19" value="5"> S5 ist widersprüchlich.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 20,
            title: "Die offene Frage: Gibt es eine dritte Beobachterkonzeption?",
            part: "Teil B",
            explanation: `
                <p>Modul 13 hat zwei Beobachterkonzeptionen formalisiert: konstitutiv und nicht-konstitutiv. Offen blieb die Frage:</p>
                <p><strong>Gibt es eine dritte Beobachterkonzeption?</strong></p>
                <p><strong>Mögliche Kandidaten:</strong></p>
                <ul>
                    <li><strong>Relationale Konzeption</strong> (Rovelli).</li>
                    <li><strong>Epistemische Konzeption</strong> (QBismus).</li>
                    <li><strong>Prozessphilosophische Konzeption</strong> (Whitehead).</li>
                </ul>
                <p>Die Frage bleibt offen. Sie ist Gegenstand weiterer Untersuchungen.</p>
            `,
            question_html: `
                <p><strong>Welche Frage bleibt nach Modul 13 offen?</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"> Ob es eine dritte Beobachterkonzeption gibt.</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: "Übergang zu Teil C",
            part: "Teil B",
            explanation: `
                <p>Modul 13 hat gezeigt: Die Trinität ist beobachterkonzeptions-invariant. Offen blieb die Frage:</p>
                <p><strong>Was hält die verschiedenen Perspektiven zusammen?</strong></p>
                <p>Diese Frage behandelt <strong>Modul 14</strong>.</p>
            `,
            question_html: `
                <p><strong>Welche Frage behandelt Modul 14?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q21" value="0"> Ob die Trinität wahr ist.</label>
                    <label><input type="radio" name="q21" value="1"> Was die verschiedenen Perspektiven zusammenhält.</label>
                    <label><input type="radio" name="q21" value="2"> Ob S5 widersprüchlich ist.</label>
                    <label><input type="radio" name="q21" value="3"> Ob die Physik relevant ist.</label>
                    <label><input type="radio" name="q21" value="4"> Ob Gott existiert.</label>
                    <label><input type="radio" name="q21" value="5"> Ob die Trinität eine Illusion ist.</label>
                </div>
            `,
            answer: 1
        },

        // ============================================================
        //  TEIL C: DIE EINHEIT DER PERSPEKTIVEN (Modul 14) – Steps 22–29
        // ============================================================
        {
            id: 22,
            title: "TEIL C – Modul 14: Die Einheit der Perspektiven",
            part: "Teil C",
            explanation: `
                <div style="background:#e8e0f0; padding:0.5rem 1rem; border-radius:6px; margin-bottom:1rem;">
                    <span class="part-tag pC">TEIL C</span>
                    <strong>Modul 14</strong>
                </div>
                <p><strong>Frage:</strong> Was hält die verschiedenen Perspektiven zusammen?</p>
                <p><strong>Antwort:</strong> Die Einheit ist <strong>konstitutiv</strong> für die Trinität. Sie folgt direkt aus A1.</p>
                <p><strong>Konsequenz:</strong> Die Trinität ist ein Wesen in drei Strukturen, beobachterunabhängig.</p>
            `,
            question_html: `
                <p><strong>Was ist die Hauptfrage von Modul 14?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q22" value="0"> Ob die Trinität wahr ist.</label>
                    <label><input type="radio" name="q22" value="1"> Was die verschiedenen Perspektiven zusammenhält.</label>
                    <label><input type="radio" name="q22" value="2"> Ob S5 widersprüchlich ist.</label>
                    <label><input type="radio" name="q22" value="3"> Ob die Physik relevant ist.</label>
                    <label><input type="radio" name="q22" value="4"> Ob Gott existiert.</label>
                    <label><input type="radio" name="q22" value="5"> Ob die Trinität eine Illusion ist.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 23,
            title: "Die Frage nach der Einheit",
            part: "Teil C",
            explanation: `
                <p>Die Abhandlungen Modal 5–13 haben verschiedene Aspekte der Trinität formalisiert:</p>
                <ul>
                    <li><strong>Modal 5–8:</strong> Die axiomatische Struktur.</li>
                    <li><strong>Modal 9–11:</strong> Die verschiedenen Zugänge.</li>
                    <li><strong>Modal 12–13:</strong> Die Konsequenzen für das Böse und den Beobachter.</li>
                </ul>
                <p>Damit stellt sich die Frage: <strong>Was hält diese Perspektiven zusammen?</strong></p>
                <p>Die klassische Antwort wäre: Eine Synthese. Aber Modul 14 zeigt: Die Einheit ist <strong>keine Synthese</strong>. Sie ist <strong>konstitutiv</strong>.</p>
            `,
            question_html: `
                <p><strong>Was ist die klassische Antwort auf die Frage nach der Einheit?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q23" value="0"> Eine Synthese.</label>
                    <label><input type="radio" name="q23" value="1"> Eine Synthese — aber Modul 14 zeigt, dass die Einheit konstitutiv ist.</label>
                    <label><input type="radio" name="q23" value="2"> Eine Illusion.</label>
                    <label><input type="radio" name="q23" value="3"> Ein Widerspruch.</label>
                    <label><input type="radio" name="q23" value="4"> Ein Axiom.</label>
                    <label><input type="radio" name="q23" value="5"> Eine Zeit.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 24,
            title: "Die Einheit als konstitutive Struktur",
            part: "Teil C",
            explanation: `
                <p>Die Einheit ist <strong>nicht das Resultat</strong> einer nachträglichen Synthese. Sie ist <strong>konstitutiv</strong> — sie ist <strong>immer schon</strong> da.</p>
                <p><strong>Formale Konsequenz:</strong> Die Einheit ist kein zusätzliches Axiom. Sie folgt aus A1 (Monismus).</p>
                <div class="formula-box partC">A1 ⇒ Die Einheit von U, T, S</div>
                <p><strong>Intuition:</strong> Wenn U, T und S nicht fundamental getrennt sind, dann sind sie nicht fundamental verschieden. Also sind sie in einem bestimmten Sinn äquivalent.</p>
            `,
            question_html: `
                <p><strong>Wie ist die Einheit der Perspektiven in Modul 14 zu verstehen?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q24" value="0"> Als Resultat einer Synthese.</label>
                    <label><input type="radio" name="q24" value="1"> Als konstitutive Struktur — immer schon da.</label>
                    <label><input type="radio" name="q24" value="2"> Als Illusion.</label>
                    <label><input type="radio" name="q24" value="3"> Als Widerspruch.</label>
                    <label><input type="radio" name="q24" value="4"> Als Axiom.</label>
                    <label><input type="radio" name="q24" value="5"> Als Zeit.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 25,
            title: "Die Formel K(U, T, S)",
            part: "Teil C",
            explanation: `
                <p>Die <strong>konstitutive Einheit</strong> der Trinität wird formal gefasst als:</p>
                <div class="formula-box partC important">K(U, T, S) := □(U ↔ T) ∧ □(T ↔ S) ∧ □(S ↔ U)</div>
                <p><strong>Lesart:</strong> K(U, T, S) gilt genau dann, wenn U, T und S in allen Welten äquivalent sind.</p>
                <p><strong>Bedeutung:</strong> K(U, T, S) ist <strong>kein zusätzlicher Operator</strong>. Es ist eine <strong>Konjunktion</strong> von drei Äquivalenzen.</p>
            `,
            question_html: `
                <p><strong>Was ist K(U, T, S)?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q25" value="0"> Ein zusätzlicher Operator.</label>
                    <label><input type="radio" name="q25" value="1"> Eine Konjunktion von drei Äquivalenzen: □(U ↔ T) ∧ □(T ↔ S) ∧ □(S ↔ U).</label>
                    <label><input type="radio" name="q25" value="2"> Eine Illusion.</label>
                    <label><input type="radio" name="q25" value="3"> Ein Widerspruch.</label>
                    <label><input type="radio" name="q25" value="4"> Ein Axiom.</label>
                    <label><input type="radio" name="q25" value="5"> Eine Zeit.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 26,
            title: "Beweis: Die Einheit folgt aus A1",
            part: "Teil C",
            explanation: `
                <p><strong>Satz K-A:</strong> In S5+A1 gilt:</p>
                <div class="formula-box partC important">□K(U, T, S)</div>
                <p><strong>Beweis:</strong></p>
                <ol>
                    <li>Aus A1 folgt: □¬∃x∃y FundamentalGetrennt(x, y).</li>
                    <li>Angenommen, ¬K(U, T, S). Dann gibt es zwei der drei Aspekte, die nicht äquivalent sind. O. B. d. A. sei ¬□(U ↔ T).</li>
                    <li>Aus ¬□(U ↔ T) folgt: ◇(U ∧ ¬T) ∨ ◇(¬U ∧ T).</li>
                    <li>In beiden Fällen gibt es eine Welt, in der U und T fundamental getrennt sind.</li>
                    <li>Widerspruch zu A1.</li>
                    <li>Also gilt K(U, T, S). Mit Necessitation: □K(U, T, S).</li>
                </ol>
            `,
            question_html: `
                <p><strong>Was zeigt Satz K-A?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q26" value="0"> K(U, T, S) ist unabhängig von A1.</label>
                    <label><input type="radio" name="q26" value="1"> K(U, T, S) folgt aus A1.</label>
                    <label><input type="radio" name="q26" value="2"> K(U, T, S) widerspricht A1.</label>
                    <label><input type="radio" name="q26" value="3"> K(U, T, S) ist eine Illusion.</label>
                    <label><input type="radio" name="q26" value="4"> K(U, T, S) ist ein Axiom.</label>
                    <label><input type="radio" name="q26" value="5"> K(U, T, S) ist eine Zeit.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 27,
            title: "Die Einheit umfasst alle Wege",
            part: "Teil C",
            explanation: `
                <p>In Modul 10 wurde gezeigt: Die Unitarität ist die Struktur von T. In Modul 12 wurde gezeigt: Das Böse ist die Gesamtheit der Wege zum Guten.</p>
                <p>Modul 14 fügt hinzu: Die Einheit der Perspektiven umfasst <strong>alle</strong> Wege — auch die, die nicht zum Omega-Punkt gelangen:</p>
                <div class="formula-box partC important">∀γ ⊆ T : γ ∈ T ∧ K(U, T, S)</div>
                <p><strong>Bedeutung:</strong> Die Einheit ist <strong>stärker</strong> als die Unitarität. Die Unitarität sagt: Alle Wege sind in T. Die Einheit sagt: Alle Wege sind in T, <strong>und</strong> U, T, S sind in allen Welten äquivalent.</p>
            `,
            question_html: `
                <p><strong>Was umfasst die Einheit der Perspektiven in Modul 14?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q27" value="0"> Nur die Wege zum Omega-Punkt.</label>
                    <label><input type="radio" name="q27" value="1"> Alle Wege — auch die, die nicht zum Omega-Punkt gelangen.</label>
                    <label><input type="radio" name="q27" value="2"> Keine Wege.</label>
                    <label><input type="radio" name="q27" value="3"> Nur die Wege des Bösen.</label>
                    <label><input type="radio" name="q27" value="4"> Nur die Wege des Guten.</label>
                    <label><input type="radio" name="q27" value="5"> Nur die Wege des Beobachters.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 28,
            title: "Vergleich mit Kant, Hegel, Whitehead",
            part: "Teil C",
            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;">Einheit als...</th>
                    </tr>
                    <tr>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;"><strong>Kant</strong></td>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;">Transzendentale Bedingung</td>
                    </tr>
                    <tr>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;"><strong>Hegel</strong></td>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;">Resultat der Dialektik</td>
                    </tr>
                    <tr>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;"><strong>Whitehead</strong></td>
                        <td style="border:1px solid #d4cab8; padding:0.4rem;">Konkreszenz</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;">Konstitutive Struktur</td>
                    </tr>
                </table>
                <p>Unsere Fassung unterscheidet sich von allen drei dadurch, dass sie die Einheit <strong>strukturell</strong> fasst: als <strong>Form</strong> der Trinität.</p>
            `,
            question_html: `
                <p><strong>Wie unterscheidet sich unsere Fassung von Hegel?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q28" value="0"> Hegel: Einheit als konstitutive Struktur; wir: Einheit als Resultat.</label>
                    <label><input type="radio" name="q28" value="1"> Hegel: Einheit als Resultat der Dialektik; wir: Einheit als konstitutive Struktur.</label>
                    <label><input type="radio" name="q28" value="2"> Beide: Einheit als Resultat.</label>
                    <label><input type="radio" name="q28" value="3"> Beide: Einheit als konstitutive Struktur.</label>
                    <label><input type="radio" name="q28" value="4"> Hegel leugnet die Einheit.</label>
                    <label><input type="radio" name="q28" value="5"> Wir leugnen die Einheit.</label>
                </div>
            `,
            answer: 1
        },
        {
            id: 29,
            title: "Bündel 3 – Abschluss: Was folgt aus der Trinität?",
            part: "Teil C",
            explanation: `
                <p><strong>Zusammenfassung Bündel 3:</strong></p>
                <ol>
                    <li><strong>Modul 12:</strong> Das Böse ist ein Weg zum Guten, kein zweiter Grenzwert. Es ist genetisch, nicht ontologisch.</li>
                    <li><strong>Modul 13:</strong> Der Beobachter ist konstitutiv oder strukturell. Beide Konzeptionen führen zur Trinität — sie ist beobachterkonzeptions-invariant.</li>
                    <li><strong>Modul 14:</strong> Die Einheit der Perspektiven folgt aus A1. Sie ist konstitutiv, nicht gestiftet.</li>
                </ol>
                <div class="formula-box important" style="font-size:1.1rem;">
                    Die Trinität ist ein Wesen in drei Strukturen, beobachterunabhängig. Aus ihr folgt: Das Böse ist Weg, der Beobachter ist invariant, die Einheit ist konstitutiv.
                </div>
                <p style="margin-top:1rem; text-align:center; font-style:italic; color:#555;">
                    Was bleibt, ist die Einsicht, dass die Trinität <strong>robust</strong> ist — gegenüber dem Bösen, gegenüber dem Beobachter, gegenüber den Perspektiven.
                </p>
            `,
            question_html: `
                <p><strong>Was ist das Fazit von Bündel 3?</strong></p>
                <div class="qoptions">
                    <label><input type="radio" name="q29" value="0"> Die Trinität ist unmöglich.</label>
                    <label><input type="radio" name="q29" value="1"> Die Trinität ist ein Wesen in drei Strukturen, beobachterunabhängig.</label>
                    <label><input type="radio" name="q29" value="2"> S5 ist widersprüchlich.</label>
                    <label><input type="radio" name="q29" value="3"> Die Physik ist irrelevant.</label>
                    <label><input type="radio" name="q29" value="4"> Gott existiert nicht.</label>
                    <label><input type="radio" name="q29" 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 3 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>