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

index_alt220926.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). Theorie und Literatur als parallele Zugänge.">
    <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, Zeitlosigkeit der Steine, DeLillo, Van Dormael, offene Gesellschaft, Popper">
    <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. Theorie und Literatur als parallele Zugänge.">
    <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. Theorie und Literatur als parallele Zugänge.",
      "url": "https://the-last-freedom.org/Projekt_Pompeji/",
      "inLanguage": ["de", "en"],
      "author": {
        "@type": "Person",
        "name": "Paul Koop"
      },
      "isAccessibleForFree": true,
      "hasPart": [
        {
          "@type": "Book",
          "name": "Die Zeitlosigkeit der Steine",
          "inLanguage": ["de", "en"],
          "author": { "@type": "Person", "name": "Paul Koop" }
        }
      ]
    }
    </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; }

        /* ========== BEGRIFFS-WALLPAPER: BASIS ========== */
        .concept-wallpaper {
            position: absolute;
            inset: 0;
            overflow: hidden;
            pointer-events: none;
            user-select: none;
            z-index: 0;
            opacity: 0.15;
        }
        .concept-wallpaper span {
            position: absolute;
            font-family: Georgia, 'Times New Roman', serif;
            color: #a8894f;
            white-space: nowrap;
            letter-spacing: 0.08em;
            font-style: italic;
            font-weight: bold;
        }
        .section-with-wallpaper {
            position: relative;
            overflow: hidden;
        }
        .section-with-wallpaper > *:not(.concept-wallpaper):not(.concept-map) {
            position: relative;
            z-index: 1;
        }

        /* SVG-Netz */
        .concept-map {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0.12;
            pointer-events: none;
            user-select: none;
            z-index: 0;
        }
        .concept-map line {
            stroke: #a8894f;
            stroke-width: 0.8;
        }
        .concept-map circle {
            fill: #a8894f;
        }
        .concept-map text {
            fill: #a8894f;
            font-family: Georgia, serif;
            font-style: italic;
            font-weight: bold;
            font-size: 22px;
        }

        /* ========== 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;
            position: relative;
            overflow: hidden;
        }
        .hero::before {
            content: "OMEGAPUNKT";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) rotate(-4deg);
            font-family: Georgia, serif;
            font-size: 10rem;
            font-weight: bold;
            color: #6b4f8a;
            opacity: 0.05;
            letter-spacing: 0.12em;
            white-space: nowrap;
            pointer-events: none;
            user-select: none;
            z-index: 0;
        }
        .hero > * {
            position: relative;
            z-index: 1;
        }
        .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 .tagline-note {
            font-size: 0.95rem;
            color: #6b4f8a;
            max-width: 700px;
            margin: 0 auto 1.5rem;
            font-style: italic;
            line-height: 1.6;
            padding: 0.6rem 1rem;
            border-left: 3px solid #6b4f8a;
            background-color: rgba(107, 79, 138, 0.05);
            border-radius: 0 6px 6px 0;
            text-align: left;
        }
        .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;
        }
        .section-headline.story {
            border-left-color: #6b4f8a; font-size: 1.7rem; color: #2c2c2c;
        }

        /* ========== 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 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 .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;
        }

        /* ========== 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;
            position: relative;
            z-index: 1;
        }
        .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; position: relative; z-index: 1; }
        .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;
        }
        .book-group-title.story-title {
            border-left-color: #6b4f8a; font-size: 1.3rem; color: #2c2c2c;
        }
        .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; }
        .badge-story { background-color: #6b4f8a; }
        .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;
        }
        .book-card .story-badge {
            position: absolute; top: -6px; right: 12px;
            background-color: #6b4f8a; color: #fffef7;
            font-size: 0.6rem; padding: 0.1rem 0.6rem;
            border-radius: 20px; text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        /* ========== STORY CARD (Erzählung) ========== */
        .story-card {
            background: linear-gradient(135deg, #faf8f3 0%, #f0ede6 100%);
            border: 2px solid #6b4f8a;
            border-radius: 16px;
            padding: 2rem 2.5rem;
            margin: 1.5rem 0 2rem;
            position: relative;
            box-shadow: 0 4px 16px rgba(107, 79, 138, 0.1);
            z-index: 1;
        }
        .story-card .story-header {
            display: flex; align-items: flex-start;
            gap: 1.2rem; margin-bottom: 1.2rem;
            flex-wrap: wrap;
        }
        .story-card .story-icon {
            font-size: 3rem; line-height: 1;
            flex-shrink: 0;
        }
        .story-card .story-meta {
            flex: 1; min-width: 200px;
        }
        .story-card .story-title {
            font-size: 1.6rem; font-weight: normal;
            color: #2c2c2c; margin-bottom: 0.2rem;
            letter-spacing: 0.5px;
        }
        .story-card .story-subtitle {
            font-size: 1rem; color: #6b4f8a;
            font-style: italic; margin-bottom: 0.5rem;
        }
        .story-card .story-author {
            font-size: 0.9rem; color: #4a4a4a;
            margin-bottom: 0.3rem;
        }
        .story-card .story-desc {
            font-size: 0.95rem; color: #4a4a4a;
            margin: 0.8rem 0 1rem;
            line-height: 1.7;
        }
        .story-card .story-quote {
            border-left: 3px solid #6b4f8a;
            padding: 0.6rem 1rem;
            margin: 1rem 0;
            background-color: rgba(107, 79, 138, 0.05);
            font-style: italic;
            color: #4a4a4a;
            font-size: 0.95rem;
            border-radius: 0 6px 6px 0;
        }
        .story-card .story-relations {
            margin-top: 1rem;
            padding-top: 1rem;
            border-top: 1px solid #e0d6c8;
            font-size: 0.9rem;
            color: #6b6b6b;
        }
        .story-card .story-relations strong {
            color: #2c2c2c;
        }
        .story-card .story-relations.secondary {
            border-top: none;
            padding-top: 0.5rem;
            margin-top: 0.5rem;
        }
        .story-card .story-files {
            display: flex; flex-wrap: wrap;
            gap: 0.4rem; margin-top: 1rem;
        }
        .story-card .story-files a {
            background-color: #f0ede6;
            padding: 0.25rem 0.8rem;
            border-radius: 20px;
            font-size: 0.75rem;
            color: #2c2c2c;
            text-decoration: none;
            transition: background-color 0.2s;
            border: 1px solid transparent;
        }
        .story-card .story-files a:hover {
            background-color: #6b4f8a;
            color: #fffef7;
            border-color: #6b4f8a;
        }
        .story-card .story-files a.primary {
            background-color: #6b4f8a;
            color: #fffef7;
        }
        .story-card .story-files a.primary:hover {
            background-color: #4d3a63;
        }

        /* ========== THEORY TEXTS ========== */
        .theory-grid {
            display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem;
            position: relative;
            z-index: 1;
        }
        .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);
            position: relative;
            z-index: 1;
        }
        .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;
        }
        .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 NOTE (Verweis auf Erzählung) ========== */
        .theory-note {
            background-color: #faf8f3;
            border-left: 4px solid #6b4f8a;
            padding: 1rem 1.5rem;
            margin: 1rem 0 1.5rem;
            border-radius: 0 8px 8px 0;
            font-size: 0.9rem;
            color: #4a4a4a;
            position: relative;
            z-index: 1;
        }
        .theory-note a {
            color: #6b4f8a;
            text-decoration: none;
            border-bottom: 1px dotted #6b4f8a;
        }
        .theory-note a:hover {
            border-bottom-style: solid;
        }

        /* ========== MODAL SECTION ========== */
        .modal-section {
            background-color: #f0ede6; border-radius: 12px;
            padding: 1.5rem 2rem; margin: 2rem 0;
            border-left: 4px solid #6b4f8a;
            position: relative;
            overflow: hidden;
        }
        .modal-section::before {
            content: "U · T · S";
            position: absolute;
            top: 50%;
            right: -1rem;
            transform: translateY(-50%) rotate(-6deg);
            font-family: Georgia, serif;
            font-size: 9rem;
            font-weight: bold;
            color: #6b4f8a;
            opacity: 0.05;
            letter-spacing: 0.12em;
            white-space: nowrap;
            pointer-events: none;
            user-select: none;
            z-index: 0;
        }
        .modal-section > * {
            position: relative;
            z-index: 1;
        }
        .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;
            position: relative;
            z-index: 1;
        }
        .tech-card {
            background-color: #fffef7; border: 1px solid #e0d6c8;
            border-radius: 12px; padding: 1.2rem 1.5rem;
            border-top: 4px solid #c4a86b;
            position: relative;
            z-index: 1;
        }
        .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;
            position: relative;
            z-index: 1;
        }

        /* ========== 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-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: 8000px; 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);
            position: relative;
            z-index: 1;
        }
        .reading-path.paths-intro {
            border-left: 4px solid #6b4f8a;
            background: linear-gradient(135deg, #faf8f3 0%, #f0ede6 100%);
        }
        .reading-path .path-title {
            font-size: 1.1rem; font-weight: bold;
            color: #2c2c2c; margin-bottom: 0.8rem;
        }
        .reading-path .path-intro {
            font-size: 0.9rem;
            color: #4a4a4a;
            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-number.story {
            background-color: #6b4f8a;
        }
        .reading-path .step-number.path {
            background-color: #a8894f;
        }
        .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;
        }
        .reading-path .step-text .highlight-story {
            color: #6b4f8a; font-weight: bold;
        }

        /* ========== AUTHOR & FOOTER ========== */
        .author-section {
            margin-top: 2.5rem;
            padding-top: 1.8rem;
            border-top: 2px solid #d6e0dc;
            display: flex; flex-wrap: wrap; gap: 2rem;
            align-items: center;
            background: #faf8f3;
            padding: 1.5rem 2rem;
            border-radius: 16px;
            border: 1px solid #d6e0dc;
            position: relative;
            z-index: 1;
        }
        .author-avatar { flex: 0 0 120px; text-align: center; }
        .author-avatar img {
            width: 120px; height: 120px; border-radius: 50%;
            object-fit: cover; border: 4px solid #c4a86b;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            background-color: #fff;
        }
        .author-info { flex: 1; min-width: 220px; }
        .author-info h3 {
            font-size: 1.3rem; color: #2c2c2c;
            margin-bottom: 0.2rem; font-family: Georgia, serif;
        }
        .author-info .title {
            font-style: italic; color: #c4a86b;
            margin-bottom: 0.5rem; font-family: Georgia, serif;
        }
        .author-info p {
            margin: 0.2rem 0; font-size: 0.95rem;
            font-family: Georgia, serif;
        }
        .author-info a {
            color: #c4a86b; text-decoration: none;
            border-bottom: 1px dotted #d4cab8;
        }
        .author-info a:hover { border-bottom: 1px solid #c4a86b; }
        .author-info .back-links {
            margin-top: 0.5rem;
            display: flex; flex-wrap: wrap; gap: 0.5rem;
        }
        .author-info .back-links a {
            display: inline-block; padding: 0.2rem 1rem;
            background: #f0ede6; border: 1px solid #d6e0dc;
            border-radius: 30px; font-size: 0.8rem;
            text-decoration: none; color: #2c2c2c;
            transition: all 0.2s; font-family: Georgia, serif;
        }
        .author-info .back-links a:hover {
            background: #c4a86b; color: #fff;
            border-color: #c4a86b;
        }
        .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; }
            .story-card { padding: 1.5rem; }
            .story-card .story-title { font-size: 1.3rem; }
            .story-card .story-icon { font-size: 2.4rem; }
            .hero::before { font-size: 6rem; opacity: 0.04; }
            .modal-section::before { font-size: 6rem; opacity: 0.04; }
            .concept-wallpaper { opacity: 0.10; }
        }

        @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;
            }
            .concept-wallpaper { opacity: 0.08; }
            .hero::before { font-size: 4rem; opacity: 0.04; }
            .modal-section::before { font-size: 4rem; opacity: 0.04; }
        }

        @media (max-width: 480px) {
            .hero h1 { font-size: 1.6rem; }
            .hero .tagline { font-size: 0.95rem; }
            .hero .tagline-note { font-size: 0.85rem; padding: 0.5rem 0.8rem; }
            .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; }
            .story-card { padding: 1.2rem; }
            .story-card .story-title { font-size: 1.1rem; }
            .concept-wallpaper { display: none; }
            .hero::before { display: none; }
            .modal-section::before { display: none; }
        }

        /* ========== DRUCK ========== */
        @media print {
            .concept-wallpaper,
            .hero::before,
            .modal-section::before,
            .concept-map { display: none; }
            body { padding-top: 0; }
            .navbar, .back-to-top { display: none; }
        }
    </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="#zeitlosigkeit">Zeitlosigkeit</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 – ergänzt durch eine eigenständige Erzählung.
            </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 – supplemented by a standalone narrative.
            </p>

            <p class="tagline-note" data-lang="de">
                Die theoretischen Texte und die Erzählungen sind eigenständige Zugänge zu denselben Fragen.
                Keiner setzt den anderen voraus.
            </p>
            <p class="tagline-note" data-lang="en">
                The theoretical texts and the narratives are independent approaches to the same questions.
                Neither presupposes the other.
            </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>

                <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>
            </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>

                <p data-lang="de">
                    <strong>Was dieses Projekt zusammenhält, ist keine Botschaft, sondern eine Denkbewegung.</strong>
                    Die Romane und Erzählungen führen sie vor. Die theoretischen Texte beschreiben sie.
                    Beide Wege sind eigenständig – und beide führen zu demselben Rand.
                </p>
                <p data-lang="en">
                    <strong>What holds this project together is not a message, but a movement of thought.</strong>
                    The novels and narratives enact it. The theoretical texts describe it.
                    Both paths are independent – and both lead to the same edge.
                </p>
            </div>
        </section>

        <!-- ===== RECOMMENDATIONS (mit Wallpaper) ===== -->
        <section class="section-with-wallpaper">
            <div class="concept-wallpaper" aria-hidden="true">
                <span style="top: 15%; left: 6%;  font-size: 6rem; transform: rotate(-8deg);">Grenzwertsuche</span>
                <span style="top: 65%; left: 55%; font-size: 5.5rem; transform: rotate(6deg);">Omegapunkt</span>
            </div>

            <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 (mit Wallpaper) ===== -->
        <section id="romane" class="section-with-wallpaper">
            <div class="concept-wallpaper" aria-hidden="true">
                <span style="top: 8%;  left: 4%;  font-size: 6rem; transform: rotate(-7deg);">Inverse Christologie</span>
                <span style="top: 45%; left: 60%; font-size: 5.5rem; transform: rotate(5deg);">Conscientia</span>
                <span style="top: 82%; left: 10%; font-size: 5rem; transform: rotate(-9deg);">Multiversum</span>
            </div>

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

            <!-- ===== DREI WEGE ===== -->
            <div class="reading-path paths-intro" data-lang="de">
                <div class="path-title">📌 Wie Sie dieses Projekt lesen können</div>
                <p class="path-intro">
                    Dieses Projekt lässt sich auf drei Wegen lesen. Keiner ist richtiger als der andere.
                </p>
                <div class="path-step">
                    <span class="step-number path">A</span>
                    <span class="step-text"><strong>Die Erzählungen:</strong> Beginnen Sie mit <em>Pompeji IRARAH</em> oder <em>Die Zeitlosigkeit der Steine</em>. Die Romane und Erzählungen stehen für sich. Sie setzen keine Theorie voraus.</span>
                </div>
                <div class="path-step">
                    <span class="step-number path">B</span>
                    <span class="step-text"><strong>Die Theorie:</strong> Beginnen Sie mit <em>Unitarität</em> oder <em>Inverse Christologie nach der Evolution</em>. Die theoretischen Texte stehen für sich. Sie setzen keine Erzählung voraus.</span>
                </div>
                <div class="path-step">
                    <span class="step-number path">C</span>
                    <span class="step-text"><strong>Beide Wege zugleich:</strong> Lesen Sie die Erzählungen und die theoretischen Texte parallel. Sie werden feststellen, dass sie dasselbe sagen – in verschiedenen Sprachen.</span>
                </div>
            </div>

            <div class="reading-path paths-intro" data-lang="en">
                <div class="path-title">📌 How You Can Read This Project</div>
                <p class="path-intro">
                    This project can be read in three ways. None is more correct than the other.
                </p>
                <div class="path-step">
                    <span class="step-number path">A</span>
                    <span class="step-text"><strong>The narratives:</strong> Begin with <em>Pompeii IRARAH</em> or <em>The Timelessness of Stones</em>. The novels and narratives stand on their own. They do not presuppose any theory.</span>
                </div>
                <div class="path-step">
                    <span class="step-number path">B</span>
                    <span class="step-text"><strong>The theory:</strong> Begin with <em>Unitarity</em> or <em>Inverse Christology According to Evolution</em>. The theoretical texts stand on their own. They do not presuppose any narrative.</span>
                </div>
                <div class="path-step">
                    <span class="step-number path">C</span>
                    <span class="step-text"><strong>Both paths at once:</strong> Read the narratives and the theoretical texts in parallel. You will find that they say the same thing – in different languages.</span>
                </div>
            </div>

            <!-- ===== READING PATH (WEG A) ===== -->
            <div class="reading-path" data-lang="de">
                <div class="path-title">📌 Empfohlene Lesereihenfolge für Weg A (Erzählungen)</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 class="path-step">
                    <span class="step-number story">✦</span>
                    <span class="step-text"><span class="highlight-story">Die Zeitlosigkeit der Steine</span> – eigenständige Erzählung aus dem Pompeji-Projekt, parallel oder nach der Trilogie lesbar</span>
                </div>
            </div>

            <div class="reading-path" data-lang="en">
                <div class="path-title">📌 Recommended Reading Order for Path A (Narratives)</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 class="path-step">
                    <span class="step-number story">✦</span>
                    <span class="step-text"><span class="highlight-story">The Timelessness of Stones</span> – standalone narrative from the Pompeii Project, readable in parallel or after the trilogy</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 &amp; Zusatzbände</h2>
            <h2 class="section-headline extension" data-lang="en">📚 Extended Perspectives &amp; 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>

        <!-- ===== DIE ZEITLOSIGKEIT DER STEINE ===== -->
        <section id="zeitlosigkeit">
            <h2 class="section-headline story" data-lang="de">✦ Die Zeitlosigkeit der Steine</h2>
            <h2 class="section-headline story" data-lang="en">✦ The Timelessness of Stones</h2>

            <div class="story-card">
                <div class="story-header">
                    <div class="story-icon">🪨</div>
                    <div class="story-meta">
                        <div class="story-title" data-lang="de">Die Zeitlosigkeit der Steine</div>
                        <div class="story-title" data-lang="en">The Timelessness of Stones</div>
                        <div class="story-subtitle" data-lang="de">Eine Erzählung aus dem Pompeji-Projekt</div>
                        <div class="story-subtitle" data-lang="en">A Story from the Pompeii Project</div>
                        <div class="story-author" data-lang="de">Paul Koop · Eine Antwort auf Don DeLillos „Point Omega" und Jaco Van Dormaels „Mr. Nobody"</div>
                        <div class="story-author" data-lang="en">Paul Koop · A response to Don DeLillo's "Point Omega" and Jaco Van Dormael's "Mr. Nobody"</div>
                        <span class="badge badge-story">Erzählung</span>
                    </div>
                </div>

                <div class="story-desc" data-lang="de">
                    Der Doktorand Luca reist in die kalifornische Bimssteinsenke, um den Jesuiten und Physiker Michael Phillips aufzusuchen – einst Systemarchitekt der Dialoggrammatiken für das KI/Quanten-System ARS. Phillips hat die Sprache abgelegt. Er sitzt auf der Veranda einer Holzbaracke und fixiert die thermische Erstarrung des Gesteins. Was Luca findet, ist kein Forscher mehr, sondern eine Versuchsbedingung: Ein Beobachter, der den Zerfall der Kohärenz protokolliert. Die Erzählung führt die Frage nach dem Omega-Punkt bis an ihre äußerste Konsequenz – und zeigt, was übrig bleibt, wenn alle Berechnungen eingestellt werden: die Steine.
                </div>
                <div class="story-desc" data-lang="en">
                    Doctoral student Luca travels to the Californian pumice basin to visit the Jesuit and physicist Michael Phillips – once the system architect of the dialogue grammars for the AI/quantum system ARS. Phillips has shed language. He sits on the porch of a wooden shack, fixating on the thermal solidification of the rock. What Luca finds is no longer a researcher, but an experimental condition: an observer documenting the disintegration of coherence. The narrative follows the question of the Omega Point to its ultimate consequence – and shows what remains when all calculations cease: the stones.
                </div>

                <div class="story-quote" data-lang="de">
                    „Die Steine sind da. Sie waren immer da. Sie sehen das Verschwinden. Aber sie bezeugen es nicht."
                </div>
                <div class="story-quote" data-lang="en">
                    "The stones are there. They were always there. They witness the disappearance. But they do not bear witness to it."
                </div>

                <div class="story-relations" data-lang="de">
                    <strong>Verhältnis zum Pompeji-Projekt:</strong> Die Erzählung ist <em>kein</em> Roman der Trilogie. Sie ist eine eigenständige literarische Ausarbeitung derselben Denkbewegung, die auch der Trilogie zugrunde liegt. Sie kann <em>parallel</em> zur Trilogie gelesen werden – als Innenperspektive einer einzelnen Geschichte im Multiversum, während die Trilogie die Multiversumsperspektive einnimmt.
                </div>
                <div class="story-relations secondary" data-lang="de">
                    <strong>Verhältnis zum Essay „Drei Filme Zwei Bücher":</strong> Die Erzählung ist zugleich eine Antwort auf Don DeLillos <em>Point Omega</em> und Jaco Van Dormaels <em>Mr. Nobody</em> – und auf den Essay, der beide Werke analysiert. Wo der Essay die beiden Register <em>beschreibt</em>, führt die Erzählung sie <em>vor</em>. Keiner der beiden Texte setzt den anderen voraus.
                </div>

                <div class="story-relations" data-lang="en">
                    <strong>Relation to the Pompeii Project:</strong> The narrative is <em>not</em> a novel of the trilogy. It is a standalone literary elaboration of the same movement of thought underlying the trilogy. It can be read <em>in parallel</em> with the trilogy – as the inner perspective of a single history within the multiverse, while the trilogy adopts the multiverse perspective.
                </div>
                <div class="story-relations secondary" data-lang="en">
                    <strong>Relation to the essay "Three Films Two Books":</strong> The narrative is also a response to Don DeLillo's <em>Point Omega</em> and Jaco Van Dormael's <em>Mr. Nobody</em> – and to the essay that analyzes both works. Where the essay <em>describes</em> the two registers, the narrative <em>enacts</em> them. Neither text presupposes the other.
                </div>

                <div class="story-files">
                    <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=DieZeitlosigkeitDerSteine2.pdf" class="primary">PDF DE</a>
                    <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=DieZeitlosigkeitDerSteine2eng.pdf">PDF EN</a>
                    <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=DieZeitlosigkeitDerSteine2.epub">EPUB DE</a>
                    <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=DieZeitlosigkeitDerSteine2eng.epub">EPUB EN</a>
                    <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=DieZeitlosigkeitDerSteine2.docx">DOCX DE</a>
                    <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=DieZeitlosigkeitDerSteine2eng.docx">DOCX EN</a>
                    <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=DieZeitlosigkeitDerSteine2.tex">TeX DE</a>
                    <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=DieZeitlosigkeitDerSteine2eng.tex">TeX EN</a>
                    <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=DieZeitlosigkeitDerSteine2.md">MD DE</a>
                    <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=DieLetzteFreiheit2&view=DieZeitlosigkeitDerSteine2eng.md">MD EN</a>
                </div>
            </div>
        </section>

        <!-- ===== THEORIE (mit SVG-Netz) ===== -->
        <section id="theorie" class="section-with-wallpaper">
            <svg class="concept-map" viewBox="0 0 1200 800" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" preserveAspectRatio="xMidYMid slice">
                <!-- Linien -->
                <line x1="150" y1="120" x2="420" y2="280"/>
                <line x1="420" y1="280" x2="780" y2="180"/>
                <line x1="420" y1="280" x2="600" y2="550"/>
                <line x1="780" y1="180" x2="600" y2="550"/>
                <line x1="150" y1="120" x2="600" y2="550"/>
                <line x1="600" y1="550" x2="950" y2="480"/>
                <line x1="780" y1="180" x2="950" y2="480"/>
                <line x1="950" y1="480" x2="1050" y2="720"/>
                <line x1="600" y1="550" x2="1050" y2="720"/>
                <line x1="150" y1="120" x2="300" y2="650"/>
                <line x1="300" y1="650" x2="600" y2="550"/>
                <!-- Knoten -->
                <circle cx="150" cy="120" r="4"/>
                <circle cx="420" cy="280" r="4"/>
                <circle cx="780" cy="180" r="4"/>
                <circle cx="600" cy="550" r="4"/>
                <circle cx="950" cy="480" r="4"/>
                <circle cx="1050" cy="720" r="4"/>
                <circle cx="300" cy="650" r="4"/>
                <!-- Begriffe -->
                <text x="160" y="115">Grenzwertsuche</text>
                <text x="430" y="275">Inverse Christologie</text>
                <text x="790" y="175">Omegapunkt</text>
                <text x="610" y="545">Conscientia</text>
                <text x="960" y="475">Multiversum</text>
                <text x="1060" y="715">Echos</text>
                <text x="310" y="645">Landkarte</text>
            </svg>

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

            <div class="theory-note" data-lang="de">
                📖 <strong>Zur literarischen Illustration:</strong> Die Erzählung <a href="#zeitlosigkeit">„Die Zeitlosigkeit der Steine"</a> ist keine Theorie, sondern eine Erzählung. Sie ist kein Kommentar zu den folgenden Texten und keine Illustration ihrer Thesen. Sie ist eine eigenständige literarische Ausarbeitung derselben Denkbewegung, die auch diese Texte tragen. Wer die Theorie sucht, findet sie hier. Wer die Erzählung sucht, findet sie <a href="#zeitlosigkeit">dort</a>. Beide Wege führen zu demselben Rand – aber keiner setzt den anderen voraus.
            </div>
            <div class="theory-note" data-lang="en">
                📖 <strong>For literary illustration:</strong> The narrative <a href="#zeitlosigkeit">"The Timelessness of Stones"</a> is not theory, but a story. It is not a commentary on the following texts and not an illustration of their theses. It is an independent literary elaboration of the same movement of thought that carries these texts. Those who seek the theory will find it here. Those who seek the narrative will find it <a href="#zeitlosigkeit">there</a>. Both paths lead to the same edge – but neither presupposes the other.
            </div>

            <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=InverseChristologieNachDerEvolution.pdf" class="primary">PDF</a>
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=&view=InverseChristologieNachDerEvolution.epub">EPUB</a>
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=&view=InverseChristologieNachDerEvolution.tex">TeX</a>
                        <a href="https://the-last-freedom.org/Projekt_Pompeji/docs/flreader.php?path=&view=InverseChristologieNachDerEvolution.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">
                        Zwei späte Romane Don DeLillos, zwei Filme Jaco Van Dormaels und ein Film, den es so nie
                        gegeben hat. Der Essay zeigt, dass DeLillo und Van Dormael zwei Perspektiven auf denselben
                        Grenzwert sind – und dass sie sich nicht vereinbaren lassen. Die theoretische Brücke zu
                        <a href="#zeitlosigkeit" style="color:#6b4f8a;">„Die Zeitlosigkeit der Steine"</a>.
                    </div>
                    <div class="theory-desc" data-lang="en">
                        Two late novels by Don DeLillo, two films by Jaco Van Dormael, and a film that never existed.
                        The essay shows that DeLillo and Van Dormael are two perspectives on the same limit – and that
                        they cannot be reconciled. The theoretical bridge to
                        <a href="#zeitlosigkeit" style="color:#6b4f8a;">"The Timelessness of Stones"</a>.
                    </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 (mit U-T-S-Wasserzeichen) ===== -->
        <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–6) 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–6) 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 (mit ARS-Wasserzeichen) ===== -->
        <section id="technik" class="section-with-wallpaper">
            <div class="concept-wallpaper" aria-hidden="true">
                <span style="top: 15%; left: 10%; font-size: 7rem; transform: rotate(-6deg);">ARS</span>
                <span style="top: 60%; left: 55%; font-size: 5rem; transform: rotate(7deg);">Qubit</span>
            </div>

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


        </section>

    </main>

    <!-- ===== AUTOREN-SEKTION ===== -->
    <section class="author-section">
        <div class="author-avatar">
            <img src="PaulKoop.jpg" alt="Paul Koop, M.A." />
        </div>
        <div class="author-info">
            <h3>Paul Koop, M.A.</h3>
            <div class="title">Autor der Pompeji-Erzählung &amp; ARS-XAI-Methodologie</div>
            <p>🏠 Thomashofstraße 19 · 52070 Aachen</p>
            <p>📧 <a href="mailto:post@paul-koop.org">post@paul-koop.org</a></p>
            <p>🌐 <a href="https://pompeii-project.org" target="_blank">https://pompeii-project.org</a></p>
            <p>🌐 <a href="https://ars-xai.org" target="_blank">https://ars-xai.org</a></p>
            <div class="back-links">
                <a href="https://pompeii-project.org/index.html">🏠 Zur Hauptseite</a>
                <a href="#" onclick="window.scrollTo({top:0,behavior:'smooth'}); return false;">⬆ Nach oben</a>
            </div>
        </div>
    </section>

    <!-- ===== 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>