add more detailed information

- elves
- dwarfs

CAWS/.obsidian/app.json

@@ -0,0 +1 @@
+{}

CAWS/.obsidian/appearance.json

@@ -0,0 +1 @@
+{}

CAWS/.obsidian/community-plugins.json

@@ -0,0 +1 @@
+[]

CAWS/.obsidian/core-plugins-migration.json

@@ -0,0 +1,30 @@
+{
+  "file-explorer": true,
+  "global-search": true,
+  "switcher": true,
+  "graph": true,
+  "backlink": true,
+  "canvas": true,
+  "outgoing-link": true,
+  "tag-pane": true,
+  "properties": false,
+  "page-preview": true,
+  "daily-notes": true,
+  "templates": true,
+  "note-composer": true,
+  "command-palette": true,
+  "slash-command": false,
+  "editor-status": true,
+  "bookmarks": true,
+  "markdown-importer": false,
+  "zk-prefixer": false,
+  "random-note": false,
+  "outline": true,
+  "word-count": true,
+  "slides": false,
+  "audio-recorder": false,
+  "workspaces": false,
+  "file-recovery": true,
+  "publish": false,
+  "sync": false
+}

CAWS/.obsidian/core-plugins.json

@@ -0,0 +1,33 @@
+{
+  "file-explorer": true,
+  "global-search": true,
+  "switcher": true,
+  "graph": true,
+  "backlink": true,
+  "canvas": true,
+  "outgoing-link": true,
+  "tag-pane": true,
+  "properties": false,
+  "page-preview": true,
+  "daily-notes": true,
+  "templates": true,
+  "note-composer": true,
+  "command-palette": true,
+  "slash-command": false,
+  "editor-status": true,
+  "bookmarks": true,
+  "markdown-importer": false,
+  "zk-prefixer": false,
+  "random-note": false,
+  "outline": true,
+  "word-count": true,
+  "slides": false,
+  "audio-recorder": false,
+  "workspaces": false,
+  "file-recovery": true,
+  "publish": false,
+  "sync": false,
+  "footnotes": false,
+  "bases": true,
+  "webviewer": false
+}

CAWS/.obsidian/graph.json

@@ -0,0 +1,22 @@
+{
+  "collapse-filter": true,
+  "search": "",
+  "showTags": false,
+  "showAttachments": false,
+  "hideUnresolved": false,
+  "showOrphans": true,
+  "collapse-color-groups": true,
+  "colorGroups": [],
+  "collapse-display": true,
+  "showArrow": false,
+  "textFadeMultiplier": 0,
+  "nodeSizeMultiplier": 1,
+  "lineSizeMultiplier": 1,
+  "collapse-forces": true,
+  "centerStrength": 0.518713248970312,
+  "repelStrength": 10,
+  "linkStrength": 1,
+  "linkDistance": 250,
+  "scale": 1,
+  "close": true
+}

CAWS/.obsidian/plugins/obsidian-5e-statblocks/data.json

@@ -0,0 +1,27 @@
+{
+  "monsters": [],
+  "defaultLayouts": {},
+  "layouts": [],
+  "default": "basic-5e-layout",
+  "useDice": true,
+  "renderDice": false,
+  "export": true,
+  "showAdvanced": false,
+  "version": {
+    "major": 4,
+    "minor": 10,
+    "patch": 2
+  },
+  "paths": [
+    "/"
+  ],
+  "autoParse": false,
+  "disableSRD": false,
+  "tryToRenderLinks": true,
+  "debug": false,
+  "notifiedOfFantasy": false,
+  "hideConditionHelp": false,
+  "alwaysImport": false,
+  "defaultLayoutsIntegrated": true,
+  "atomicWrite": false
+}

CAWS/.obsidian/plugins/obsidian-5e-statblocks/manifest.json

@@ -0,0 +1,11 @@
+{
+    "id": "obsidian-5e-statblocks",
+    "name": "Fantasy Statblocks",
+    "version": "4.10.2",
+    "description": "Create Fantasy Statblocks in Obsidian.md",
+    "minAppVersion": "0.12.0",
+    "author": "Jeremy Valentine",
+    "authorUrl": "",
+    "fundingUrl": "https://www.buymeacoffee.com/valentine195",
+    "isDesktopOnly": false
+}

CAWS/.obsidian/workspace.json

@@ -0,0 +1,184 @@
+{
+  "main": {
+    "id": "1358c2ec9fa04611",
+    "type": "split",
+    "children": [
+      {
+        "id": "0066a28c6d52231b",
+        "type": "tabs",
+        "children": [
+          {
+            "id": "2b501ebf0ce48ba4",
+            "type": "leaf",
+            "state": {
+              "type": "markdown",
+              "state": {
+                "file": "Regionen/Region_1.md",
+                "mode": "source",
+                "source": false
+              },
+              "icon": "lucide-file",
+              "title": "Region_1"
+            }
+          }
+        ]
+      }
+    ],
+    "direction": "vertical"
+  },
+  "left": {
+    "id": "06bd950bcde3afb6",
+    "type": "split",
+    "children": [
+      {
+        "id": "99d247c431529d62",
+        "type": "tabs",
+        "children": [
+          {
+            "id": "17ebb9590096feb3",
+            "type": "leaf",
+            "state": {
+              "type": "file-explorer",
+              "state": {
+                "sortOrder": "alphabetical",
+                "autoReveal": false
+              },
+              "icon": "lucide-folder-closed",
+              "title": "Dateiexplorer"
+            }
+          },
+          {
+            "id": "3a0078fae335043c",
+            "type": "leaf",
+            "state": {
+              "type": "search",
+              "state": {
+                "query": "",
+                "matchingCase": false,
+                "explainSearch": false,
+                "collapseAll": false,
+                "extraContext": false,
+                "sortOrder": "alphabetical"
+              },
+              "icon": "lucide-search",
+              "title": "Suchen"
+            }
+          },
+          {
+            "id": "e55069b5fc0c42bb",
+            "type": "leaf",
+            "state": {
+              "type": "bookmarks",
+              "state": {},
+              "icon": "lucide-bookmark",
+              "title": "Lesezeichen"
+            }
+          }
+        ]
+      }
+    ],
+    "direction": "horizontal",
+    "width": 300
+  },
+  "right": {
+    "id": "8541b6074c042f30",
+    "type": "split",
+    "children": [
+      {
+        "id": "357b5237ea69d3a3",
+        "type": "tabs",
+        "children": [
+          {
+            "id": "a3ee9819db4256bf",
+            "type": "leaf",
+            "state": {
+              "type": "backlink",
+              "state": {
+                "file": "images/region_1.png",
+                "collapseAll": false,
+                "extraContext": false,
+                "sortOrder": "alphabetical",
+                "showSearch": false,
+                "searchQuery": "",
+                "backlinkCollapsed": false,
+                "unlinkedCollapsed": true
+              },
+              "icon": "links-coming-in",
+              "title": "Rückverweise für region_1"
+            }
+          },
+          {
+            "id": "331497fe444aeb65",
+            "type": "leaf",
+            "state": {
+              "type": "outgoing-link",
+              "state": {
+                "file": "images/region_1.png",
+                "linksCollapsed": false,
+                "unlinkedCollapsed": true
+              },
+              "icon": "links-going-out",
+              "title": "Ausgehende Links von region_1 öffnen"
+            }
+          },
+          {
+            "id": "f5444e19385273f6",
+            "type": "leaf",
+            "state": {
+              "type": "tag",
+              "state": {
+                "sortOrder": "frequency",
+                "useHierarchy": true,
+                "showSearch": false,
+                "searchQuery": ""
+              },
+              "icon": "lucide-tags",
+              "title": "Tags"
+            }
+          },
+          {
+            "id": "743ee9cbcf594698",
+            "type": "leaf",
+            "state": {
+              "type": "outline",
+              "state": {
+                "file": "Welcome.md",
+                "followCursor": false,
+                "showSearch": false,
+                "searchQuery": ""
+              },
+              "icon": "lucide-list",
+              "title": "Gliederung von Welcome"
+            }
+          }
+        ]
+      }
+    ],
+    "direction": "horizontal",
+    "width": 300,
+    "collapsed": true
+  },
+  "left-ribbon": {
+    "hiddenItems": {
+      "graph:Graph-Ansicht öffnen": false,
+      "bases:Create new base": false,
+      "switcher:Schnellauswahl öffnen": false,
+      "canvas:Neuen Canvas erstellen": false,
+      "daily-notes:Heutige Notiz öffnen": false,
+      "templates:Vorlage einfügen": false,
+      "command-palette:Befehlspalette öffnen": false
+    }
+  },
+  "active": "17ebb9590096feb3",
+  "lastOpenFiles": [
+    "images/region_1_1.webp",
+    "Welcome.md",
+    "Regionen/Region_1.md",
+    "Regionen",
+    "Unbenannt 2.base",
+    "Unbenannt.base",
+    "Unbenannt 1.base",
+    "images/region_1.png",
+    "images"
+  ]
+}

CAWS/Regionen/Region_1.md

@@ -0,0 +1,79 @@
+
+https://gitea.ammerhai.com/foundry/caws-world/wiki/Planung
+
+![[../images/region_1_1.webp]]
+
+## Völker in der Region
+- Menschen
+- Halblinge
+- Zwerge
+- Gnome
+
+- Waldelfen
+	- Dryaden
+	- Ents
+
+- Kobolde
+- Drachen
+
+- Vampire
+- Werwölfe
+
+- Dunkelelfen/Drow
+- Dunkelzwerge/Duergar
+---
+# Götter, Glauben und Dämonen
+
+## Pantheon der Menschen
+12 Menschen 
+
+Demokratische Entscheidungen, sollten sich jedoch sechs gegen sechs Stimmen gegenüberstehen, so wird das göttliche Entscheidungsritual ausgerufen. (Würfel, Scheibe...)
+
+-> weibliche Götter (6)
+- **Moireen:** Schicksal, Nacht, Mond --> 1. Monat 
+- **Nymphea:** Wasser, Seefahrt, Regen & Sturm --> 2. Monat
+- **Tenubia:** Weisheit, Magie --> 3. Monat
+- **Eroe** Liebe, Lust, Fruchtbarkeit, Flora (elfischer Ursprung) --> 5. Monat
+	- wird meist mit ihrer Schwester dargestellt, aber den fleischlichen Lüsten hingebend
+- **Melodis:** Künste, Festlichkeit/Tradition, Heim (elfischer Zwilling von Fruchtbarkeit) --> 6. Monat
+	- wird meist mit ihrer Schwester dargestellt, aber komponierend auf einem Diwan mit einer Weinflasche in der Hand
+- **Atalantis:** Jagd, Fauna, Gestaltwandel --> 10. Monat
+
+-> männliche Götter (6)
+- **Felkon:** Diebe/Glücksspiel (Tieflingsglaube) --> 4. Monat
+	- wird unter den Menschen mit menschlicher Erscheinung dargestellt, unter den Tieflingen jedoch mit dem Antlitz ihrerseits, was gerade durch Götzen, Diskussionen schnell in großen Streitereien ausarten kann. 
+- **Belltor:** Krieg --> 7. Monat
+- **Juphos:** Licht, Recht, Sonne, Tag --> 8. Monat
+- **Mercanto:** Handel, Reise, Abenteuer --> 9. Monat
+- **Ingal:** Handwerk, Feuer --> 11. Monat
+- **Mors:** Tod, Vergängnis, Ordnung --> 12. Monat
+
+
+## Pantheon der Waldelfen
+3 Elfen (2 männlich, 1 weiblich)
+
+- Mann 1 / Älterer Bruder: Athletik und Wasser, Sonne
+- Mann 2 / Jüngerer Bruder: Poesie und Luft, Mond
+- Frau:  Ordnung und Natur(gewalt)
+## Pantheon der Zwerge
+3 Zwerge (2 männlich, 1 weiblich)
+
+- Braukunst, Ehre, Schutz
+- Schmiedekunst, Handwerk, Handel
+- Erde, Essen, Familie
+
+### Pantheon der Gnome
+1 - Gnom (Abwandlung der Zwerge)
+
+## Pantheon der Dunkelelfen
+2 - Dunkelelfen (Lolth, Eilistraee) 
+### Lolth
+..
+### Eiliestraee
+..
+
+## Pantheon der Duergar
+1 - Dunkelzwerg
+
+## Glaube der Kobolde
+kein direkter Glaube, abhängig der Drachen in der Umgebung

Readme.md

@@ -0,0 +1 @@
+# README

cystrelias-almanac.html

@@ -1,135 +0,0 @@
-<!DOCTYPE html>
-<html>
-
-<head>
-  <meta charset="UTF-8">
-  <title>Cystrelias Almanac Of Wondrous Secrets</title>
-  <link rel="stylesheet" href="/dnd-book.css">
-</head>
-
-<body >
-    <!-- Erstelle ein Container-Div mit der Klasse "phb" -->
-    <div class="phb">
-  <h1 id="cystrelias-almanac-of-wondrous-secrets">Cystrelias Almanac Of Wondrous Secrets</h1>
-  <p><a
-      href="https://www.gmbinder.com/share/-L0WUSjJyFHG7PDyIFta">https://www.gmbinder.com/share/-L0WUSjJyFHG7PDyIFta</a>
-  </p>
-  <h2 id="kapitel-1---v%C3%B6lker-und-spezies-a">Kapitel 1 - Völker und Spezies </a></h2>
-  <h3 id="satyrn">Satyrn</h3>
-  <p>Satyrn haben einen wohlverdienten Ruf für ihre gute Laune, ihre geselligen Persönlichkeiten und ihre Liebe zu
-    Festen. Die meisten Satyrn werden von einfachen Wünschen angetrieben, die Welt zu sehen und alle ihre Freuden zu
-    genießen. Ihre Spontaneität und Launenhaftigkeit bringen sie zwar manchmal in Konflikt mit stoischeren Völkern, aber
-    Satyrn lassen sich von der Launenhaftigkeit anderer selten von ihrem eigenen Glück abhalten. Das Leben ist
-    schließlich ein Segen der Götter, und die angemessene Reaktion auf ein solches Geschenk ist für die meisten Satyrn,
-    es mit Freude anzunehmen.</p>
-  <h4 id="geborene-der-wildnis">Geborene der Wildnis</h4>
-  <p>In ihrer körperlichen Gestalt verkörpern die Satyrn eine Verschmelzung von menschlicher Zivilisation und der
-    Freiheit wilder Tiere. Im Allgemeinen sehen sie den Menschen ähnlich, mit einer Reihe von Staturen und Merkmalen.
-    Aber ihre ziegenartigen Hörner, spitzen Ohren und behaarten Unterkörper unterscheiden sie deutlich. Die massiven
-    Hörner der Satyrn sind an der Schädelbasis mit dem Kopf verbunden, während ihre Beine in kräftigen Hufen enden. Ihr
-    Körper ist von der Taille abwärts mit dickem Fell bedeckt, das an der Taille kürzer und unterhalb der Knie länger
-    ist. Kurze, weiche Haare wachsen an Hals und Wirbelsäule, entlang der Schultern und auf den Unterarmen.</p>
-  <h4 id="das-leben-sch%C3%BCtzen">Das Leben Schützen</h4>
-  <p>Die meisten Satyrn glauben, dass die anderen Völker von Theros mit der Plage der Ernsthaftigkeit behaftet sind.
-    Satyrn spotten über die Bemühungen der Polisbauer mit ihren Gesetzen und rechten Winkeln, und sie machen sich über
-    die Philosophen mit ihren endlosen Theorien und endlosen Diskussionen lustig.</p>
-  <p>Satyrn sind der Meinung, dass das Leben mit allen Sinnen gelebt und erlebt werden muss. Satyrn sehen die Welt und
-    alles in ihr als einen Haken voller Genüsse, und sie wollen jede Seite erkunden. In Kapitel 3 erfährst du mehr über
-    die Heimat der Satyrn, das Skola-Tal.</p>
-  <h4 id="die-kunst-der-offenbarung">Die Kunst der Offenbarung</h4>
-  <p>Die Menschen der Poleis stellen sich Satyrfeste im Allgemeinen als rauschende Bacchanale vor, bei denen alles
-    Mögliche passieren kann. Dieses Bild ist nicht falsch, aber es ist unvollständig, denn zu einem Gelage gehört mehr
-    als Ausschweifung. Für Satyrn ist das Feiern eine Lebenseinstellung. Sie erfreuen sich an den kleinen Dingen: dem
-    Gesang eines Vogels, einer warmen Brise, dem Geruch eines leckeren Kuchens, dem Entspannen an einem Fluss im
-    Sonnenschein. Das Leben bietet diese Gaben frei an, und für einen Satyr sind sie wertvoller als Gold oder Ruhm.
-    Schwelgen bedeutet, die Zwänge der Zeit zu vergessen, die Zukunft und die Vergangenheit loszulassen und ganz im
-    gegenwärtigen Augenblick zu sein. Für Satyrn ist die Begegnung mit dem Leben mit allen Sinnen eine Ehre für die
-    Götter, und - was am wichtigsten ist - sie fühlt sich wirklich gut an. Angetrieben von Instinkt und Intuition,
-    erweisen sich die meisten Satyrn als unberechenbar und folgen ihrem Sinn für Wunder, wohin auch immer er sie führt.
-  </p>
-  <h4 id="ein-exzentrisches-v%C3%B6lkchen">Ein Exzentrisches Völkchen</h4>
-  <p>Satyrn sind für ihre Exzentrik bekannt. Manche Menschen verbringen zu viel Zeit damit, sich darüber Gedanken zu
-    machen, warum Satyrn sich so verhalten, wie sie es tun. Aber Satyrn selbst sind einfach so, wie sie sind, und haben
-    kein Bedürfnis zu verstehen, was sie antreibt, geschweige denn es anderen zu erklären. Die Tabelle der
-    Satyr-Exzentrizitäten zeigt einige Vorlieben oder Neigungen, die dein Satyr-Charakter haben könnte.</p>
-  <h5 id="satyr-eigenschaften">Satyr Eigenschaften</h5>
-  <table>
-    <thead>
-      <tr>
-        <th>D8</th>
-        <th>Charakteristik</th>
-      </tr>
-    </thead>
-    <tbody>
-      <tr>
-        <td>1</td>
-        <td>Blumen sind die tollsten Dinge überhaupt. Ich möchte sie pflücken, sie tragen und ihre stillen Geheimnisse
-          entdecken.</td>
-      </tr>
-      <tr>
-        <td>2</td>
-        <td>Es gibt keinen Baum und keine Statue, auf die man nicht klettern könnte.</td>
-      </tr>
-      <tr>
-        <td>3</td>
-        <td>Nichts vereint das Unglück so gut wie ein fröhlicher Tanz.</td>
-      </tr>
-      <tr>
-        <td>4</td>
-        <td>Manchmal hilft es wirklich mit einer Pflanze zu sprechen.</td>
-      </tr>
-      <tr>
-        <td>5</td>
-        <td>Wenn ich ratlos bin, rauche ich eine Pfeife. Und wenn ich eine rauche, so wird es eine wunderbare Pfeife
-          sein.</td>
-      </tr>
-      <tr>
-        <td>6</td>
-        <td>Ich stelle mir vor, dass meine Kleidung meine glorreiche Seele ist, die ich vor aller Welt zur Schau stelle,
-          und ich kleide mich entsprechend.</td>
-      </tr>
-      <tr>
-        <td>7</td>
-        <td>Hörner zu haben, ist das Beste. Es macht Spaß, sie zu schmücken, und man kann eine Amphore öffnen, ohne
-          Probleme.</td>
-      </tr>
-      <tr>
-        <td>8</td>
-        <td>Wenn ich etwas wirklich Wichtiges zu sagen habe, singe ich es immer.</td>
-      </tr>
-    </tbody>
-  </table>
-  <h3 id="satyr-namen">Satyr Namen</h3>
-  <p>Der Name eines Satyrs ist so verspielt und schelmisch wie er selbst, und jeder Name wird vergeben, wenn die
-    Persönlichkeit des Satyrs durchscheint. Die meisten Satyrn geben sich auch gegenseitig Spitznamen.</p>
-  <p><strong>Weibliche Namen:</strong> Aliki, Avra, Chan, Dafni, Eirini, Elpida, Irini, Kaiti, Lia, Niki, Tasia, Xeni,
-    Yanna, Zoi</p>
-  <p><strong>Männliche Namen:</strong> Aleksos, Dimi, Filippos, Ilias, Kyriakos, Neofytos, Omiros, Pantelis, Spyro,
-    Takis, Zemon</p>
-  <p><strong>Spitznamen:</strong> Hüpfer, Glitzerauge, Sonnenstrahl, Klip-Klop, Schnellfuß, Blütenkink</p>
-  <h3 id="merkmale-der-satyr">Merkmale der Satyr</h3>
-  <p>Dein Satyrcharakter hat die folgenden Volkseigenschaften</p>
-  <p><strong>Attributswerterhöhung.</strong> Dein Charisma-Wert erhöht sich um zwei und dein Geschicklichkeitswert
-    steigt um eins.</p>
-  <p><strong>Alter.</strong> Satyrn reifen und altern in etwa gleich schnell wie Menschen.</p>
-  <p><strong>Ausrichtung.</strong> Satyrn genießen es, ein Leben frei vom Mantel des Gesetzes zu führen. Sie neigen
-    dazu, gut zu sein, aber einige haben eine hinterhältige Ader und sorgen gerne für Unruhe.</p>
-  <p><strong>Größe.</strong> Satyrn sind zwischen knapp 1,80 m und etwa 1,80 m groß und im Allgemeinen schlank gebaut.
-    Deine Größe ist mittelgroß.</p>
-  <p><strong>Bewegungsrate.</strong> Deine Grundgeschwindigkeit beträgt neun Meter.</p>
-  <p><strong>Rammen.</strong> Du kannst deinen Kopf und deine Hörner für unbewaffnete Schläge einsetzen. Wenn du damit
-    triffst, fügst du 1w4 + deinen Stärke-Modifikator als Schlagschaden zu.</p>
-  <p><strong>Magieresistenz.</strong> Du hast einen Vorteil bei Rettungswürfen gegen Zauber und andere magische Effekte.
-  </p>
-  <p><strong>Fröhliche Sprünge.</strong> Immer wenn du einen Weit- oder Hochsprung machst, kannst du einen 1w6 Wurf
-    machen und die gewürfelte Zahl zu der Anzahl der Meter addieren, die du zurücklegst, selbst wenn du einen Sprung aus
-    dem Stand machst. Diese zusätzliche Distanz kostet wie üblich Bewegung.</p>
-  <p><strong>Feiernder.</strong> Du beherrschst die Fertigkeiten Darstellendes Spiel und Überredungskunst und ein
-    musikalisches Instrument deiner Wahl.</p>
-  <p><strong>Sprachen.</strong> Du kannst die Allgemeinsprache und Sylvan sprechen, lesen und schreiben.</p>
-
-
-</div>
-</body>
-
-</html>

dnd-book.css

@@ -1,160 +0,0 @@
-/* Container für das Buchlayout */
-.phb {
-    width: 210mm;
-    /* A4 Breite */
-    height: 296.8mm;
-    /* A4 Höhe */
-    margin: 20mm auto;
-    /* Zentriert das Layout horizontal auf dem Bildschirm */
-    padding: 10mm;
-    /* Verringert das Padding auf der Seite, um mehr Platz zu schaffen */
-    position: relative;
-    background-image: url('./background.png');
-    /* Hintergrundbild */
-    background-size: cover;
-    /* Hintergrundbild strecken */
-    background-position: center;
-    /* Bild zentrieren */
-    box-shadow: -10px 0 20px rgba(0, 0, 0, 0.3), 10px 0 20px rgba(0, 0, 0, 0.3);
-    /* Schatten links und rechts */
-    display: flex;
-    justify-content: center;
-    /* Zentriert die Spalten */
-    box-sizing: border-box;
-    page-break-before: always;
-    /* Seite beginnt immer nach einer neuen phb */
-    font-size: 16px; /* Basis-Schriftgröße */
-}
-
-.phb::after {
-    content: "";
-    /* Necessary for the pseudo-element to be visible */
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    height: 55px;
-    width: 100%;
-    background-image: url('./footer_even.png');
-    background-size: cover;
-    background-position: center;
-    /* Ensure image is centered */
-    padding-top: 28px;
-    /* Adjust the vertical position of the text */
-    text-align: center;
-    font-size: 11px;
-    padding-left: 65px;
-    padding-right: 85px;
-    line-height: 1.1;
-    color: white;
-    /* Ensure text is readable over the footer image */
-    z-index: 2;
-    /* Ensure footer is always above other content */
-    box-sizing: border-box;
-    /* Ensure padding is included in the element's width/height */
-}
-
-/* Layout für die Spalten */
-.phb .content {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 1%;
-    /* Verringert den Abstand zwischen den Spalten */
-    width: 100%;
-    /* Gesamtbreite für den Inhalt */
-}
-
-/* Jede Spalte nimmt 48% der Breite ein */
-.phb .column {
-    width: 48%;
-    /* Breite der Spalten */
-    padding: 5mm;
-    /* Reduziert das Padding in den Spalten */
-    box-sizing: border-box;
-    color: #222;
-    line-height: 1.5;
-    page-break-inside: avoid;
-    /* Verhindert, dass der Inhalt in eine neue Seite umbricht */
-}
-
-
-/* Stil für Blockquotes */
-.phb blockquote {
-    margin: 0 0 21px;
-    font-size: 17.5px;
-    border-left: 5px solid #f4f5f5;
-    font-family: ScalySans;
-    box-sizing: border-box;
-    padding: 5px 10px;
-    background-color: #e0e5c1;
-    border-style: solid;
-    border-width: 11px;
-    border-image: url('./note-wrap.png') 11;
-      border-image-outset: 0;
-    border-image-outset: 9px 0;
-    box-shadow: 1px 4px 14px #888;
-}
-
-/* Stil für Tabellen */
-.phb table {
-    font-size: 9pt;
-    width: 100%;
-    margin-top: 10px;
-    margin-bottom: 10px;
-}
-
-/* Stil für Tabellenkopf */
-.phb table th,
-.phb table td {
-    padding: 5px;
-    border: 1px solid #ccc;
-}
-
-/* Überschriften und Absätze */
-.phb h1,
-.phb h2,
-.phb h3,
-.phb h4 {
-    margin-top: .2em;
-    margin-bottom: .2em;
-    font-family: 'MrJeeves', sans-serif;
-    font-weight: 800;
-    color: #58180D;
-}
-
-.phb h1 {
-    column-span: all;
-    font-size: 2.3em;
-    -webkit-column-span: all;
-    -moz-column-span: all;
-}
-
-.phb h2 {
-    font-size: 1.6em;
-}
-
-.phb h3 {
-    font-size: 1.2em;
-    border-bottom: 2px solid #c9ad6a;
-}
-
-.phb h4 {
-    margin-bottom: 0;
-    font-size: 1em;
-}
-
-.phb h5 {
-    margin-bottom: .2em;
-    font-family: 'ScalySansSmallCaps', sans-serif;
-    font-size: .8em;
-    font-weight: 900;
-}
-
-/* Sicherstellen, dass die nächste Seite nach der ersten immer auf einer neuen Seite beginnt */
-.phb:not(:first-of-type) {
-    page-break-before: always;
-}
-
-/* Stil für den Blockquote */
-.phb blockquote hr {
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2'%3E%3Cpath d='M0 0l2 1L0 2z' fill='%239c2b1b'/%3E%3C/svg%3E");
-}

src/cystrelias-almanac.html

@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html lang="de">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Cystrelias Almanac Of Wondrous Secrets</title>
+    <link rel="stylesheet" href="website_main.css"> 
+    <link rel="stylesheet" href="dnd-book.css">
+  </head>
+
+  <body>
+  <header>
+    <div class="title">
+        <a href="/index.html">AMMERHAI</a>
+    </div>
+    <div class="menu">
+        <a href="/ttrpg.html">TTRPG</a>
+        <a href="/blog.html">Blog</a>
+        <a href="/imprint.html">Imprint</a>
+    </div>
+  </header>
+    <div class="pages">
+      <div class="page">
+          <div>
+            <h1 id="cystrelias-almanac-of-wondrous-secrets">Cystrelias Almanac Of Wondrous Secrets</h1>
+
+            <h2 id="kapitel-1---v%C3%B6lker-und-spezies-a">Kapitel 1 - Völker und Spezies </a></h2>
+
+            <h3 id="satyrn">Satyrn</h3>
+            <p>Satyrn haben einen wohlverdienten Ruf für ihre gute Laune, ihre geselligen Persönlichkeiten und ihre Liebe zu
+              Festen. Die meisten Satyrn werden von einfachen Wünschen angetrieben, die Welt zu sehen und alle ihre Freuden zu
+              genießen. Ihre Spontaneität und Launenhaftigkeit bringen sie zwar manchmal in Konflikt mit stoischeren Völkern, aber
+              Satyrn lassen sich von der Launenhaftigkeit anderer selten von ihrem eigenen Glück abhalten. Das Leben ist
+              schließlich ein Segen der Götter, und die angemessene Reaktion auf ein solches Geschenk ist für die meisten Satyrn,
+              es mit Freude anzunehmen.</p>
+
+            <h4 id="geborene-der-wildnis">Geborene der Wildnis</h4>
+            <p>In ihrer körperlichen Gestalt verkörpern die Satyrn eine Verschmelzung von menschlicher Zivilisation und der
+              Freiheit wilder Tiere. Im Allgemeinen sehen sie den Menschen ähnlich, mit einer Reihe von Staturen und Merkmalen.
+              Aber ihre ziegenartigen Hörner, spitzen Ohren und behaarten Unterkörper unterscheiden sie deutlich. Die massiven
+              Hörner der Satyrn sind an der Schädelbasis mit dem Kopf verbunden, während ihre Beine in kräftigen Hufen enden. Ihr
+              Körper ist von der Taille abwärts mit dickem Fell bedeckt, das an der Taille kürzer und unterhalb der Knie länger
+              ist. Kurze, weiche Haare wachsen an Hals und Wirbelsäule, entlang der Schultern und auf den Unterarmen.</p>
+
+            <h4 id="das-leben-sch%C3%BCtzen">Das Leben Schützen</h4>
+            <p>Die meisten Satyrn glauben, dass die anderen Völker von Theros mit der Plage der Ernsthaftigkeit behaftet sind.
+              Satyrn spotten über die Bemühungen der Polisbauer mit ihren Gesetzen und rechten Winkeln, und sie machen sich über
+              die Philosophen mit ihren endlosen Theorien und endlosen Diskussionen lustig.</p>
+            <p>Satyrn sind der Meinung, dass das Leben mit allen Sinnen gelebt und erlebt werden muss. Satyrn sehen die Welt und
+              alles in ihr als einen Haken voller Genüsse, und sie wollen jede Seite erkunden. In Kapitel 3 erfährst du mehr über
+              die Heimat der Satyrn, das Skola-Tal.</p>
+          </div>
+          <div>
+            <h4 id="die-kunst-der-offenbarung">Die Kunst der Offenbarung</h4>
+            <p>Die Menschen der Poleis stellen sich Satyrfeste im Allgemeinen als rauschende Bacchanale vor, bei denen alles
+              Mögliche passieren kann. Dieses Bild ist nicht falsch, aber es ist unvollständig, denn zu einem Gelage gehört mehr
+              als Ausschweifung. Für Satyrn ist das Feiern eine Lebenseinstellung. Sie erfreuen sich an den kleinen Dingen: dem
+              Gesang eines Vogels, einer warmen Brise, dem Geruch eines leckeren Kuchens, dem Entspannen an einem Fluss im
+              Sonnenschein. Das Leben bietet diese Gaben frei an, und für einen Satyr sind sie wertvoller als Gold oder Ruhm.
+              Schwelgen bedeutet, die Zwänge der Zeit zu vergessen, die Zukunft und die Vergangenheit loszulassen und ganz im
+              gegenwärtigen Augenblick zu sein. Für Satyrn ist die Begegnung mit dem Leben mit allen Sinnen eine Ehre für die
+              Götter, und - was am wichtigsten ist - sie fühlt sich wirklich gut an. Angetrieben von Instinkt und Intuition,
+              erweisen sich die meisten Satyrn als unberechenbar und folgen ihrem Sinn für Wunder, wohin auch immer er sie führt.
+            </p>
+
+            <h4 id="ein-exzentrisches-v%C3%B6lkchen">Ein Exzentrisches Völkchen</h4>
+            <p>Satyrn sind für ihre Exzentrik bekannt. Manche Menschen verbringen zu viel Zeit damit, sich darüber Gedanken zu
+              machen, warum Satyrn sich so verhalten, wie sie es tun. Aber Satyrn selbst sind einfach so, wie sie sind, und haben
+              kein Bedürfnis zu verstehen, was sie antreibt, geschweige denn es anderen zu erklären. Die Tabelle der
+              Satyr-Exzentrizitäten zeigt einige Vorlieben oder Neigungen, die dein Satyr-Charakter haben könnte.</p>
+          </div>
+        </div>
+        <div class="page">
+          <div>
+          <h5 id="satyr-eigenschaften">Satyr Eigenschaften</h5>
+          <table>
+            <thead>
+              <tr>
+                <th>D8</th>
+                <th>Charakteristik</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr>
+                <td>1</td>
+                <td>Blumen sind die tollsten Dinge überhaupt. Ich möchte sie pflücken, sie tragen und ihre stillen Geheimnisse
+                entdecken.</td>
+              </tr>
+              <tr>
+                <td>2</td>
+                <td>Es gibt keinen Baum und keine Statue, auf die man nicht klettern könnte.</td>
+              </tr>
+              <tr>
+                <td>3</td>
+                <td>Nichts vereint das Unglück so gut wie ein fröhlicher Tanz.</td>
+              </tr>
+              <tr>
+                <td>4</td>
+                <td>Manchmal hilft es wirklich mit einer Pflanze zu sprechen.</td>
+              </tr>
+              <tr>
+                <td>5</td>
+                <td>Wenn ich ratlos bin, rauche ich eine Pfeife. Und wenn ich eine rauche, so wird es eine wunderbare Pfeife
+                  sein.</td>
+              </tr>
+              <tr>
+                <td>6</td>
+                <td>Ich stelle mir vor, dass meine Kleidung meine glorreiche Seele ist, die ich vor aller Welt zur Schau stelle,
+                  und ich kleide mich entsprechend.</td>
+              </tr>
+              <tr>
+                <td>7</td>
+                <td>Hörner zu haben, ist das Beste. Es macht Spaß, sie zu schmücken, und man kann eine Amphore öffnen, ohne
+                  Probleme.</td>
+              </tr>
+              <tr>
+                <td>8</td>
+                <td>Wenn ich etwas wirklich Wichtiges zu sagen habe, singe ich es immer.</td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+        <div class="page">
+          <h3 id="satyr-namen">Satyr Namen</h3>
+          <p>Der Name eines Satyrs ist so verspielt und schelmisch wie er selbst, und jeder Name wird vergeben, wenn die
+            Persönlichkeit des Satyrs durchscheint. Die meisten Satyrn geben sich auch gegenseitig Spitznamen.</p>
+          <p><strong>Weibliche Namen:</strong> Aliki, Avra, Chan, Dafni, Eirini, Elpida, Irini, Kaiti, Lia, Niki, Tasia, Xeni,
+            Yanna, Zoi</p>
+          <p><strong>Männliche Namen:</strong> Aleksos, Dimi, Filippos, Ilias, Kyriakos, Neofytos, Omiros, Pantelis, Spyro,
+            Takis, Zemon</p>
+          <p><strong>Spitznamen:</strong> Hüpfer, Glitzerauge, Sonnenstrahl, Klip-Klop, Schnellfuß, Blütenkink</p>
+          <h3 id="merkmale-der-satyr">Merkmale der Satyr</h3>
+          <p>Dein Satyrcharakter hat die folgenden Volkseigenschaften</p>
+          <p><strong>Attributswerterhöhung.</strong> Dein Charisma-Wert erhöht sich um zwei und dein Geschicklichkeitswert
+            steigt um eins.</p>
+          <p><strong>Alter.</strong> Satyrn reifen und altern in etwa gleich schnell wie Menschen.</p>
+          <p><strong>Ausrichtung.</strong> Satyrn genießen es, ein Leben frei vom Mantel des Gesetzes zu führen. Sie neigen
+            dazu, gut zu sein, aber einige haben eine hinterhältige Ader und sorgen gerne für Unruhe.</p>
+          <p><strong>Größe.</strong> Satyrn sind zwischen knapp 1,80 m und etwa 1,80 m groß und im Allgemeinen schlank gebaut.
+            Deine Größe ist mittelgroß.</p>
+          <p><strong>Bewegungsrate.</strong> Deine Grundgeschwindigkeit beträgt neun Meter.</p>
+          <p><strong>Rammen.</strong> Du kannst deinen Kopf und deine Hörner für unbewaffnete Schläge einsetzen. Wenn du damit
+            triffst, fügst du 1w4 + deinen Stärke-Modifikator als Schlagschaden zu.</p>
+          <p><strong>Magieresistenz.</strong> Du hast einen Vorteil bei Rettungswürfen gegen Zauber und andere magische Effekte.
+          </p>
+          <p><strong>Fröhliche Sprünge.</strong> Immer wenn du einen Weit- oder Hochsprung machst, kannst du einen 1w6 Wurf
+            machen und die gewürfelte Zahl zu der Anzahl der Meter addieren, die du zurücklegst, selbst wenn du einen Sprung aus
+            dem Stand machst. Diese zusätzliche Distanz kostet wie üblich Bewegung.</p>
+          <p><strong>Feiernder.</strong> Du beherrschst die Fertigkeiten Darstellendes Spiel und Überredungskunst und ein
+            musikalisches Instrument deiner Wahl.</p>
+          <p><strong>Sprachen.</strong> Du kannst die Allgemeinsprache und Sylvan sprechen, lesen und schreiben.</p>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>

src/dnd-book.css

@@ -0,0 +1,119 @@
+.pages {
+    --page-width:  210mm;
+    --page-height: calc(var(--page-width) * sqrt(2));
+
+    width: var(--page-width);
+    margin: 2em auto;
+
+    font-size: 12pt;
+    color: #222;
+
+    display: grid;
+    gap: 2em;
+
+    & * {
+        box-sizing: border-box;
+    }
+
+    & > * {
+        position: relative;
+
+        width:   var(--page-width);
+        height:  var(--page-height);
+        padding: 15mm;
+
+        background-image: url('../assets/background.png');
+        background-size:  cover;
+
+        box-shadow: -10px 0 20px rgba(0, 0, 0, 0.3), 10px 0 20px rgba(0, 0, 0, 0.3);
+
+        display: grid;
+        gap: 10mm;
+
+        &:has(> :last-child:nth-child(1)) {
+            grid-template-columns: 1fr;
+        }
+
+        &:has(> :last-child:nth-child(2)) {
+            grid-template-columns: repeat(2, 1fr);
+        }
+
+        & > * > :first-child {
+            margin-top: 0;
+        }
+
+        & blockquote {
+            margin: 1em 0;
+            padding: 1em;
+
+            background-color: #e0e5c1;
+            border-image: url('../assets/note-wrap.png') 11 / auto / 9px 0;
+
+            box-shadow: 1px 4px 14px #888;
+        }
+
+        & table {
+            width: 100%;
+
+            & td, th {
+                border: 1pt solid #ccc;
+            }
+        }
+
+        &::after {
+            position: absolute;
+            bottom: 0;
+
+            width:  100%;
+            height: 42pt;
+
+            content: "";
+            background-image: url('../assets/footer_even.png');
+            background-size: cover;
+        }
+    }
+
+    @media print {
+        margin: 0;
+    }
+}
+
+/* Überschriften und Absätze */
+.phb h1,
+.phb h2,
+.phb h3,
+.phb h4 {
+    margin-top: .2em;
+    margin-bottom: .2em;
+    font-family: 'Times New Roman';
+    font-weight: 800;
+    color: #58180D;
+}
+
+.phb h1 {
+    column-span: all;
+    font-size: 1.6;
+    -webkit-column-span: all;
+    -moz-column-span: all;
+}
+
+.phb h2 {
+    font-size: 1.4em;
+}
+
+.phb h3 {
+    font-size: 1.2em;
+    border-bottom: 2px solid #c9ad6a;
+}
+
+.phb h4 {
+    margin-bottom: 0;
+    font-size: 1em;
+}
+
+.phb h5 {
+    margin-bottom: .2em;
+    font-family: 'Times New Roman';
+    font-size: .8em;
+    font-weight: 900;
+}

src/monsterblock.css

@@ -7,8 +7,7 @@ body {
   body *{
     box-sizing: border-box;
     max-width: 100%;
-    font-family: 'Noto Sans', 'Myriad Pro', Calibri, Helvetica,
+    font-family: 'Noto Sans', sans-serif;
-      Arial, sans-serif;
   }
   .stat-block {
     text-align: left;
@@ -77,7 +76,7 @@ body {
     stroke: #922610;
   }
   .creature-heading h1{
-    font-family: 'Libre Baskerville', 'Lora', 'Calisto MT', 'Bookman Old Style', Bookman, 'Goudy Old Style', Garamond, 'Hoefler Text', 'Bitstream Charter', Georgia, serif;
+    font-family: 'Libre Baskerville', 'Lora', 'Calisto MT', 'Bookman Old Style', 'Bitstream Charter', Georgia, serif;
     color: #922610;
     font-size: 23px;
     line-height: 1.2em;

src/test.html

@@ -4,15 +4,24 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>PhB Layout mit Spalten</title>
-    <link rel="stylesheet" href="dnd-book.css"> <!-- Dein CSS-File -->
+    <link rel="stylesheet" href="website_main.css"> 
+    <link rel="stylesheet" href="dnd-book.css">
 </head>
 <body>
+    <header>
+        <div class="title">
+            <a href="/index.html">AMMERHAI</a>
+        </div>
+        <div class="menu">
+            <a href="/ttrpg.html">TTRPG</a>
+            <a href="/blog.html">Blog</a>
+            <a href="/imprint.html">Imprint</a>
+        </div>
+    </header>
 
-    <!-- Seite 1 -->
+    <div class="pages">
-    <div class="phb">
+        <div class="page">
-        <div class="content">
+            <div>
-            <!-- Erste Spalte: Elfen -->
-            <div class="column">
                 <h1>Die Elfen und ihre Geschichte</h1>
                 <p>Die Elfen sind eine uralte Rasse, bekannt für ihre Weisheit und Verbindung zur Natur...</p>
 
@@ -44,9 +53,7 @@
                     </tr>
                 </table>
             </div>
-
+            <div>
-            <!-- Zweite Spalte: Zwerge -->
-            <div class="column">
                 <h1>Die Zwerge und ihre Bedeutung</h1>
                 <p>Die Zwerge sind für ihre Handwerkskunst und ihren tiefen Bezug zu den Bergen bekannt...</p>
 
@@ -79,13 +86,8 @@
                 </table>
             </div>
         </div>
-    </div>
+        <div class="page">
-
+            <div>
-    <!-- Seite 2 (neues Bild und Inhalt) -->
-    <div class="phb">
-        <div class="content">
-            <!-- Erste Spalte für die nächste Seite -->
-            <div class="column">
                 <h1>Die Magie der Welt</h1>
                 <p>Die Magie durchzieht die Welt, sie ist die Quelle der größten Kräfte und der gefährlichsten Geheimnisse...</p>
 
@@ -93,9 +95,7 @@
                     <p>„Magie ist die Sprache der Welt, die jeder versteht, der mit der richtigen Intention hört“, erklärte der alte Zauberer.</p>
                 </blockquote>
             </div>
-        
+            <div>
-            <!-- Zweite Spalte für die nächste Seite -->
-            <div class="column">
                 <h1>Die Götter und ihre Anhänger</h1>
                 <p>Die Götter der Welt sind nicht nur Wesen von unvorstellbarer Macht, sondern auch Teil des täglichen Lebens...</p>
 
@@ -119,6 +119,5 @@
             </div>
         </div>
     </div>
-
 </body>
 </html>

src/website_main.css

@@ -0,0 +1,99 @@
+/*GENERAL*/
+/*@font-face {
+    font-family: 'FiraCode';
+    src: url(fonts/FiraCode-VariableFont_wght.ttf);
+}*/
+
+@font-face {
+    font-family: 'Noto Sans', 'Inconsolata';
+    src: url(fonts/Inconsolata-VariableFont_wdth\,wght.ttf);
+    font-weight: 600;
+}
+
+/*BODY*/
+body {
+    margin: 0em;
+
+    font-family: 'Noto Sans', 'Inconsolata', 'Courier New';
+    font-size: 16pt;
+
+    color: #EEE;
+    background: #292a2d;
+
+    & a {
+        text-decoration: none;
+    }
+
+    & > header {
+        position: sticky;
+        z-index:  100;
+        top:      0;
+
+        margin-bottom: 1em;
+
+        background: #151617;
+        font-size: 1.2em;
+        line-height: 3.5em;
+        box-shadow:  0em 0.16em 0.8em 0em rgba(0,0,0,0.55);
+
+        display: grid;
+        grid-template-columns: minmax(0, 3em) max-content auto max-content minmax(0, 3em);
+
+        & a {
+            color: inherit;
+
+            &:hover {
+                transform: scale(1.02);
+                text-shadow: 0em 0em 1em rgba(175, 175, 175, 0.9);
+            }
+        }
+
+        & .title {
+            grid-column: 2;
+
+            font-size: 1.6em;
+            font-weight: bold;
+
+            text-shadow: 0em 0em 0.2em rgba(175, 175, 175, 0.5);
+        }
+
+        & .menu {
+            grid-column: 4;
+
+            display: flex;
+            gap: 2em
+        }
+
+        @media print {
+            display: none;
+        }
+    }
+}
+
+/*##########################################################*/
+/*IMG*/
+img.center-fit {
+    max-width: 100%;
+    max-height: 100vh;
+    margin: auto;
+}
+
+img.shadow{
+    box-shadow: 0em 0.16em 0.8em 0em rgba(0,0,0,0.55);
+}
+
+
+
+
+/*##########################################################*/
+/*FOOTER*/
+footer {
+    opacity: 0.5;
+    position: relative;
+    bottom: 0;
+    width: 100%;
+    text-align: center;
+    /*padding: 10px;*/
+    border-top: 1px transparent #ccc; /* Trennlinie oberhalb des Footers */
+}
+