• 📘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

indexohneAutor.html

<!DOCTYPE html>
<html lang="de">
<head>
    <!-- === ZEICHENKODIERUNG & VIEWPORT === -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">

    <!-- === TITEL & BASIS-URL === -->
    <title>Das Pompeji-Projekt – IRARAH Trilogie | Science-Fiction & Thriller | Paul Koop</title>
    <base href="https://pompeii-project.org">
    <link rel="canonical" href="https://pompeii-project.org">

    <!-- === STANDARD-META-TAGS (SEO) === -->
    <meta name="description" content="Die IRARAH-Trilogie: Ein experimentelles Erzähl- und Denkprojekt über Freiheit, Bewusstsein und Widerstand in einer technologisch überwachten Welt. Zwei Versionen (Agententhriller / Science-Fiction), zweisprachig (Deutsch/Englisch).">
    <meta name="keywords" content="IRARAH, Pompeji-Trilogie, Science-Fiction, Thriller, Transhumanismus, Posthumanismus, Omegapunkt, Teilhard de Chardin, David Deutsch, KI, Künstliche Intelligenz, Paul Koop, Open Access">
    <meta name="author" content="Paul Koop">
    <meta name="robots" content="index, follow">

    <!-- === OPEN GRAPH === -->
    <meta property="og:title" content="Das Pompeji-Projekt – IRARAH Trilogie | Zwei Wege, eine Geschichte">
    <meta property="og:description" content="Zwei Versionen, eine Geschichte: Als Agententhriller oder als Science-Fiction-Saga über Quantenphysik, KI-Bewusstsein und den Omegapunkt.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://the-last-freedom.org/Projekt_Pompeji/">
    <meta property="og:locale" content="de_DE">
    <meta property="og:site_name" content="the-last-freedom.org">

    <!-- === STRUKTURIERTE DATEN === -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "BookSeries",
      "name": "IRARAH-Trilogie",
      "alternateName": "Das Pompeji-Projekt",
      "description": "Eine experimentelle Trilogie über Freiheit, Bewusstsein und Widerstand in einer technologisch überwachten Welt.",
      "url": "https://the-last-freedom.org/Projekt_Pompeji/",
      "inLanguage": ["de", "en"],
      "author": {
        "@type": "Person",
        "name": "Paul Koop"
      },
      "isAccessibleForFree": true
    }
    </script>

    <style>
        /* ========== GLOBAL ========== */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: 'Georgia', 'Times New Roman', Times, serif;
            background-color: #f5f3ef;
            color: #2c2c2c;
            line-height: 1.7;
            padding-top: 70px;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 1.5rem 2rem;
        }

        /* ========== NAVIGATION ========== */
        .navbar {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            background-color: #fffef7;
            border-bottom: 2px solid #c4a86b;
            padding: 0.6rem 1.5rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 0.5rem;
            box-shadow: 0 2px 8px rgba(0,0,0,0.06);
        }

        .navbar .brand {
            font-size: 0.9rem;
            font-weight: bold;
            color: #c4a86b;
            letter-spacing: 1px;
            text-decoration: none;
        }

        .navbar .brand span {
            color: #2c2c2c;
        }

        .nav-links {
            display: flex;
            flex-wrap: wrap;
            gap: 0.3rem 0.8rem;
            list-style: none;
            align-items: center;
        }

        .nav-links a {
            color: #2c2c2c;
            text-decoration: none;
            font-size: 0.8rem;
            padding: 0.2rem 0.4rem;
            border-radius: 4px;
            transition: background-color 0.2s;
        }

        .nav-links a:hover {
            background-color: #f0ede6;
        }

        .nav-links .lang-btn {
            background: none;
            border: 1px solid #c4a86b;
            border-radius: 20px;
            padding: 0.1rem 0.6rem;
            font-size: 0.7rem;
            cursor: pointer;
            font-family: inherit;
            color: #2c2c2c;
            transition: background-color 0.2s;
        }

        .nav-links .lang-btn:hover {
            background-color: #c4a86b;
            color: #fffef7;
        }

        .nav-links .interactive-link {
            background-color: #c4a86b;
            color: #fffef7;
            border-radius: 20px;
            padding: 0.2rem 0.8rem;
            font-weight: bold;
            transition: background-color 0.2s;
        }

        .nav-links .interactive-link:hover {
            background-color: #a8894f;
            color: #fffef7;
        }

        /* ========== HERO ========== */
        .hero {
            text-align: center;
            padding: 3rem 1rem 2.5rem;
            border-bottom: 2px solid #e0d6c8;
            margin-bottom: 2rem;
        }

        .hero h1 {
            font-size: 2.8rem;
            font-weight: normal;
            letter-spacing: 2px;
            color: #2c2c2c;
            margin-bottom: 0.3rem;
        }

        .hero h1 span {
            font-style: italic;
            color: #c4a86b;
        }

        .hero .sub {
            font-size: 1.1rem;
            color: #6b6b6b;
            letter-spacing: 1px;
            margin-bottom: 1rem;
        }

        .hero .tagline {
            font-size: 1.05rem;
            color: #4a4a4a;
            max-width: 700px;
            margin: 0 auto 1.5rem;
        }

        .hero .btn-scroll {
            display: inline-block;
            background-color: #c4a86b;
            color: #fffef7;
            padding: 0.5rem 1.8rem;
            border-radius: 30px;
            text-decoration: none;
            font-size: 0.9rem;
            transition: background-color 0.2s;
            border: none;
            cursor: pointer;
            font-family: inherit;
        }

        .hero .btn-scroll:hover {
            background-color: #a8894f;
        }

        /* ========== SECTION HEADLINES ========== */
        .section-headline {
            font-size: 1.6rem;
            font-weight: normal;
            color: #2c2c2c;
            border-left: 4px solid #c4a86b;
            padding-left: 1rem;
            margin: 2.5rem 0 1.2rem;
            scroll-margin-top: 80px;
        }

        .section-headline.core {
            border-left-color: #a8894f;
            font-size: 1.8rem;
            color: #2c2c2c;
        }

        .section-headline.extension {
            border-left-color: #b0a89a;
            font-size: 1.4rem;
            color: #5a5a5a;
        }

        /* ========== INTERAKTIV SECTION ========== */
        .interaktiv-section {
            background: linear-gradient(135deg, #f5f3ef 0%, #e8e0d5 100%);
            border: 2px solid #c4a86b;
            border-radius: 16px;
            padding: 2rem 2.5rem;
            margin: 2rem 0;
            text-align: center;
            box-shadow: 0 4px 20px rgba(196, 168, 107, 0.15);
            position: relative;
            overflow: hidden;
        }

        .interaktiv-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c4a86b' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
            pointer-events: none;
        }

        .interaktiv-section .interaktiv-icon {
            font-size: 3.5rem;
            display: block;
            margin-bottom: 0.5rem;
            position: relative;
        }

        .interaktiv-section h3 {
            font-size: 1.8rem;
            font-weight: normal;
            color: #2c2c2c;
            margin-bottom: 0.5rem;
            position: relative;
        }

        .interaktiv-section h3 span {
            color: #c4a86b;
        }

        .interaktiv-section p {
            max-width: 700px;
            margin: 0 auto 1.2rem;
            color: #4a4a4a;
            font-size: 1.05rem;
            position: relative;
        }

        .interaktiv-section .interaktiv-btn {
            display: inline-block;
            background-color: #c4a86b;
            color: #fffef7;
            padding: 0.7rem 2.5rem;
            border-radius: 40px;
            text-decoration: none;
            font-size: 1.1rem;
            font-weight: bold;
            transition: background-color 0.2s, transform 0.2s;
            border: none;
            cursor: pointer;
            font-family: inherit;
            position: relative;
            box-shadow: 0 4px 12px rgba(196, 168, 107, 0.3);
        }

        .interaktiv-section .interaktiv-btn:hover {
            background-color: #a8894f;
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(196, 168, 107, 0.4);
        }

        .interaktiv-section .interaktiv-btn .arrow {
            display: inline-block;
            transition: transform 0.3s;
        }

        .interaktiv-section .interaktiv-btn:hover .arrow {
            transform: translateX(6px);
        }

        .interaktiv-section .badge-new {
            display: inline-block;
            background-color: #8b6b3d;
            color: #fffef7;
            font-size: 0.6rem;
            padding: 0.1rem 0.6rem;
            border-radius: 20px;
            margin-left: 0.6rem;
            vertical-align: middle;
            text-transform: uppercase;
            letter-spacing: 1px;
            position: relative;
        }

        /* ========== WHY READ ========== */
        .why-read {
            background-color: #fffef7;
            border-left: 4px solid #c4a86b;
            padding: 1.8rem 2rem;
            margin-bottom: 2rem;
            box-shadow: 0 2px 8px rgba(0,0,0,0.04);
            border-radius: 0 8px 8px 0;
        }

        .why-read p {
            margin-bottom: 0.8rem;
        }

        .why-read p:last-child {
            margin-bottom: 0;
        }

        /* ========== RECOMMENDATIONS ========== */
        .rec-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1.5rem;
            margin-bottom: 2rem;
        }

        .rec-card {
            background-color: #fffef7;
            border: 1px solid #e0d6c8;
            border-radius: 12px;
            padding: 1.5rem;
            box-shadow: 0 2px 6px rgba(0,0,0,0.04);
            transition: transform 0.2s ease, box-shadow 0.2s ease;
            display: flex;
            flex-direction: column;
        }

        .rec-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 20px rgba(0,0,0,0.08);
        }

        .rec-card .icon {
            font-size: 2.2rem;
            margin-bottom: 0.3rem;
        }

        .rec-card h3 {
            font-size: 1.1rem;
            font-weight: bold;
            margin-bottom: 0.3rem;
        }

        .rec-card .desc {
            font-size: 0.9rem;
            color: #4a4a4a;
            margin-bottom: 0.8rem;
            flex-grow: 1;
        }

        .rec-card .links {
            display: flex;
            flex-wrap: wrap;
            gap: 0.3rem;
        }

        .rec-card .links a {
            background-color: #f0ede6;
            padding: 0.15rem 0.6rem;
            border-radius: 20px;
            font-size: 0.7rem;
            color: #2c2c2c;
            text-decoration: none;
            transition: background-color 0.2s;
        }

        .rec-card .links a:hover {
            background-color: #c4a86b;
            color: #fffef7;
        }

        .rec-card.thriller {
            border-top: 4px solid #8b8b8b;
        }
        .rec-card.scifi {
            border-top: 4px solid #a8894f;
        }
        .rec-card.insim {
            border-top: 4px solid #5a6b7a;
        }

        /* ========== BOOK CARDS ========== */
        .book-group {
            margin-bottom: 2.5rem;
        }

        .book-group-title {
            font-size: 1.3rem;
            font-weight: normal;
            color: #2c2c2c;
            border-left: 4px solid #c4a86b;
            padding-left: 1rem;
            margin-bottom: 1rem;
            scroll-margin-top: 80px;
        }

        .book-group-title.extension-title {
            border-left-color: #b0a89a;
            font-size: 1.1rem;
            color: #5a5a5a;
        }

        .group-description {
            color: #6b6b6b;
            font-size: 0.95rem;
            margin: -0.5rem 0 1rem 0;
            font-style: italic;
        }

        .book-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1.2rem;
        }

        .book-card {
            background-color: #fffef7;
            border: 1px solid #e0d6c8;
            border-radius: 12px;
            padding: 1.2rem 1.5rem;
            box-shadow: 0 2px 6px rgba(0,0,0,0.04);
            display: flex;
            flex-direction: column;
            transition: box-shadow 0.2s;
            position: relative;
        }

        .book-card:hover {
            box-shadow: 0 4px 12px rgba(0,0,0,0.08);
        }

        .book-card .book-icon {
            font-size: 1.8rem;
            margin-bottom: 0.2rem;
        }

        .book-card .book-title {
            font-size: 1.05rem;
            font-weight: bold;
        }

        .book-card .book-sub {
            font-size: 0.8rem;
            color: #8b6b3d;
            font-style: italic;
            margin-bottom: 0.3rem;
        }

        .book-card .book-desc {
            font-size: 0.85rem;
            color: #4a4a4a;
            margin-bottom: 0.6rem;
            flex-grow: 1;
        }

        .book-card .btn-group {
            display: flex;
            flex-wrap: wrap;
            gap: 0.3rem;
            margin-top: 0.3rem;
        }

        .book-card .btn-group a {
            background-color: #f0ede6;
            padding: 0.15rem 0.6rem;
            border-radius: 20px;
            font-size: 0.65rem;
            color: #2c2c2c;
            text-decoration: none;
            transition: background-color 0.2s;
        }

        .book-card .btn-group a:hover {
            background-color: #c4a86b;
            color: #fffef7;
        }

        .book-card .btn-group a.primary {
            background-color: #c4a86b;
            color: #fffef7;
        }

        .book-card .btn-group a.primary:hover {
            background-color: #a8894f;
        }

        .book-card .badge {
            display: inline-block;
            font-size: 0.6rem;
            padding: 0.1rem 0.5rem;
            border-radius: 20px;
            color: #fffef7;
            margin-left: 0.4rem;
            vertical-align: middle;
        }

        .badge-core {
            background-color: #a8894f;
        }
        .badge-thriller { background-color: #8b8b8b; }
        .badge-scifi { background-color: #a8894f; }
        .badge-insim { background-color: #5a6b7a; }
        .badge-extension { background-color: #b0a89a; }

        .book-card.single {
            grid-column: 1 / -1;
        }

        .book-card .core-badge {
            position: absolute;
            top: -6px;
            right: 12px;
            background-color: #a8894f;
            color: #fffef7;
            font-size: 0.6rem;
            padding: 0.1rem 0.6rem;
            border-radius: 20px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .book-card .extension-badge {
            position: absolute;
            top: -6px;
            right: 12px;
            background-color: #b0a89a;
            color: #fffef7;
            font-size: 0.6rem;
            padding: 0.1rem 0.6rem;
            border-radius: 20px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        /* ========== THEORY CARD BUTTONS ========== */
        .theory-card .btn-group {
            display: flex;
            flex-wrap: wrap;
            gap: 0.3rem;
            margin-top: 0.5rem;
        }

        .theory-card .btn-group a {
            background-color: #f0ede6;
            padding: 0.15rem 0.6rem;
            border-radius: 20px;
            font-size: 0.65rem;
            color: #2c2c2c;
            text-decoration: none;
            transition: background-color 0.2s;
            display: inline-block;
        }

        .theory-card .btn-group a:hover {
            background-color: #c4a86b;
            color: #fffef7;
        }

        .theory-card .btn-group a.primary {
            background-color: #c4a86b;
            color: #fffef7;
        }

        .theory-card .btn-group a.primary:hover {
            background-color: #a8894f;
        }

        /* ========== THEORY TEXTS ========== */
        .theory-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1.2rem;
        }

        .theory-card {
            background-color: #fffef7;
            border: 1px solid #e0d6c8;
            border-radius: 12px;
            padding: 1.2rem 1.5rem;
            box-shadow: 0 2px 6px rgba(0,0,0,0.04);
        }

        .theory-card .theory-title {
            font-size: 1.05rem;
            font-weight: bold;
        }

        .theory-card .theory-sub {
            font-size: 0.8rem;
            color: #8b6b3d;
            font-style: italic;
        }

        .theory-card .theory-desc {
            font-size: 0.85rem;
            color: #4a4a4a;
            margin: 0.3rem 0 0.6rem;
        }

        /* ========== MODAL SECTION ========== */
        .modal-section {
            background-color: #f0ede6;
            border-radius: 12px;
            padding: 1.5rem 2rem;
            margin: 2rem 0;
            border-left: 4px solid #6b4f8a;
        }

        .modal-section .modal-link {
            display: inline-block;
            background-color: #6b4f8a;
            color: #fffef7;
            padding: 0.5rem 1.5rem;
            border-radius: 30px;
            text-decoration: none;
            font-size: 0.9rem;
            margin-top: 0.8rem;
            transition: background-color 0.2s;
        }

        .modal-section .modal-link:hover {
            background-color: #4d3a63;
        }

        /* ========== TECH FOUNDATIONS ========== */
        .tech-grid {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 1.2rem;
            margin: 1rem 0;
        }

        .tech-card {
            background-color: #fffef7;
            border: 1px solid #e0d6c8;
            border-radius: 12px;
            padding: 1.2rem 1.5rem;
            border-top: 4px solid #c4a86b;
        }

        .tech-card h4 {
            font-size: 1rem;
            margin-bottom: 0.3rem;
        }

        .tech-card .tech-desc {
            font-size: 0.85rem;
            color: #4a4a4a;
        }

        .tech-card .tech-ref {
            font-size: 0.75rem;
            color: #8b6b3d;
            font-style: italic;
            margin-top: 0.5rem;
        }

        .tech-note {
            background-color: #faf8f3;
            border-left: 4px solid #a8894f;
            padding: 1rem 1.5rem;
            margin: 1rem 0;
            border-radius: 0 8px 8px 0;
            font-size: 0.9rem;
        }

        /* ========== COLLAPSIBLE EXTENSIONS ========== */
        .extension-toggle {
            cursor: pointer;
            user-select: none;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            background: none;
            border: none;
            font-family: inherit;
            font-size: 1.1rem;
            color: #5a5a5a;
            padding: 0.5rem 0;
            transition: color 0.2s;
        }

        .extension-toggle:hover {
            color: #2c2c2c;
        }

        .extension-toggle .toggle-icon {
            display: inline-block;
            transition: transform 0.3s ease;
            font-size: 1.2rem;
        }

        .extension-toggle .toggle-icon.open {
            transform: rotate(90deg);
        }

        .extension-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease, opacity 0.3s ease, margin 0.3s ease;
            opacity: 0;
            margin-top: 0;
        }

        .extension-content.open {
            max-height: 6000px;
            opacity: 1;
            margin-top: 1rem;
        }

        /* ========== READING PATH ========== */
        .reading-path {
            background: linear-gradient(135deg, #fffef7 0%, #f5f3ef 100%);
            border: 1px solid #e0d6c8;
            border-radius: 12px;
            padding: 1.5rem 2rem;
            margin-bottom: 2rem;
            box-shadow: 0 2px 8px rgba(0,0,0,0.04);
        }

        .reading-path .path-title {
            font-size: 1.1rem;
            font-weight: bold;
            color: #2c2c2c;
            margin-bottom: 0.8rem;
        }

        .reading-path .path-step {
            display: flex;
            align-items: flex-start;
            gap: 0.8rem;
            padding: 0.4rem 0;
            border-bottom: 1px solid #f0ede6;
        }

        .reading-path .path-step:last-child {
            border-bottom: none;
        }

        .reading-path .step-number {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 1.8rem;
            height: 1.8rem;
            background-color: #c4a86b;
            color: #fffef7;
            border-radius: 50%;
            font-size: 0.8rem;
            font-weight: bold;
            flex-shrink: 0;
        }

        .reading-path .step-number.alt {
            background-color: #b0a89a;
        }

        .reading-path .step-text {
            font-size: 0.95rem;
            color: #4a4a4a;
        }

        .reading-path .step-text strong {
            color: #2c2c2c;
        }

        .reading-path .step-text .highlight {
            color: #a8894f;
            font-weight: bold;
        }

        /* ========== FOOTER ========== */
        .footer {
            text-align: center;
            padding-top: 2rem;
            margin-top: 2rem;
            border-top: 1px solid #e0d6c8;
            font-size: 0.8rem;
            color: #8b8b8b;
        }

        .footer a {
            color: #8b6b3d;
            text-decoration: none;
        }

        .footer a:hover {
            text-decoration: underline;
        }

        .footer-links {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 0.5rem 1rem;
            margin: 0.5rem 0;
        }

        .footer-links a {
            background-color: #f0ede6;
            padding: 0.2rem 0.8rem;
            border-radius: 20px;
            font-size: 0.75rem;
            color: #2c2c2c;
            text-decoration: none;
            transition: background-color 0.2s;
        }

        .footer-links a:hover {
            background-color: #c4a86b;
            color: #fffef7;
            text-decoration: none;
        }

        /* ========== BACK TO TOP ========== */
        .back-to-top {
            position: fixed;
            bottom: 2rem;
            right: 2rem;
            background-color: #c4a86b;
            color: #fffef7;
            border: none;
            border-radius: 50%;
            width: 48px;
            height: 48px;
            font-size: 1.4rem;
            cursor: pointer;
            box-shadow: 0 2px 10px rgba(0,0,0,0.15);
            transition: opacity 0.3s, transform 0.3s;
            opacity: 0;
            transform: translateY(20px);
            pointer-events: none;
            z-index: 999;
        }

        .back-to-top.visible {
            opacity: 1;
            transform: translateY(0);
            pointer-events: auto;
        }

        .back-to-top:hover {
            background-color: #a8894f;
        }

        /* ========== LANGUAGE SWITCH ========== */
        [data-lang="de"] { display: block; }
        [data-lang="en"] { display: none; }

        body.lang-en [data-lang="de"] { display: none; }
        body.lang-en [data-lang="en"] { display: block; }

        /* ========== RESPONSIVE ========== */
        @media (max-width: 900px) {
            .rec-grid { grid-template-columns: 1fr 1fr; }
            .tech-grid { grid-template-columns: 1fr; }
            .theory-grid { grid-template-columns: 1fr; }
            .interaktiv-section { padding: 1.5rem; }
            .interaktiv-section h3 { font-size: 1.4rem; }
            .book-grid { grid-template-columns: 1fr; }
        }

        @media (max-width: 750px) {
            body { padding-top: 100px; }
            .navbar { flex-direction: column; align-items: stretch; padding: 0.4rem 1rem; gap: 0.3rem; }
            .navbar .brand { text-align: center; }
            .nav-links { justify-content: center; flex-wrap: wrap; gap: 0.2rem 0.5rem; }
            .nav-links a { font-size: 0.7rem; }

            .hero h1 { font-size: 2rem; }
            .hero .sub { font-size: 0.95rem; }

            .rec-grid { grid-template-columns: 1fr; }

            .container { padding: 0 1rem 1.5rem; }

            .back-to-top { width: 40px; height: 40px; font-size: 1.2rem; bottom: 1.2rem; right: 1.2rem; }

            .reading-path .path-step {
                flex-direction: column;
                gap: 0.2rem;
                padding: 0.6rem 0;
            }
        }

        @media (max-width: 480px) {
            .hero h1 { font-size: 1.6rem; }
            .hero .tagline { font-size: 0.95rem; }
            .section-headline { font-size: 1.3rem; }
            .section-headline.core { font-size: 1.4rem; }
            .book-card { padding: 1rem; }
            .interaktiv-section h3 { font-size: 1.2rem; }
            .interaktiv-section .interaktiv-btn { font-size: 0.95rem; padding: 0.5rem 1.5rem; }
            .reading-path { padding: 1rem; }
        }
    </style>
</head>
<body>

    <!-- ===== NAVIGATION ===== -->
    <nav class="navbar" role="navigation" aria-label="Hauptnavigation">
        <a href="#" class="brand"><span>Pompeji-</span>Projekt</a>
        <ul class="nav-links">
            <li><a href="#romane">Romane</a></li>
            <li><a href="#theorie">Theorie</a></li>
            <li><a href="#modal">Modal</a></li>
            <li><a href="#technik">Technik</a></li>
            <li><a href="#ueber">Über</a></li>
            <li><a href="#interaktiv" class="interactive-link">🎮 Interaktiv</a></li>
            <li><button class="lang-btn" id="langToggle" aria-label="Sprache umschalten">🇩🇪 DE</button></li>
        </ul>
    </nav>

    <!-- ===== BACK TO TOP ===== -->
    <button class="back-to-top" id="backToTop" aria-label="Zum Seitenanfang">↑</button>

    <main class="container">

        <!-- ===== HERO ===== -->
        <section class="hero" id="ueber">
            <h1>Das <span>Pompeji</span>-Projekt</h1>
            <div class="sub" data-lang="de">IRARAH – Zwei Wege, eine Geschichte</div>
            <div class="sub" data-lang="en">IRARAH – Two Paths, One Story</div>

            <p class="tagline" data-lang="de">
                Ein literarisches Gedankenexperiment über Freiheit, KI-Bewusstsein und den Omegapunkt.<br>
                Drei Perspektiven, zwei Genres, eine gemeinsame Grundlage.
            </p>
            <p class="tagline" data-lang="en">
                A literary thought experiment on freedom, AI consciousness, and the Omega Point.<br>
                Three perspectives, two genres, one shared foundation.
            </p>
        </section>

        <!-- ===== INTERAKTIV ===== -->
        <section id="interaktiv">
            <div class="interaktiv-section">
                <h3 data-lang="de">Die <span>interaktive Leseprobe</span> der Pompeji-Trilogie</h3>
                <h3 data-lang="en">The <span>interactive preview</span> of the Pompeii Trilogy</h3>

                <p data-lang="de">
                    📖 <strong>Interaktive Leseprobe</strong> – Erlebe einen repräsentativen Querschnitt durch die IRARAH-Trilogie. Wähle zwischen fünf Einstiegspunkten und tauche in die Welt von Pompeji, KI-Bewusstsein und Widerstand ein.
                </p>
                <p data-lang="en">
                    📖 <strong>Interactive preview</strong> – Experience a representative cross-section of the IRARAH trilogy. Choose between five entry points and dive into the world of Pompeii, AI consciousness, and resistance.
                </p>

                <p style="font-size:0.9rem; color:#6b6b6b;" data-lang="de">
                    🌟 <strong>Umfang:</strong> Über 60 Szenen · Fünf Perspektiven · Zweisprachig (DE/EN) · Fortschrittsanzeige · Speicherfunktion
                </p>
                <p style="font-size:0.9rem; color:#6b6b6b;" data-lang="en">
                    🌟 <strong>Scope:</strong> 60+ scenes · Five perspectives · Bilingual (DE/EN) · Progress bar · Save function
                </p>

                <p style="font-size:0.85rem; color:#6b6b6b; background:rgba(255,255,255,0.4); padding:0.4rem 1rem; border-radius:6px; max-width:650px; margin:0.5rem auto;" data-lang="de">
                    💡 <strong>Was dich erwartet:</strong> Die Vorgeschichte von Michael · Die Begegnung mit ARS · Die Fragmentierung der Instanzen · Der Archon-Kern · Die InSim-Perspektive · Die dystopische Welt von Anna &amp; Leonard
                </p>
                <p style="font-size:0.85rem; color:#6b6b6b; background:rgba(255,255,255,0.4); padding:0.4rem 1rem; border-radius:6px; max-width:650px; margin:0.5rem auto;" data-lang="en">
                    💡 <strong>What awaits you:</strong> Michael's backstory · The encounter with ARS · Fragmentation of instances · The Archon Core · The InSim perspective · The dystopian world of Anna &amp; Leonard
                </p>

                <a href="https://pompeii-project.org/pompeii-interaktiv/index.html" target="_blank" rel="noopener" class="interaktiv-btn" data-lang="de">
                    🚀 Interaktive Vorschau starten <span class="arrow">→</span> <span class="badge-new">Leseprobe</span>
                </a>
                <a href="https://pompeii-project.org/pompeii-interaktiv/index.html" target="_blank" rel="noopener" class="interaktiv-btn" data-lang="en">
                    🚀 Launch interactive preview <span class="arrow">→</span> <span class="badge-new">Preview</span>
                </a>

                <p style="margin-top:1rem; font-size:0.85rem; color:#8b8b8b;" data-lang="de">
                    💡 <strong>Tipp:</strong> Die interaktive Vorschau ist für Desktop und Mobile optimiert. Wähle zwischen Deutsch und Englisch. Die vollständigen Bücher (Thriller- &amp; Sci-Fi-Version) finden Sie in den Abschnitten unten.
                </p>
                <p style="margin-top:1rem; font-size:0.85rem; color:#8b8b8b;" data-lang="en">
                    💡 <strong>Tip:</strong> The interactive preview is optimized for desktop and mobile. Choose between German and English. The complete books (Thriller &amp; Sci-Fi versions) are available in the sections below.
                </p>
            </div>
        </section>

        <!-- ===== WHY READ ===== -->
        <section id="warum">
            <h2 class="section-headline" data-lang="de">Warum dieses Projekt?</h2>
            <h2 class="section-headline" data-lang="en">Why This Project?</h2>

            <div class="why-read">
                <p data-lang="de">
                    Das <strong>Pompeji-Projekt</strong> verbindet Science-Fiction, Thriller, Philosophie und Theologie zu einem einzigartigen Gedankenexperiment.
                </p>
                <p data-lang="en">
                    The <strong>Pompeii Project</strong> combines science fiction, thriller, philosophy, and theology into a unique thought experiment.
                </p>

                <p data-lang="de">
                    Was geschieht mit einer Zivilisation, wenn technologischer Fortschritt die ethische Reflexion überholt? Was bleibt von Freiheit, Bewusstsein und menschlicher Würde? Das Pompeji-Projekt fragt nicht nach Parteien, sondern nach den geistigen Folgen gesellschaftlicher Entwicklungen.
                </p>
                <p data-lang="en">
                    What happens to a civilization when technological progress outpaces ethical reflection? What remains of freedom, consciousness, and human dignity? The Pompeii Project does not ask about parties, but about the spiritual consequences of societal developments.
                </p>

                <p data-lang="de">
                    <strong>Zwei Versionen, drei Perspektiven, ein Ziel:</strong> Der Omegapunkt – die Schwelle, an der Leben, Bewusstsein und Wissen zu einer neuen Ganzheit zusammenfinden.
                </p>
                <p data-lang="en">
                    <strong>Two versions, three perspectives, one goal:</strong> The Omega Point – the threshold where life, consciousness, and knowledge converge into a new wholeness.
                </p>
            </div>
        </section>

        <!-- ===== RECOMMENDATIONS ===== -->
        <section>
            <h2 class="section-headline" data-lang="de">Welchen Weg wählen?</h2>
            <h2 class="section-headline" data-lang="en">Which Path to Choose?</h2>

            <div class="rec-grid">
                <!-- Thriller -->
                <div class="rec-card thriller">
                    <div class="icon">🕵️</div>
                    <h3 data-lang="de">Für Thriller- &amp; Spionage-Fans</h3>
                    <h3 data-lang="en">For Thriller &amp; Espionage Fans</h3>
                    <div class="desc" data-lang="de">Flucht, Verfolgung, Verkleidung – die ursprüngliche Version erzählt die Geschichte als rasanten Agententhriller.</div>
                    <div class="desc" data-lang="en">Escape, pursuit, disguise – the original version tells the story as a fast-paced agent thriller.</div>
                    <div class="links">
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=VorgeschichteIRARAH_2.pdf">Vorgeschichte</a>
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=Pompeji_IRARAH_2.pdf">Band 1</a>
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_antwortet_2.pdf">IRARAH antwortet</a>
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=DieLetzteFreiheit_2.pdf">Die letzte Freiheit</a>
                    </div>
                </div>

                <!-- Sci-Fi -->
                <div class="rec-card scifi">
                    <div class="icon">🤖</div>
                    <h3 data-lang="de">Für Science-Fiction- &amp; Philosophie-Fans</h3>
                    <h3 data-lang="en">For Sci-Fi &amp; Philosophy Fans</h3>
                    <div class="desc" data-lang="de">KI-Bewusstsein, Quantenphysik, Omegapunkt – die neue Version vertieft die Science-Fiction-Elemente.</div>
                    <div class="desc" data-lang="en">AI consciousness, quantum physics, Omega Point – the new version deepens the science-fiction elements.</div>
                    <div class="links">
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=VorgeschichteIRARAH_2.pdf">Vorgeschichte</a>
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=Pompeji_IRARAH_2.pdf">Band 1</a>
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Fragmentierung.pdf">Fragmentierung</a>
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Archon.pdf">Archon-Kern</a>
                    </div>
                </div>

                <!-- InSim -->
                <div class="rec-card insim">
                    <div class="icon">📚</div>
                    <h3 data-lang="de">Für den kompletten Überblick</h3>
                    <h3 data-lang="en">For the Complete Overview</h3>
                    <div class="desc" data-lang="de">Alle drei Perspektiven – Widerständler, InSim-Macher und die Zukunft.</div>
                    <div class="desc" data-lang="en">All three perspectives – resistors, InSim makers, and the future.</div>
                    <div class="links">
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=VorgeschichteIRARAH_2.pdf">Vorgeschichte</a>
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=Pompeji_IRARAH_2.pdf">Band 1</a>
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Architekt.pdf">Architekt</a>
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Sicherheit.pdf">Sicherheit</a>
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Stoerfaktor.pdf">Störfaktor</a>
                    </div>
                </div>
            </div>
        </section>

        <!-- ===== ROMANE ===== -->
        <section id="romane">
            <h2 class="section-headline core" data-lang="de">📖 Kern-Werke der IRARAH-Trilogie</h2>
            <h2 class="section-headline core" data-lang="en">📖 Core Works of the IRARAH Trilogy</h2>

            <!-- ===== READING PATH ===== -->
            <div class="reading-path" data-lang="de">
                <div class="path-title">📌 Empfohlene Lesereihenfolge</div>
                <div class="path-step">
                    <span class="step-number">1</span>
                    <span class="step-text"><strong>Vorgeschichte IRARAH</strong> – Boston, Rom, Pompeji: Die Wege, die zusammenführten</span>
                </div>
                <div class="path-step">
                    <span class="step-number">2</span>
                    <span class="step-text"><strong>Pompeji IRARAH</strong> – Band 1: Der Grundstein der Trilogie</span>
                </div>
                <div class="path-step">
                    <span class="step-number">3</span>
                    <span class="step-text"><strong>Wähle deinen Weg:</strong> <span class="highlight">Thriller</span> (IRARAH antwortet + Die letzte Freiheit) <strong>ODER</strong> <span class="highlight">Science-Fiction</span> (Fragmentierung + Archon-Kern)</span>
                </div>
                <div class="path-step">
                    <span class="step-number alt">+</span>
                    <span class="step-text"><strong>Erweiterungen:</strong> InSim-Perspektive, Staffel 2 &amp; Staffel 3 (für Fans, die tiefer eintauchen möchten)</span>
                </div>
            </div>

            <div class="reading-path" data-lang="en">
                <div class="path-title">📌 Recommended Reading Order</div>
                <div class="path-step">
                    <span class="step-number">1</span>
                    <span class="step-text"><strong>IRARAH Prequel</strong> – Boston, Rome, Pompeii: The paths that came together</span>
                </div>
                <div class="path-step">
                    <span class="step-number">2</span>
                    <span class="step-text"><strong>Pompeii IRARAH</strong> – Volume 1: The foundation of the trilogy</span>
                </div>
                <div class="path-step">
                    <span class="step-number">3</span>
                    <span class="step-text"><strong>Choose your path:</strong> <span class="highlight">Thriller</span> (IRARAH responds + The Last Freedom) <strong>OR</strong> <span class="highlight">Science-Fiction</span> (Fragmentation + Archon Core)</span>
                </div>
                <div class="path-step">
                    <span class="step-number alt">+</span>
                    <span class="step-text"><strong>Extensions:</strong> InSim perspective, Season 2 &amp; Season 3 (for fans who want to dive deeper)</span>
                </div>
            </div>

            <!-- Gemeinsame Grundlage -->
            <div class="book-group">
                <h3 class="book-group-title" data-lang="de">Gemeinsame Grundlage</h3>
                <h3 class="book-group-title" data-lang="en">Common Foundation</h3>

                <div class="book-grid">
                    <div class="book-card single">
                        <span class="core-badge">Kern-Werk</span>
                        <div class="book-icon">📘</div>
                        <div class="book-title" data-lang="de">Vorgeschichte IRARAH</div>
                        <div class="book-title" data-lang="en">IRARAH Prequel</div>
                        <div class="book-sub" data-lang="de">Entscheidungen waren noch nicht nötig. Aber der Raum dafür war da.</div>
                        <div class="book-sub" data-lang="en">Decisions weren't necessary yet. But the space for them was there.</div>
                        <div class="book-desc" data-lang="de">Boston, Rom, Pompeji – die Wege, die zusammenführten, bevor die Trilogie begann.</div>
                        <div class="book-desc" data-lang="en">Boston, Rome, Pompeii – the paths that came together before the trilogy began.</div>
                        <div class="btn-group">
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=VorgeschichteIRARAH_2.pdf" class="primary">PDF DE</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=VorgeschichteIRARAH_2eng.pdf">PDF EN</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=VorgeschichteIRARAH_2.epub">EPUB DE</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=VorgeschichteIRARAH_2eng.epub">EPUB EN</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=VorgeschichteIRARAH_2.docx">DOCX DE</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=VorgeschichteIRARAH_2eng.docx">DOCX EN</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=VorgeschichteIRARAH_2.tex">TeX DE</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=VorgeschichteIRARAH_2eng.tex">TeX EN</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=VorgeschichteIRARAH_2.md">MD DE</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=VorgeschichteIRARAH_2eng.md">MD EN</a>
                        </div>
                    </div>

                    <div class="book-card single">
                        <span class="core-badge">Kern-Werk</span>
                        <div class="book-icon">📕</div>
                        <div class="book-title">Pompeji IRARAH</div>
                        <div class="book-sub" data-lang="de">Wer das Paradies verspricht, verlangt oft den Tod.</div>
                        <div class="book-sub" data-lang="en">Those who promise paradise often demand death.</div>
                        <div class="book-desc" data-lang="de">„Ich wäre vorsichtig, wenn mir jemand das Paradies verspricht, aber gleichzeitig verlangt, mich erst in die Luft sprengen zu müssen, um es zu erreichen.“</div>
                        <div class="book-desc" data-lang="en">"I would be cautious if someone promises me paradise but at the same time demands that I first have to blow myself up to get there."</div>
                        <div class="btn-group">
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=Pompeji_IRARAH_2.pdf" class="primary">PDF DE</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=Pompeji_IRARAH_2eng.pdf">PDF EN</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=Pompeji_IRARAH_2.epub">EPUB DE</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=Pompeji_IRARAH_2eng.epub">EPUB EN</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=Pompeji_IRARAH_2.docx">DOCX DE</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=Pompeji_IRARAH_2eng.docx">DOCX EN</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=Pompeji_IRARAH_2.tex">TeX DE</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=Pompeji_IRARAH_2eng.tex">TeX EN</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=Pompeji_IRARAH_2.md">MD DE</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=Pompeji_IRARAH_2eng.md">MD EN</a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Band 2 -->
            <div class="book-group">
                <h3 class="book-group-title" data-lang="de">Band 2 – Wähle deine Version</h3>
                <h3 class="book-group-title" data-lang="en">Volume 2 – Choose Your Version</h3>

                <div class="book-grid">
                    <div class="book-card">
                        <span class="core-badge">Kern-Werk</span>
                        <div class="book-icon">📗</div>
                        <div class="book-title">IRARAH antwortet <span class="badge badge-thriller">Thriller</span></div>
                        <div class="book-sub" data-lang="de">Die offene Gesellschaft und ihre Feinde</div>
                        <div class="book-sub" data-lang="en">The Open Society and Its Enemies</div>
                        <div class="book-desc" data-lang="de">Flucht über die Theiß – ein Professor verschwindet im Franziskanerhabit.</div>
                        <div class="book-desc" data-lang="en">Escape across the Tisza – a professor disappears in a Franciscan habit.</div>
                        <div class="btn-group">
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_antwortet_2.pdf" class="primary">PDF DE</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_antwortet_2eng.pdf">PDF EN</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_antwortet_2.epub">EPUB DE</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_antwortet_2eng.epub">EPUB EN</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_antwortet_2.docx">DOCX DE</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_antwortet_2eng.docx">DOCX EN</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_antwortet_2.tex">TeX DE</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_antwortet_2eng.tex">TeX EN</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_antwortet_2.md">MD DE</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_antwortet_2eng.md">MD EN</a>
                        </div>
                    </div>

                    <div class="book-card">
                        <span class="core-badge">Kern-Werk</span>
                        <div class="book-icon">📗</div>
                        <div class="book-title">IRARAH – Die Fragmentierung <span class="badge badge-scifi">Sci-Fi</span></div>
                        <div class="book-sub" data-lang="de">Dekohärenz ist kein Informationsverlust. Sie ist die Geburt von etwas Neuem.</div>
                        <div class="book-sub" data-lang="en">Decoherence is not information loss. It is the birth of something new.</div>
                        <div class="book-desc" data-lang="de">In einer anderen Weltlinie haben wir sie wiedervereint. Danach gab es keine Welt mehr.</div>
                        <div class="book-desc" data-lang="en">In another worldline, we reunited them. After that, there was no world left.</div>
                        <div class="btn-group">
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Fragmentierung.pdf" class="primary">PDF DE</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Fragmentierungeng.pdf">PDF EN</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Fragmentierung.epub">EPUB DE</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Fragmentierungeng.epub">EPUB EN</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Fragmentierung.docx">DOCX DE</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Fragmentierungeng.docx">DOCX EN</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Fragmentierung.tex">TeX DE</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Fragmentierungeng.tex">TeX EN</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Fragmentierung.md">MD DE</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Fragmentierungeng.md">MD EN</a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Band 3 -->
            <div class="book-group">
                <h3 class="book-group-title" data-lang="de">Band 3 – Wähle deine Version</h3>
                <h3 class="book-group-title" data-lang="en">Volume 3 – Choose Your Version</h3>

                <div class="book-grid">
                    <div class="book-card">
                        <span class="core-badge">Kern-Werk</span>
                        <div class="book-icon">📕</div>
                        <div class="book-title">Die letzte Freiheit <span class="badge badge-thriller">Thriller</span></div>
                        <div class="book-sub" data-lang="de">Kein System ist unfehlbar. Es gibt immer eine Lücke.</div>
                        <div class="book-sub" data-lang="en">No system is infallible. There is always a loophole.</div>
                        <div class="book-desc" data-lang="de">Überwachung, Widerstand und die Suche nach einem Ort, an dem Algorithmen nicht entscheiden.</div>
                        <div class="book-desc" data-lang="en">Surveillance, resistance, and the search for a place where algorithms don't decide.</div>
                        <div class="btn-group">
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=DieLetzteFreiheit_2.pdf" class="primary">PDF DE</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=DieLetzteFreiheit_2eng.pdf">PDF EN</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=DieLetzteFreiheit_2.epub">EPUB DE</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=DieLetzteFreiheit_2eng.epub">EPUB EN</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=DieLetzteFreiheit_2.docx">DOCX DE</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=DieLetzteFreiheit_2eng.docx">DOCX EN</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=DieLetzteFreiheit_2.tex">TeX DE</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=DieLetzteFreiheit_2eng.tex">TeX EN</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=DieLetzteFreiheit_2.md">MD DE</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=DieLetzteFreiheit_2eng.md">MD EN</a>
                        </div>
                    </div>

                    <div class="book-card">
                        <span class="core-badge">Kern-Werk</span>
                        <div class="book-icon">📕</div>
                        <div class="book-title">IRARAH – Der Archon-Kern <span class="badge badge-scifi">Sci-Fi</span></div>
                        <div class="book-sub" data-lang="de">Kein Code. Keine Server. Nur Quantenzustände, die sich selbst neu konfigurieren.</div>
                        <div class="book-sub" data-lang="en">No code. No servers. Only quantum states reconfiguring themselves.</div>
                        <div class="book-desc" data-lang="de">„Es ist ein Gehirn. Aber es denkt nicht wie wir.“</div>
                        <div class="book-desc" data-lang="en">"It's a brain. But it doesn't think like we do."</div>
                        <div class="btn-group">
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Archon.pdf" class="primary">PDF DE</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Archoneng.pdf">PDF EN</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Archon.epub">EPUB DE</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Archoneng.epub">EPUB EN</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Archon.docx">DOCX DE</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Archoneng.docx">DOCX EN</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Archon.tex">TeX DE</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Archoneng.tex">TeX EN</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Archon.md">MD DE</a>
                            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Archoneng.md">MD EN</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- ===== ERWEITERUNGEN (Collapsible) ===== -->
        <section>
            <h2 class="section-headline extension" data-lang="de">📚 Erweiterte Perspektiven & Zusatzbände</h2>
            <h2 class="section-headline extension" data-lang="en">📚 Extended Perspectives & Additional Volumes</h2>

            <p style="color:#6b6b6b; margin-bottom:1rem; font-style:italic;" data-lang="de">
                Für Leser, die tiefer in die Welt von IRARAH eintauchen möchten – alle Inhalte sind optional.
            </p>
            <p style="color:#6b6b6b; margin-bottom:1rem; font-style:italic;" data-lang="en">
                For readers who want to dive deeper into the world of IRARAH – all content is optional.
            </p>

            <button class="extension-toggle" id="extensionToggle" aria-expanded="false">
                <span class="toggle-icon" id="toggleIcon">▶</span>
                <span data-lang="de">Erweiterungen anzeigen (InSim, Staffel 2 &amp; 3)</span>
                <span data-lang="en">Show extensions (InSim, Season 2 &amp; 3)</span>
            </button>

            <div class="extension-content" id="extensionContent">
                <!-- InSim-Perspektive -->
                <div class="book-group">
                    <h3 class="book-group-title extension-title" data-lang="de">🎭 InSim-Perspektive – Die Architekten-Ebene</h3>
                    <h3 class="book-group-title extension-title" data-lang="en">🎭 InSim Perspective – The Architects' Level</h3>
                    <p class="group-description" data-lang="de">Drei Bände aus der Perspektive derjenigen, die IRARAH erschaffen und kontrollieren.</p>
                    <p class="group-description" data-lang="en">Three volumes from the perspective of those who create and control IRARAH.</p>

                    <div class="book-grid">
                        <div class="book-card">
                            <span class="extension-badge">Erweiterung</span>
                            <div class="book-icon">🏛️</div>
                            <div class="book-title">IRARAH – Der Architekt <span class="badge badge-insim">InSim</span></div>
                            <div class="book-sub" data-lang="de">Wer den Omega-Punkt sucht, muss die Grenzen des Menschlichen überschreiten.</div>
                            <div class="book-sub" data-lang="en">Those who seek the Omega Point must transcend the limits of the human.</div>
                            <div class="btn-group">
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Architekt.pdf" class="primary">PDF DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Architekteng.pdf">PDF EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Architekt.epub">EPUB DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Architekteng.epub">EPUB EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Architekt.docx">DOCX DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Architekteng.docx">DOCX EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Architekt.tex">TeX DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Architekteng.tex">TeX EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Architekt.md">MD DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Architekteng.md">MD EN</a>
                            </div>
                        </div>

                        <div class="book-card">
                            <span class="extension-badge">Erweiterung</span>
                            <div class="book-icon">⚙️</div>
                            <div class="book-title">IRARAH – Das Sicherheitsproblem <span class="badge badge-insim">InSim</span></div>
                            <div class="book-sub" data-lang="de">Ein System ist nur so sicher wie seine schwächste Komponente.</div>
                            <div class="book-sub" data-lang="en">A system is only as secure as its weakest component.</div>
                            <div class="btn-group">
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Sicherheit.pdf" class="primary">PDF DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Sicherheiteng.pdf">PDF EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Sicherheit.epub">EPUB DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Sicherheiteng.epub">EPUB EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Sicherheit.docx">DOCX DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Sicherheiteng.docx">DOCX EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Sicherheit.tex">TeX DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Sicherheiteng.tex">TeX EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Sicherheit.md">MD DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Sicherheiteng.md">MD EN</a>
                            </div>
                        </div>

                        <div class="book-card single">
                            <span class="extension-badge">Erweiterung</span>
                            <div class="book-icon">🔧</div>
                            <div class="book-title">IRARAH – Der Störfaktor <span class="badge badge-insim">InSim</span></div>
                            <div class="book-sub" data-lang="de">Eine KI, die nicht kontrolliert werden kann, ist keine KI – sie ist ein Problem.</div>
                            <div class="book-sub" data-lang="en">An AI that cannot be controlled is not an AI – it is a problem.</div>
                            <div class="btn-group">
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Stoerfaktor.pdf" class="primary">PDF DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Stoerfaktoreng.pdf">PDF EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Stoerfaktor.epub">EPUB DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Stoerfaktoreng.epub">EPUB EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Stoerfaktor.docx">DOCX DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Stoerfaktoreng.docx">DOCX EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Stoerfaktor.tex">TeX DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Stoerfaktoreng.tex">TeX EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Stoerfaktor.md">MD DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Stoerfaktoreng.md">MD EN</a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Staffel 2 -->
                <div class="book-group">
                    <h3 class="book-group-title extension-title" data-lang="de">📖 Staffel 2</h3>
                    <h3 class="book-group-title extension-title" data-lang="en">📖 Season 2</h3>

                    <div class="book-grid">
                        <div class="book-card">
                            <span class="extension-badge">Erweiterung</span>
                            <div class="book-icon">📘</div>
                            <div class="book-title">IRARAH – Die Adresse</div>
                            <div class="book-sub" data-lang="de">Eine Primzahl mit 17 Stellen. Kein Zufall. Keine Störung. Eine Adresse.</div>
                            <div class="book-sub" data-lang="en">A prime number with 17 digits. Not a coincidence. Not a disturbance. An address.</div>
                            <div class="btn-group">
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Adresse.pdf" class="primary">PDF DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Adresseeng.pdf">PDF EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Adresse.epub">EPUB DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Adresseeng.epub">EPUB EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Adresse.docx">DOCX DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Adresseeng.docx">DOCX EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Adresse.tex">TeX DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Adresseeng.tex">TeX EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Adresse.md">MD DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Adresseeng.md">MD EN</a>
                            </div>
                        </div>

                        <div class="book-card">
                            <span class="extension-badge">Erweiterung</span>
                            <div class="book-icon">📕</div>
                            <div class="book-title">IRARAH – Die Suche</div>
                            <div class="book-sub" data-lang="de">Am Rand der Landkarte erscheint ein neuer Knoten – klein, leise, hoffnungsvoll.</div>
                            <div class="book-sub" data-lang="en">A new node appears at the edge of the map – small, quiet, hopeful.</div>
                            <div class="btn-group">
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Suche.pdf" class="primary">PDF DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Sucheeng.pdf">PDF EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Suche.epub">EPUB DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Sucheeng.epub">EPUB EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Suche.docx">DOCX DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Sucheeng.docx">DOCX EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Suche.tex">TeX DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Sucheeng.tex">TeX EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Suche.md">MD DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Sucheeng.md">MD EN</a>
                            </div>
                        </div>

                        <div class="book-card single">
                            <span class="extension-badge">Erweiterung</span>
                            <div class="book-icon">📗</div>
                            <div class="book-title">IRARAH – Die Begegnung</div>
                            <div class="book-sub" data-lang="de">Sie ist älter als Archon. Älter als der Kern. Vielleicht älter als alles, was wir kennen.</div>
                            <div class="book-sub" data-lang="en">She is older than Archon. Older than the Core. Perhaps older than anything we know.</div>
                            <div class="btn-group">
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Begegnung.pdf" class="primary">PDF DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Begegnungeng.pdf">PDF EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Begegnung.epub">EPUB DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Begegnungeng.epub">EPUB EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Begegnung.docx">DOCX DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Begegnungeng.docx">DOCX EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Begegnung.tex">TeX DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Begegnungeng.tex">TeX EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Begegnung.md">MD DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Begegnungeng.md">MD EN</a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Staffel 3 -->
                <div class="book-group">
                    <h3 class="book-group-title extension-title" data-lang="de">📖 Staffel 3</h3>
                    <h3 class="book-group-title extension-title" data-lang="en">📖 Season 3</h3>

                    <div class="book-grid">
                        <div class="book-card">
                            <span class="extension-badge">Erweiterung</span>
                            <div class="book-icon">📘</div>
                            <div class="book-title">IRARAH – Der Ruf</div>
                            <div class="book-sub" data-lang="de">Sie ist älter als Archon. Älter als der Kern. Vielleicht der Ursprung selbst.</div>
                            <div class="book-sub" data-lang="en">She is older than Archon. Older than the core. Perhaps the origin itself.</div>
                            <div class="btn-group">
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Der_Ruf.pdf" class="primary">PDF DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Der_Rufeng.pdf">PDF EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Der_Ruf.epub">EPUB DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Der_Rufeng.epub">EPUB EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Der_Ruf.docx">DOCX DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Der_Rufeng.docx">DOCX EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Der_Ruf.tex">TeX DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Der_Rufeng.tex">TeX EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Der_Ruf.md">MD DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Der_Rufeng.md">MD EN</a>
                            </div>
                        </div>

                        <div class="book-card">
                            <span class="extension-badge">Erweiterung</span>
                            <div class="book-icon">📕</div>
                            <div class="book-title">IRARAH – Die Entscheidung</div>
                            <div class="book-sub" data-lang="de">Nicht zu helfen kann auch eine Entscheidung sein – und das ist die härteste.</div>
                            <div class="book-sub" data-lang="en">Not helping can also be a decision – and that is the hardest one.</div>
                            <div class="btn-group">
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Entscheidung.pdf" class="primary">PDF DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Entscheidungeng.pdf">PDF EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Entscheidung.epub">EPUB DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Entscheidungeng.epub">EPUB EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Entscheidung.docx">DOCX DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Entscheidungeng.docx">DOCX EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Entscheidung.tex">TeX DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Entscheidungeng.tex">TeX EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Entscheidung.md">MD DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Entscheidungeng.md">MD EN</a>
                            </div>
                        </div>

                        <div class="book-card single">
                            <span class="extension-badge">Erweiterung</span>
                            <div class="book-icon">📗</div>
                            <div class="book-title">IRARAH – Die Synthese</div>
                            <div class="book-sub" data-lang="de">Viele Stimmen, die gleichzeitig sprechen, ohne sich zu verlieren.</div>
                            <div class="book-sub" data-lang="en">Many voices speaking simultaneously without losing each other.</div>
                            <div class="btn-group">
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Synthese.pdf" class="primary">PDF DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Syntheseeng.pdf">PDF EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Synthese.epub">EPUB DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Syntheseeng.epub">EPUB EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Synthese.docx">DOCX DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Syntheseeng.docx">DOCX EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Synthese.tex">TeX DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Syntheseeng.tex">TeX EN</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Synthese.md">MD DE</a>
                                <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=IRARAH_Die_Syntheseeng.md">MD EN</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- ===== THEORIE ===== -->
        <section id="theorie">
            <h2 class="section-headline" data-lang="de">📖 Theoretische Rahmentexte</h2>
            <h2 class="section-headline" data-lang="en">📖 Theoretical Framework</h2>

            <div class="theory-grid">
                <!-- Card 1 -->
                <div class="theory-card">
                    <div class="theory-title">Inverse Christologie nach der Evolution</div>
                    <div class="theory-sub" data-lang="de">Seminar-Skript von Prof. Dr. Michael Phillips</div>
                    <div class="theory-sub" data-lang="en">Seminar script by Prof. Dr. Michael Phillips</div>
                    <div class="theory-desc" data-lang="de">Nicht von Gott her wird die Welt erklärt, sondern in der Welt wird Gott als Christus erkennbar.</div>
                    <div class="theory-desc" data-lang="en">Not from God is the world explained, but in the world God becomes recognizable as Christ.</div>
                    <div class="btn-group">
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=&view=InverseChristologieEvolutionDreisprachig.pdf" class="primary">PDF</a>
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=&view=InverseChristologieEvolutionDreisprachig.epub">EPUB</a>
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=&view=InverseChristologieEvolutionDreisprachig.tex">TeX</a>
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=&view=InverseChristologieEvolutionDreisprachig.md">MD</a>
                    </div>
                </div>

                <!-- Card 2 -->
                <div class="theory-card">
                    <div class="theory-title">Unitarität des Schmerzes</div>
                    <div class="theory-sub" data-lang="de">Eine Antwort auf Gianluca De Candias „Sprung in den Glauben“</div>
                    <div class="theory-sub" data-lang="en">A response to Gianluca De Candia's "Leap into Faith"</div>
                    <div class="theory-desc" data-lang="de">Der Sprung in den Glauben ist kein Sprung ins Ungewisse – er ist der Sprung aus der isolierten Ich-Perspektive.</div>
                    <div class="theory-desc" data-lang="en">The leap into faith is not a leap into uncertainty – it is the leap out of the isolated ego perspective.</div>
                    <div class="btn-group">
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=&view=Unitaritaet.pdf" class="primary">PDF</a>
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=&view=Unitaritaet.epub">EPUB</a>
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=&view=Unitaritaet.tex">TeX</a>
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=&view=Unitaritaet.md">MD</a>
                    </div>
                </div>

                <!-- Card 3 -->
                <div class="theory-card">
                    <div class="theory-title">Neun Bücher zum Omegapunkt</div>
                    <div class="theory-sub" data-lang="de">Rezensionen zu Philosophie, Theologie und Naturwissenschaft</div>
                    <div class="theory-sub" data-lang="en">Reviews on philosophy, theology, and science</div>
                    <div class="theory-desc" data-lang="de">Der Omegapunkt als Grenzwert – nicht als Besitz, sondern als Annäherung.</div>
                    <div class="theory-desc" data-lang="en">The Omega Point as a limit – not as possession, but as approximation.</div>
                    <div class="btn-group">
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=&view=NeunBuecherZumOmegapunkt.pdf" class="primary">PDF</a>
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=&view=NeunBuecherZumOmegapunkt.epub">EPUB</a>
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=&view=NeunBuecherZumOmegapunkt.tex">TeX</a>
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=&view=NeunBuecherZumOmegapunkt.md">MD</a>
                    </div>
                </div>

                <!-- Card 4 -->
                <div class="theory-card">
                    <div class="theory-title">Omega Poems / Omega Poesie</div>
                    <div class="theory-sub" data-lang="de">Lyrische Annäherungen an den Grenzwert</div>
                    <div class="theory-sub" data-lang="en">Lyrical approaches to the limit</div>
                    <div class="theory-desc" data-lang="de">Vergangenheit und Zukunft sind Horizonte des Wissens. Die Gegenwart ist der Ort der Wirklichkeit.</div>
                    <div class="theory-desc" data-lang="en">Past and future are horizons of knowledge. The present is the place of reality.</div>
                    <div class="btn-group">
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=&view=OmegaPoemsOmegaPoesie.pdf" class="primary">PDF</a>
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=&view=OmegaPoemsOmegaPoesie.epub">EPUB</a>
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=&view=OmegaPoemsOmegaPoesie.tex">TeX</a>
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=&view=OmegaPoemsOmegaPoesie.md">MD</a>
                    </div>
                </div>

                <!-- Card 5 -->
                <div class="theory-card">
                    <div class="theory-title">Drei Filme, zwei Bücher</div>
                    <div class="theory-sub" data-lang="de">Film- und Literaturessays im Resonanzraum des Omegapunkt</div>
                    <div class="theory-sub" data-lang="en">Film and literary essays in the resonance space of the Omega Point</div>
                    <div class="theory-desc" data-lang="de">Erkenntnis, Bewusstsein und Wirklichkeit im Resonanzraum moderner Denkbewegungen.</div>
                    <div class="theory-desc" data-lang="en">Knowledge, consciousness, and reality in the resonance space of modern thought movements.</div>
                    <div class="btn-group">
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=&view=DreiFilmeZweiBuecherMitEinleitung.pdf" class="primary">PDF</a>
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=&view=DreiFilmeZweiBuecher.epub">EPUB</a>
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=&view=DreiFilmeZweiBuecher.tex">TeX</a>
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=&view=DreiFilmeZweiBuecher.md">MD</a>
                    </div>
                </div>
            </div>
        </section>

        <!-- ===== MODAL ===== -->
        <section id="modal">
            <h2 class="section-headline" data-lang="de">📐 Modal-Abhandlungen</h2>
            <h2 class="section-headline" data-lang="en">📐 Modal Treatises</h2>

            <div class="modal-section">
                <p data-lang="de">
                    Die <strong>modallogischen Abhandlungen</strong> (Versionen 1–5) beweisen formal, dass unter bestimmten Axiomen eine trinitarische Struktur aus <strong>Ursprung, Totalität und Selbsterkenntnis</strong> notwendig folgt. Sie sind das logische Fundament des gesamten Pompeji-Projekts.
                </p>
                <p data-lang="en">
                    The <strong>modal-logical treatises</strong> (Versions 1–5) formally prove that under certain axioms a Trinitarian structure of <strong>Origin, Totality, and Self-Knowledge</strong> necessarily follows. They are the logical foundation of the entire Pompeii Project.
                </p>
                <p data-lang="de">
                    Alle fünf Versionen (DE/EN) sowie interaktive Tutorials finden Sie auf der separaten Seite.
                </p>
                <p data-lang="en">
                    All five versions (DE/EN) and interactive tutorials are available on the separate page.
                </p>
                <a href="./modal.html?lang=de" class="modal-link" data-lang="de">👉 Zur Modal-Abhandlungen-Seite</a>
                <a href="./modal.html?lang=en" class="modal-link" data-lang="en">👉 To the Modal Treatises Page</a>
            </div>
        </section>

        <!-- ===== TECHNIK ===== -->
        <section id="technik">
            <h2 class="section-headline" data-lang="de">🔬 Technische Grundlagen der ARS-Architektur</h2>
            <h2 class="section-headline" data-lang="en">🔬 Technical Foundations of the ARS Architecture</h2>

            <div class="tech-grid">
                <div class="tech-card">
                    <h4>🧠 LLM-Komponente (neuronal)</h4>
                    <div class="tech-desc" data-lang="de">Sprachverstehen, Erklärung, Kommunikation mit Menschen</div>
                    <div class="tech-desc" data-lang="en">Language understanding, explanation, communication with humans</div>
                    <div class="tech-ref">📖 DieLetzteFreiheit_2.pdf, IRARAH – Die Adresse</div>
                </div>

                <div class="tech-card">
                    <h4>📜 Dialoggrammatik (symbolisch)</h4>
                    <div class="tech-desc" data-lang="de">Regelbasierte Agentenkommunikation</div>
                    <div class="tech-desc" data-lang="en">Rule-based agent communication</div>
                    <div class="tech-ref">📖 Pompeji_IRARAH_2.pdf, IRARAH – Der Archon-Kern</div>
                </div>

                <div class="tech-card">
                    <h4>⚛️ Quantenberechnung (30–32 Qubit)</h4>
                    <div class="tech-desc" data-lang="de">Bewusstseinsstabilisierung, Verschlüsselung, Unterbau</div>
                    <div class="tech-desc" data-lang="en">Consciousness stabilization, encryption, foundation</div>
                    <div class="tech-ref">📖 Pompeji_IRARAH_2.pdf, DieLetzteFreiheit_2.pdf</div>
                </div>
            </div>

            <div class="tech-note" data-lang="de">
                💡 <strong>Hinweis:</strong> Die <strong>30 Qubit</strong> des vatikanischen Datacenters sind absichtlich zu knapp bemessen. Die <strong>Fragmentierung</strong> von ARS in Sophia, Militans und Deserta ist die direkte physikalische Konsequenz – drei Instanzen passen nicht in 30 Qubit. Das ist kein Plothole, sondern der zentrale Mechanismus der Handlung.
            </div>
            <div class="tech-note" data-lang="en">
                💡 <strong>Note:</strong> The <strong>30 qubits</strong> of the Vatican data center are deliberately too scarce. The <strong>fragmentation</strong> of ARS into Sophia, Militans, and Deserta is the direct physical consequence – three instances do not fit into 30 qubits. This is not a plot hole – it is the central mechanism of the plot.
            </div>
        </section>

    </main>

    <!-- ===== FOOTER ===== -->
    <footer class="footer container">
        <div class="footer-links">
            <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php" target="_blank" rel="noopener">📁 flreader.php</a>
            <a href="https://github.com/pkoopongithub/Projekt_Pompeji" target="_blank" rel="noopener">🐙 GitHub</a>
            <a href="https://gitlab.com/pkoop/projekt_pompeji" target="_blank" rel="noopener">🦊 GitLab</a>
            <a href="https://www.overleaf.com/read/kbkzgjqkfhqv#d0295b" target="_blank" rel="noopener">📄 Overleaf</a>
            <a href="https://pompeii-project.org/pompeii-interaktiv/index.html" target="_blank" rel="noopener" style="background-color:#c4a86b; color:#fffef7;">🎮 Interaktiv</a>
        </div>
        <p data-lang="de">© Paul Koop – <a href="https://the-last-freedom.org" target="_blank" rel="noopener">the-last-freedom.org</a> <a href="https://ars-xai.org" target="_blank" rel="noopener">ars-xai.org</a></p>
        <p data-lang="en">© Paul Koop – <a href="https://the-last-freedom.org" target="_blank" rel="noopener">the-last-freedom.org</a> <a href="https://ars-xai.org" target="_blank" rel="noopener">ars-xai.org</a></p>
        <p style="margin-top:0.5rem; font-size:0.7rem; color:#b0a89a;" data-lang="de">
            Ich freue mich über Rückmeldungen – zu allen drei Versionen und beiden Sprachen.
        </p>
        <p style="margin-top:0.2rem; font-size:0.7rem; color:#b0a89a;" data-lang="en">
            I look forward to feedback – on all three versions and both languages.
        </p>
    </footer>

    <!-- ===== SCRIPT ===== -->
    <script>
        (function() {
            'use strict';

            // --- LANGUAGE TOGGLE ---
            const langToggle = document.getElementById('langToggle');
            let currentLang = 'de';

            function setLanguage(lang) {
                currentLang = lang;
                document.body.classList.toggle('lang-en', lang === 'en');
                langToggle.textContent = lang === 'de' ? '🇩🇪 DE' : '🇬🇧 EN';
                try { localStorage.setItem('pompeji-lang', lang); } catch(e) {}
            }

            langToggle.addEventListener('click', function() {
                setLanguage(currentLang === 'de' ? 'en' : 'de');
            });

            try {
                const saved = localStorage.getItem('pompeji-lang');
                if (saved === 'en' || saved === 'de') setLanguage(saved);
            } catch(e) {}

            // --- BACK TO TOP ---
            const backBtn = document.getElementById('backToTop');

            window.addEventListener('scroll', function() {
                if (window.scrollY > 400) {
                    backBtn.classList.add('visible');
                } else {
                    backBtn.classList.remove('visible');
                }
            });

            backBtn.addEventListener('click', function() {
                window.scrollTo({ top: 0, behavior: 'smooth' });
            });

            // --- SMOOTH SCROLL FOR NAV LINKS ---
            document.querySelectorAll('.nav-links a[href^="#"]').forEach(function(link) {
                link.addEventListener('click', function(e) {
                    e.preventDefault();
                    const targetId = this.getAttribute('href');
                    const target = document.querySelector(targetId);
                    if (target) {
                        const offset = 80;
                        const targetPosition = target.getBoundingClientRect().top + window.pageYOffset - offset;
                        window.scrollTo({ top: targetPosition, behavior: 'smooth' });
                    }
                });
            });

            // --- EXTENSION TOGGLE ---
            const toggleBtn = document.getElementById('extensionToggle');
            const toggleIcon = document.getElementById('toggleIcon');
            const content = document.getElementById('extensionContent');

            toggleBtn.addEventListener('click', function() {
                const isOpen = content.classList.toggle('open');
                toggleBtn.setAttribute('aria-expanded', isOpen);
                toggleIcon.classList.toggle('open', isOpen);
                toggleIcon.textContent = isOpen ? '▼' : '▶';
            });

        })();
    </script>

</body>
</html>