jekyll build from Action 99baeba494

player-guides/netrunner.html

@@ -50,6 +50,10 @@
               <li><a href="/cpred/roles/" class="cyber-a">Rollen</a></li>
             
           
+            
+              <li><a href="/cpred/skills/" class="cyber-a">Fertigkeiten</a></li>
+            
+          
         </ul>
       </div>
     </nav>
@@ -83,6 +87,8 @@
 
   <main class="container">
     <h1 class="cyber-h">Netrunner Guide</h1>
+<div id="toc"></div>
+
 <h2 class="cyber-h">Die Umgebung checken</h2>
 
 <p>
@@ -315,7 +321,210 @@ GES des Verteidigers + Fertigkeit Ausweichen + 1W10
 
 <p>TBD</p>
 
+<h2 class="cyber-h">Attribute</h2>
 
+<h3 class="cyber-h">Was sind Attribute?</h3>
+<p>Attribute (kurz ATT) sind Werte, welche die Fähigkeiten eines Charakters zu allen anderen im Spieluniversum ins Verhältnis setzen. Attribute helfen dabei, die Fähigkeiten der Charaktere vergleichbar zu machen. In einer <b>Cyberpunk-RED-Kampagne</b> weisen die Charaktere zehn Hauptattribute aus vier Gruppen auf: <b>Geistig</b>, <b>Kampf</b>, <b>Schicksal</b> und <b>Körperlich</b>.</p>
+
+<h4 class="cyber-h">Geistige Gruppe</h4>
+<ul>
+  <li><span class="oxanium-font tooltipped" data-position="bottom" data-tooltip="Wie schlau du allgemein bist: Schlauheit, Aufmerksamkeit, Wahrnehmung, Lernfähigkeit.">Intelligenz (INT)</span></li>
+  <li><span class="oxanium-font tooltipped" data-position="bottom" data-tooltip="Deine Entschlossenheit und Fähigkeit, mit Gefahren und Stress umzugehen. Beeinflusst Mut und Durchhaltevermögen.">Wille (WIL)</span></li>
+  <li><span class="oxanium-font tooltipped" data-position="bottom" data-tooltip="Wie gut du mit Druck und sozialen Situationen umgehen kannst, inkl. Ausstrahlung.">Coolness (COOL)</span></li>
+  <li><span class="oxanium-font tooltipped" data-position="bottom" data-tooltip="Fähigkeit, dich in andere hineinzuversetzen und sozial zu handeln. Nimmt durch Cyberware ab.">Empathie (EMP)</span></li>
+</ul>
+
+<h4 class="cyber-h">Kampfgruppe</h4>
+<ul>
+  <li><span class="oxanium-font tooltipped" data-position="bottom" data-tooltip="Fähigkeit, mit Werkzeugen und Technik umzugehen – z. B. Hacking, Reparatur.">Technik (TECH)</span></li>
+  <li><span class="oxanium-font tooltipped" data-position="bottom" data-tooltip="Reaktionszeit und Koordination – wichtig fürs Zielen, Ausweichen und schnelle Aktionen.">Reflexe (REF)</span></li>
+</ul>
+
+<h4 class="cyber-h">Schicksalsgruppe</h4>
+<ul>
+  <li><span class="oxanium-font tooltipped" data-position="bottom" data-tooltip="Repräsentiert dein Glück – kann für Würfe verwendet werden und regeneriert sich pro Sitzung.">Glück (GLK)</span></li>
+</ul>
+
+<h4 class="cyber-h">Körperliche Gruppe</h4>
+<ul>
+  <li><span class="oxanium-font tooltipped" data-position="bottom" data-tooltip="Wie robust du bist: Körpermasse, Widerstandsfähigkeit, Schadenseinstecken.">Kraft (KRA)</span></li>
+  <li><span class="oxanium-font tooltipped" data-position="bottom" data-tooltip="Deine Koordination und Fähigkeit für physische Aufgaben, wie Nahkampf, Balance, Parcours.">Geschicklichkeit (GES)</span></li>
+  <li><span class="oxanium-font tooltipped" data-position="bottom" data-tooltip="Wie schnell du dich bewegst – Laufen, Springen, Schwimmen.">Bewegung (BEW)</span></li>
+</ul>
+
+<h4 class="cyber-h">Menschlichkeit (MEN)</h4>
+<p>
+  <span class="oxanium-font tooltipped" data-position="bottom" data-tooltip="Ein Maß für deine emotionale Stabilität. Nimmt durch Trauma oder Cyberware ab.">
+    Menschlichkeit
+  </span> wird aus 
+  <span class="oxanium-font tooltipped" data-position="bottom" data-tooltip="Fähigkeit, sich in andere hineinzuversetzen und sozial zu interagieren.">Empathie (EMP)</span> × 10 
+  berechnet.
+</p>
+
+<table class="cyber-table ac-red" style="width: auto;">
+  <thead>
+    <tr><th>Empathie (EMP)</th><th>Menschlichkeit (MEN)</th></tr>
+  </thead>
+  <tbody>
+    <tr><td>1</td><td>10</td></tr>
+    <tr><td>2</td><td>20</td></tr>
+    <tr><td>3</td><td>30</td></tr>
+    <tr><td>4</td><td>40</td></tr>
+    <tr><td>5</td><td>50</td></tr>
+    <tr><td>6</td><td>60</td></tr>
+    <tr><td>7</td><td>70</td></tr>
+    <tr><td>8</td><td>80</td></tr>
+    <tr><td>9</td><td>90</td></tr>
+    <tr><td>10</td><td>100</td></tr>
+  </tbody>
+</table>
+<p>Sinkt die Menschlichkeit um mehr als 10 Punkte, sinkt auch <b>EMP</b> (z. B. bei 39 MEN fällt EMP auf 3).</p>
+
+<h2 class="cyber-h" id="netrunner-rollenfähigkeit-interface">Netrunner (Rollenfähigkeit: <code class="language-plaintext highlighter-rouge">Interface</code>)</h2>
+
+<p>Die Rollenfähigkeit <code class="language-plaintext highlighter-rouge">Interface</code> erlaubt es Netrunnern, sogenannte <strong>NET-Läufe</strong> durchzuführen. Je höher der <code class="language-plaintext highlighter-rouge">Interface</code>-Rang, desto mehr <strong>NET-Aktionen pro Zug</strong> sind möglich und desto mehr <strong>Interface-Programme (Apps)</strong> stehen zur Verfügung.</p>
+
+<h3 class="cyber-h" id="net-aktionen-pro-zug">NET-Aktionen pro Zug</h3>
+
+<table class="cyber-table ac-red" style="width: auto;">
+  <thead>
+    <tr>
+      <th>Interface-Rang</th>
+      <th>NET-Aktionen</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>1–3</td>
+      <td>2</td>
+    </tr>
+    <tr>
+      <td>4–6</td>
+      <td>3</td>
+    </tr>
+    <tr>
+      <td>7–9</td>
+      <td>4</td>
+    </tr>
+    <tr>
+      <td>10</td>
+      <td>5</td>
+    </tr>
+  </tbody>
+</table>
+
+<h3 class="cyber-h" id="interface-apps">Interface-Apps</h3>
+
+<table class="cyber-table ac-red" style="width: auto;">
+  <thead>
+    <tr>
+      <th>Fähigkeit</th>
+      <th>Beschreibung</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td><strong>Hintertür</strong></td>
+      <td>Durchbrechen von Passwörtern und Hindernissen in Architekturen.</td>
+    </tr>
+    <tr>
+      <td><strong>Deckmantel</strong></td>
+      <td>Aktionen im Netz verbergen, bevor das Netz sie registriert.</td>
+    </tr>
+    <tr>
+      <td><strong>Kontrolle</strong></td>
+      <td>Kontrolle über vernetzte Geräte in der Architektur.</td>
+    </tr>
+    <tr>
+      <td><strong>Auswertung</strong></td>
+      <td>Zugriff auf Peripheriedaten aus Architekturen.</td>
+    </tr>
+    <tr>
+      <td><strong>Kundschafter</strong></td>
+      <td>„Karte“ der Architektur aufdecken.</td>
+    </tr>
+    <tr>
+      <td><strong>Scanner</strong></td>
+      <td>Nach Geräten oder Zugangspunkten suchen.</td>
+    </tr>
+    <tr>
+      <td><strong>Abfangen</strong></td>
+      <td>Eingehende Kommunikation oder Datenpakete abfangen.</td>
+    </tr>
+    <tr>
+      <td><strong>Virus</strong></td>
+      <td>Einen Virus in der Architektur platzieren.</td>
+    </tr>
+    <tr>
+      <td><strong>Schocker</strong></td>
+      <td>Einfacher Netrunner-Angriff auf Programme oder andere Netrunner.</td>
+    </tr>
+  </tbody>
+</table>
+
+<h2 class="cyber-h" id="netrun-durchführen">Netrun durchführen</h2>
+
+<p>TBD</p>
+
+
+<script>
+  document.addEventListener("DOMContentLoaded", function () {
+    const tocContainer = document.getElementById("toc");
+    if (!tocContainer) return;
+
+    const headings = Array.from(document.querySelectorAll("h1, h2, h3, h4, h5, h6"));
+    if (headings.length === 0) return;
+
+    const tocList = document.createElement("ul");
+    tocList.className = "cyber-ul";
+    /*tocList.style.listStyle = "none";
+    tocList.style.paddingLeft = "0";
+    tocList.style.border = "1px solid #ccc";
+    tocList.style.borderRadius = "8px";
+    tocList.style.padding = "1em";
+    tocList.style.backgroundColor = "#f9f9f9";
+    tocList.style.fontFamily = "sans-serif";*/
+
+    const createId = (text) => {
+      return text.toLowerCase().trim().replace(/[^a-z0-9]+/g, "-");
+    };
+
+    headings.forEach((heading) => {
+      const level = parseInt(heading.tagName.substring(1));
+      const text = heading.textContent;
+      let id = heading.id || createId(text);
+
+      // Wenn ID noch nicht vergeben, setzen
+      if (!heading.id) heading.id = id;
+
+      const li = document.createElement("li");
+      li.style.marginLeft = `${(level - 1) * 1.2}em`;
+      li.style.marginBottom = "0.3em";
+
+      const link = document.createElement("a");
+      link.className = "cyber-a";
+      link.href = `#${id}`;
+      link.textContent = text;
+      link.style.textDecoration = "none";
+      link.style.color = "#333";
+      link.style.fontSize = `${1.1 - level * 0.05}em`;
+
+      link.addEventListener("mouseover", () => (link.style.color = "#007acc"));
+      link.addEventListener("mouseout", () => (link.style.color = "#333"));
+
+      li.appendChild(link);
+      tocList.appendChild(li);
+    });
+
+    const heading = document.createElement("strong");
+    heading.textContent = "Inhaltsverzeichnis";
+    heading.style.display = "block";
+    heading.style.marginBottom = "0.5em";
+
+    tocContainer.appendChild(heading);
+    tocContainer.appendChild(tocList);
+  });
+</script>
 
   </main>
   <footer class="cyber-razor-top bg-black">
@@ -332,7 +541,7 @@ GES des Verteidigers + Fertigkeit Ausweichen + 1W10
         <li class="tab col s1 bg-dark">
           <a href="/cpred/player-guides" target="_self" class="cyber-a">
             
-              Player Guides
+              <i class="material-icons">assist_walker</i>
             
           </a>
         </li>
@@ -370,6 +579,16 @@ GES des Verteidigers + Fertigkeit Ausweichen + 1W10
         </li>
       
     
+      
+        <li class="tab col s1 bg-dark">
+          <a href="/cpred/skills/" target="_self" class="cyber-a">
+            
+              <i class="material-icons">fact_check</i>
+            
+          </a>
+        </li>
+      
+    
   </ul>
   <span></span>
 </footer>

player-guides/tech.html

@@ -50,6 +50,10 @@
               <li><a href="/cpred/roles/" class="cyber-a">Rollen</a></li>
             
           
+            
+              <li><a href="/cpred/skills/" class="cyber-a">Fertigkeiten</a></li>
+            
+          
         </ul>
       </div>
     </nav>
@@ -83,6 +87,8 @@
 
   <main class="container">
     <h1 class="cyber-h">Tech Guide</h1>
+<div id="toc"></div>
+
 <h2 class="cyber-h">Die Umgebung checken</h2>
 
 <p>
@@ -315,7 +321,267 @@ GES des Verteidigers + Fertigkeit Ausweichen + 1W10
 
 <p>TBD</p>
 
+<h2 class="cyber-h">Attribute</h2>
 
+<h3 class="cyber-h">Was sind Attribute?</h3>
+<p>Attribute (kurz ATT) sind Werte, welche die Fähigkeiten eines Charakters zu allen anderen im Spieluniversum ins Verhältnis setzen. Attribute helfen dabei, die Fähigkeiten der Charaktere vergleichbar zu machen. In einer <b>Cyberpunk-RED-Kampagne</b> weisen die Charaktere zehn Hauptattribute aus vier Gruppen auf: <b>Geistig</b>, <b>Kampf</b>, <b>Schicksal</b> und <b>Körperlich</b>.</p>
+
+<h4 class="cyber-h">Geistige Gruppe</h4>
+<ul>
+  <li><span class="oxanium-font tooltipped" data-position="bottom" data-tooltip="Wie schlau du allgemein bist: Schlauheit, Aufmerksamkeit, Wahrnehmung, Lernfähigkeit.">Intelligenz (INT)</span></li>
+  <li><span class="oxanium-font tooltipped" data-position="bottom" data-tooltip="Deine Entschlossenheit und Fähigkeit, mit Gefahren und Stress umzugehen. Beeinflusst Mut und Durchhaltevermögen.">Wille (WIL)</span></li>
+  <li><span class="oxanium-font tooltipped" data-position="bottom" data-tooltip="Wie gut du mit Druck und sozialen Situationen umgehen kannst, inkl. Ausstrahlung.">Coolness (COOL)</span></li>
+  <li><span class="oxanium-font tooltipped" data-position="bottom" data-tooltip="Fähigkeit, dich in andere hineinzuversetzen und sozial zu handeln. Nimmt durch Cyberware ab.">Empathie (EMP)</span></li>
+</ul>
+
+<h4 class="cyber-h">Kampfgruppe</h4>
+<ul>
+  <li><span class="oxanium-font tooltipped" data-position="bottom" data-tooltip="Fähigkeit, mit Werkzeugen und Technik umzugehen – z. B. Hacking, Reparatur.">Technik (TECH)</span></li>
+  <li><span class="oxanium-font tooltipped" data-position="bottom" data-tooltip="Reaktionszeit und Koordination – wichtig fürs Zielen, Ausweichen und schnelle Aktionen.">Reflexe (REF)</span></li>
+</ul>
+
+<h4 class="cyber-h">Schicksalsgruppe</h4>
+<ul>
+  <li><span class="oxanium-font tooltipped" data-position="bottom" data-tooltip="Repräsentiert dein Glück – kann für Würfe verwendet werden und regeneriert sich pro Sitzung.">Glück (GLK)</span></li>
+</ul>
+
+<h4 class="cyber-h">Körperliche Gruppe</h4>
+<ul>
+  <li><span class="oxanium-font tooltipped" data-position="bottom" data-tooltip="Wie robust du bist: Körpermasse, Widerstandsfähigkeit, Schadenseinstecken.">Kraft (KRA)</span></li>
+  <li><span class="oxanium-font tooltipped" data-position="bottom" data-tooltip="Deine Koordination und Fähigkeit für physische Aufgaben, wie Nahkampf, Balance, Parcours.">Geschicklichkeit (GES)</span></li>
+  <li><span class="oxanium-font tooltipped" data-position="bottom" data-tooltip="Wie schnell du dich bewegst – Laufen, Springen, Schwimmen.">Bewegung (BEW)</span></li>
+</ul>
+
+<h4 class="cyber-h">Menschlichkeit (MEN)</h4>
+<p>
+  <span class="oxanium-font tooltipped" data-position="bottom" data-tooltip="Ein Maß für deine emotionale Stabilität. Nimmt durch Trauma oder Cyberware ab.">
+    Menschlichkeit
+  </span> wird aus 
+  <span class="oxanium-font tooltipped" data-position="bottom" data-tooltip="Fähigkeit, sich in andere hineinzuversetzen und sozial zu interagieren.">Empathie (EMP)</span> × 10 
+  berechnet.
+</p>
+
+<table class="cyber-table ac-red" style="width: auto;">
+  <thead>
+    <tr><th>Empathie (EMP)</th><th>Menschlichkeit (MEN)</th></tr>
+  </thead>
+  <tbody>
+    <tr><td>1</td><td>10</td></tr>
+    <tr><td>2</td><td>20</td></tr>
+    <tr><td>3</td><td>30</td></tr>
+    <tr><td>4</td><td>40</td></tr>
+    <tr><td>5</td><td>50</td></tr>
+    <tr><td>6</td><td>60</td></tr>
+    <tr><td>7</td><td>70</td></tr>
+    <tr><td>8</td><td>80</td></tr>
+    <tr><td>9</td><td>90</td></tr>
+    <tr><td>10</td><td>100</td></tr>
+  </tbody>
+</table>
+<p>Sinkt die Menschlichkeit um mehr als 10 Punkte, sinkt auch <b>EMP</b> (z. B. bei 39 MEN fällt EMP auf 3).</p>
+
+<h2 class="cyber-h" id="tech-rollenfähigkeit-bastler">Tech (Rollenfähigkeit: <code class="language-plaintext highlighter-rouge">Bastler</code>)</h2>
+
+<p>Techs nutzen die Rollenfähigkeit <code class="language-plaintext highlighter-rouge">Bastler</code>, um Geräte zu <strong>reparieren</strong>, <strong>verbessern</strong>, <strong>erfinden</strong> und <strong>bauen</strong>.</p>
+
+<p>Jedes Mal, wenn ein Tech seinen <code class="language-plaintext highlighter-rouge">Bastler</code>-Rang erhöht, erhält er <strong>1 Rang in zwei Bastler-Spezialisierungen</strong> seiner Wahl:</p>
+
+<ul>
+  <li><strong>Feldkompetenz</strong></li>
+  <li><strong>Aufrüstungskompetenz</strong></li>
+  <li><strong>Herstellungskompetenz</strong></li>
+  <li><strong>Erfindungskompetenz</strong></li>
+</ul>
+
+<hr />
+
+<h3 class="cyber-h" id="bastler-spezialisierungen">Bastler-Spezialisierungen</h3>
+
+<h4 class="cyber-h" id="feldkompetenz"><strong>Feldkompetenz</strong></h4>
+
+<blockquote>
+  <p>Spezialisiert auf schnelle Notfallreparaturen in stressigen Situationen.</p>
+</blockquote>
+
+<ul>
+  <li>Addiere deinen Rang in Feldkompetenz auf alle Proben mit:
+    <ul>
+      <li>Basistechnik</li>
+      <li>Cybertech</li>
+      <li>Elektronik/Sicherheitstechnik</li>
+      <li>Waffentechnik</li>
+      <li>Boden-, Wasser- oder Luftfahrzeugtechnik</li>
+    </ul>
+  </li>
+  <li>Bei mindestens 1 Rang darfst du innerhalb von 10 Minuten behelfsmäßig reparieren.</li>
+</ul>
+
+<hr />
+
+<h4 class="cyber-h" id="aufrüstungskompetenz"><strong>Aufrüstungskompetenz</strong></h4>
+
+<blockquote>
+  <p>Verbessere bestehende Gegenstände auf vielfältige Weise.</p>
+</blockquote>
+
+<ul>
+  <li>Beispiele für Aufrüstungen:
+    <ul>
+      <li>Reduziere Menschlichkeitsverlust bei Cyberware</li>
+      <li>Erhöhe Slots für Optionen oder Programme</li>
+      <li>Verbessere Qualität oder Schaden</li>
+      <li>Füge neue Funktionen hinzu (z. B. versteckbare Waffen)</li>
+    </ul>
+  </li>
+</ul>
+
+<p><strong>Probe:</strong><br />
+<code class="language-plaintext highlighter-rouge">TECH + zugehörige Reparatur-Fertigkeit + Spezialisierung + 1W10</code></p>
+
+<hr />
+
+<h4 class="cyber-h" id="herstellungskompetenz"><strong>Herstellungskompetenz</strong></h4>
+
+<blockquote>
+  <p>Stelle Gegenstände aus Materialien und Ideen her.</p>
+</blockquote>
+
+<ul>
+  <li>Kaufe Materialien und kombiniere sie mit Tech-Wissen.</li>
+  <li>Preisstufe legt SG &amp; Zeit fest (siehe Tabelle unten).</li>
+  <li>Misslingt der Wurf: Materialverlust.</li>
+</ul>
+
+<p><strong>Probe:</strong><br />
+<code class="language-plaintext highlighter-rouge">TECH + Reparatur-Fertigkeit des Gegenstands + Spezialisierung + 1W10</code></p>
+
+<hr />
+
+<h4 class="cyber-h" id="erfindungskompetenz"><strong>Erfindungskompetenz</strong></h4>
+
+<blockquote>
+  <p>Erfinde völlig neue Gegenstände oder Aufrüstungen.</p>
+</blockquote>
+
+<ul>
+  <li>Du beschreibst die Funktion möglichst genau.</li>
+  <li>SL legt Preisstufe und SG fest.</li>
+  <li>Gilt wie Herstellung, nur mit mehr Kreativität.</li>
+</ul>
+
+<p><strong>Probe:</strong><br />
+<code class="language-plaintext highlighter-rouge">TECH + Reparatur-Fertigkeit der Erfindung oder des aufgerüsteten Objekts + Spezialisierung + 1W10</code></p>
+
+<hr />
+
+<h3 class="cyber-h" id="sg-tabelle-für-aufrüsten-herstellen--erfinden">SG-Tabelle für Aufrüsten, Herstellen &amp; Erfinden</h3>
+
+<table class="cyber-table ac-red" style="width: auto;">
+  <thead>
+    <tr>
+      <th>Preisstufe</th>
+      <th>SG</th>
+      <th>Zeit</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>Billig/Alltäglich</td>
+      <td>9</td>
+      <td>1 Stunde</td>
+    </tr>
+    <tr>
+      <td>Teuer</td>
+      <td>13</td>
+      <td>6 Stunden</td>
+    </tr>
+    <tr>
+      <td>Premium</td>
+      <td>17</td>
+      <td>1 Tag</td>
+    </tr>
+    <tr>
+      <td>Kostspielig</td>
+      <td>21</td>
+      <td>1 Woche</td>
+    </tr>
+    <tr>
+      <td>Sehr Kostspielig</td>
+      <td>24</td>
+      <td>2 Wochen</td>
+    </tr>
+    <tr>
+      <td>Luxus</td>
+      <td>29</td>
+      <td>1 Monat</td>
+    </tr>
+    <tr>
+      <td>Superluxus</td>
+      <td>29</td>
+      <td>1 Monat / 10.000 Euro im Preis</td>
+    </tr>
+  </tbody>
+</table>
+
+
+<script>
+  document.addEventListener("DOMContentLoaded", function () {
+    const tocContainer = document.getElementById("toc");
+    if (!tocContainer) return;
+
+    const headings = Array.from(document.querySelectorAll("h1, h2, h3, h4, h5, h6"));
+    if (headings.length === 0) return;
+
+    const tocList = document.createElement("ul");
+    tocList.className = "cyber-ul";
+    /*tocList.style.listStyle = "none";
+    tocList.style.paddingLeft = "0";
+    tocList.style.border = "1px solid #ccc";
+    tocList.style.borderRadius = "8px";
+    tocList.style.padding = "1em";
+    tocList.style.backgroundColor = "#f9f9f9";
+    tocList.style.fontFamily = "sans-serif";*/
+
+    const createId = (text) => {
+      return text.toLowerCase().trim().replace(/[^a-z0-9]+/g, "-");
+    };
+
+    headings.forEach((heading) => {
+      const level = parseInt(heading.tagName.substring(1));
+      const text = heading.textContent;
+      let id = heading.id || createId(text);
+
+      // Wenn ID noch nicht vergeben, setzen
+      if (!heading.id) heading.id = id;
+
+      const li = document.createElement("li");
+      li.style.marginLeft = `${(level - 1) * 1.2}em`;
+      li.style.marginBottom = "0.3em";
+
+      const link = document.createElement("a");
+      link.className = "cyber-a";
+      link.href = `#${id}`;
+      link.textContent = text;
+      link.style.textDecoration = "none";
+      link.style.color = "#333";
+      link.style.fontSize = `${1.1 - level * 0.05}em`;
+
+      link.addEventListener("mouseover", () => (link.style.color = "#007acc"));
+      link.addEventListener("mouseout", () => (link.style.color = "#333"));
+
+      li.appendChild(link);
+      tocList.appendChild(li);
+    });
+
+    const heading = document.createElement("strong");
+    heading.textContent = "Inhaltsverzeichnis";
+    heading.style.display = "block";
+    heading.style.marginBottom = "0.5em";
+
+    tocContainer.appendChild(heading);
+    tocContainer.appendChild(tocList);
+  });
+</script>
 
   </main>
   <footer class="cyber-razor-top bg-black">
@@ -332,7 +598,7 @@ GES des Verteidigers + Fertigkeit Ausweichen + 1W10
         <li class="tab col s1 bg-dark">
           <a href="/cpred/player-guides" target="_self" class="cyber-a">
             
-              Player Guides
+              <i class="material-icons">assist_walker</i>
             
           </a>
         </li>
@@ -370,6 +636,16 @@ GES des Verteidigers + Fertigkeit Ausweichen + 1W10
         </li>
       
     
+      
+        <li class="tab col s1 bg-dark">
+          <a href="/cpred/skills/" target="_self" class="cyber-a">
+            
+              <i class="material-icons">fact_check</i>
+            
+          </a>
+        </li>
+      
+    
   </ul>
   <span></span>
 </footer>