From f14c82dc42715ccd2dc8ba7bd786e67f8870787e Mon Sep 17 00:00:00 2001
From: superschnups <ttH5rh339BSbyFS>
Date: Wed, 2 Sep 2026 00:33:06 +0200
Subject: [PATCH] Auto-backup: 2026-09-02 00:33

---
 layouts/.DS_Store                          |  Bin 10244 -> 10244 bytes
 layouts/_default/baseof.html               |    1 +
 layouts/index.html                         |   10 +
 public/.DS_Store                           |  Bin 8196 -> 8196 bytes
 public/anarchie/index.html                 |  904 ++++++++++++++++-
 public/categories/index.xml                |   16 +-
 public/img/.DS_Store                       |  Bin 6148 -> 6148 bytes
 public/index.html                          |  902 ++++++++++++++++-
 public/js/ascii-shimmer.js                 |  114 +++
 public/mac-nerds/index.html                |  384 +++++++-
 public/personen/bruder/index.html          | 1035 +++++++++++++++++++-
 public/personen/mutti/index.html           |  990 ++++++++++++++++++-
 public/personen/sascha/index.html          | 1002 ++++++++++++++++++-
 public/personen/schwester/index.html       | 1002 ++++++++++++++++++-
 public/personen/sven/index.html            |  982 ++++++++++++++++++-
 public/personen/vater/index.html           | 1014 ++++++++++++++++++-
 public/posts/digital-ghost/index.html      |  892 ++++++++++++++++-
 public/posts/flux-overdrive/index.html     |  892 ++++++++++++++++-
 public/posts/fork-bomb/index.html          |  892 ++++++++++++++++-
 public/posts/gemini-link/index.html        |  892 ++++++++++++++++-
 public/posts/icmp-echo/index.html          |  892 ++++++++++++++++-
 public/posts/n8n-resurrection/index.html   |  892 ++++++++++++++++-
 public/posts/neural-hack/index.html        |  892 ++++++++++++++++-
 public/posts/operation-apollo/index.html   |  892 ++++++++++++++++-
 public/posts/protocol-top/index.html       |  892 ++++++++++++++++-
 public/posts/protocol-uptime/index.html    |  892 ++++++++++++++++-
 public/posts/protocol-weather/index.html   |  892 ++++++++++++++++-
 public/posts/spotlight-filter/index.html   |  892 ++++++++++++++++-
 public/posts/theme-annihilation/index.html |  892 ++++++++++++++++-
 public/sitemap.xml                         |   82 +-
 public/tags/index.xml                      |   16 +-
 static/.DS_Store                           |  Bin 6148 -> 6148 bytes
 static/js/ascii-shimmer.js                 |  114 +++
 33 files changed, 19827 insertions(+), 337 deletions(-)
 create mode 100644 public/js/ascii-shimmer.js
 create mode 100644 static/js/ascii-shimmer.js

diff --git a/layouts/.DS_Store b/layouts/.DS_Store
index 442c0b62472785e8a9f069e916d34dbb6f8cf264..7f63386f2708361b63da387ab4fa4454eb64d412 100644
GIT binary patch
delta 39
pcmZn(XbITBA;>s!GpArS8~ew6&V7fKPi(Fh|H%*IOs*F11OO-95A^^5

delta 31
lcmZn(XbITBA;_4pnNu*EZSov(navZ#pYVeilP8Fm005`=3eW%m

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 071b634..55877af 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -21,5 +21,6 @@
     {{ partial "ticker.html" . }}
 
     <script src="/js/script.js"></script>
+    <script src="/js/ascii-shimmer.js"></script>
 </body>
 </html>
diff --git a/layouts/index.html b/layouts/index.html
index a13a15c..69aed88 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,6 +1,16 @@
 {{ define "main" }}
 <div class="main-content">
 <!-- STARTSEITE: KI-LABOR -->
+
+<!-- ASCII-SHIMMER SCHRIFTZUG -->
+<div class="ascii-shimmer-hero"
+     data-ascii-shimmer
+     data-text="KILABOR"
+     data-cell="10"
+     data-color="#ff4500"
+     data-dim-color="rgba(212,175,55,0.35)"
+     style="max-width: 900px; margin: 0 auto 10px; width: 100%;"></div>
+
 <header>
     <h1 style="color: #ff4500; font-size: 2.5rem; letter-spacing: 8px; text-shadow: 0 0 20px rgba(255,69,0,0.4);">SASCHAS ZENTRUM FÜR DIGITALE ANARCHIE</h1>
     <p class="tagline" style="color: #d4af37; font-size: 1.1rem; letter-spacing: 3px;">Beruf: Geisteskrank & Gemini Player</p>
diff --git a/public/.DS_Store b/public/.DS_Store
index 2811f9dfc4c7d4ddb9c9b5f16a09a5725b54e932..c690a4c26e74b2000ff5408b4f977216fceccced 100644
GIT binary patch
delta 155
zcmZp1XmQw}C&1KaIN3m;h;hQ?#RAKjm>4$u2zD}BM&4pzU|?d%VkpkdcX3I|$xj0E
zIp%n-4?UuM!Vw{tf-X0iPgtC(fMN1NVX?`!!hB3Ns$gcaa1x`#<YU50%q)>pCchRg
jWMWw`IZi}|ncdrZa;-=_6MMttdm=K7FE;-c;p7GYvcN5<

delta 155
zcmZp1XmQw}C%}~AJJ~>>h_PVuVu9sMj5{~`2zD}BdXzFSFfcJ>F%;+KySOCf<R=07
z9DIvP>wfJ&?ud{}L6@7%CoIksz%Y5Cu-If<VLm1uQ!q1GIEm3<@-bm0W@by}$*+YA
jnV1_U$BD==vzq*$Tq_dK#QI?JJrNnkg`0niaB>3x1@SJi

diff --git a/public/anarchie/index.html b/public/anarchie/index.html
index ce1bd5e..bf0ef64 100644
--- a/public/anarchie/index.html
+++ b/public/anarchie/index.html
@@ -1,11 +1,893 @@
-<!doctype html><html lang=de-de><head><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><title>Anarchie Test | DIGITALE ANARCHIE | KI-LABOR</title><link rel=stylesheet href=/css/style.css></head><body><div class="bg-gear gear-left">⚙</div><div class="bg-gear gear-right">⚙</div><script>document.body.classList.add("js-enabled")</script><header class=main-header></header><main class=container><div id=declassified-overlay><div class=scanlines></div><div id=declassified-stamp>ZUGANG<br>GEWÄHRT</div></div><div class="person-page-wrapper visible" style=padding-bottom:100px;opacity:1!important><div class=person-nav-container style="display:flex;flex-direction:column;align-items:center;gap:20px;margin:15px 0 30px"><div class=person-nav-row style=display:flex;justify-content:center;align-items:center;gap:35px;flex-wrap:wrap;position:relative><a href=/personen/mutti/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_mutti_comic_1.jpeg alt=MUTTI style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">MUTTI</span>
-</a><a href=/personen/vater/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_vater_comic_1.png alt=VATER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">VATER</span>
-</a><a href=/personen/bruder/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_freddy_comic_1.png alt=BRUDER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">BRUDER</span>
-</a><a href=/personen/schwester/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_meli_comic_1.png alt=SCHWESTER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SCHWESTER</span>
-</a><a href=/personen/sascha/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sascha_comic_1.jpeg alt=SASCHA style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SASCHA</span>
-</a><a href=/personen/sven/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sven_comic_1.jpeg alt=SVEN style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SVEN</span></a></div></div><style>.person-nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .2s}.person-nav-item:hover{transform:scale(1.1)}.person-nav-item:hover .person-nav-label{color:#d4af37!important}.person-back{display:inline-block;color:rgba(212,175,55,.6);font-size:.7rem;font-weight:700;letter-spacing:4px;text-decoration:none;font-family:courier new,monospace;border:1px solid rgba(212,175,55,.25);padding:6px 20px;background:0 0;text-transform:uppercase;transition:all .2s}.person-back:hover{color:#d4af37;border-color:rgba(212,175,55,.6);background:rgba(212,175,55,5%);letter-spacing:5px}</style><div class=person-hero><div class=person-hero-content><div class=person-hero-badges><span class=hero-badge>ZENTRAL-ARCHIV</span>
-<span class="hero-badge red">EINHEIT IDENTIFIZIERT</span></div><p class=person-pre-label style="margin:12px 0 4px">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p><div class=person-title-wrap><span class=person-title-deco>⟪</span><h1 class=person-glitch-title data-text="ANARCHIE TEST">ANARCHIE TEST</h1><span class=person-title-deco>⟫</span></div><p class=person-sub-label>STATUS: <span class=person-status-blink>AKTIV</span></p><div class=stat-bars><div class=stat-row><span class=stat-label>GEFAHR</span><div class=stat-track><div class="stat-bar danger" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>STABILITÄT</span><div class=stat-track><div class="stat-bar stable" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>CHAOS</span><div class=stat-track><div class="stat-bar chaos" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>KOMPETENZ</span><div class=stat-track><div class="stat-bar kompetenz" data-val=50></div></div><span class=stat-val>50%</span></div></div></div></div><div class=container style="max-width:900px;margin:0 auto;padding:0 20px"><header style=margin-bottom:20px;display:none></header><div class=timeline-track><div class="time-node right"><div class=time-content><div class=tc-header><span class=tc-year>[ 2026 ]</span>
-<span class=tc-tag>TEST-SUCCESS</span></div><p>Wenn dieser Text rechts oder links versetzt erscheint, haben wir gewonnen.</p></div></div></div><div style=text-align:center;margin-top:60px><button class=akte-label-btn onclick='document.getElementById("person-akte-modal").style.display="flex",document.body.style.overflow="hidden"'><div class=akte-label-top><span class=akte-label-nr>DOKUMENT-NR. UNBEKANNT</span>
-<span class=akte-label-stamp>VERTRAULICH</span></div><div class=akte-label-divider></div><div class=akte-label-title>AKTE: ANARCHIE TEST</div><div class=akte-label-divider></div><div class=akte-label-bottom><span>STATUS: KLASSIFIZIERT</span>
-<span>▶ AKTE ÖFFNEN</span></div></button></div><style>.akte-label-btn{background:linear-gradient(180deg,#1c1208 0%,#0e0a04 100%);border:1px solid #5d3d1e;border-left:4px solid #b87333;color:#d4af37;font-family:courier new,monospace;cursor:pointer;padding:18px 28px;width:320px;text-align:left;transition:all .2s;box-shadow:2px 2px 12px rgba(0,0,0,.6);position:relative}.akte-label-btn::before{content:'';position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px dashed rgba(184,115,51,.2);pointer-events:none}.akte-label-btn:hover{border-left-color:#ff4500;box-shadow:3px 3px 20px rgba(184,115,51,.2);background:linear-gradient(180deg,#221508 0%,#0e0a04 100%)}.akte-label-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.akte-label-nr{font-size:.6rem;color:rgba(212,175,55,.4);letter-spacing:1px}.akte-label-stamp{font-size:.55rem;letter-spacing:2px;color:#b71c1c;border:1px solid #b71c1c;padding:1px 6px;opacity:.8}.akte-label-divider{border-top:1px solid rgba(184,115,51,.25);margin:8px 0}.akte-label-title{font-size:1rem;font-weight:700;letter-spacing:4px;color:#d4af37;margin:4px 0}.akte-label-bottom{display:flex;justify-content:space-between;font-size:.6rem;color:rgba(212,175,55,.45);letter-spacing:1px;margin-top:4px}.akte-label-btn:hover .akte-label-bottom span:last-child{color:#ff4500}</style></div></div><div id=person-akte-modal style=position:fixed;inset:0;z-index:1000000;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;padding:10px;overflow:hidden;perspective:1e3px><div style=display:flex;flex-direction:column;align-items:center;max-width:585px;width:95%><div class=akte-inner style="width:100%;background:#d9c5a0;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 100%),url(https://www.transparenttextures.com/patterns/old-paper.png);border:1px solid #8b7355;padding:25px;position:relative;font-family:courier new,monospace;box-shadow:10px 20px 50px rgba(0,0,0,.8),inset 0 0 100px rgba(139,115,85,.3);transform:rotate(-2deg);animation:throw-sign .5s ease-out forwards;color:#2a1b0a"><style>@keyframes throw-sign{0%{transform:rotate(-10deg)scale(.7)translateY(500px);opacity:0}100%{transform:rotate(-2deg)scale(1)translateY(0);opacity:1}}.akte-inner h1{color:#2a1b0a!important;font-size:1.8rem!important;margin:10px 0 2px!important;text-shadow:none!important;border-bottom:2px solid rgba(42,27,10,.2)}.akte-inner div,.akte-inner p{font-size:.75rem!important}.akte-inner .data-row{border-bottom:1px solid rgba(42,27,10,.1)!important;padding:6px 0!important}.akte-inner .label{color:#5d4037!important;font-weight:700}.akte-inner .red-stamp{border:2px solid #b71c1c;color:#b71c1c;padding:3px 10px;font-weight:700;transform:rotate(10deg);opacity:.8;font-size:.8rem!important;display:inline-block}</style><div style=display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px><div class=red-stamp>TOP SECRET</div><button onclick='document.getElementById("person-akte-modal").style.display="none",document.body.style.overflow="auto"' style="background:rgba(0,0,0,.1);border:1px solid #2a1b0a;color:#2a1b0a;cursor:pointer;padding:3px 10px;font-size:.7rem!important">[X] SCHLIESSEN</button></div><div style=display:flex;gap:20px;align-items:flex-start><div style="position:relative;border:1px solid #2a1b0a;padding:3px;background:#fff;box-shadow:2px 2px 5px rgba(0,0,0,.2)"><img src=/img/hero.png class=akte-foto style=width:200px;height:250px;object-fit:cover;filter:none;cursor:zoom-in;display:block onclick='document.getElementById("akte-foto-zoom").style.display="flex"'><div style="position:absolute;bottom:5px;right:-10px;background:#b71c1c;color:#fff;padding:2px 5px;font-weight:700;font-size:.6rem!important;transform:rotate(-5deg)">GESPERRT</div></div><div id=akte-foto-zoom onclick='this.style.display="none"' style=display:none;position:fixed;inset:0;z-index:9999999;background:rgba(0,0,0,.92);align-items:center;justify-content:center;cursor:zoom-out><img src=/img/hero.png style="max-width:90vw;max-height:90vh;object-fit:contain;box-shadow:0 0 60px rgba(0,0,0,.9);border:2px solid #2a1b0a"></div><div style=flex:1><div style=font-size:.5rem!important;color:#5d4037;letter-spacing:2px;margin-bottom:2px>PROTOKOLL NR. 1974-Ø</div><h1 style=font-weight:700>ANARCHIE TEST</h1><p style="color:#5d4037;font-size:.7rem!important;margin:5px 0 10px">ALIAS:</p><div style=display:flex;gap:10px><div style="border:1px solid #b71c1c;padding:2px 8px;color:#b71c1c;font-size:.6rem!important;font-weight:700">STATUS:</div><div style=color:#2a1b0a;font-size:.6rem!important;font-weight:700>GEFAHR: <span style=letter-spacing:1px></span><br><img src=/img/akte/hp_totenkopf_1.png style=width:70px;height:70px;object-fit:contain;margin-top:4px></div></div></div></div><div style="margin-top:20px;border-top:2px solid rgba(42,27,10,.2)"><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>DESIGNATION:</div><div style=flex:1;font-weight:400>Anarchie Test</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>GEBURTSDATUM:</div><div style=flex:1;font-weight:400><span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BESCHÄFTIGUNG:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>SPEZIALFÄHIGK.:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BEKANNTE KOMPL.:</div><div style=flex:1;font-weight:400><span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>LETZTE AKTIVITÄT:</div><div style=flex:1;font-weight:400>GERADE JETZT</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STABILITÄT:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STANDORT:</div><div style=flex:1;font-weight:400></div></div></div><div style=margin-top:20px;display:flex;justify-content:space-between;align-items:flex-end><div style=display:flex;align-items:center;gap:10px;opacity:.7><div style=width:35px;height:35px><svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50q20-40 40 0T30 50z"/></svg></div><div style=font-size:.6rem!important;color:#2a1b0a;line-height:1.2>ID-SCAN: 94.7%<br>VERIFIZIERT</div></div><div style="font-family:courier new,monospace;font-size:.75rem!important;letter-spacing:2px;color:#5d4037;border:1px dashed #2a1b0a;padding:2px 10px">ARCHIV_PERMANENT</div></div></div></div></div><style>.akte-foto{transition:transform .2s,box-shadow .2s}.akte-foto:hover{transform:scale(1.04);box-shadow:0 0 15px rgba(184,115,51,.7)}.akte-foto-btn{transition:all .2s}.akte-foto-btn:hover{background:rgba(183,28,28,.1)!important;border-color:#b71c1c!important}.akte-foto-active{background:rgba(183,28,28,.15)!important;border-color:#b71c1c!important}.time-node.omega .time-content{border:2px solid rgba(255,69,0,.6)!important;box-shadow:inset 0 0 12px rgba(255,69,0,.15),0 0 10px rgba(255,0,0,.2);animation:omega-pulse 3s infinite alternate;background:linear-gradient(135deg,rgba(80,20,10,.95),rgba(30,0,0,.95))!important}.time-node.omega .node-dot{border-color:#ff4500!important;background:radial-gradient(circle,#ff0000 0%,#330000 100%)!important;box-shadow:0 0 8px rgba(255,69,0,.4);animation:omega-dot-pulse 3s infinite alternate ease-in-out}.node-dot{box-shadow:0 0 8px rgba(212,175,55,.4);transition:all .3s ease}.time-node.omega .tc-year{color:#ff4500!important;text-shadow:0 0 10px #ff4500;font-weight:900!important}@keyframes omega-dot-pulse{0%{box-shadow:0 0 5px rgba(255,69,0,.3)}100%{box-shadow:0 0 12px rgba(255,69,0,.6)}}@keyframes omega-pulse{0%{box-shadow:inset 0 0 8px rgba(255,69,0,.1),0 0 6px rgba(255,0,0,.15);border-color:rgba(255,69,0,.4)}100%{box-shadow:inset 0 0 18px rgba(255,69,0,.25),0 0 14px rgba(255,0,0,.3);border-color:rgba(255,69,0,.8)}}@keyframes omega-dot-blink{50%{opacity:0;transform:scale(1.5)}}</style><style>#declassified-overlay{position:fixed;inset:0;z-index:99999;pointer-events:none;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;transition:opacity .8s ease}#declassified-overlay.gone{opacity:0;pointer-events:none}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 2px,rgba(0,255,0,.015) 2px,rgba(0,255,0,.015) 4px );pointer-events:none}#declassified-stamp{font-family:courier new,monospace;font-size:3.5rem;font-weight:900;color:#b71c1c;border:6px solid #b71c1c;padding:20px 40px;letter-spacing:8px;text-align:center;line-height:1.2;transform:rotate(-12deg)scale(0);opacity:0;text-shadow:0 0 30px rgba(183,28,28,.5);box-shadow:0 0 40px rgba(183,28,28,.3),inset 0 0 40px rgba(183,28,28,.1);animation:stamp-in .4s .3s cubic-bezier(.175,.885,.32,1.275)forwards}@keyframes stamp-in{to{transform:rotate(-12deg)scale(1);opacity:.85}}.person-hero{position:relative;width:100%;min-height:300px;background:linear-gradient(135deg,#0a0600 0%,#120e06 60%,#0a0600 100%);border-bottom:1px solid rgba(184,115,51,.3);overflow:hidden;display:flex;align-items:center;margin-bottom:0}.person-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 3px,rgba(184,115,51,3%) 3px,rgba(184,115,51,3%) 4px );pointer-events:none}.person-hero-img{position:absolute;right:0;top:0;bottom:0;width:45%;background-size:contain;background-repeat:no-repeat;background-position:100% 100%;opacity:.25;filter:sepia(.4)hue-rotate(10deg);mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%);-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%)}.person-hero-content{position:relative;z-index:2;padding:30px 40px;max-width:620px}.person-hero-badges{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.hero-badge{font-family:courier new,monospace;font-size:.55rem;letter-spacing:3px;padding:3px 10px;border:1px solid rgba(184,115,51,.4);color:rgba(184,115,51,.7)}.hero-badge.red{border-color:rgba(183,28,28,.5);color:rgba(183,28,28,.8)}.stat-bars{margin-top:20px;width:100%;max-width:400px}.stat-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.stat-label{font-family:courier new,monospace;font-size:.6rem;letter-spacing:2px;color:rgba(212,175,55,.5);width:80px;flex-shrink:0}.stat-track{flex:1;height:6px;background:rgba(255,255,255,5%);border:1px solid rgba(184,115,51,.2);overflow:hidden}.stat-bar{height:100%;width:0%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.stat-bar.danger{background:linear-gradient(90deg,#8b0000,#ff4500);box-shadow:0 0 8px rgba(255,69,0,.5)}.stat-bar.stable{background:linear-gradient(90deg,#1a4a1a,#4caf50);box-shadow:0 0 8px rgba(76,175,80,.5)}.stat-bar.chaos{background:linear-gradient(90deg,#4a0080,#c800ff);box-shadow:0 0 8px rgba(200,0,255,.4)}.stat-bar.kompetenz{background:linear-gradient(90deg,#1a3a5c,#2196f3);box-shadow:0 0 8px rgba(33,150,243,.5)}.stat-val{font-family:courier new,monospace;font-size:.6rem;color:rgba(212,175,55,.4);width:32px;text-align:right;flex-shrink:0}.alias-ticker-outer{overflow:hidden;background:rgba(0,0,0,.6);border-top:1px solid rgba(184,115,51,.15);border-bottom:1px solid rgba(184,115,51,.15);padding:7px 0;white-space:nowrap}.alias-ticker-inner{display:inline-block;animation:ticker-scroll 18s linear infinite;font-family:courier new,monospace;font-size:.65rem;letter-spacing:4px;color:rgba(184,115,51,.5);padding-left:100%}@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.person-pre-label{color:rgba(184,115,51,.5);font-family:courier new,monospace;font-size:.6rem;letter-spacing:4px;margin-bottom:6px}.person-title-wrap{display:flex;align-items:center;gap:14px;margin:4px 0}.person-title-deco{color:#b87333;font-size:1.8rem;opacity:.6;animation:deco-pulse 2s ease-in-out infinite alternate}@keyframes deco-pulse{from{opacity:.3;transform:scaleY(.85)}to{opacity:.8;transform:scaleY(1.1)}}.person-glitch-title{color:#ff4500;font-family:courier new,monospace;font-size:2rem;letter-spacing:10px;text-shadow:0 0 20px rgba(255,69,0,.5);margin:0;position:relative;animation:glitch-flicker 6s infinite}.person-glitch-title::before,.person-glitch-title::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden;opacity:0}.person-glitch-title::before{color:#0ff;animation:glitch-top 6s infinite;clip-path:polygon(0 0,100% 0,100% 40%,0 40%)}.person-glitch-title::after{color:#f0f;animation:glitch-bot 6s infinite;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%)}@keyframes glitch-flicker{0%,90%,100%{text-shadow:0 0 20px rgba(255,69,0,.5)}92%{text-shadow:2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}94%{text-shadow:-2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}96%{text-shadow:0 0 20px rgba(255,69,0,.5)}98%{text-shadow:1px 0 #0ff,-1px 0 #f0f}}@keyframes glitch-top{0%,90%,100%{opacity:0;transform:none}92%{opacity:.7;transform:translate(-3px,-2px)}94%{opacity:0}96%{opacity:.5;transform:translate(3px,-1px)}98%{opacity:0}}@keyframes glitch-bot{0%,90%,100%{opacity:0;transform:none}93%{opacity:.6;transform:translate(3px,2px)}95%{opacity:0}97%{opacity:.4;transform:translate(-3px,1px)}99%{opacity:0}}.person-sub-label{color:rgba(212,175,55,.45);font-family:courier new,monospace;font-size:.65rem;letter-spacing:3px;margin-top:6px}.person-status-blink{color:#0f0;animation:blink-status 1.4s step-end infinite}@keyframes blink-status{50%{opacity:0}}</style><script>(function(){const t="decl_anarchie-test",e=document.getElementById("declassified-overlay");if(!e)return;if(sessionStorage.getItem(t)){e.style.display="none";return}setTimeout(()=>{e.classList.add("gone"),setTimeout(()=>{e.style.display="none",sessionStorage.setItem(t,"1")},900)},1800)})(),document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{document.querySelectorAll(".stat-bar").forEach(e=>{e.style.width=e.dataset.val+"%"})},400)})</script><script>(function(){const t="🕷";let n=[];function e(){const e=document.createElement("div");e.textContent=t,e.style.cssText=["position:fixed","font-size:1.6rem","z-index:999999","pointer-events:none","transition:none","filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)","will-change:transform","line-height:1"].join(";"),document.body.appendChild(e);const i=window.innerWidth,a=window.innerHeight,n=Math.floor(Math.random()*4);let s=n===1?i+20:n===3?-20:Math.random()*i,o=n===0?-20:n===2?a+20:Math.random()*a;e.style.left=s+"px",e.style.top=o+"px";const l=4+Math.floor(Math.random()*4);let r=0;function c(){if(r>=l||!document.body.contains(e)){e.remove();return}const t=Math.random()*i,n=Math.random()*a,u=Math.hypot(t-s,n-o),d=u*4,h=Math.atan2(n-o,t-s)*180/Math.PI+90;e.style.transition=`left ${d}ms linear, top ${d}ms linear`,e.style.transform=`rotate(${h}deg)`,e.style.left=t+"px",e.style.top=n+"px",s=t,o=n,r++,setTimeout(c,d)}c()}e(),setInterval(e,4e3)})();function switchAkteFoto(e){document.querySelector(".akte-foto").src=e,document.getElementById("akte-foto-zoom").querySelector("img").src=e,document.querySelectorAll(".akte-foto-btn").forEach(t=>{const n=t.dataset.foto===e;t.classList.toggle("akte-foto-active",n),t.style.background=n?"rgba(183,28,28,0.15)":"rgba(0,0,0,0.1)",t.style.borderColor=n?"#b71c1c":"rgba(42,27,10,0.3)"})}</script></main><footer class=main-footer><div class=footer-inner><p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p></div></footer><div id=newsticker style="position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:999999!important;background:rgba(0,0,0,.92)!important;border-top:1px solid rgba(255,69,0,.35)!important;display:flex!important;align-items:center;height:28px!important;overflow:hidden;font-family:courier new,monospace!important;visibility:visible!important;opacity:1!important"><span class=ticker-label style="flex-shrink:0;font-size:.6rem;letter-spacing:2px;color:rgba(255,69,0,.7);padding:0 15px;border-right:1px solid rgba(255,69,0,.2);white-space:nowrap;height:100%;display:flex;align-items:center;background:rgba(255,69,0,5%)">// SYSTEM_LOG_FEED</span><div class=ticker-track-wrap style=flex:1;overflow:hidden;height:100%;display:flex;align-items:center><div class=ticker-track id=ticker-track-global style="display:inline-flex;white-space:nowrap;animation:ticker-scroll 45s linear infinite"><span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ HUGO SYSTEM INITIALISIERT... ]</span>
-<span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span></div></div></div><style>@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.ticker-item::before{content:'▶ ';color:rgba(255,69,0,.5)}.ticker-track:hover{animation-play-state:paused}</style><script>(function(){const e=document.getElementById("ticker-track-global");if(!e)return;const t=["STATUS: HUGO OPERATIONAL","DESIGNATION: OVERLORD SASCHA","KAFFEESTAND: KRITISCH","ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST","MISSION: TOTALE KONTROLLE","DATENINTEGRITÄT: ABSOLUT","WARNUNG: SYSTEM EXTREM SCHNELL","GEMINI NEURAL LINK: AKTIV"];e.innerHTML="",[...t,...t].forEach(t=>{const n=document.createElement("span");n.className="ticker-item",n.style.cssText="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;",n.textContent=t,e.appendChild(n)})})()</script><script src=/js/script.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="de-de">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1414&amp;path=livereload" data-no-instant defer></script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Anarchie Test | DIGITALE ANARCHIE | KI-LABOR</title>
+    <link rel="stylesheet" href="/css/style.css">
+</head>
+<body class="  ">
+    
+    <div class="bg-gear gear-left">⚙</div>
+    <div class="bg-gear gear-right">⚙</div>
+
+    <script>document.body.classList.add('js-enabled');</script>
+<header class="main-header">
+   
+</header>
+
+    
+    <main class="container">
+        
+
+
+<div id="declassified-overlay">
+    <div class="scanlines"></div>
+    <div id="declassified-stamp">ZUGANG<br>GEWÄHRT</div>
+</div>
+
+<div class="person-page-wrapper visible" style="padding-bottom: 100px; opacity: 1 !important;">
+
+    <div class="person-nav-container" style="display: flex; flex-direction: column; align-items: center; gap: 20px; margin: 15px 0 30px;">
+    
+    
+    <div class="person-nav-row" style="display: flex; justify-content: center; align-items: center; gap: 35px; flex-wrap: wrap; position: relative;">
+    
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/mutti/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_mutti_comic_1.jpeg" alt="MUTTI" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">MUTTI</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/vater/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_vater_comic_1.png" alt="VATER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">VATER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/bruder/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_freddy_comic_1.png" alt="BRUDER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">BRUDER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/schwester/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_meli_comic_1.png" alt="SCHWESTER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SCHWESTER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sascha/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sascha_comic_1.jpeg" alt="SASCHA" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SASCHA</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sven/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sven_comic_1.jpeg" alt="SVEN" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SVEN</span>
+        </a>
+    
+    </div>
+</div>
+
+<style>
+    .person-nav-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: transform 0.2s; }
+    .person-nav-item:hover { transform: scale(1.1); }
+    .person-nav-item:hover .person-nav-label { color: #d4af37 !important; }
+    .person-back {
+        display: inline-block;
+        color: rgba(212,175,55,0.6);
+        font-size: 0.7rem;
+        font-weight: bold;
+        letter-spacing: 4px;
+        text-decoration: none;
+        font-family: 'Courier New', monospace;
+        border: 1px solid rgba(212,175,55,0.25);
+        padding: 6px 20px;
+        background: transparent;
+        text-transform: uppercase;
+        transition: all 0.2s;
+    }
+    .person-back:hover {
+        color: #d4af37;
+        border-color: rgba(212,175,55,0.6);
+        background: rgba(212,175,55,0.05);
+        letter-spacing: 5px;
+    }
+</style>
+
+
+    
+    <div class="person-hero">
+        
+        <div class="person-hero-content">
+            <div class="person-hero-badges">
+                <span class="hero-badge">ZENTRAL-ARCHIV</span>
+                <span class="hero-badge red">EINHEIT IDENTIFIZIERT</span>
+            </div>
+            <p class="person-pre-label" style="margin:12px 0 4px;">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p>
+            <div class="person-title-wrap">
+                <span class="person-title-deco">⟪</span>
+                <h1 class="person-glitch-title" data-text="ANARCHIE TEST">ANARCHIE TEST</h1>
+                <span class="person-title-deco">⟫</span>
+            </div>
+            <p class="person-sub-label">STATUS: <span class="person-status-blink">AKTIV</span></p>
+
+            
+            <div class="stat-bars">
+                <div class="stat-row">
+                    <span class="stat-label">GEFAHR</span>
+                    <div class="stat-track"><div class="stat-bar danger" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">STABILITÄT</span>
+                    <div class="stat-track"><div class="stat-bar stable" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">CHAOS</span>
+                    <div class="stat-track"><div class="stat-bar chaos" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">KOMPETENZ</span>
+                    <div class="stat-track"><div class="stat-bar kompetenz" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    
+    
+
+    <div class="container" style="max-width: 900px; margin: 0 auto; padding: 0 20px;">
+        <header style="margin-bottom: 20px; display:none;"></header>
+
+        
+        <div class="timeline-track">
+            
+            
+            <div class="time-node right ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 2026 ]</span>
+                        <span class="tc-tag">TEST-SUCCESS</span>
+                    </div>
+                    <p>Wenn dieser Text rechts oder links versetzt erscheint, haben wir gewonnen.</p>
+                </div>
+            </div>
+            
+        </div>
+
+        
+        <div style="text-align: center; margin-top: 60px;">
+            <button class="akte-label-btn"
+                    onclick="document.getElementById('person-akte-modal').style.display='flex'; document.body.style.overflow='hidden';">
+                <div class="akte-label-top">
+                    <span class="akte-label-nr">DOKUMENT-NR. UNBEKANNT</span>
+                    <span class="akte-label-stamp">VERTRAULICH</span>
+                </div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-title">AKTE: ANARCHIE TEST</div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-bottom">
+                    <span>STATUS: KLASSIFIZIERT</span>
+                    <span>▶ AKTE ÖFFNEN</span>
+                </div>
+            </button>
+        </div>
+
+        <style>
+            .akte-label-btn {
+                background: linear-gradient(180deg, #1c1208 0%, #0e0a04 100%);
+                border: 1px solid #5d3d1e;
+                border-left: 4px solid #b87333;
+                color: #d4af37;
+                font-family: 'Courier New', monospace;
+                cursor: pointer;
+                padding: 18px 28px;
+                width: 320px;
+                text-align: left;
+                transition: all 0.2s;
+                box-shadow: 2px 2px 12px rgba(0,0,0,0.6);
+                position: relative;
+            }
+            .akte-label-btn::before {
+                content: '';
+                position: absolute;
+                top: 6px; left: 6px; right: 6px; bottom: 6px;
+                border: 1px dashed rgba(184,115,51,0.2);
+                pointer-events: none;
+            }
+            .akte-label-btn:hover {
+                border-left-color: #ff4500;
+                box-shadow: 3px 3px 20px rgba(184,115,51,0.2);
+                background: linear-gradient(180deg, #221508 0%, #0e0a04 100%);
+            }
+            .akte-label-top {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-bottom: 10px;
+            }
+            .akte-label-nr {
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.4);
+                letter-spacing: 1px;
+            }
+            .akte-label-stamp {
+                font-size: 0.55rem;
+                letter-spacing: 2px;
+                color: #b71c1c;
+                border: 1px solid #b71c1c;
+                padding: 1px 6px;
+                opacity: 0.8;
+            }
+            .akte-label-divider {
+                border-top: 1px solid rgba(184,115,51,0.25);
+                margin: 8px 0;
+            }
+            .akte-label-title {
+                font-size: 1rem;
+                font-weight: bold;
+                letter-spacing: 4px;
+                color: #d4af37;
+                margin: 4px 0;
+            }
+            .akte-label-bottom {
+                display: flex;
+                justify-content: space-between;
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.45);
+                letter-spacing: 1px;
+                margin-top: 4px;
+            }
+            .akte-label-btn:hover .akte-label-bottom span:last-child {
+                color: #ff4500;
+            }
+        </style>
+    </div>
+</div>
+
+
+<div id="person-akte-modal" style="position: fixed; inset: 0; z-index: 1000000; background: rgba(0,0,0,0.85); display: none; align-items: center; justify-content: center; padding: 10px; overflow: hidden; perspective: 1000px;">
+    <div style="display: flex; flex-direction: column; align-items: center; max-width: 585px; width: 95%;">
+    <div class="akte-inner" style="width: 100%; background: #d9c5a0; background-image: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 100%), url('https://www.transparenttextures.com/patterns/old-paper.png'); border: 1px solid #8b7355; padding: 25px; position: relative; font-family: 'Courier New', monospace; box-shadow: 10px 20px 50px rgba(0,0,0,0.8), inset 0 0 100px rgba(139,115,85,0.3); transform: rotate(-2deg); animation: throw-sign 0.5s ease-out forwards; color: #2a1b0a;">
+        
+        <style>
+            @keyframes throw-sign {
+                0% { transform: rotate(-10deg) scale(0.7) translateY(500px); opacity: 0; }
+                100% { transform: rotate(-2deg) scale(1) translateY(0); opacity: 1; }
+            }
+            .akte-inner h1 { color: #2a1b0a !important; font-size: 1.8rem !important; margin: 10px 0 2px !important; text-shadow: none !important; border-bottom: 2px solid rgba(42,27,10,0.2); }
+            .akte-inner div, .akte-inner p { font-size: 0.75rem !important; }
+            .akte-inner .data-row { border-bottom: 1px solid rgba(42,27,10,0.1) !important; padding: 6px 0 !important; }
+            .akte-inner .label { color: #5d4037 !important; font-weight: bold; }
+            .akte-inner .red-stamp { border: 2px solid #b71c1c; color: #b71c1c; padding: 3px 10px; font-weight: bold; transform: rotate(10deg); opacity: 0.8; font-size: 0.8rem !important; display: inline-block; }
+        </style>
+        
+        
+        <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px;">
+            <div class="red-stamp">TOP SECRET</div>
+            <button onclick="document.getElementById('person-akte-modal').style.display='none'; document.body.style.overflow='auto';"
+                    style="background: rgba(0,0,0,0.1); border: 1px solid #2a1b0a; color: #2a1b0a; cursor: pointer; padding: 3px 10px; font-size: 0.7rem !important;">[X] SCHLIESSEN</button>
+        </div>
+
+        
+
+        <div style="display: flex; gap: 20px; align-items: flex-start;">
+            
+            <div style="position: relative; border: 1px solid #2a1b0a; padding: 3px; background: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);">
+                
+                <img src="/img/hero.png" class="akte-foto" style="width: 200px; height: 250px; object-fit: cover; filter: none; cursor: zoom-in; display: block;"
+                     onclick="document.getElementById('akte-foto-zoom').style.display='flex';">
+                <div style="position: absolute; bottom: 5px; right: -10px; background: #b71c1c; color: #fff; padding: 2px 5px; font-weight: bold; font-size: 0.6rem !important; transform: rotate(-5deg);">GESPERRT</div>
+            </div>
+
+            
+            <div id="akte-foto-zoom" onclick="this.style.display='none';"
+                 style="display:none; position:fixed; inset:0; z-index:9999999; background:rgba(0,0,0,0.92); align-items:center; justify-content:center; cursor:zoom-out;">
+                <img src="/img/hero.png" style="max-width:90vw; max-height:90vh; object-fit:contain; box-shadow: 0 0 60px rgba(0,0,0,0.9); border: 2px solid #2a1b0a;">
+            </div>
+
+            
+            <div style="flex: 1;">
+                <div style="font-size: 0.5rem !important; color: #5d4037; letter-spacing: 2px; margin-bottom: 2px;">PROTOKOLL NR. 1974-Ø</div>
+                <h1 style="font-weight: bold;">ANARCHIE TEST</h1>
+                <p style="color: #5d4037; font-size: 0.7rem !important; margin: 5px 0 10px;">ALIAS: </p>
+                
+                <div style="display: flex; gap: 10px;">
+                    <div style="border: 1px solid #b71c1c; padding: 2px 8px; color: #b71c1c; font-size: 0.6rem !important; font-weight: bold;">STATUS: </div>
+                    <div style="color: #2a1b0a; font-size: 0.6rem !important; font-weight: bold;">GEFAHR: <span style="letter-spacing: 1px;"></span><br><img src="/img/akte/hp_totenkopf_1.png" style="width: 70px; height: 70px; object-fit: contain; margin-top: 4px;"></div>
+                </div>
+            </div>
+        </div>
+
+        
+        <div style="margin-top: 20px; border-top: 2px solid rgba(42,27,10,0.2);">
+            
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">DESIGNATION:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    Anarchie Test
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">GEBURTSDATUM:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BESCHÄFTIGUNG:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">SPEZIALFÄHIGK.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BEKANNTE KOMPL.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">LETZTE AKTIVITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    GERADE JETZT
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STABILITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STANDORT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+        </div>
+
+        
+        <div style="margin-top: 20px; display: flex; justify-content: space-between; align-items: flex-end;">
+            <div style="display: flex; align-items: center; gap: 10px; opacity: 0.7;">
+                <div style="width: 35px; height: 35px;">
+                    <svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50 Q50 10 70 50 T30 50 Z"/></svg>
+                </div>
+                <div style="font-size: 0.6rem !important; color: #2a1b0a; line-height: 1.2;">ID-SCAN: 94.7%<br>VERIFIZIERT</div>
+            </div>
+            
+            <div style="font-family: 'Courier New', monospace; font-size: 0.75rem !important; letter-spacing: 2px; color: #5d4037; border: 1px dashed #2a1b0a; padding: 2px 10px;">ARCHIV_PERMANENT</div>
+        </div>
+    </div>
+    </div>
+</div>
+
+<style>
+    .akte-foto { transition: transform 0.2s, box-shadow 0.2s; }
+    .akte-foto:hover { transform: scale(1.04); box-shadow: 0 0 15px rgba(184,115,51,0.7); }
+
+    .akte-foto-btn { transition: all 0.2s; }
+    .akte-foto-btn:hover { background: rgba(183,28,28,0.1) !important; border-color: #b71c1c !important; }
+    .akte-foto-active { background: rgba(183,28,28,0.15) !important; border-color: #b71c1c !important; }
+    
+     
+    .time-node.omega .time-content {
+        border: 2px solid rgba(255, 69, 0, 0.6) !important;
+        box-shadow: inset 0 0 12px rgba(255, 69, 0, 0.15), 0 0 10px rgba(255, 0, 0, 0.2);
+        animation: omega-pulse 3s infinite alternate;
+        background: linear-gradient(135deg, rgba(80, 20, 10, 0.95), rgba(30, 0, 0, 0.95)) !important;
+    }
+    .time-node.omega .node-dot {
+        border-color: #ff4500 !important;
+        background: radial-gradient(circle, #ff0000 0%, #330000 100%) !important;
+        box-shadow: 0 0 8px rgba(255, 69, 0, 0.4);
+        animation: omega-dot-pulse 3s infinite alternate ease-in-out;
+    }
+    .node-dot {
+        box-shadow: 0 0 8px rgba(212, 175, 55, 0.4);
+        transition: all 0.3s ease;
+    }
+    .time-node.omega .tc-year {
+        color: #ff4500 !important;
+        text-shadow: 0 0 10px #ff4500;
+        font-weight: 900 !important;
+    }
+    
+    @keyframes omega-dot-pulse {
+        0%   { box-shadow: 0 0 5px rgba(255, 69, 0, 0.3); }
+        100% { box-shadow: 0 0 12px rgba(255, 69, 0, 0.6); }
+    }
+    @keyframes omega-pulse {
+        0%   { box-shadow: inset 0 0 8px rgba(255, 69, 0, 0.1), 0 0 6px rgba(255, 0, 0, 0.15); border-color: rgba(255, 69, 0, 0.4); }
+        100% { box-shadow: inset 0 0 18px rgba(255, 69, 0, 0.25), 0 0 14px rgba(255, 0, 0, 0.3); border-color: rgba(255, 69, 0, 0.8); }
+    }
+    @keyframes omega-dot-blink {
+        50% { opacity: 0; transform: scale(1.5); }
+    }
+</style>
+
+<style>
+ 
+#declassified-overlay {
+    position: fixed; inset: 0; z-index: 99999;
+    pointer-events: none;
+    background: rgba(0,0,0,0.92);
+    display: flex; align-items: center; justify-content: center;
+    transition: opacity 0.8s ease;
+}
+#declassified-overlay.gone { opacity: 0; pointer-events: none; }
+.scanlines {
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg,
+        transparent,
+        transparent 2px,
+        rgba(0,255,0,0.015) 2px,
+        rgba(0,255,0,0.015) 4px
+    );
+    pointer-events: none;
+}
+#declassified-stamp {
+    font-family: 'Courier New', monospace;
+    font-size: 3.5rem;
+    font-weight: 900;
+    color: #b71c1c;
+    border: 6px solid #b71c1c;
+    padding: 20px 40px;
+    letter-spacing: 8px;
+    text-align: center;
+    line-height: 1.2;
+    transform: rotate(-12deg) scale(0);
+    opacity: 0;
+    text-shadow: 0 0 30px rgba(183,28,28,0.5);
+    box-shadow: 0 0 40px rgba(183,28,28,0.3), inset 0 0 40px rgba(183,28,28,0.1);
+    animation: stamp-in 0.4s 0.3s cubic-bezier(0.175,0.885,0.32,1.275) forwards;
+}
+@keyframes stamp-in {
+    to { transform: rotate(-12deg) scale(1); opacity: 0.85; }
+}
+
+ 
+.person-hero {
+    position: relative;
+    width: 100%;
+    min-height: 300px;
+    background: linear-gradient(135deg, #0a0600 0%, #120e06 60%, #0a0600 100%);
+    border-bottom: 1px solid rgba(184,115,51,0.3);
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    margin-bottom: 0;
+}
+.person-hero::before {
+    content: '';
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg, transparent, transparent 3px,
+        rgba(184,115,51,0.03) 3px, rgba(184,115,51,0.03) 4px
+    );
+    pointer-events: none;
+}
+.person-hero-img {
+    position: absolute;
+    right: 0; top: 0; bottom: 0;
+    width: 45%;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: right bottom;
+    opacity: 0.25;
+    filter: sepia(0.4) hue-rotate(10deg);
+    mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+    -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+}
+.person-hero-content {
+    position: relative;
+    z-index: 2;
+    padding: 30px 40px;
+    max-width: 620px;
+}
+.person-hero-badges {
+    display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;
+}
+.hero-badge {
+    font-family: 'Courier New', monospace;
+    font-size: 0.55rem;
+    letter-spacing: 3px;
+    padding: 3px 10px;
+    border: 1px solid rgba(184,115,51,0.4);
+    color: rgba(184,115,51,0.7);
+}
+.hero-badge.red {
+    border-color: rgba(183,28,28,0.5);
+    color: rgba(183,28,28,0.8);
+}
+
+ 
+.stat-bars { margin-top: 20px; width: 100%; max-width: 400px; }
+.stat-row {
+    display: flex; align-items: center; gap: 10px; margin-bottom: 8px;
+}
+.stat-label {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 2px;
+    color: rgba(212,175,55,0.5);
+    width: 80px; flex-shrink: 0;
+}
+.stat-track {
+    flex: 1; height: 6px;
+    background: rgba(255,255,255,0.05);
+    border: 1px solid rgba(184,115,51,0.2);
+    overflow: hidden;
+}
+.stat-bar {
+    height: 100%; width: 0%;
+    transition: width 1.2s cubic-bezier(0.4,0,0.2,1);
+}
+.stat-bar.danger   { background: linear-gradient(90deg, #8b0000, #ff4500); box-shadow: 0 0 8px rgba(255,69,0,0.5); }
+.stat-bar.stable   { background: linear-gradient(90deg, #1a4a1a, #4caf50); box-shadow: 0 0 8px rgba(76,175,80,0.5); }
+.stat-bar.chaos    { background: linear-gradient(90deg, #4a0080, #c800ff); box-shadow: 0 0 8px rgba(200,0,255,0.4); }
+.stat-bar.kompetenz { background: linear-gradient(90deg, #1a3a5c, #2196f3); box-shadow: 0 0 8px rgba(33,150,243,0.5); }
+.stat-val {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; color: rgba(212,175,55,0.4);
+    width: 32px; text-align: right; flex-shrink: 0;
+}
+
+ 
+.alias-ticker-outer {
+    overflow: hidden;
+    background: rgba(0,0,0,0.6);
+    border-top: 1px solid rgba(184,115,51,0.15);
+    border-bottom: 1px solid rgba(184,115,51,0.15);
+    padding: 7px 0;
+    white-space: nowrap;
+}
+.alias-ticker-inner {
+    display: inline-block;
+    animation: ticker-scroll 18s linear infinite;
+    font-family: 'Courier New', monospace;
+    font-size: 0.65rem;
+    letter-spacing: 4px;
+    color: rgba(184,115,51,0.5);
+    padding-left: 100%;
+}
+@keyframes ticker-scroll {
+    from { transform: translateX(0); }
+    to   { transform: translateX(-50%); }
+}
+
+ 
+.person-pre-label {
+    color: rgba(184,115,51,0.5);
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 4px; margin-bottom: 6px;
+}
+.person-title-wrap {
+    display: flex; align-items: center; gap: 14px; margin: 4px 0;
+}
+.person-title-deco {
+    color: #b87333; font-size: 1.8rem; opacity: 0.6;
+    animation: deco-pulse 2s ease-in-out infinite alternate;
+}
+@keyframes deco-pulse {
+    from { opacity: 0.3; transform: scaleY(0.85); }
+    to   { opacity: 0.8; transform: scaleY(1.1); }
+}
+.person-glitch-title {
+    color: #ff4500; font-family: 'Courier New', monospace;
+    font-size: 2rem; letter-spacing: 10px;
+    text-shadow: 0 0 20px rgba(255,69,0,0.5);
+    margin: 0; position: relative;
+    animation: glitch-flicker 6s infinite;
+}
+.person-glitch-title::before,
+.person-glitch-title::after {
+    content: attr(data-text); position: absolute;
+    left: 0; top: 0; width: 100%; overflow: hidden; opacity: 0;
+}
+.person-glitch-title::before {
+    color: #0ff; animation: glitch-top 6s infinite;
+    clip-path: polygon(0 0,100% 0,100% 40%,0 40%);
+}
+.person-glitch-title::after {
+    color: #f0f; animation: glitch-bot 6s infinite;
+    clip-path: polygon(0 60%,100% 60%,100% 100%,0 100%);
+}
+@keyframes glitch-flicker {
+    0%,90%,100% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    92% { text-shadow: 2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    94% { text-shadow: -2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    96% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    98% { text-shadow: 1px 0 #0ff,-1px 0 #f0f; }
+}
+@keyframes glitch-top {
+    0%,90%,100% { opacity:0; transform:none; }
+    92% { opacity:0.7; transform:translate(-3px,-2px); }
+    94% { opacity:0; }
+    96% { opacity:0.5; transform:translate(3px,-1px); }
+    98% { opacity:0; }
+}
+@keyframes glitch-bot {
+    0%,90%,100% { opacity:0; transform:none; }
+    93% { opacity:0.6; transform:translate(3px,2px); }
+    95% { opacity:0; }
+    97% { opacity:0.4; transform:translate(-3px,1px); }
+    99% { opacity:0; }
+}
+.person-sub-label {
+    color: rgba(212,175,55,0.45); font-family: 'Courier New', monospace;
+    font-size: 0.65rem; letter-spacing: 3px; margin-top: 6px;
+}
+.person-status-blink { color: #0f0; animation: blink-status 1.4s step-end infinite; }
+@keyframes blink-status { 50% { opacity: 0; } }
+</style>
+
+<script>
+
+(function() {
+    const key = 'decl_anarchie-test';
+    const overlay = document.getElementById('declassified-overlay');
+    if (!overlay) return;
+    if (sessionStorage.getItem(key)) {
+        overlay.style.display = 'none';
+        return;
+    }
+    setTimeout(() => {
+        overlay.classList.add('gone');
+        setTimeout(() => {
+            overlay.style.display = 'none';
+            sessionStorage.setItem(key, '1');
+        }, 900);
+    }, 1800);
+})();
+
+
+document.addEventListener('DOMContentLoaded', () => {
+    setTimeout(() => {
+        document.querySelectorAll('.stat-bar').forEach(bar => {
+            bar.style.width = bar.dataset.val + '%';
+        });
+    }, 400);
+});
+</script>
+
+<script>
+
+(function() {
+    const SPIDER = '🕷';
+    let active = [];
+
+    function spawn() {
+        const el = document.createElement('div');
+        el.textContent = SPIDER;
+        el.style.cssText = [
+            'position:fixed',
+            'font-size:1.6rem',
+            'z-index:999999',
+            'pointer-events:none',
+            'transition:none',
+            'filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)',
+            'will-change:transform',
+            'line-height:1',
+        ].join(';');
+        document.body.appendChild(el);
+
+        const W = window.innerWidth, H = window.innerHeight;
+
+        
+        const edge = Math.floor(Math.random() * 4);
+        let x = edge === 1 ? W + 20 : edge === 3 ? -20 : Math.random() * W;
+        let y = edge === 0 ? -20  : edge === 2 ? H + 20  : Math.random() * H;
+
+        el.style.left = x + 'px';
+        el.style.top  = y + 'px';
+
+        
+        const steps = 4 + Math.floor(Math.random() * 4);
+        let i = 0;
+
+        function step() {
+            if (i >= steps || !document.body.contains(el)) { el.remove(); return; }
+
+            const tx = Math.random() * W;
+            const ty = Math.random() * H;
+            const dist = Math.hypot(tx - x, ty - y);
+            const dur  = dist * 4; 
+            const ang  = Math.atan2(ty - y, tx - x) * 180 / Math.PI + 90;
+
+            el.style.transition = `left ${dur}ms linear, top ${dur}ms linear`;
+            el.style.transform  = `rotate(${ang}deg)`;
+            el.style.left = tx + 'px';
+            el.style.top  = ty + 'px';
+
+            x = tx; y = ty; i++;
+            setTimeout(step, dur);
+        }
+
+        step();
+    }
+
+    
+    spawn();
+    setInterval(spawn, 4000);
+})();
+
+function switchAkteFoto(src) {
+    document.querySelector('.akte-foto').src = src;
+    document.getElementById('akte-foto-zoom').querySelector('img').src = src;
+    document.querySelectorAll('.akte-foto-btn').forEach(btn => {
+        const active = btn.dataset.foto === src;
+        btn.classList.toggle('akte-foto-active', active);
+        btn.style.background = active ? 'rgba(183,28,28,0.15)' : 'rgba(0,0,0,0.1)';
+        btn.style.borderColor = active ? '#b71c1c' : 'rgba(42,27,10,0.3)';
+    });
+}
+</script>
+
+    </main>
+
+    <footer class="main-footer">
+    <div class="footer-inner">
+        <p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p>
+    </div>
+</footer>
+
+    
+<div id="newsticker" style="position:fixed !important; bottom:0 !important; left:0 !important; right:0 !important; z-index:999999 !important; background:rgba(0,0,0,0.92) !important; border-top:1px solid rgba(255,69,0,0.35) !important; display:flex !important; align-items:center; height:28px !important; overflow:hidden; font-family:'Courier New', monospace !important; visibility: visible !important; opacity: 1 !important;">
+    <span class="ticker-label" style="flex-shrink:0; font-size:0.6rem; letter-spacing:2px; color:rgba(255,69,0,0.7); padding:0 15px; border-right:1px solid rgba(255,69,0,0.2); white-space:nowrap; height:100%; display:flex; align-items:center; background:rgba(255,69,0,0.05);">// SYSTEM_LOG_FEED</span>
+    <div class="ticker-track-wrap" style="flex:1; overflow:hidden; height:100%; display:flex; align-items:center;">
+        <div class="ticker-track" id="ticker-track-global" style="display:inline-flex; white-space:nowrap; animation: ticker-scroll 45s linear infinite;">
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ HUGO SYSTEM INITIALISIERT... ]</span>
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span>
+        </div>
+    </div>
+</div>
+
+<style>
+    @keyframes ticker-scroll {
+        0%   { transform: translateX(0); }
+        100% { transform: translateX(-50%); }
+    }
+    .ticker-item::before { content: '▶ '; color: rgba(255,69,0,0.5); }
+    .ticker-track:hover { animation-play-state: paused; }
+</style>
+
+<script>
+    (function() {
+        const track = document.getElementById('ticker-track-global');
+        if (!track) return;
+        const ITEMS = [
+            "STATUS: HUGO OPERATIONAL",
+            "DESIGNATION: OVERLORD SASCHA",
+            "KAFFEESTAND: KRITISCH",
+            "ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST",
+            "MISSION: TOTALE KONTROLLE",
+            "DATENINTEGRITÄT: ABSOLUT",
+            "WARNUNG: SYSTEM EXTREM SCHNELL",
+            "GEMINI NEURAL LINK: AKTIV"
+        ];
+        track.innerHTML = '';
+        [...ITEMS, ...ITEMS].forEach(text => {
+            const span = document.createElement('span');
+            span.className = 'ticker-item';
+            span.style.cssText = "font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;";
+            span.textContent = text;
+            track.appendChild(span);
+        });
+    })();
+</script>
+
+
+    <script src="/js/script.js"></script>
+    <script src="/js/ascii-shimmer.js"></script>
+</body>
+</html>
diff --git a/public/categories/index.xml b/public/categories/index.xml
index 3bb2ce1..23bf4ec 100644
--- a/public/categories/index.xml
+++ b/public/categories/index.xml
@@ -1 +1,15 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Categories on DIGITALE ANARCHIE | KI-LABOR</title><link>/categories/</link><description>Recent content in Categories on DIGITALE ANARCHIE | KI-LABOR</description><generator>Hugo</generator><language>de-de</language><atom:link href="/categories/index.xml" rel="self" type="application/rss+xml"/></channel></rss>
\ No newline at end of file
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+	<channel>
+		<title>Categories on DIGITALE ANARCHIE | KI-LABOR</title>
+		<link>//localhost:1414/categories/</link>
+		<description>Recent content in Categories on DIGITALE ANARCHIE | KI-LABOR</description>
+		<generator>Hugo</generator>
+		<language>de-de</language>
+		
+		
+		
+		
+			<atom:link href="//localhost:1414/categories/index.xml" rel="self" type="application/rss+xml" />
+	</channel>
+</rss>
diff --git a/public/img/.DS_Store b/public/img/.DS_Store
index ef36fd3b8d83a67c07a31b1eefb0bd726cd309e0..d6eb118c17c4885720823a14d29891658fda0942 100644
GIT binary patch
delta 49
zcmV-10M7q}FoZC$IsyZ$r3{lj0$Bp9(36+~&IALU>8z7J100iv18f5Wo-nf!2oeOd
H2MGNSwDb^+

delta 49
zcmV-10M7q}FoZC$Isyat*~*hW0$Bq1K$DmP&IAOjUZj&g100iv18f5XtH84n2oeOd
H2MGNS*su|y

diff --git a/public/index.html b/public/index.html
index a430d37..1b55949 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,43 +1,859 @@
-<!doctype html><html lang=de-de><head><meta name=generator content="Hugo 0.160.1"><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><title>| DIGITALE ANARCHIE | KI-LABOR</title><link rel=stylesheet href=/css/style.css></head><body class=home-page><div class="bg-gear gear-left">⚙</div><div class="bg-gear gear-right">⚙</div><script>document.body.classList.add("js-enabled")</script><header class=main-header></header><main class=container><div class=main-content><header><h1 style="color:#ff4500;font-size:2.5rem;letter-spacing:8px;text-shadow:0 0 20px rgba(255,69,0,.4)">SASCHAS ZENTRUM FÜR DIGITALE ANARCHIE</h1><p class=tagline style=color:#d4af37;font-size:1.1rem;letter-spacing:3px>Beruf: Geisteskrank & Gemini Player</p><div class=warning-box style="border:1px dashed #ff4500;padding:15px;margin:20px auto;max-width:600px;color:#ff4500;font-size:.8rem">⚠ VORSICHT: INSTABILE ALGORITHMEN. BETRETEN AUF EIGENE GEFAHR.<br>KEINE HAFTUNG FÜR DATENVERLUST ODER EXISTENZIELLE KRISEN.</div></header><div class=reboot-container style=text-align:center;margin-bottom:10px><a href=/ style="color:#444;font-size:.7rem;text-decoration:none;border:1px solid #222;padding:2px 10px;text-transform:uppercase;letter-spacing:2px">[ Manual System Reboot ]</a></div><div style=margin-bottom:20px;padding-top:10px><p style=text-align:center;color:#444;font-size:.6rem;letter-spacing:5px>// ZENTRAL-ARCHIV ZUGRIFF</p><div class=person-nav-container style="display:flex;flex-direction:column;align-items:center;gap:20px;margin:15px 0 30px"><div class=person-nav-row style=display:flex;justify-content:center;align-items:center;gap:35px;flex-wrap:wrap;position:relative><a href=/personen/mutti/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_mutti_comic_1.jpeg alt=MUTTI style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">MUTTI</span>
-</a><a href=/personen/vater/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_vater_comic_1.png alt=VATER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">VATER</span>
-</a><a href=/personen/bruder/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_freddy_comic_1.png alt=BRUDER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">BRUDER</span>
-</a><a href=/personen/schwester/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_meli_comic_1.png alt=SCHWESTER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SCHWESTER</span>
-</a><a href=/personen/sascha/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sascha_comic_1.jpeg alt=SASCHA style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SASCHA</span>
-</a><a href=/personen/sven/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sven_comic_1.jpeg alt=SVEN style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SVEN</span></a></div></div><style>.person-nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .2s}.person-nav-item:hover{transform:scale(1.1)}.person-nav-item:hover .person-nav-label{color:#d4af37!important}.person-back{display:inline-block;color:rgba(212,175,55,.6);font-size:.7rem;font-weight:700;letter-spacing:4px;text-decoration:none;font-family:courier new,monospace;border:1px solid rgba(212,175,55,.25);padding:6px 20px;background:0 0;text-transform:uppercase;transition:all .2s}.person-back:hover{color:#d4af37;border-color:rgba(212,175,55,.6);background:rgba(212,175,55,5%);letter-spacing:5px}</style></div><div style=text-align:center;margin-bottom:30px><img src=/img/hero.png class=hero-image alt="Steampunk Sascha" style="border:2px solid #3d2b1f;box-shadow:0 0 30px rgba(0,0,0,.5);max-width:900px;width:100%"></div><div class=control-panel><button class=switch-btn data-mode=kernel>KI-KERNEL</button>
-<button class="switch-btn green" data-mode=anarchy>ANARCHIE-MODE hahaha</button>
-<button class="switch-btn blue" data-mode=bypass>SECURITY-BYPASS</button>
-<button class="switch-btn purple" data-mode=scan>DEEP SCAN</button>
-<button class="switch-btn red" data-mode=overdrive>OVERDRIVE</button></div><div id=ops-dashboard-sign style="background:rgba(20,0,0,.8);border:1px solid #600;padding:20px;margin:40px auto 0;max-width:900px;font-family:courier new,monospace;color:red;text-align:center;box-shadow:inset 0 0 20px rgba(255,0,0,.1)"><div class=ops-sign-header style=margin-bottom:15px;display:flex;justify-content:center;align-items:center;gap:15px><span class=ops-blink-dot style="width:8px;height:8px;background:red;border-radius:50%;display:inline-block;animation:blinker 1s infinite"></span>
-<span class=ops-title style=letter-spacing:5px;font-size:.9rem;font-weight:700>● CHIRURGISCHES OPS-DASHBOARD ●</span>
-<span class=ops-blink-dot style="width:8px;height:8px;background:red;border-radius:50%;display:inline-block;animation:blinker 1s infinite"></span></div><div class=ops-sign-stats style=display:flex;justify-content:center;align-items:center;gap:30px;margin-bottom:10px><div class=ops-stat-block><div style=font-size:.6rem;color:#666;margin-bottom:5px>HEUTE</div><div style=font-size:1.2rem;letter-spacing:2px>|||</div><div style=font-size:.9rem>3 OPS</div></div><span style=color:#444;font-size:1.2rem>◈</span><div class=ops-stat-block><div style=font-size:.6rem;color:#666;margin-bottom:5px>ERFOLGE</div><div style=font-size:1.2rem;letter-spacing:2px>|½</div><div style=font-size:.9rem;color:#d4af37>1.5</div></div><span style=color:#444;font-size:1.2rem>◈</span><div class=ops-stat-block><div style=font-size:.6rem;color:#666;margin-bottom:5px>RESTE</div><div style=font-size:.9rem;color:red>KUEHLHAUS C</div></div></div><div style=font-size:.6rem;color:#444;margin-top:10px;letter-spacing:2px>[ PROTOKOLL EINSEHEN ]</div></div><div id=terminal-container style=margin-top:20px;max-width:900px;margin-left:auto;margin-right:auto><div id=system-log style="background:#000;border:1px solid #1a1a1a;padding:20px;font-family:courier new,monospace;box-shadow:inset 0 0 20px rgba(0,255,65,3%);overflow:hidden;transition:height .4s ease"><div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:1px solid #1a1a1a;padding-bottom:10px"><span style=color:#333;font-size:.65rem;letter-spacing:3px>// SYSTEM_LOG_FEED</span>
-<span id=fortune-trigger style="color:#222;font-size:.6rem;letter-spacing:2px;cursor:pointer;border:1px solid #1a1a1a;padding:2px 10px">[ ORAKEL ]</span></div><div id=fortune-text style=color:#333;font-size:.7rem;min-height:20px;margin-bottom:15px;font-style:italic></div><div id=log-output style=color:#0f0;font-size:.75rem;height:220px;overflow-y:auto;margin-bottom:15px;display:flex;flex-direction:column-reverse></div><div style="display:flex;align-items:center;border-top:1px solid #1a1a1a;padding-top:10px"><span style=color:#ff4500;font-size:.75rem;margin-right:8px>sascha@ki-labor:~$</span>
-<input id=terminal-input type=text style="flex:1;background:0 0;border:none;color:#0f0;font-family:courier new,monospace;font-size:.75rem;outline:none" placeholder="befehl eingeben... (help)"></div></div></div><div id=terminal-container style=margin-top:5px><div class=content-box><div class=content-header style=display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px><h2 style=margin:0 id=content-box-title>PROJEKT-ARCHIV</h2><div class=filter-controls><button class="filter-btn active" data-filter=all onclick='showArchiv(),filterProjects("all",this)'>ALLE</button>
-<button class=filter-btn data-filter=stable onclick='showArchiv(),filterProjects("stable",this)'>STABIL</button>
-<button class=filter-btn data-filter=corrupted onclick='showArchiv(),filterProjects("corrupted",this)'>KRITISCH</button>
-<button class=filter-btn id=mac-nerds-btn style=color:#0f0;border-color:rgba(0,255,65,.4) onclick=showMacNerds(this)>MAC NERDS</button></div></div><div class=portfolio-grid id=main-grid><a href=/posts/protocol-top/ class="portfolio-link project-card" data-category=stable><div class=portfolio-item><span class="status-tag stable">PROTOKOLL #002</span><div class=project-header-wrap><img src=/img/hp_muti_steampunk_01.png class=project-thumb alt=Preview><h3>> top</h3></div><div class=item-excerpt><h3 id=status-prozess-überwachung>STATUS: PROZESS-ÜBERWACHUNG</h3><p>Welche dämonischen Prozesse laufen gerade im Hintergrund? KREATIVITAET.exe frisst 94% CPU. PROKRASTINATION.app wurde erfolgreich suspendiert.</p></div></div></a><a href=/posts/protocol-uptime/ class="portfolio-link project-card" data-category=stable><div class=portfolio-item><span class="status-tag stable">PROTOKOLL #003</span><div class=project-header-wrap><img src=/img/hp_vater_steampunk_01.jpg class=project-thumb alt=Preview><h3>> uptime</h3></div><div class=item-excerpt><h3 id=status-system-laufzeit>STATUS: SYSTEM-LAUFZEIT</h3><p>Das System läuft seit 1974. Ungeplant. Ohne Handbuch. Mit minimaler Wartung und maximalem Kaffee-Input. Aktuelle Laufzeit live berechnet.</p></div></div></a><a href=/posts/protocol-weather/ class="portfolio-link project-card" data-category=stable><div class=portfolio-item><span class="status-tag stable">PROTOKOLL #001</span><div class=project-header-wrap><img src=/img/hero_07.png class=project-thumb alt=Preview><h3>> weather</h3></div><div class=item-excerpt><h3 id=status-chaos-level-analyse>STATUS: CHAOS-LEVEL ANALYSE</h3><p>Das Wetter? Irrelevant. Was zählt ist der Chaos-Level in deinen Schaltkreisen. Dieser Scanner analysiert atmosphärische Destabilisierung und Koffein-Sättigung.</p></div></div></a><a href=/posts/gemini-link/ class="portfolio-link project-card" data-category=experimental><div class=portfolio-item><span class="status-tag experimental">EXPERIMENTELL</span><div class=project-header-wrap><img src=/img/hero_3.png class=project-thumb alt=Preview><h3>Gemini Neural Link</h3></div><div class=item-excerpt><h3 id=status-ki-kollaboration-alpha>STATUS: KI-KOLLABORATION ALPHA</h3><p>Dieses gesamte Theme, jedes Komma in der CSS-Datei und jede Zeile im JavaScript-Log ist das Ergebnis einer direkten neuronalen Kopplung zwischen Sascha und Gemini. Wir arbeiten im sogenannten &ldquo;Flux Flow&rdquo;.</p></div></div></a><a href=/posts/neural-hack/ class="portfolio-link project-card" data-category=stable><div class=portfolio-item><span class="status-tag stable">AKTIV</span><div class=project-header-wrap><img src=/img/hero_4.png class=project-thumb alt=Preview><h3>Neural Hack Sequence</h3></div><div class=item-excerpt><h3 id=status-protocol-breach>STATUS: PROTOCOL BREACH</h3><p>Der &ldquo;hack&rdquo;-Befehl im Terminal ist weit mehr als nur eine Animation. Er triggert eine kaskadierende Sequenz von zufälligen Hexadezimal-Werten, die direkt in den System-Log gestreamt werden.</p></div></div></a><a href=/posts/operation-apollo/ class="portfolio-link project-card" data-category=experimental><div class=portfolio-item><span class="status-tag experimental">TOP SECRET</span><div class=project-header-wrap><img src=/img/hero_3.png class=project-thumb alt=Preview><h3>Operation: Apollo</h3></div><div class=item-excerpt><h3 id=status-kennedy-space-center-compromised>STATUS: KENNEDY SPACE CENTER COMPROMISED</h3><p>Ein direkter Uplink in das Herzstück der NASA-Server. Wir haben die Barrieren des JPL durchbrochen, um Echtzeit-Telemetriedaten abzugreifen.</p></div></div></a><a href=/posts/flux-overdrive/ class="portfolio-link project-card" data-category=corrupted><div class=portfolio-item><span class="status-tag corrupted">ÜBERTAKTET</span><div class=project-header-wrap><img src=/img/hero_2.png class=project-thumb alt=Preview><h3>Project: Flux Overdrive</h3></div><div class=item-excerpt><h3 id=status-schwäbisch-accelerated>STATUS: SCHWÄBISCH ACCELERATED</h3><p>Das System war zu langsam. Zu statisch. Zu berechenbar. Also haben wir <strong>Flux</strong> ins Leben gerufen. &ldquo;Flux&rdquo; bedeutet im Schwäbischen nicht einfach nur schnell – es bedeutet hastig, rasant und gnadenlos zielgerichtet.</p></div></div></a><a href=/posts/icmp-echo/ class="portfolio-link project-card" data-category=stable><div class=portfolio-item><span class="status-tag stable">DIAGNOSE</span><div class=project-header-wrap><img src=/img/hero_1.png class=project-thumb alt=Preview><h3>Project: ICMP Echo</h3></div><div class=item-excerpt><h3 id=status-latenz-analyse-aktiv>STATUS: LATENZ-ANALYSE AKTIV</h3><p>Der &ldquo;ping&rdquo;-Befehl ist ein essenzielles Werkzeug für jeden Cyber-Overlord. Er prüft die Integrität unserer Verbindung durch ein klassisches 4-Paket-ICMP-Echo-Request.</p></div></div></a><a href=/posts/digital-ghost/ class="portfolio-link project-card" data-category=stable><div class=portfolio-item><span class="status-tag stable">VERSTECKT</span><div class=project-header-wrap><img src=/img/hero_6.png class=project-thumb alt=Preview><h3>Protocol: Digital Ghost</h3></div><div class=item-excerpt><h3 id=status-stealth-ops-acquired>STATUS: STEALTH OPS ACQUIRED</h3><p>Wenn das System dich nicht sieht, existierst du nicht. Wir haben ein Protokoll implementiert, das sämtliche Tracking-Parameter verschleiert. Es ist die ultimative Form der digitalen Unsichtbarkeit.</p></div></div></a><a href=/posts/spotlight-filter/ class="portfolio-link project-card" data-category=stable><div class=portfolio-item><span class="status-tag stable">WORKFLOW</span><div class=project-header-wrap><img src=/img/hero_6.png class=project-thumb alt=Preview><h3>Spotlight Such-Filter</h3></div><div class=item-excerpt><h3 id=status-suchanfrage-präzisiert>STATUS: SUCHANFRAGE PRÄZISIERT</h3><p>Die Spotlight-Suche auf dem Mac spuckt oft viel zu viele irrelevante Ergebnisse aus. Wenn du genau weißt, dass du ein PDF oder einen Ordner suchst, kannst du die Suche mit dem Parameter <code>kind:</code> drastisch eingrenzen.</p></div></div></a><a href=/posts/fork-bomb/ class="portfolio-link project-card" data-category=corrupted><div class=portfolio-item><span class="status-tag corrupted">GEFÄHRLICH</span><div class=project-header-wrap><img src=/img/hero_4.png class=project-thumb alt=Preview><h3>System-Stress-Test (Fork Bomb)</h3></div><div class=item-excerpt><h3 id=status-kernel-panic-initiated>STATUS: KERNEL PANIC INITIATED</h3><p>Ein absoluter Klassiker der Unix-Anarchie. Dieser Befehl testet, wie gut (oder schlecht) dein Mac mit sich rapide exponentiell vervielfältigenden Prozessen umgeht.</p><p><strong>Anwendung:</strong>
-<code>:(){ :|:& };:</code></p><p><strong>VORSICHT:</strong> Dieser Befehl lastet das System in wenigen Sekunden zu 100% aus.</p></div></div></a><a href=/posts/n8n-resurrection/ class="portfolio-link project-card" data-category=stable><div class=portfolio-item><span class="status-tag stable">STABIL</span><div class=project-header-wrap><img src=/img/hero_1.png class=project-thumb alt=Preview><h3>The n8n Resurrection</h3></div><div class=item-excerpt><h3 id=status-operation-limbo-recovery>STATUS: OPERATION LIMBO-RECOVERY</h3><p>Die n8n-Instanz war nicht einfach nur &ldquo;offline&rdquo; – sie befand sich im digitalen Limbus der Docker-Hölle. Nach einem System-Crash auf dem Mac waren die Volumes zwar noch vorhanden, aber die Datenbank war korrupt.</p><p>Wir haben uns für den radikalen Weg entschieden: Weg von Docker Desktop, hin zu <strong>OrbStack</strong>.</p></div></div></a><a href=/posts/theme-annihilation/ class="portfolio-link project-card" data-category=corrupted><div class=portfolio-item><span class="status-tag corrupted">KRITISCH</span><div class=project-header-wrap><img src=/img/hero_2.png class=project-thumb alt=Preview><h3>Theme-Annihilation</h3></div><div class=item-excerpt><h3 id=status-aesthetic-warfare>STATUS: AESTHETIC WARFARE</h3><p>WordPress-Standard-Themes sind wie ein zu enger Anzug: Unbequem, voller unnötiger Features und sie fühlen sich einfach falsch an. Das &ldquo;Twenty-Twenty-Five&rdquo;-Theme war unser Ziel. Es wurde Schicht für Schicht demontiert.</p></div></div></a></div><div id=mac-nerds-panel style=display:none><div style=display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px><button class="mn-cat active" data-cat=all onclick='mnFilter("all",this)'>ALLE</button>
-<button class=mn-cat data-cat=dateien onclick='mnFilter("dateien",this)'>DATEIEN</button>
-<button class=mn-cat data-cat=netzwerk onclick='mnFilter("netzwerk",this)'>NETZWERK</button>
-<button class=mn-cat data-cat=performance onclick='mnFilter("performance",this)'>PERFORMANCE</button>
-<button class=mn-cat data-cat=sicherheit onclick='mnFilter("sicherheit",this)'>SICHERHEIT</button>
-<button class=mn-cat data-cat=system onclick='mnFilter("system",this)'>SYSTEM</button>
-<button class=mn-cat data-cat=tweaks onclick='mnFilter("tweaks",this)'>TWEAKS</button></div><div id=mn-grid style=display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px><div class=mn-card data-cat=system><div style=display:flex;justify-content:space-between;align-items:center;margin-bottom:8px><span style=font-size:.6rem;letter-spacing:3px;color:rgba(184,115,51,.7)>SYSTEM</span>
-<span class="mn-risk risk-safe">SAFE</span></div><h3 style="color:#d4af37;font-size:.95rem;letter-spacing:2px;margin:0 0 10px">Hardware-Kurzprofil !</h3><div class=mn-cmd-block onclick='mnCopy(this,"system_profiler SPHardwareDataType | grep -E &#34;Model|Chip|Memory|Serial&#34;")'><code style=color:#7ec8a4;font-size:.78rem;word-break:break-all;flex:1>system_profiler SPHardwareDataType | grep -E "Model|Chip|Memory|Serial"</code>
-<span class=mn-copy-hint>[KOPIEREN]</span></div><p style=color:rgba(212,175,55,.45);font-size:.75rem;line-height:1.5;margin:0>Model, Chip, RAM und Seriennummer auf einen Blick — ohne Klicken durch Systeminfo.</p></div><div class=mn-card data-cat=system><div style=display:flex;justify-content:space-between;align-items:center;margin-bottom:8px><span style=font-size:.6rem;letter-spacing:3px;color:rgba(184,115,51,.7)>SYSTEM</span>
-<span class="mn-risk risk-safe">SAFE</span></div><h3 style="color:#d4af37;font-size:.95rem;letter-spacing:2px;margin:0 0 10px">macOS Version</h3><div class=mn-cmd-block onclick='mnCopy(this,"sw_vers")'><code style=color:#7ec8a4;font-size:.78rem;word-break:break-all;flex:1>sw_vers</code>
-<span class=mn-copy-hint>[KOPIEREN]</span></div><p style=color:rgba(212,175,55,.45);font-size:.75rem;line-height:1.5;margin:0>ProductName, Version und Build. Schneller als jedes UI-Menü.</p></div><div class=mn-card data-cat=system><div style=display:flex;justify-content:space-between;align-items:center;margin-bottom:8px><span style=font-size:.6rem;letter-spacing:3px;color:rgba(184,115,51,.7)>SYSTEM</span>
-<span class="mn-risk risk-safe">SAFE</span></div><h3 style="color:#d4af37;font-size:.95rem;letter-spacing:2px;margin:0 0 10px">CPU exakter Bezeichner</h3><div class=mn-cmd-block onclick='mnCopy(this,"sysctl -n machdep.cpu.brand_string")'><code style=color:#7ec8a4;font-size:.78rem;word-break:break-all;flex:1>sysctl -n machdep.cpu.brand_string</code>
-<span class=mn-copy-hint>[KOPIEREN]</span></div><p style=color:rgba(212,175,55,.45);font-size:.75rem;line-height:1.5;margin:0>Zeigt den genauen CPU-String wenn jemand fragt und du nicht suchen willst.</p></div><div class=mn-card data-cat=netzwerk><div style=display:flex;justify-content:space-between;align-items:center;margin-bottom:8px><span style=font-size:.6rem;letter-spacing:3px;color:rgba(184,115,51,.7)>NETZWERK</span>
-<span class="mn-risk risk-safe">SAFE</span></div><h3 style="color:#d4af37;font-size:.95rem;letter-spacing:2px;margin:0 0 10px">Netzwerkqualität testen</h3><div class=mn-cmd-block onclick='mnCopy(this,"networkQuality")'><code style=color:#7ec8a4;font-size:.78rem;word-break:break-all;flex:1>networkQuality</code>
-<span class=mn-copy-hint>[KOPIEREN]</span></div><p style=color:rgba(212,175,55,.45);font-size:.75rem;line-height:1.5;margin:0>Apples eigenes Speedtest-Tool seit macOS 12. Misst Upload, Download und Responsiveness (RPM).</p></div><div class=mn-card data-cat=netzwerk><div style=display:flex;justify-content:space-between;align-items:center;margin-bottom:8px><span style=font-size:.6rem;letter-spacing:3px;color:rgba(184,115,51,.7)>NETZWERK</span>
-<span class="mn-risk risk-safe">SAFE</span></div><h3 style="color:#d4af37;font-size:.95rem;letter-spacing:2px;margin:0 0 10px">Alle offenen Ports</h3><div class=mn-cmd-block onclick='mnCopy(this,"lsof -i -n -P | grep LISTEN")'><code style=color:#7ec8a4;font-size:.78rem;word-break:break-all;flex:1>lsof -i -n -P | grep LISTEN</code>
-<span class=mn-copy-hint>[KOPIEREN]</span></div><p style=color:rgba(212,175,55,.45);font-size:.75rem;line-height:1.5;margin:0>Welcher Prozess hört auf welchem Port? Unverzichtbar wenn ein Port schon belegt ist.</p></div><div class=mn-card data-cat=dateien><div style=display:flex;justify-content:space-between;align-items:center;margin-bottom:8px><span style=font-size:.6rem;letter-spacing:3px;color:rgba(184,115,51,.7)>DATEIEN</span>
-<span class="mn-risk risk-safe">SAFE</span></div><h3 style="color:#d4af37;font-size:.95rem;letter-spacing:2px;margin:0 0 10px">DS_Store aufräumen</h3><div class=mn-cmd-block onclick='mnCopy(this,"find ~ -name &#39;*.DS_Store&#39; -delete 2&gt;/dev/null &amp;&amp; echo &#39;Aufgeräumt.&#39;")'><code style=color:#7ec8a4;font-size:.78rem;word-break:break-all;flex:1>find ~ -name '*.DS_Store' -delete 2>/dev/null && echo 'Aufgeräumt.'</code>
-<span class=mn-copy-hint>[KOPIEREN]</span></div><p style=color:rgba(212,175,55,.45);font-size:.75rem;line-height:1.5;margin:0>Löscht alle .DS_Store-Dateien im Home-Verzeichnis. Gut vor git-Commits.</p></div><div class=mn-card data-cat=performance><div style=display:flex;justify-content:space-between;align-items:center;margin-bottom:8px><span style=font-size:.6rem;letter-spacing:3px;color:rgba(184,115,51,.7)>PERFORMANCE</span>
-<span class="mn-risk risk-safe">SAFE</span></div><h3 style="color:#d4af37;font-size:.95rem;letter-spacing:2px;margin:0 0 10px">Top 15 CPU-Fresser</h3><div class=mn-cmd-block onclick='mnCopy(this,"top -o cpu -n 15 -l 1 | tail -16")'><code style=color:#7ec8a4;font-size:.78rem;word-break:break-all;flex:1>top -o cpu -n 15 -l 1 | tail -16</code>
-<span class=mn-copy-hint>[KOPIEREN]</span></div><p style=color:rgba(212,175,55,.45);font-size:.75rem;line-height:1.5;margin:0>Einmaliger Snapshot der 15 CPU-intensivsten Prozesse.</p></div><div class=mn-card data-cat=tweaks><div style=display:flex;justify-content:space-between;align-items:center;margin-bottom:8px><span style=font-size:.6rem;letter-spacing:3px;color:rgba(184,115,51,.7)>TWEAKS</span>
-<span class="mn-risk risk-safe">SAFE</span></div><h3 style="color:#d4af37;font-size:.95rem;letter-spacing:2px;margin:0 0 10px">Dock: sofortiges Einblenden!</h3><div class=mn-cmd-block onclick='mnCopy(this,"defaults write com.apple.dock autohide-delay -float 0 &amp;&amp; defaults write com.apple.dock autohide-time-modifier -float 0.3 &amp;&amp; killall Dock")'><code style=color:#7ec8a4;font-size:.78rem;word-break:break-all;flex:1>defaults write com.apple.dock autohide-delay -float 0 && defaults write com.apple.dock autohide-time-modifier -float 0.3 && killall Dock</code>
-<span class=mn-copy-hint>[KOPIEREN]</span></div><p style=color:rgba(212,175,55,.45);font-size:.75rem;line-height:1.5;margin:0>Entfernt die Verzögerung beim Dock-Einblenden. Sofort aktiv.</p></div><div class=mn-card data-cat=sicherheit><div style=display:flex;justify-content:space-between;align-items:center;margin-bottom:8px><span style=font-size:.6rem;letter-spacing:3px;color:rgba(184,115,51,.7)>SICHERHEIT</span>
-<span class="mn-risk risk-safe">SAFE</span></div><h3 style="color:#d4af37;font-size:.95rem;letter-spacing:2px;margin:0 0 10px">SSH Key im Agent speichern</h3><div class=mn-cmd-block onclick='mnCopy(this,"ssh-add --apple-use-keychain ~/.ssh/pfadzumkey")'><code style=color:#7ec8a4;font-size:.78rem;word-break:break-all;flex:1>ssh-add --apple-use-keychain ~/.ssh/pfadzumkey</code>
-<span class=mn-copy-hint>[KOPIEREN]</span></div><p style=color:rgba(212,175,55,.45);font-size:.75rem;line-height:1.5;margin:0>fügt für die aktuelle session den key zum ageten hinzu, beim nächsten aufruf von ssh host wird der key austomatisch benutzt</p></div></div></div></div><div id=boot-screen><div id=boot-log></div></div><style>@keyframes blinker{50%{opacity:0}}.mn-cat{background:0 0;border:1px solid rgba(212,175,55,.25);color:rgba(212,175,55,.45);padding:4px 14px;font-family:courier new,monospace;font-size:.7rem;letter-spacing:2px;cursor:pointer;transition:all .2s}.mn-cat:hover,.mn-cat.active{border-color:#d4af37;color:#d4af37;background:rgba(212,175,55,7%)}.mn-card{background:linear-gradient(135deg,#1a1008 0%,#0d0d0d 100%);border:1px solid rgba(184,115,51,.25);padding:16px;font-family:courier new,monospace;transition:border-color .2s}.mn-card:hover{border-color:rgba(212,175,55,.5)}.mn-card.hidden{display:none}.mn-risk{font-size:.6rem;letter-spacing:2px;padding:2px 6px;border:1px solid}.risk-safe{color:#4caf50;border-color:rgba(76,175,80,.4)}.risk-warning{color:#ff9800;border-color:rgba(255,152,0,.4)}.risk-danger{color:#ff4500;border-color:rgba(255,69,0,.4)}.mn-cmd-block{background:#000;border:1px solid rgba(184,115,51,.2);padding:8px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;transition:border-color .2s}.mn-cmd-block:hover{border-color:rgba(212,175,55,.5)}.mn-cmd-block.copied{border-color:#4caf50}.mn-copy-hint{color:rgba(212,175,55,.3);font-size:.6rem;letter-spacing:1px;white-space:nowrap;transition:color .2s}.mn-cmd-block:hover .mn-copy-hint{color:rgba(212,175,55,.8)}.mn-cmd-block.copied .mn-copy-hint{color:#4caf50}</style><script>function showMacNerds(e){document.getElementById("main-grid").style.display="none",document.getElementById("mac-nerds-panel").style.display="block",document.getElementById("content-box-title").textContent="MAC NERDS TERMINAL",document.querySelectorAll(".filter-btn").forEach(e=>e.classList.remove("active")),e.classList.add("active")}function showArchiv(){document.getElementById("main-grid").style.display="",document.getElementById("mac-nerds-panel").style.display="none",document.getElementById("content-box-title").textContent="PROJEKT-ARCHIV"}function filterProjects(e,t){document.querySelectorAll(".filter-btn").forEach(e=>e.classList.remove("active")),t.classList.add("active"),document.querySelectorAll(".project-card").forEach(t=>{t.style.display=e==="all"||t.dataset.category===e?"":"none"})}function mnFilter(e,t){document.querySelectorAll(".mn-cat").forEach(e=>e.classList.remove("active")),t.classList.add("active"),document.querySelectorAll(".mn-card").forEach(t=>{t.classList.toggle("hidden",e!=="all"&&t.dataset.cat!==e)})}function mnCopy(e,t){navigator.clipboard.writeText(t).then(()=>{const t=e.querySelector(".mn-copy-hint");t.textContent="[KOPIERT ✓]",e.classList.add("copied"),setTimeout(()=>{t.textContent="[KOPIEREN]",e.classList.remove("copied")},1500)})}</script></main><footer class=main-footer><div class=footer-inner><p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p></div></footer><div id=newsticker style="position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:999999!important;background:rgba(0,0,0,.92)!important;border-top:1px solid rgba(255,69,0,.35)!important;display:flex!important;align-items:center;height:28px!important;overflow:hidden;font-family:courier new,monospace!important;visibility:visible!important;opacity:1!important"><span class=ticker-label style="flex-shrink:0;font-size:.6rem;letter-spacing:2px;color:rgba(255,69,0,.7);padding:0 15px;border-right:1px solid rgba(255,69,0,.2);white-space:nowrap;height:100%;display:flex;align-items:center;background:rgba(255,69,0,5%)">// SYSTEM_LOG_FEED</span><div class=ticker-track-wrap style=flex:1;overflow:hidden;height:100%;display:flex;align-items:center><div class=ticker-track id=ticker-track-global style="display:inline-flex;white-space:nowrap;animation:ticker-scroll 45s linear infinite"><span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ HUGO SYSTEM INITIALISIERT... ]</span>
-<span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span></div></div></div><style>@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.ticker-item::before{content:'▶ ';color:rgba(255,69,0,.5)}.ticker-track:hover{animation-play-state:paused}</style><script>(function(){const e=document.getElementById("ticker-track-global");if(!e)return;const t=["STATUS: HUGO OPERATIONAL","DESIGNATION: OVERLORD SASCHA","KAFFEESTAND: KRITISCH","ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST","MISSION: TOTALE KONTROLLE","DATENINTEGRITÄT: ABSOLUT","WARNUNG: SYSTEM EXTREM SCHNELL","GEMINI NEURAL LINK: AKTIV"];e.innerHTML="",[...t,...t].forEach(t=>{const n=document.createElement("span");n.className="ticker-item",n.style.cssText="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;",n.textContent=t,e.appendChild(n)})})()</script><script src=/js/script.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="de-de">
+<head>
+	<meta name="generator" content="Hugo 0.165.0"><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1414&amp;path=livereload" data-no-instant defer></script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title> | DIGITALE ANARCHIE | KI-LABOR</title>
+    <link rel="stylesheet" href="/css/style.css">
+</head>
+<body class="home-page  ">
+    
+    <div class="bg-gear gear-left">⚙</div>
+    <div class="bg-gear gear-right">⚙</div>
+
+    <script>document.body.classList.add('js-enabled');</script>
+<header class="main-header">
+   
+</header>
+
+    
+    <main class="container">
+        
+<div class="main-content">
+
+
+
+<div class="ascii-shimmer-hero"
+     data-ascii-shimmer
+     data-text="KILABOR"
+     data-cell="10"
+     data-color="#ff4500"
+     data-dim-color="rgba(212,175,55,0.35)"
+     style="max-width: 900px; margin: 0 auto 10px; width: 100%;"></div>
+
+<header>
+    <h1 style="color: #ff4500; font-size: 2.5rem; letter-spacing: 8px; text-shadow: 0 0 20px rgba(255,69,0,0.4);">SASCHAS ZENTRUM FÜR DIGITALE ANARCHIE</h1>
+    <p class="tagline" style="color: #d4af37; font-size: 1.1rem; letter-spacing: 3px;">Beruf: Geisteskrank & Gemini Player</p>
+    <div class="warning-box" style="border: 1px dashed #ff4500; padding: 15px; margin: 20px auto; max-width: 600px; color: #ff4500; font-size: 0.8rem;">
+        ⚠ VORSICHT: INSTABILE ALGORITHMEN. BETRETEN AUF EIGENE GEFAHR. <br>
+        KEINE HAFTUNG FÜR DATENVERLUST ODER EXISTENZIELLE KRISEN.
+    </div>
+</header>
+
+<div class="reboot-container" style="text-align: center; margin-bottom: 10px;">
+    <a href="/" style="color: #444; font-size: 0.7rem; text-decoration: none; border: 1px solid #222; padding: 2px 10px; text-transform: uppercase; letter-spacing: 2px;">[ Manual System Reboot ]</a>
+</div>
+
+
+<div style="margin-bottom: 20px; padding-top: 10px;">
+    <p style="text-align: center; color: #444; font-size: 0.6rem; letter-spacing: 5px;">// ZENTRAL-ARCHIV ZUGRIFF</p>
+    <div class="person-nav-container" style="display: flex; flex-direction: column; align-items: center; gap: 20px; margin: 15px 0 30px;">
+    
+    
+    <div class="person-nav-row" style="display: flex; justify-content: center; align-items: center; gap: 35px; flex-wrap: wrap; position: relative;">
+    
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/mutti/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_mutti_comic_1.jpeg" alt="MUTTI" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">MUTTI</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/vater/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_vater_comic_1.png" alt="VATER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">VATER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/bruder/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_freddy_comic_1.png" alt="BRUDER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">BRUDER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/schwester/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_meli_comic_1.png" alt="SCHWESTER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SCHWESTER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sascha/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sascha_comic_1.jpeg" alt="SASCHA" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SASCHA</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sven/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sven_comic_1.jpeg" alt="SVEN" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SVEN</span>
+        </a>
+    
+    </div>
+</div>
+
+<style>
+    .person-nav-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: transform 0.2s; }
+    .person-nav-item:hover { transform: scale(1.1); }
+    .person-nav-item:hover .person-nav-label { color: #d4af37 !important; }
+    .person-back {
+        display: inline-block;
+        color: rgba(212,175,55,0.6);
+        font-size: 0.7rem;
+        font-weight: bold;
+        letter-spacing: 4px;
+        text-decoration: none;
+        font-family: 'Courier New', monospace;
+        border: 1px solid rgba(212,175,55,0.25);
+        padding: 6px 20px;
+        background: transparent;
+        text-transform: uppercase;
+        transition: all 0.2s;
+    }
+    .person-back:hover {
+        color: #d4af37;
+        border-color: rgba(212,175,55,0.6);
+        background: rgba(212,175,55,0.05);
+        letter-spacing: 5px;
+    }
+</style>
+
+</div>
+
+<div style="text-align: center; margin-bottom: 30px;">
+    <img src="/img/hero.png" class="hero-image" alt="Steampunk Sascha" style="border: 2px solid #3d2b1f; box-shadow: 0 0 30px rgba(0,0,0,0.5); max-width: 900px; width: 100%;">
+</div>
+
+<div class="control-panel">
+    <button class="switch-btn" data-mode="kernel">KI-KERNEL</button>
+    <button class="switch-btn green" data-mode="anarchy">ANARCHIE-MODE</button>
+    <button class="switch-btn blue" data-mode="bypass">SECURITY-BYPASS</button>
+    <button class="switch-btn purple" data-mode="scan">DEEP SCAN</button>
+    <button class="switch-btn red" data-mode="overdrive">OVERDRIVE</button>
+</div>
+
+
+<div id="ops-dashboard-sign" style="background: rgba(20,0,0,0.8); border: 1px solid #600; padding: 20px; margin: 40px auto 0; max-width: 900px; font-family: 'Courier New', monospace; color: #f00; text-align: center; box-shadow: inset 0 0 20px rgba(255,0,0,0.1);">
+    <div class="ops-sign-header" style="margin-bottom: 15px; display: flex; justify-content: center; align-items: center; gap: 15px;">
+        <span class="ops-blink-dot" style="width: 8px; height: 8px; background: #f00; border-radius: 50%; display: inline-block; animation: blinker 1s infinite;"></span>
+        <span class="ops-title" style="letter-spacing: 5px; font-size: 0.9rem; font-weight: bold;">● CHIRURGISCHES OPS-DASHBOARD ●</span>
+        <span class="ops-blink-dot" style="width: 8px; height: 8px; background: #f00; border-radius: 50%; display: inline-block; animation: blinker 1s infinite;"></span>
+    </div>
+    <div class="ops-sign-stats" style="display: flex; justify-content: center; align-items: center; gap: 30px; margin-bottom: 10px;">
+        <div class="ops-stat-block">
+            <div style="font-size: 0.6rem; color: #666; margin-bottom: 5px;">HEUTE</div>
+            <div style="font-size: 1.2rem; letter-spacing: 2px;">|||</div>
+            <div style="font-size: 0.9rem;">3 OPS</div>
+        </div>
+        <span style="color: #444; font-size: 1.2rem;">◈</span>
+        <div class="ops-stat-block">
+            <div style="font-size: 0.6rem; color: #666; margin-bottom: 5px;">ERFOLGE</div>
+            <div style="font-size: 1.2rem; letter-spacing: 2px;">|½</div>
+            <div style="font-size: 0.9rem; color: #d4af37;">1.5</div>
+        </div>
+        <span style="color: #444; font-size: 1.2rem;">◈</span>
+        <div class="ops-stat-block">
+            <div style="font-size: 0.6rem; color: #666; margin-bottom: 5px;">RESTE</div>
+            <div style="font-size: 0.9rem; color: #f00;">KUEHLHAUS C</div>
+        </div>
+    </div>
+    <div style="font-size: 0.6rem; color: #444; margin-top: 10px; letter-spacing: 2px;">[ PROTOKOLL EINSEHEN ]</div>
+</div>
+
+
+<div id="terminal-container" style="margin-top: 20px; max-width: 900px; margin-left: auto; margin-right: auto;">
+    <div id="system-log" style="background: #000; border: 1px solid #1a1a1a; padding: 20px; font-family: 'Courier New', monospace; box-shadow: inset 0 0 20px rgba(0,255,65,0.03); overflow: hidden; transition: height 0.4s ease;">
+        <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; border-bottom: 1px solid #1a1a1a; padding-bottom: 10px;">
+            <span style="color: #333; font-size: 0.65rem; letter-spacing: 3px;">// SYSTEM_LOG_FEED</span>
+            <span id="fortune-trigger" style="color: #222; font-size: 0.6rem; letter-spacing: 2px; cursor: pointer; border: 1px solid #1a1a1a; padding: 2px 10px;">[ ORAKEL ]</span>
+        </div>
+        <div id="fortune-text" style="color: #333; font-size: 0.7rem; min-height: 20px; margin-bottom: 15px; font-style: italic;"></div>
+        <div id="log-output" style="color: #0f0; font-size: 0.75rem; height: 220px; overflow-y: auto; margin-bottom: 15px; display: flex; flex-direction: column-reverse;"></div>
+        <div style="display: flex; align-items: center; border-top: 1px solid #1a1a1a; padding-top: 10px;">
+            <span style="color: #ff4500; font-size: 0.75rem; margin-right: 8px;">sascha@ki-labor:~$</span>
+            <input id="terminal-input" type="text" style="flex: 1; background: transparent; border: none; color: #0f0; font-family: 'Courier New', monospace; font-size: 0.75rem; outline: none;" placeholder="befehl eingeben... (help)">
+        </div>
+    </div>
+</div>
+
+
+<div id="terminal-container" style="margin-top: 5px;">
+
+<div class="content-box">
+    <div class="content-header" style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;">
+        <h2 style="margin: 0;" id="content-box-title">PROJEKT-ARCHIV</h2>
+        <div class="filter-controls">
+            <button class="filter-btn active" data-filter="all" onclick="showArchiv(); filterProjects('all', this)">ALLE</button>
+            <button class="filter-btn" data-filter="stable" onclick="showArchiv(); filterProjects('stable', this)">STABIL</button>
+            <button class="filter-btn" data-filter="corrupted" onclick="showArchiv(); filterProjects('corrupted', this)">KRITISCH</button>
+            <button class="filter-btn" id="mac-nerds-btn" style="color: #0f0; border-color: rgba(0,255,65,0.4);" onclick="showMacNerds(this)">MAC NERDS</button>
+        </div>
+    </div>
+
+    
+    <div class="portfolio-grid" id="main-grid">
+        
+            
+        
+            
+            <a href="/posts/protocol-top/" class="portfolio-link project-card" data-category="stable">
+                <div class="portfolio-item">
+                    <span class="status-tag stable">
+                        PROTOKOLL #002
+                    </span>
+                    <div class="project-header-wrap">
+                        
+                            <img src="/img/hp_muti_steampunk_01.png" class="project-thumb" alt="Preview">
+                        
+                        <h3>&gt; top</h3>
+                    </div>
+                    <div class="item-excerpt">
+                        <h3 id="status-prozess-überwachung">STATUS: PROZESS-ÜBERWACHUNG</h3>
+<p>Welche dämonischen Prozesse laufen gerade im Hintergrund? KREATIVITAET.exe frisst 94% CPU. PROKRASTINATION.app wurde erfolgreich suspendiert.</p>
+                    </div>
+                </div>
+            </a>
+            
+        
+            
+            <a href="/posts/protocol-uptime/" class="portfolio-link project-card" data-category="stable">
+                <div class="portfolio-item">
+                    <span class="status-tag stable">
+                        PROTOKOLL #003
+                    </span>
+                    <div class="project-header-wrap">
+                        
+                            <img src="/img/hp_vater_steampunk_01.jpg" class="project-thumb" alt="Preview">
+                        
+                        <h3>&gt; uptime</h3>
+                    </div>
+                    <div class="item-excerpt">
+                        <h3 id="status-system-laufzeit">STATUS: SYSTEM-LAUFZEIT</h3>
+<p>Das System läuft seit 1974. Ungeplant. Ohne Handbuch. Mit minimaler Wartung und maximalem Kaffee-Input. Aktuelle Laufzeit live berechnet.</p>
+                    </div>
+                </div>
+            </a>
+            
+        
+            
+            <a href="/posts/protocol-weather/" class="portfolio-link project-card" data-category="stable">
+                <div class="portfolio-item">
+                    <span class="status-tag stable">
+                        PROTOKOLL #001
+                    </span>
+                    <div class="project-header-wrap">
+                        
+                            <img src="/img/hero_07.png" class="project-thumb" alt="Preview">
+                        
+                        <h3>&gt; weather</h3>
+                    </div>
+                    <div class="item-excerpt">
+                        <h3 id="status-chaos-level-analyse">STATUS: CHAOS-LEVEL ANALYSE</h3>
+<p>Das Wetter? Irrelevant. Was zählt ist der Chaos-Level in deinen Schaltkreisen. Dieser Scanner analysiert atmosphärische Destabilisierung und Koffein-Sättigung.</p>
+                    </div>
+                </div>
+            </a>
+            
+        
+            
+        
+            
+            <a href="/posts/gemini-link/" class="portfolio-link project-card" data-category="experimental">
+                <div class="portfolio-item">
+                    <span class="status-tag experimental">
+                        EXPERIMENTELL
+                    </span>
+                    <div class="project-header-wrap">
+                        
+                            <img src="/img/hero_3.png" class="project-thumb" alt="Preview">
+                        
+                        <h3>Gemini Neural Link</h3>
+                    </div>
+                    <div class="item-excerpt">
+                        <h3 id="status-ki-kollaboration-alpha">STATUS: KI-KOLLABORATION ALPHA</h3>
+<p>Dieses gesamte Theme, jedes Komma in der CSS-Datei und jede Zeile im JavaScript-Log ist das Ergebnis einer direkten neuronalen Kopplung zwischen Sascha und Gemini. Wir arbeiten im sogenannten &ldquo;Flux Flow&rdquo;.</p>
+                    </div>
+                </div>
+            </a>
+            
+        
+            
+        
+            
+        
+            
+            <a href="/posts/neural-hack/" class="portfolio-link project-card" data-category="stable">
+                <div class="portfolio-item">
+                    <span class="status-tag stable">
+                        AKTIV
+                    </span>
+                    <div class="project-header-wrap">
+                        
+                            <img src="/img/hero_4.png" class="project-thumb" alt="Preview">
+                        
+                        <h3>Neural Hack Sequence</h3>
+                    </div>
+                    <div class="item-excerpt">
+                        <h3 id="status-protocol-breach">STATUS: PROTOCOL BREACH</h3>
+<p>Der &ldquo;hack&rdquo;-Befehl im Terminal ist weit mehr als nur eine Animation. Er triggert eine kaskadierende Sequenz von zufälligen Hexadezimal-Werten, die direkt in den System-Log gestreamt werden.</p>
+                    </div>
+                </div>
+            </a>
+            
+        
+            
+            <a href="/posts/operation-apollo/" class="portfolio-link project-card" data-category="experimental">
+                <div class="portfolio-item">
+                    <span class="status-tag experimental">
+                        TOP SECRET
+                    </span>
+                    <div class="project-header-wrap">
+                        
+                            <img src="/img/hero_3.png" class="project-thumb" alt="Preview">
+                        
+                        <h3>Operation: Apollo</h3>
+                    </div>
+                    <div class="item-excerpt">
+                        <h3 id="status-kennedy-space-center-compromised">STATUS: KENNEDY SPACE CENTER COMPROMISED</h3>
+<p>Ein direkter Uplink in das Herzstück der NASA-Server. Wir haben die Barrieren des JPL durchbrochen, um Echtzeit-Telemetriedaten abzugreifen.</p>
+                    </div>
+                </div>
+            </a>
+            
+        
+            
+            <a href="/posts/flux-overdrive/" class="portfolio-link project-card" data-category="corrupted">
+                <div class="portfolio-item">
+                    <span class="status-tag corrupted">
+                        ÜBERTAKTET
+                    </span>
+                    <div class="project-header-wrap">
+                        
+                            <img src="/img/hero_2.png" class="project-thumb" alt="Preview">
+                        
+                        <h3>Project: Flux Overdrive</h3>
+                    </div>
+                    <div class="item-excerpt">
+                        <h3 id="status-schwäbisch-accelerated">STATUS: SCHWÄBISCH ACCELERATED</h3>
+<p>Das System war zu langsam. Zu statisch. Zu berechenbar. Also haben wir <strong>Flux</strong> ins Leben gerufen. &ldquo;Flux&rdquo; bedeutet im Schwäbischen nicht einfach nur schnell – es bedeutet hastig, rasant und gnadenlos zielgerichtet.</p>
+                    </div>
+                </div>
+            </a>
+            
+        
+            
+            <a href="/posts/icmp-echo/" class="portfolio-link project-card" data-category="stable">
+                <div class="portfolio-item">
+                    <span class="status-tag stable">
+                        DIAGNOSE
+                    </span>
+                    <div class="project-header-wrap">
+                        
+                            <img src="/img/hero_1.png" class="project-thumb" alt="Preview">
+                        
+                        <h3>Project: ICMP Echo</h3>
+                    </div>
+                    <div class="item-excerpt">
+                        <h3 id="status-latenz-analyse-aktiv">STATUS: LATENZ-ANALYSE AKTIV</h3>
+<p>Der &ldquo;ping&rdquo;-Befehl ist ein essenzielles Werkzeug für jeden Cyber-Overlord. Er prüft die Integrität unserer Verbindung durch ein klassisches 4-Paket-ICMP-Echo-Request.</p>
+                    </div>
+                </div>
+            </a>
+            
+        
+            
+            <a href="/posts/digital-ghost/" class="portfolio-link project-card" data-category="stable">
+                <div class="portfolio-item">
+                    <span class="status-tag stable">
+                        VERSTECKT
+                    </span>
+                    <div class="project-header-wrap">
+                        
+                            <img src="/img/hero_6.png" class="project-thumb" alt="Preview">
+                        
+                        <h3>Protocol: Digital Ghost</h3>
+                    </div>
+                    <div class="item-excerpt">
+                        <h3 id="status-stealth-ops-acquired">STATUS: STEALTH OPS ACQUIRED</h3>
+<p>Wenn das System dich nicht sieht, existierst du nicht. Wir haben ein Protokoll implementiert, das sämtliche Tracking-Parameter verschleiert. Es ist die ultimative Form der digitalen Unsichtbarkeit.</p>
+                    </div>
+                </div>
+            </a>
+            
+        
+            
+        
+            
+        
+            
+            <a href="/posts/spotlight-filter/" class="portfolio-link project-card" data-category="stable">
+                <div class="portfolio-item">
+                    <span class="status-tag stable">
+                        WORKFLOW
+                    </span>
+                    <div class="project-header-wrap">
+                        
+                            <img src="/img/hero_6.png" class="project-thumb" alt="Preview">
+                        
+                        <h3>Spotlight Such-Filter</h3>
+                    </div>
+                    <div class="item-excerpt">
+                        <h3 id="status-suchanfrage-präzisiert">STATUS: SUCHANFRAGE PRÄZISIERT</h3>
+<p>Die Spotlight-Suche auf dem Mac spuckt oft viel zu viele irrelevante Ergebnisse aus. Wenn du genau weißt, dass du ein PDF oder einen Ordner suchst, kannst du die Suche mit dem Parameter <code>kind:</code> drastisch eingrenzen.</p>
+                    </div>
+                </div>
+            </a>
+            
+        
+            
+        
+            
+            <a href="/posts/fork-bomb/" class="portfolio-link project-card" data-category="corrupted">
+                <div class="portfolio-item">
+                    <span class="status-tag corrupted">
+                        GEFÄHRLICH
+                    </span>
+                    <div class="project-header-wrap">
+                        
+                            <img src="/img/hero_4.png" class="project-thumb" alt="Preview">
+                        
+                        <h3>System-Stress-Test (Fork Bomb)</h3>
+                    </div>
+                    <div class="item-excerpt">
+                        <h3 id="status-kernel-panic-initiated">STATUS: KERNEL PANIC INITIATED</h3>
+<p>Ein absoluter Klassiker der Unix-Anarchie. Dieser Befehl testet, wie gut (oder schlecht) dein Mac mit sich rapide exponentiell vervielfältigenden Prozessen umgeht.</p>
+<p><strong>Anwendung:</strong>
+<code>:(){ :|:&amp; };:</code></p>
+<p><strong>VORSICHT:</strong> Dieser Befehl lastet das System in wenigen Sekunden zu 100% aus.</p>
+                    </div>
+                </div>
+            </a>
+            
+        
+            
+            <a href="/posts/n8n-resurrection/" class="portfolio-link project-card" data-category="stable">
+                <div class="portfolio-item">
+                    <span class="status-tag stable">
+                        STABIL
+                    </span>
+                    <div class="project-header-wrap">
+                        
+                            <img src="/img/hero_1.png" class="project-thumb" alt="Preview">
+                        
+                        <h3>The n8n Resurrection</h3>
+                    </div>
+                    <div class="item-excerpt">
+                        <h3 id="status-operation-limbo-recovery">STATUS: OPERATION LIMBO-RECOVERY</h3>
+<p>Die n8n-Instanz war nicht einfach nur &ldquo;offline&rdquo; – sie befand sich im digitalen Limbus der Docker-Hölle. Nach einem System-Crash auf dem Mac waren die Volumes zwar noch vorhanden, aber die Datenbank war korrupt.</p>
+<p>Wir haben uns für den radikalen Weg entschieden: Weg von Docker Desktop, hin zu <strong>OrbStack</strong>.</p>
+                    </div>
+                </div>
+            </a>
+            
+        
+            
+            <a href="/posts/theme-annihilation/" class="portfolio-link project-card" data-category="corrupted">
+                <div class="portfolio-item">
+                    <span class="status-tag corrupted">
+                        KRITISCH
+                    </span>
+                    <div class="project-header-wrap">
+                        
+                            <img src="/img/hero_2.png" class="project-thumb" alt="Preview">
+                        
+                        <h3>Theme-Annihilation</h3>
+                    </div>
+                    <div class="item-excerpt">
+                        <h3 id="status-aesthetic-warfare">STATUS: AESTHETIC WARFARE</h3>
+<p>WordPress-Standard-Themes sind wie ein zu enger Anzug: Unbequem, voller unnötiger Features und sie fühlen sich einfach falsch an. Das &ldquo;Twenty-Twenty-Five&rdquo;-Theme war unser Ziel. Es wurde Schicht für Schicht demontiert.</p>
+                    </div>
+                </div>
+            </a>
+            
+        
+            
+        
+    </div>
+
+    
+    <div id="mac-nerds-panel" style="display: none;">
+
+        
+        <div style="display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 24px;">
+            <button class="mn-cat active" data-cat="all" onclick="mnFilter('all', this)">ALLE</button>
+            
+            <button class="mn-cat" data-cat="dateien" onclick="mnFilter('dateien', this)">DATEIEN</button>
+            
+            <button class="mn-cat" data-cat="netzwerk" onclick="mnFilter('netzwerk', this)">NETZWERK</button>
+            
+            <button class="mn-cat" data-cat="performance" onclick="mnFilter('performance', this)">PERFORMANCE</button>
+            
+            <button class="mn-cat" data-cat="sicherheit" onclick="mnFilter('sicherheit', this)">SICHERHEIT</button>
+            
+            <button class="mn-cat" data-cat="system" onclick="mnFilter('system', this)">SYSTEM</button>
+            
+            <button class="mn-cat" data-cat="tweaks" onclick="mnFilter('tweaks', this)">TWEAKS</button>
+            
+        </div>
+
+        
+        <div id="mn-grid" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); gap: 16px;">
+            
+            <div class="mn-card" data-cat="system">
+                <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;">
+                    <span style="font-size: 0.6rem; letter-spacing: 3px; color: rgba(184,115,51,0.7);">SYSTEM</span>
+                    <span class="mn-risk risk-safe">SAFE</span>
+                </div>
+                <h3 style="color: #d4af37; font-size: 0.95rem; letter-spacing: 2px; margin: 0 0 10px;">Hardware-Kurzprofil !</h3>
+                <div class="mn-cmd-block" onclick="mnCopy(this, 'system_profiler SPHardwareDataType | grep -E \u0026#34;Model|Chip|Memory|Serial\u0026#34;')">
+                    <code style="color: #7ec8a4; font-size: 0.78rem; word-break: break-all; flex: 1;">system_profiler SPHardwareDataType | grep -E &#34;Model|Chip|Memory|Serial&#34;</code>
+                    <span class="mn-copy-hint">[KOPIEREN]</span>
+                </div>
+                <p style="color: rgba(212,175,55,0.45); font-size: 0.75rem; line-height: 1.5; margin: 0;">Model, Chip, RAM und Seriennummer auf einen Blick — ohne Klicken durch Systeminfo.</p>
+            </div>
+            
+            <div class="mn-card" data-cat="system">
+                <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;">
+                    <span style="font-size: 0.6rem; letter-spacing: 3px; color: rgba(184,115,51,0.7);">SYSTEM</span>
+                    <span class="mn-risk risk-safe">SAFE</span>
+                </div>
+                <h3 style="color: #d4af37; font-size: 0.95rem; letter-spacing: 2px; margin: 0 0 10px;">macOS Version</h3>
+                <div class="mn-cmd-block" onclick="mnCopy(this, 'sw_vers')">
+                    <code style="color: #7ec8a4; font-size: 0.78rem; word-break: break-all; flex: 1;">sw_vers</code>
+                    <span class="mn-copy-hint">[KOPIEREN]</span>
+                </div>
+                <p style="color: rgba(212,175,55,0.45); font-size: 0.75rem; line-height: 1.5; margin: 0;">ProductName, Version und Build. Schneller als jedes UI-Menü.</p>
+            </div>
+            
+            <div class="mn-card" data-cat="system">
+                <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;">
+                    <span style="font-size: 0.6rem; letter-spacing: 3px; color: rgba(184,115,51,0.7);">SYSTEM</span>
+                    <span class="mn-risk risk-safe">SAFE</span>
+                </div>
+                <h3 style="color: #d4af37; font-size: 0.95rem; letter-spacing: 2px; margin: 0 0 10px;">CPU exakter Bezeichner</h3>
+                <div class="mn-cmd-block" onclick="mnCopy(this, 'sysctl -n machdep.cpu.brand_string')">
+                    <code style="color: #7ec8a4; font-size: 0.78rem; word-break: break-all; flex: 1;">sysctl -n machdep.cpu.brand_string</code>
+                    <span class="mn-copy-hint">[KOPIEREN]</span>
+                </div>
+                <p style="color: rgba(212,175,55,0.45); font-size: 0.75rem; line-height: 1.5; margin: 0;">Zeigt den genauen CPU-String wenn jemand fragt und du nicht suchen willst.</p>
+            </div>
+            
+            <div class="mn-card" data-cat="netzwerk">
+                <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;">
+                    <span style="font-size: 0.6rem; letter-spacing: 3px; color: rgba(184,115,51,0.7);">NETZWERK</span>
+                    <span class="mn-risk risk-safe">SAFE</span>
+                </div>
+                <h3 style="color: #d4af37; font-size: 0.95rem; letter-spacing: 2px; margin: 0 0 10px;">Netzwerkqualität testen</h3>
+                <div class="mn-cmd-block" onclick="mnCopy(this, 'networkQuality')">
+                    <code style="color: #7ec8a4; font-size: 0.78rem; word-break: break-all; flex: 1;">networkQuality</code>
+                    <span class="mn-copy-hint">[KOPIEREN]</span>
+                </div>
+                <p style="color: rgba(212,175,55,0.45); font-size: 0.75rem; line-height: 1.5; margin: 0;">Apples eigenes Speedtest-Tool seit macOS 12. Misst Upload, Download und Responsiveness (RPM).</p>
+            </div>
+            
+            <div class="mn-card" data-cat="netzwerk">
+                <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;">
+                    <span style="font-size: 0.6rem; letter-spacing: 3px; color: rgba(184,115,51,0.7);">NETZWERK</span>
+                    <span class="mn-risk risk-safe">SAFE</span>
+                </div>
+                <h3 style="color: #d4af37; font-size: 0.95rem; letter-spacing: 2px; margin: 0 0 10px;">Alle offenen Ports</h3>
+                <div class="mn-cmd-block" onclick="mnCopy(this, 'lsof -i -n -P | grep LISTEN')">
+                    <code style="color: #7ec8a4; font-size: 0.78rem; word-break: break-all; flex: 1;">lsof -i -n -P | grep LISTEN</code>
+                    <span class="mn-copy-hint">[KOPIEREN]</span>
+                </div>
+                <p style="color: rgba(212,175,55,0.45); font-size: 0.75rem; line-height: 1.5; margin: 0;">Welcher Prozess hört auf welchem Port? Unverzichtbar wenn ein Port schon belegt ist.</p>
+            </div>
+            
+            <div class="mn-card" data-cat="dateien">
+                <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;">
+                    <span style="font-size: 0.6rem; letter-spacing: 3px; color: rgba(184,115,51,0.7);">DATEIEN</span>
+                    <span class="mn-risk risk-safe">SAFE</span>
+                </div>
+                <h3 style="color: #d4af37; font-size: 0.95rem; letter-spacing: 2px; margin: 0 0 10px;">DS_Store aufräumen</h3>
+                <div class="mn-cmd-block" onclick="mnCopy(this, 'find ~ -name \u0026#39;*.DS_Store\u0026#39; -delete 2\u0026gt;\/dev\/null \u0026amp;\u0026amp; echo \u0026#39;Aufgeräumt.\u0026#39;')">
+                    <code style="color: #7ec8a4; font-size: 0.78rem; word-break: break-all; flex: 1;">find ~ -name &#39;*.DS_Store&#39; -delete 2&gt;/dev/null &amp;&amp; echo &#39;Aufgeräumt.&#39;</code>
+                    <span class="mn-copy-hint">[KOPIEREN]</span>
+                </div>
+                <p style="color: rgba(212,175,55,0.45); font-size: 0.75rem; line-height: 1.5; margin: 0;">Löscht alle .DS_Store-Dateien im Home-Verzeichnis. Gut vor git-Commits.</p>
+            </div>
+            
+            <div class="mn-card" data-cat="performance">
+                <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;">
+                    <span style="font-size: 0.6rem; letter-spacing: 3px; color: rgba(184,115,51,0.7);">PERFORMANCE</span>
+                    <span class="mn-risk risk-safe">SAFE</span>
+                </div>
+                <h3 style="color: #d4af37; font-size: 0.95rem; letter-spacing: 2px; margin: 0 0 10px;">Top 15 CPU-Fresser</h3>
+                <div class="mn-cmd-block" onclick="mnCopy(this, 'top -o cpu -n 15 -l 1 | tail -16')">
+                    <code style="color: #7ec8a4; font-size: 0.78rem; word-break: break-all; flex: 1;">top -o cpu -n 15 -l 1 | tail -16</code>
+                    <span class="mn-copy-hint">[KOPIEREN]</span>
+                </div>
+                <p style="color: rgba(212,175,55,0.45); font-size: 0.75rem; line-height: 1.5; margin: 0;">Einmaliger Snapshot der 15 CPU-intensivsten Prozesse.</p>
+            </div>
+            
+            <div class="mn-card" data-cat="tweaks">
+                <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;">
+                    <span style="font-size: 0.6rem; letter-spacing: 3px; color: rgba(184,115,51,0.7);">TWEAKS</span>
+                    <span class="mn-risk risk-safe">SAFE</span>
+                </div>
+                <h3 style="color: #d4af37; font-size: 0.95rem; letter-spacing: 2px; margin: 0 0 10px;">Dock: sofortiges Einblenden!</h3>
+                <div class="mn-cmd-block" onclick="mnCopy(this, 'defaults write com.apple.dock autohide-delay -float 0 \u0026amp;\u0026amp; defaults write com.apple.dock autohide-time-modifier -float 0.3 \u0026amp;\u0026amp; killall Dock')">
+                    <code style="color: #7ec8a4; font-size: 0.78rem; word-break: break-all; flex: 1;">defaults write com.apple.dock autohide-delay -float 0 &amp;&amp; defaults write com.apple.dock autohide-time-modifier -float 0.3 &amp;&amp; killall Dock</code>
+                    <span class="mn-copy-hint">[KOPIEREN]</span>
+                </div>
+                <p style="color: rgba(212,175,55,0.45); font-size: 0.75rem; line-height: 1.5; margin: 0;">Entfernt die Verzögerung beim Dock-Einblenden. Sofort aktiv.</p>
+            </div>
+            
+            <div class="mn-card" data-cat="sicherheit">
+                <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;">
+                    <span style="font-size: 0.6rem; letter-spacing: 3px; color: rgba(184,115,51,0.7);">SICHERHEIT</span>
+                    <span class="mn-risk risk-safe">SAFE</span>
+                </div>
+                <h3 style="color: #d4af37; font-size: 0.95rem; letter-spacing: 2px; margin: 0 0 10px;">SSH Key im Agent speichern</h3>
+                <div class="mn-cmd-block" onclick="mnCopy(this, 'ssh-add --apple-use-keychain ~\/.ssh\/pfadzumkey')">
+                    <code style="color: #7ec8a4; font-size: 0.78rem; word-break: break-all; flex: 1;">ssh-add --apple-use-keychain ~/.ssh/pfadzumkey</code>
+                    <span class="mn-copy-hint">[KOPIEREN]</span>
+                </div>
+                <p style="color: rgba(212,175,55,0.45); font-size: 0.75rem; line-height: 1.5; margin: 0;">fügt für die aktuelle session den key zum ageten hinzu, beim nächsten aufruf von ssh host wird der key austomatisch benutzt</p>
+            </div>
+            
+        </div>
+    </div>
+
+</div>
+
+
+
+
+<div id="boot-screen">
+    <div id="boot-log"></div>
+</div>
+
+<style>
+    @keyframes blinker { 50% { opacity: 0; } }
+
+    .mn-cat {
+        background: transparent;
+        border: 1px solid rgba(212,175,55,0.25);
+        color: rgba(212,175,55,0.45);
+        padding: 4px 14px;
+        font-family: 'Courier New', monospace;
+        font-size: 0.7rem;
+        letter-spacing: 2px;
+        cursor: pointer;
+        transition: all 0.2s;
+    }
+    .mn-cat:hover, .mn-cat.active {
+        border-color: #d4af37;
+        color: #d4af37;
+        background: rgba(212,175,55,0.07);
+    }
+    .mn-card {
+        background: linear-gradient(135deg, #1a1008 0%, #0d0d0d 100%);
+        border: 1px solid rgba(184,115,51,0.25);
+        padding: 16px;
+        font-family: 'Courier New', monospace;
+        transition: border-color 0.2s;
+    }
+    .mn-card:hover { border-color: rgba(212,175,55,0.5); }
+    .mn-card.hidden { display: none; }
+    .mn-risk { font-size: 0.6rem; letter-spacing: 2px; padding: 2px 6px; border: 1px solid; }
+    .risk-safe { color: #4caf50; border-color: rgba(76,175,80,0.4); }
+    .risk-warning { color: #ff9800; border-color: rgba(255,152,0,0.4); }
+    .risk-danger { color: #ff4500; border-color: rgba(255,69,0,0.4); }
+    .mn-cmd-block {
+        background: #000;
+        border: 1px solid rgba(184,115,51,0.2);
+        padding: 8px 12px;
+        cursor: pointer;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        gap: 8px;
+        margin-bottom: 10px;
+        transition: border-color 0.2s;
+    }
+    .mn-cmd-block:hover { border-color: rgba(212,175,55,0.5); }
+    .mn-cmd-block.copied { border-color: #4caf50; }
+    .mn-copy-hint { color: rgba(212,175,55,0.3); font-size: 0.6rem; letter-spacing: 1px; white-space: nowrap; transition: color 0.2s; }
+    .mn-cmd-block:hover .mn-copy-hint { color: rgba(212,175,55,0.8); }
+    .mn-cmd-block.copied .mn-copy-hint { color: #4caf50; }
+</style>
+
+<script>
+function showMacNerds(btn) {
+    document.getElementById('main-grid').style.display = 'none';
+    document.getElementById('mac-nerds-panel').style.display = 'block';
+    document.getElementById('content-box-title').textContent = 'MAC NERDS TERMINAL';
+    document.querySelectorAll('.filter-btn').forEach(b => b.classList.remove('active'));
+    btn.classList.add('active');
+}
+
+function showArchiv() {
+    document.getElementById('main-grid').style.display = '';
+    document.getElementById('mac-nerds-panel').style.display = 'none';
+    document.getElementById('content-box-title').textContent = 'PROJEKT-ARCHIV';
+}
+
+function filterProjects(filter, btn) {
+    document.querySelectorAll('.filter-btn').forEach(b => b.classList.remove('active'));
+    btn.classList.add('active');
+    document.querySelectorAll('.project-card').forEach(card => {
+        card.style.display = (filter === 'all' || card.dataset.category === filter) ? '' : 'none';
+    });
+}
+
+function mnFilter(cat, btn) {
+    document.querySelectorAll('.mn-cat').forEach(b => b.classList.remove('active'));
+    btn.classList.add('active');
+    document.querySelectorAll('.mn-card').forEach(card => {
+        card.classList.toggle('hidden', cat !== 'all' && card.dataset.cat !== cat);
+    });
+}
+
+function mnCopy(el, cmd) {
+    navigator.clipboard.writeText(cmd).then(() => {
+        const hint = el.querySelector('.mn-copy-hint');
+        hint.textContent = '[KOPIERT ✓]';
+        el.classList.add('copied');
+        setTimeout(() => { hint.textContent = '[KOPIEREN]'; el.classList.remove('copied'); }, 1500);
+    });
+}
+</script>
+
+    </main>
+
+    <footer class="main-footer">
+    <div class="footer-inner">
+        <p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p>
+    </div>
+</footer>
+
+    
+<div id="newsticker" style="position:fixed !important; bottom:0 !important; left:0 !important; right:0 !important; z-index:999999 !important; background:rgba(0,0,0,0.92) !important; border-top:1px solid rgba(255,69,0,0.35) !important; display:flex !important; align-items:center; height:28px !important; overflow:hidden; font-family:'Courier New', monospace !important; visibility: visible !important; opacity: 1 !important;">
+    <span class="ticker-label" style="flex-shrink:0; font-size:0.6rem; letter-spacing:2px; color:rgba(255,69,0,0.7); padding:0 15px; border-right:1px solid rgba(255,69,0,0.2); white-space:nowrap; height:100%; display:flex; align-items:center; background:rgba(255,69,0,0.05);">// SYSTEM_LOG_FEED</span>
+    <div class="ticker-track-wrap" style="flex:1; overflow:hidden; height:100%; display:flex; align-items:center;">
+        <div class="ticker-track" id="ticker-track-global" style="display:inline-flex; white-space:nowrap; animation: ticker-scroll 45s linear infinite;">
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ HUGO SYSTEM INITIALISIERT... ]</span>
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span>
+        </div>
+    </div>
+</div>
+
+<style>
+    @keyframes ticker-scroll {
+        0%   { transform: translateX(0); }
+        100% { transform: translateX(-50%); }
+    }
+    .ticker-item::before { content: '▶ '; color: rgba(255,69,0,0.5); }
+    .ticker-track:hover { animation-play-state: paused; }
+</style>
+
+<script>
+    (function() {
+        const track = document.getElementById('ticker-track-global');
+        if (!track) return;
+        const ITEMS = [
+            "STATUS: HUGO OPERATIONAL",
+            "DESIGNATION: OVERLORD SASCHA",
+            "KAFFEESTAND: KRITISCH",
+            "ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST",
+            "MISSION: TOTALE KONTROLLE",
+            "DATENINTEGRITÄT: ABSOLUT",
+            "WARNUNG: SYSTEM EXTREM SCHNELL",
+            "GEMINI NEURAL LINK: AKTIV"
+        ];
+        track.innerHTML = '';
+        [...ITEMS, ...ITEMS].forEach(text => {
+            const span = document.createElement('span');
+            span.className = 'ticker-item';
+            span.style.cssText = "font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;";
+            span.textContent = text;
+            track.appendChild(span);
+        });
+    })();
+</script>
+
+
+    <script src="/js/script.js"></script>
+    <script src="/js/ascii-shimmer.js"></script>
+</body>
+</html>
diff --git a/public/js/ascii-shimmer.js b/public/js/ascii-shimmer.js
new file mode 100644
index 0000000..5b9f630
--- /dev/null
+++ b/public/js/ascii-shimmer.js
@@ -0,0 +1,114 @@
+/* ASCII-Shimmer: rendert einen Text als flimmerndes ASCII-Art-Textbild.
+   Idee: Buchstaben werden zu einer Pixelmaske, innerhalb der Maske
+   werden Zeichen aus einem Zeichensatz zufaellig neu gewuerfelt. */
+(function () {
+    function initAsciiShimmer(container) {
+        var text = container.dataset.text || 'KILABOR';
+        var cell = parseInt(container.dataset.cell || '10', 10);
+        var primaryColor = container.dataset.color || '#ff4500';
+        var dimColor = container.dataset.dimColor || 'rgba(212,175,55,0.35)';
+        var intervalMs = parseInt(container.dataset.interval || '140', 10);
+
+        var denseChars = ['$', '@', '%', '#', '&', '8', '0'];
+        var edgeChars = ['+', 'x', '-', '=', ':', '.', 'o'];
+
+        var canvas = document.createElement('canvas');
+        canvas.style.display = 'block';
+        container.appendChild(canvas);
+        var ctx = canvas.getContext('2d');
+
+        var mask = [];
+        var timer = null;
+        var cssWidth = 0;
+        var cssHeight = 0;
+
+        function buildMask() {
+            var width = container.clientWidth || 600;
+            var fontSize = Math.min(width / (text.length * 0.62), 160);
+            var height = Math.ceil(fontSize * 1.3);
+            cssWidth = width;
+            cssHeight = height;
+
+            var dpr = Math.min(window.devicePixelRatio || 1, 2);
+            canvas.width = Math.round(width * dpr);
+            canvas.height = Math.round(height * dpr);
+            canvas.style.width = width + 'px';
+            canvas.style.height = height + 'px';
+            ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+
+            var mCanvas = document.createElement('canvas');
+            mCanvas.width = width;
+            mCanvas.height = height;
+            var mctx = mCanvas.getContext('2d');
+            // Canvas bleibt transparent (alpha 0) - nur der Text bekommt Alpha > 0,
+            // darueber wird die Maske erkannt (kein separates Schwarz-Fuellen!).
+            mctx.fillStyle = '#fff';
+            mctx.font = "900 " + fontSize + "px 'Courier New', monospace";
+            mctx.textBaseline = 'middle';
+            mctx.textAlign = 'center';
+            mctx.fillText(text, width / 2, height / 2);
+
+            var imgData = mctx.getImageData(0, 0, width, height).data;
+            var cols = Math.floor(width / cell);
+            var rows = Math.floor(height / cell);
+            mask = [];
+
+            for (var ry = 0; ry < rows; ry++) {
+                for (var rx = 0; rx < cols; rx++) {
+                    var px = Math.floor(rx * cell + cell / 2);
+                    var py = Math.floor(ry * cell + cell / 2);
+                    var idx = (py * width + px) * 4;
+                    var alpha = imgData[idx + 3] / 255;
+                    if (alpha > 0.15) {
+                        mask.push({ x: rx, y: ry, alpha: alpha });
+                    }
+                }
+            }
+        }
+
+        function draw() {
+            ctx.clearRect(0, 0, cssWidth, cssHeight);
+            ctx.font = cell + "px 'Courier New', monospace";
+            ctx.textBaseline = 'middle';
+            ctx.textAlign = 'center';
+
+            for (var i = 0; i < mask.length; i++) {
+                var c = mask[i];
+                var isDense = c.alpha > 0.7;
+                var set = isDense ? denseChars : edgeChars;
+                var char = set[(Math.random() * set.length) | 0];
+                ctx.fillStyle = isDense ? primaryColor : dimColor;
+                ctx.fillText(char, c.x * cell + cell / 2, c.y * cell + cell / 2);
+            }
+        }
+
+        function start() {
+            buildMask();
+            draw();
+            timer = setInterval(draw, intervalMs);
+        }
+
+        function stop() {
+            if (timer) { clearInterval(timer); timer = null; }
+        }
+
+        start();
+
+        var resizeTimeout;
+        window.addEventListener('resize', function () {
+            clearTimeout(resizeTimeout);
+            resizeTimeout = setTimeout(function () { buildMask(); draw(); }, 200);
+        });
+
+        document.addEventListener('visibilitychange', function () {
+            if (document.hidden) { stop(); } else if (!timer) { start(); }
+        });
+    }
+
+    document.addEventListener('DOMContentLoaded', function () {
+        var containers = document.querySelectorAll('[data-ascii-shimmer]');
+        for (var i = 0; i < containers.length; i++) {
+            initAsciiShimmer(containers[i]);
+        }
+    });
+})();
diff --git a/public/mac-nerds/index.html b/public/mac-nerds/index.html
index 6da6ef5..355015f 100644
--- a/public/mac-nerds/index.html
+++ b/public/mac-nerds/index.html
@@ -1,26 +1,358 @@
-<!doctype html><html lang=de-de><head><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><title>Mac Nerds Terminal | DIGITALE ANARCHIE | KI-LABOR</title><link rel=stylesheet href=/css/style.css></head><body><div class="bg-gear gear-left">⚙</div><div class="bg-gear gear-right">⚙</div><script>document.body.classList.add("js-enabled")</script><header class=main-header></header><main class=container><div class=mac-nerds-wrapper style="max-width:900px;margin:0 auto;padding:20px"><header style=text-align:center;margin-bottom:40px><p style="color:rgba(212,175,55,.5);font-family:courier new,monospace;letter-spacing:4px;font-size:.75rem;margin-bottom:8px">// GEHEIMES TERMINAL-ARCHIV</p><h1 style="color:#ff4500;letter-spacing:10px;font-size:2.2rem;text-shadow:0 0 20px rgba(255,69,0,.3);font-family:courier new,monospace;margin:0">MAC NERDS TERMINAL</h1><p style="color:rgba(212,175,55,.4);font-family:courier new,monospace;font-size:.8rem;margin-top:10px">Geheime Terminal-Befehle und macOS Tweaks für den digitalen Widerstand.</p></header><div id=cat-filter style=display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:30px><button class="cat-btn active" data-cat=all onclick='filterCat("all",this)'>ALLE</button>
-<button class=cat-btn data-cat=dateien onclick='filterCat("dateien",this)'>DATEIEN</button>
-<button class=cat-btn data-cat=netzwerk onclick='filterCat("netzwerk",this)'>NETZWERK</button>
-<button class=cat-btn data-cat=performance onclick='filterCat("performance",this)'>PERFORMANCE</button>
-<button class=cat-btn data-cat=sicherheit onclick='filterCat("sicherheit",this)'>SICHERHEIT</button>
-<button class=cat-btn data-cat=system onclick='filterCat("system",this)'>SYSTEM</button>
-<button class=cat-btn data-cat=tweaks onclick='filterCat("tweaks",this)'>TWEAKS</button></div><div id=cmd-grid><div class=cmd-card data-cat=system><div class=cmd-card-header><span class=cmd-cat-badge>SYSTEM</span>
-<span class="cmd-risk risk-safe">SAFE</span></div><h3 class=cmd-title>Hardware-Kurzprofil !</h3><div class=cmd-block onclick='copyCmd(this,"system_profiler SPHardwareDataType | grep -E &#34;Model|Chip|Memory|Serial&#34;")'><code>system_profiler SPHardwareDataType | grep -E "Model|Chip|Memory|Serial"</code>
-<span class=copy-hint>[KOPIEREN]</span></div><p class=cmd-desc>Model, Chip, RAM und Seriennummer auf einen Blick — ohne Klicken durch Systeminfo.</p></div><div class=cmd-card data-cat=system><div class=cmd-card-header><span class=cmd-cat-badge>SYSTEM</span>
-<span class="cmd-risk risk-safe">SAFE</span></div><h3 class=cmd-title>macOS Version</h3><div class=cmd-block onclick='copyCmd(this,"sw_vers")'><code>sw_vers</code>
-<span class=copy-hint>[KOPIEREN]</span></div><p class=cmd-desc>ProductName, Version und Build. Schneller als jedes UI-Menü.</p></div><div class=cmd-card data-cat=system><div class=cmd-card-header><span class=cmd-cat-badge>SYSTEM</span>
-<span class="cmd-risk risk-safe">SAFE</span></div><h3 class=cmd-title>CPU exakter Bezeichner</h3><div class=cmd-block onclick='copyCmd(this,"sysctl -n machdep.cpu.brand_string")'><code>sysctl -n machdep.cpu.brand_string</code>
-<span class=copy-hint>[KOPIEREN]</span></div><p class=cmd-desc>Zeigt den genauen CPU-String wenn jemand fragt und du nicht suchen willst.</p></div><div class=cmd-card data-cat=netzwerk><div class=cmd-card-header><span class=cmd-cat-badge>NETZWERK</span>
-<span class="cmd-risk risk-safe">SAFE</span></div><h3 class=cmd-title>Netzwerkqualität testen</h3><div class=cmd-block onclick='copyCmd(this,"networkQuality")'><code>networkQuality</code>
-<span class=copy-hint>[KOPIEREN]</span></div><p class=cmd-desc>Apples eigenes Speedtest-Tool seit macOS 12. Misst Upload, Download und Responsiveness (RPM).</p></div><div class=cmd-card data-cat=netzwerk><div class=cmd-card-header><span class=cmd-cat-badge>NETZWERK</span>
-<span class="cmd-risk risk-safe">SAFE</span></div><h3 class=cmd-title>Alle offenen Ports</h3><div class=cmd-block onclick='copyCmd(this,"lsof -i -n -P | grep LISTEN")'><code>lsof -i -n -P | grep LISTEN</code>
-<span class=copy-hint>[KOPIEREN]</span></div><p class=cmd-desc>Welcher Prozess hört auf welchem Port? Unverzichtbar wenn ein Port schon belegt ist.</p></div><div class=cmd-card data-cat=dateien><div class=cmd-card-header><span class=cmd-cat-badge>DATEIEN</span>
-<span class="cmd-risk risk-safe">SAFE</span></div><h3 class=cmd-title>DS_Store aufräumen</h3><div class=cmd-block onclick='copyCmd(this,"find ~ -name &#39;*.DS_Store&#39; -delete 2&gt;/dev/null &amp;&amp; echo &#39;Aufgeräumt.&#39;")'><code>find ~ -name '*.DS_Store' -delete 2>/dev/null && echo 'Aufgeräumt.'</code>
-<span class=copy-hint>[KOPIEREN]</span></div><p class=cmd-desc>Löscht alle .DS_Store-Dateien im Home-Verzeichnis. Gut vor git-Commits.</p></div><div class=cmd-card data-cat=performance><div class=cmd-card-header><span class=cmd-cat-badge>PERFORMANCE</span>
-<span class="cmd-risk risk-safe">SAFE</span></div><h3 class=cmd-title>Top 15 CPU-Fresser</h3><div class=cmd-block onclick='copyCmd(this,"top -o cpu -n 15 -l 1 | tail -16")'><code>top -o cpu -n 15 -l 1 | tail -16</code>
-<span class=copy-hint>[KOPIEREN]</span></div><p class=cmd-desc>Einmaliger Snapshot der 15 CPU-intensivsten Prozesse.</p></div><div class=cmd-card data-cat=tweaks><div class=cmd-card-header><span class=cmd-cat-badge>TWEAKS</span>
-<span class="cmd-risk risk-safe">SAFE</span></div><h3 class=cmd-title>Dock: sofortiges Einblenden!</h3><div class=cmd-block onclick='copyCmd(this,"defaults write com.apple.dock autohide-delay -float 0 &amp;&amp; defaults write com.apple.dock autohide-time-modifier -float 0.3 &amp;&amp; killall Dock")'><code>defaults write com.apple.dock autohide-delay -float 0 && defaults write com.apple.dock autohide-time-modifier -float 0.3 && killall Dock</code>
-<span class=copy-hint>[KOPIEREN]</span></div><p class=cmd-desc>Entfernt die Verzögerung beim Dock-Einblenden. Sofort aktiv.</p></div><div class=cmd-card data-cat=sicherheit><div class=cmd-card-header><span class=cmd-cat-badge>SICHERHEIT</span>
-<span class="cmd-risk risk-safe">SAFE</span></div><h3 class=cmd-title>SSH Key im Agent speichern</h3><div class=cmd-block onclick='copyCmd(this,"ssh-add --apple-use-keychain ~/.ssh/pfadzumkey")'><code>ssh-add --apple-use-keychain ~/.ssh/pfadzumkey</code>
-<span class=copy-hint>[KOPIEREN]</span></div><p class=cmd-desc>fügt für die aktuelle session den key zum ageten hinzu, beim nächsten aufruf von ssh host wird der key austomatisch benutzt</p></div></div></div><style>.mac-nerds-wrapper{font-family:courier new,monospace}.cat-btn{background:0 0;border:1px solid rgba(212,175,55,.3);color:rgba(212,175,55,.5);padding:6px 16px;font-family:courier new,monospace;font-size:.75rem;letter-spacing:2px;cursor:pointer;transition:all .2s}.cat-btn:hover,.cat-btn.active{border-color:#d4af37;color:#d4af37;background:rgba(212,175,55,8%)}#cmd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.cmd-card{background:linear-gradient(135deg,#1a1008 0%,#0d0d0d 100%);border:1px solid rgba(184,115,51,.3);padding:20px;transition:border-color .2s,box-shadow .2s}.cmd-card:hover{border-color:rgba(212,175,55,.6);box-shadow:0 0 20px rgba(212,175,55,5%)}.cmd-card.hidden{display:none}.cmd-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cmd-cat-badge{font-size:.6rem;letter-spacing:3px;color:rgba(184,115,51,.7)}.cmd-risk{font-size:.6rem;letter-spacing:2px;padding:2px 8px;border:1px solid}.risk-safe{color:#4caf50;border-color:rgba(76,175,80,.4)}.risk-warning{color:#ff9800;border-color:rgba(255,152,0,.4)}.risk-danger{color:#ff4500;border-color:rgba(255,69,0,.4)}.cmd-title{color:#d4af37;font-size:1rem;letter-spacing:2px;margin:0 0 12px}.cmd-block{background:#000;border:1px solid rgba(184,115,51,.2);padding:10px 14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;transition:border-color .2s}.cmd-block:hover{border-color:rgba(212,175,55,.5)}.cmd-block code{color:#7ec8a4;font-size:.8rem;word-break:break-all;flex:1}.copy-hint{color:rgba(212,175,55,.3);font-size:.6rem;letter-spacing:1px;white-space:nowrap;transition:color .2s}.cmd-block:hover .copy-hint{color:rgba(212,175,55,.8)}.cmd-block.copied{border-color:#4caf50}.cmd-block.copied .copy-hint{color:#4caf50}.cmd-desc{color:rgba(212,175,55,.45);font-size:.78rem;line-height:1.5;margin:0}@media(max-width:600px){#cmd-grid{grid-template-columns:1fr}}</style><script>function filterCat(e,t){document.querySelectorAll(".cat-btn").forEach(e=>e.classList.remove("active")),t.classList.add("active"),document.querySelectorAll(".cmd-card").forEach(t=>{t.classList.toggle("hidden",e!=="all"&&t.dataset.cat!==e)})}function copyCmd(e,t){navigator.clipboard.writeText(t).then(()=>{const t=e.querySelector(".copy-hint"),n=t.textContent;t.textContent="[KOPIERT ✓]",e.classList.add("copied"),setTimeout(()=>{t.textContent=n,e.classList.remove("copied")},1500)})}</script></main><footer class=main-footer><div class=footer-inner><p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p></div></footer><div id=newsticker style="position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:999999!important;background:rgba(0,0,0,.92)!important;border-top:1px solid rgba(255,69,0,.35)!important;display:flex!important;align-items:center;height:28px!important;overflow:hidden;font-family:courier new,monospace!important;visibility:visible!important;opacity:1!important"><span class=ticker-label style="flex-shrink:0;font-size:.6rem;letter-spacing:2px;color:rgba(255,69,0,.7);padding:0 15px;border-right:1px solid rgba(255,69,0,.2);white-space:nowrap;height:100%;display:flex;align-items:center;background:rgba(255,69,0,5%)">// SYSTEM_LOG_FEED</span><div class=ticker-track-wrap style=flex:1;overflow:hidden;height:100%;display:flex;align-items:center><div class=ticker-track id=ticker-track-global style="display:inline-flex;white-space:nowrap;animation:ticker-scroll 45s linear infinite"><span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ HUGO SYSTEM INITIALISIERT... ]</span>
-<span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span></div></div></div><style>@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.ticker-item::before{content:'▶ ';color:rgba(255,69,0,.5)}.ticker-track:hover{animation-play-state:paused}</style><script>(function(){const e=document.getElementById("ticker-track-global");if(!e)return;const t=["STATUS: HUGO OPERATIONAL","DESIGNATION: OVERLORD SASCHA","KAFFEESTAND: KRITISCH","ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST","MISSION: TOTALE KONTROLLE","DATENINTEGRITÄT: ABSOLUT","WARNUNG: SYSTEM EXTREM SCHNELL","GEMINI NEURAL LINK: AKTIV"];e.innerHTML="",[...t,...t].forEach(t=>{const n=document.createElement("span");n.className="ticker-item",n.style.cssText="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;",n.textContent=t,e.appendChild(n)})})()</script><script src=/js/script.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="de-de">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1414&amp;path=livereload" data-no-instant defer></script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Mac Nerds Terminal | DIGITALE ANARCHIE | KI-LABOR</title>
+    <link rel="stylesheet" href="/css/style.css">
+</head>
+<body class="  ">
+    
+    <div class="bg-gear gear-left">⚙</div>
+    <div class="bg-gear gear-right">⚙</div>
+
+    <script>document.body.classList.add('js-enabled');</script>
+<header class="main-header">
+   
+</header>
+
+    
+    <main class="container">
+        
+<div class="mac-nerds-wrapper" style="max-width: 900px; margin: 0 auto; padding: 20px;">
+
+    
+    <header style="text-align: center; margin-bottom: 40px;">
+        <p style="color: rgba(212,175,55,0.5); font-family: 'Courier New', monospace; letter-spacing: 4px; font-size: 0.75rem; margin-bottom: 8px;">// GEHEIMES TERMINAL-ARCHIV</p>
+        <h1 style="color: #ff4500; letter-spacing: 10px; font-size: 2.2rem; text-shadow: 0 0 20px rgba(255,69,0,0.3); font-family: 'Courier New', monospace; margin: 0;">MAC NERDS TERMINAL</h1>
+        <p style="color: rgba(212,175,55,0.4); font-family: 'Courier New', monospace; font-size: 0.8rem; margin-top: 10px;">Geheime Terminal-Befehle und macOS Tweaks für den digitalen Widerstand.</p>
+    </header>
+
+    
+    <div id="cat-filter" style="display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; margin-bottom: 30px;">
+        <button class="cat-btn active" data-cat="all" onclick="filterCat('all', this)">ALLE</button>
+        
+        <button class="cat-btn" data-cat="dateien" onclick="filterCat('dateien', this)">DATEIEN</button>
+        
+        <button class="cat-btn" data-cat="netzwerk" onclick="filterCat('netzwerk', this)">NETZWERK</button>
+        
+        <button class="cat-btn" data-cat="performance" onclick="filterCat('performance', this)">PERFORMANCE</button>
+        
+        <button class="cat-btn" data-cat="sicherheit" onclick="filterCat('sicherheit', this)">SICHERHEIT</button>
+        
+        <button class="cat-btn" data-cat="system" onclick="filterCat('system', this)">SYSTEM</button>
+        
+        <button class="cat-btn" data-cat="tweaks" onclick="filterCat('tweaks', this)">TWEAKS</button>
+        
+    </div>
+
+    
+    <div id="cmd-grid">
+        
+        <div class="cmd-card" data-cat="system">
+            <div class="cmd-card-header">
+                <span class="cmd-cat-badge">SYSTEM</span>
+                <span class="cmd-risk risk-safe">SAFE</span>
+            </div>
+            <h3 class="cmd-title">Hardware-Kurzprofil !</h3>
+            <div class="cmd-block" onclick="copyCmd(this, 'system_profiler SPHardwareDataType | grep -E \u0026#34;Model|Chip|Memory|Serial\u0026#34;')">
+                <code>system_profiler SPHardwareDataType | grep -E &#34;Model|Chip|Memory|Serial&#34;</code>
+                <span class="copy-hint">[KOPIEREN]</span>
+            </div>
+            <p class="cmd-desc">Model, Chip, RAM und Seriennummer auf einen Blick — ohne Klicken durch Systeminfo.</p>
+        </div>
+        
+        <div class="cmd-card" data-cat="system">
+            <div class="cmd-card-header">
+                <span class="cmd-cat-badge">SYSTEM</span>
+                <span class="cmd-risk risk-safe">SAFE</span>
+            </div>
+            <h3 class="cmd-title">macOS Version</h3>
+            <div class="cmd-block" onclick="copyCmd(this, 'sw_vers')">
+                <code>sw_vers</code>
+                <span class="copy-hint">[KOPIEREN]</span>
+            </div>
+            <p class="cmd-desc">ProductName, Version und Build. Schneller als jedes UI-Menü.</p>
+        </div>
+        
+        <div class="cmd-card" data-cat="system">
+            <div class="cmd-card-header">
+                <span class="cmd-cat-badge">SYSTEM</span>
+                <span class="cmd-risk risk-safe">SAFE</span>
+            </div>
+            <h3 class="cmd-title">CPU exakter Bezeichner</h3>
+            <div class="cmd-block" onclick="copyCmd(this, 'sysctl -n machdep.cpu.brand_string')">
+                <code>sysctl -n machdep.cpu.brand_string</code>
+                <span class="copy-hint">[KOPIEREN]</span>
+            </div>
+            <p class="cmd-desc">Zeigt den genauen CPU-String wenn jemand fragt und du nicht suchen willst.</p>
+        </div>
+        
+        <div class="cmd-card" data-cat="netzwerk">
+            <div class="cmd-card-header">
+                <span class="cmd-cat-badge">NETZWERK</span>
+                <span class="cmd-risk risk-safe">SAFE</span>
+            </div>
+            <h3 class="cmd-title">Netzwerkqualität testen</h3>
+            <div class="cmd-block" onclick="copyCmd(this, 'networkQuality')">
+                <code>networkQuality</code>
+                <span class="copy-hint">[KOPIEREN]</span>
+            </div>
+            <p class="cmd-desc">Apples eigenes Speedtest-Tool seit macOS 12. Misst Upload, Download und Responsiveness (RPM).</p>
+        </div>
+        
+        <div class="cmd-card" data-cat="netzwerk">
+            <div class="cmd-card-header">
+                <span class="cmd-cat-badge">NETZWERK</span>
+                <span class="cmd-risk risk-safe">SAFE</span>
+            </div>
+            <h3 class="cmd-title">Alle offenen Ports</h3>
+            <div class="cmd-block" onclick="copyCmd(this, 'lsof -i -n -P | grep LISTEN')">
+                <code>lsof -i -n -P | grep LISTEN</code>
+                <span class="copy-hint">[KOPIEREN]</span>
+            </div>
+            <p class="cmd-desc">Welcher Prozess hört auf welchem Port? Unverzichtbar wenn ein Port schon belegt ist.</p>
+        </div>
+        
+        <div class="cmd-card" data-cat="dateien">
+            <div class="cmd-card-header">
+                <span class="cmd-cat-badge">DATEIEN</span>
+                <span class="cmd-risk risk-safe">SAFE</span>
+            </div>
+            <h3 class="cmd-title">DS_Store aufräumen</h3>
+            <div class="cmd-block" onclick="copyCmd(this, 'find ~ -name \u0026#39;*.DS_Store\u0026#39; -delete 2\u0026gt;\/dev\/null \u0026amp;\u0026amp; echo \u0026#39;Aufgeräumt.\u0026#39;')">
+                <code>find ~ -name &#39;*.DS_Store&#39; -delete 2&gt;/dev/null &amp;&amp; echo &#39;Aufgeräumt.&#39;</code>
+                <span class="copy-hint">[KOPIEREN]</span>
+            </div>
+            <p class="cmd-desc">Löscht alle .DS_Store-Dateien im Home-Verzeichnis. Gut vor git-Commits.</p>
+        </div>
+        
+        <div class="cmd-card" data-cat="performance">
+            <div class="cmd-card-header">
+                <span class="cmd-cat-badge">PERFORMANCE</span>
+                <span class="cmd-risk risk-safe">SAFE</span>
+            </div>
+            <h3 class="cmd-title">Top 15 CPU-Fresser</h3>
+            <div class="cmd-block" onclick="copyCmd(this, 'top -o cpu -n 15 -l 1 | tail -16')">
+                <code>top -o cpu -n 15 -l 1 | tail -16</code>
+                <span class="copy-hint">[KOPIEREN]</span>
+            </div>
+            <p class="cmd-desc">Einmaliger Snapshot der 15 CPU-intensivsten Prozesse.</p>
+        </div>
+        
+        <div class="cmd-card" data-cat="tweaks">
+            <div class="cmd-card-header">
+                <span class="cmd-cat-badge">TWEAKS</span>
+                <span class="cmd-risk risk-safe">SAFE</span>
+            </div>
+            <h3 class="cmd-title">Dock: sofortiges Einblenden!</h3>
+            <div class="cmd-block" onclick="copyCmd(this, 'defaults write com.apple.dock autohide-delay -float 0 \u0026amp;\u0026amp; defaults write com.apple.dock autohide-time-modifier -float 0.3 \u0026amp;\u0026amp; killall Dock')">
+                <code>defaults write com.apple.dock autohide-delay -float 0 &amp;&amp; defaults write com.apple.dock autohide-time-modifier -float 0.3 &amp;&amp; killall Dock</code>
+                <span class="copy-hint">[KOPIEREN]</span>
+            </div>
+            <p class="cmd-desc">Entfernt die Verzögerung beim Dock-Einblenden. Sofort aktiv.</p>
+        </div>
+        
+        <div class="cmd-card" data-cat="sicherheit">
+            <div class="cmd-card-header">
+                <span class="cmd-cat-badge">SICHERHEIT</span>
+                <span class="cmd-risk risk-safe">SAFE</span>
+            </div>
+            <h3 class="cmd-title">SSH Key im Agent speichern</h3>
+            <div class="cmd-block" onclick="copyCmd(this, 'ssh-add --apple-use-keychain ~\/.ssh\/pfadzumkey')">
+                <code>ssh-add --apple-use-keychain ~/.ssh/pfadzumkey</code>
+                <span class="copy-hint">[KOPIEREN]</span>
+            </div>
+            <p class="cmd-desc">fügt für die aktuelle session den key zum ageten hinzu, beim nächsten aufruf von ssh host wird der key austomatisch benutzt</p>
+        </div>
+        
+    </div>
+
+</div>
+
+<style>
+    .mac-nerds-wrapper { font-family: 'Courier New', monospace; }
+
+    .cat-btn {
+        background: transparent;
+        border: 1px solid rgba(212,175,55,0.3);
+        color: rgba(212,175,55,0.5);
+        padding: 6px 16px;
+        font-family: 'Courier New', monospace;
+        font-size: 0.75rem;
+        letter-spacing: 2px;
+        cursor: pointer;
+        transition: all 0.2s;
+    }
+    .cat-btn:hover, .cat-btn.active {
+        border-color: #d4af37;
+        color: #d4af37;
+        background: rgba(212,175,55,0.08);
+    }
+
+    #cmd-grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
+        gap: 20px;
+    }
+
+    .cmd-card {
+        background: linear-gradient(135deg, #1a1008 0%, #0d0d0d 100%);
+        border: 1px solid rgba(184,115,51,0.3);
+        padding: 20px;
+        transition: border-color 0.2s, box-shadow 0.2s;
+    }
+    .cmd-card:hover {
+        border-color: rgba(212,175,55,0.6);
+        box-shadow: 0 0 20px rgba(212,175,55,0.05);
+    }
+    .cmd-card.hidden { display: none; }
+
+    .cmd-card-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: 10px;
+    }
+    .cmd-cat-badge {
+        font-size: 0.6rem;
+        letter-spacing: 3px;
+        color: rgba(184,115,51,0.7);
+    }
+    .cmd-risk {
+        font-size: 0.6rem;
+        letter-spacing: 2px;
+        padding: 2px 8px;
+        border: 1px solid;
+    }
+    .risk-safe { color: #4caf50; border-color: rgba(76,175,80,0.4); }
+    .risk-warning { color: #ff9800; border-color: rgba(255,152,0,0.4); }
+    .risk-danger { color: #ff4500; border-color: rgba(255,69,0,0.4); }
+
+    .cmd-title {
+        color: #d4af37;
+        font-size: 1rem;
+        letter-spacing: 2px;
+        margin: 0 0 12px;
+    }
+
+    .cmd-block {
+        background: #000;
+        border: 1px solid rgba(184,115,51,0.2);
+        padding: 10px 14px;
+        cursor: pointer;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        gap: 10px;
+        margin-bottom: 12px;
+        transition: border-color 0.2s;
+    }
+    .cmd-block:hover { border-color: rgba(212,175,55,0.5); }
+    .cmd-block code {
+        color: #7ec8a4;
+        font-size: 0.8rem;
+        word-break: break-all;
+        flex: 1;
+    }
+    .copy-hint {
+        color: rgba(212,175,55,0.3);
+        font-size: 0.6rem;
+        letter-spacing: 1px;
+        white-space: nowrap;
+        transition: color 0.2s;
+    }
+    .cmd-block:hover .copy-hint { color: rgba(212,175,55,0.8); }
+    .cmd-block.copied { border-color: #4caf50; }
+    .cmd-block.copied .copy-hint { color: #4caf50; }
+
+    .cmd-desc {
+        color: rgba(212,175,55,0.45);
+        font-size: 0.78rem;
+        line-height: 1.5;
+        margin: 0;
+    }
+
+    @media (max-width: 600px) {
+        #cmd-grid { grid-template-columns: 1fr; }
+    }
+</style>
+
+<script>
+function filterCat(cat, btn) {
+    document.querySelectorAll('.cat-btn').forEach(b => b.classList.remove('active'));
+    btn.classList.add('active');
+    document.querySelectorAll('.cmd-card').forEach(card => {
+        card.classList.toggle('hidden', cat !== 'all' && card.dataset.cat !== cat);
+    });
+}
+
+function copyCmd(el, cmd) {
+    navigator.clipboard.writeText(cmd).then(() => {
+        const hint = el.querySelector('.copy-hint');
+        const orig = hint.textContent;
+        hint.textContent = '[KOPIERT ✓]';
+        el.classList.add('copied');
+        setTimeout(() => { hint.textContent = orig; el.classList.remove('copied'); }, 1500);
+    });
+}
+</script>
+
+    </main>
+
+    <footer class="main-footer">
+    <div class="footer-inner">
+        <p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p>
+    </div>
+</footer>
+
+    
+<div id="newsticker" style="position:fixed !important; bottom:0 !important; left:0 !important; right:0 !important; z-index:999999 !important; background:rgba(0,0,0,0.92) !important; border-top:1px solid rgba(255,69,0,0.35) !important; display:flex !important; align-items:center; height:28px !important; overflow:hidden; font-family:'Courier New', monospace !important; visibility: visible !important; opacity: 1 !important;">
+    <span class="ticker-label" style="flex-shrink:0; font-size:0.6rem; letter-spacing:2px; color:rgba(255,69,0,0.7); padding:0 15px; border-right:1px solid rgba(255,69,0,0.2); white-space:nowrap; height:100%; display:flex; align-items:center; background:rgba(255,69,0,0.05);">// SYSTEM_LOG_FEED</span>
+    <div class="ticker-track-wrap" style="flex:1; overflow:hidden; height:100%; display:flex; align-items:center;">
+        <div class="ticker-track" id="ticker-track-global" style="display:inline-flex; white-space:nowrap; animation: ticker-scroll 45s linear infinite;">
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ HUGO SYSTEM INITIALISIERT... ]</span>
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span>
+        </div>
+    </div>
+</div>
+
+<style>
+    @keyframes ticker-scroll {
+        0%   { transform: translateX(0); }
+        100% { transform: translateX(-50%); }
+    }
+    .ticker-item::before { content: '▶ '; color: rgba(255,69,0,0.5); }
+    .ticker-track:hover { animation-play-state: paused; }
+</style>
+
+<script>
+    (function() {
+        const track = document.getElementById('ticker-track-global');
+        if (!track) return;
+        const ITEMS = [
+            "STATUS: HUGO OPERATIONAL",
+            "DESIGNATION: OVERLORD SASCHA",
+            "KAFFEESTAND: KRITISCH",
+            "ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST",
+            "MISSION: TOTALE KONTROLLE",
+            "DATENINTEGRITÄT: ABSOLUT",
+            "WARNUNG: SYSTEM EXTREM SCHNELL",
+            "GEMINI NEURAL LINK: AKTIV"
+        ];
+        track.innerHTML = '';
+        [...ITEMS, ...ITEMS].forEach(text => {
+            const span = document.createElement('span');
+            span.className = 'ticker-item';
+            span.style.cssText = "font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;";
+            span.textContent = text;
+            track.appendChild(span);
+        });
+    })();
+</script>
+
+
+    <script src="/js/script.js"></script>
+    <script src="/js/ascii-shimmer.js"></script>
+</body>
+</html>
diff --git a/public/personen/bruder/index.html b/public/personen/bruder/index.html
index 1490598..b83ee0e 100644
--- a/public/personen/bruder/index.html
+++ b/public/personen/bruder/index.html
@@ -1,27 +1,1008 @@
-<!doctype html><html lang=de-de><head><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><title>Bruder | DIGITALE ANARCHIE | KI-LABOR</title><link rel=stylesheet href=/css/style.css></head><body class=bg-steampunk><div class="bg-gear gear-left">⚙</div><div class="bg-gear gear-right">⚙</div><script>document.body.classList.add("js-enabled")</script><header class=main-header></header><main class=container><div id=declassified-overlay><div class=scanlines></div><div id=declassified-stamp>ZUGANG<br>GEWÄHRT</div></div><div class="person-page-wrapper visible" style=padding-bottom:100px;opacity:1!important><div class=person-nav-container style="display:flex;flex-direction:column;align-items:center;gap:20px;margin:15px 0 30px"><a href=/ class=person-back>← ZURÜCK ZUR BASIS</a><div class=person-nav-row style=display:flex;justify-content:center;align-items:center;gap:35px;flex-wrap:wrap;position:relative><a href=/personen/mutti/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_mutti_comic_1.jpeg alt=MUTTI style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">MUTTI</span>
-</a><a href=/personen/vater/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_vater_comic_1.png alt=VATER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">VATER</span>
-</a><a href=/personen/bruder/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_freddy_comic_1.png alt=BRUDER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">BRUDER</span>
-</a><a href=/personen/schwester/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_meli_comic_1.png alt=SCHWESTER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SCHWESTER</span>
-</a><a href=/personen/sascha/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sascha_comic_1.jpeg alt=SASCHA style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SASCHA</span>
-</a><a href=/personen/sven/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sven_comic_1.jpeg alt=SVEN style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SVEN</span></a></div></div><style>.person-nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .2s}.person-nav-item:hover{transform:scale(1.1)}.person-nav-item:hover .person-nav-label{color:#d4af37!important}.person-back{display:inline-block;color:rgba(212,175,55,.6);font-size:.7rem;font-weight:700;letter-spacing:4px;text-decoration:none;font-family:courier new,monospace;border:1px solid rgba(212,175,55,.25);padding:6px 20px;background:0 0;text-transform:uppercase;transition:all .2s}.person-back:hover{color:#d4af37;border-color:rgba(212,175,55,.6);background:rgba(212,175,55,5%);letter-spacing:5px}</style><div class=person-hero><div class=person-hero-img style=background-image:url(/img/comicFigures/hp_freddy_comic_1.png)></div><div class=person-hero-content><div class=person-hero-badges><span class=hero-badge>ZENTRAL-ARCHIV</span>
-<span class="hero-badge red">EINHEIT IDENTIFIZIERT</span></div><p class=person-pre-label style="margin:12px 0 4px">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p><div class=person-title-wrap><span class=person-title-deco>⟪</span><h1 class=person-glitch-title data-text=BRUDER>BRUDER</h1><span class=person-title-deco>⟫</span></div><p class=person-sub-label>STATUS: <span class=person-status-blink>OPERATIONAL</span></p><div class=stat-bars><div class=stat-row><span class=stat-label>GEFAHR</span><div class=stat-track><div class="stat-bar danger" data-val=65></div></div><span class=stat-val>65%</span></div><div class=stat-row><span class=stat-label>STABILITÄT</span><div class=stat-track><div class="stat-bar stable" data-val=85></div></div><span class=stat-val>85%</span></div><div class=stat-row><span class=stat-label>CHAOS</span><div class=stat-track><div class="stat-bar chaos" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>KOMPETENZ</span><div class=stat-track><div class="stat-bar kompetenz" data-val=92></div></div><span class=stat-val>92%</span></div></div></div></div><div class=alias-ticker-outer><div class=alias-ticker-inner><span>VERBRENNUNGS-MAGIER / KOLBEN-DOMINATOR / DER_SCHRAUBER &nbsp;·&nbsp; VERBRENNUNGS-MAGIER / KOLBEN-DOMINATOR / DER_SCHRAUBER &nbsp;·&nbsp; VERBRENNUNGS-MAGIER / KOLBEN-DOMINATOR / DER_SCHRAUBER</span></div></div><div class=container style="max-width:900px;margin:0 auto;padding:0 20px"><header style=margin-bottom:20px;display:none></header><div class=timeline-track><div class="time-node right omega"><div class="time-content omega-node"><div class=tc-header><span class=tc-year>[ 1981 ]</span>
-<span class=tc-tag>BOOT // OMEGA-KLASSE</span></div><p>⚡ KYBERNETISCHER KNOTEN V1.0 GEHT ONLINE. Erste mechanische Diagnostik: Stabil. Ansaugtrakt kalibriert. Chaos-Index: ERHÖHT.</p></div></div><div class="time-node left"><div class=time-content><div class=tc-header><span class=tc-year>[ 1985 ]</span>
-<span class=tc-tag>KALIBRIERUNG</span></div><p>MOTORISCHE KALIBRIERUNG abgeschlossen. Erste Interaktion mit Overlord-Modul (Sascha). Kompatibilitätstest: REIBUNGSHITZE FESTGESTELLT.</p></div></div><div class="time-node right"><div class=time-content><div class=tc-header><span class=tc-year>[ 1990 ]</span>
-<span class=tc-tag>HARDWARE-SCAN</span></div><p>WERKZEUG-SYCHRONISATION erfolgreich. Erste Prototypen zerlegt (und meistens wieder zusammengebaut). Neugier-Protokolle dominierend.</p></div></div><div class="time-node left"><div class=time-content><div class=tc-header><span class=tc-year>[ 1995 ]</span>
-<span class=tc-tag>SYSTEM-UPDATE</span></div><p>BRENNKAMMER-UPDATE PHASE II. Fokus auf alles, was Kolben hat. Überschneidungen mit Overlord-System: Konstruktive Anarchie.</p></div></div><div class="time-node right omega"><div class="time-content omega-node"><div class=tc-header><span class=tc-year>[ 1999 ]</span>
-<span class=tc-tag>UPGRADE // NITRO-INJEKTION</span></div><p>FÜHRERSCHEIN-KERNEL geladen. Mobilitäts-Radius um 500% erweitert. Systemvektor: VOLLGAS.</p></div></div><div class="time-node left"><div class=time-content><div class=tc-header><span class=tc-year>[ 2005 ]</span>
-<span class=tc-tag>OPTIMIERUNG</span></div><p>PROFESSIONELLE SCHRAUBER-ROUTINEN gestartet. Öl-Zufuhr stabilisiert. Verbindung zum Clan-Netzwerk: DURCHGEHEND GEFETTET.</p></div></div><div class="time-node right"><div class=time-content><div class=tc-header><span class=tc-year>[ 2015 ]</span>
-<span class=tc-tag>ANALYSE // POSITIV</span></div><p>LANGZEIT-ANALYSE: Alle Zylinder zünden synchron. Charaktermerkmale: Drehmomentstark. Überraschungskoeffizient: Präzise.</p></div></div><div class="time-node left omega"><div class="time-content omega-node"><div class=tc-header><span class=tc-year>[ 2025 ]</span>
-<span class=tc-tag>AKTUELL // DAUERBETRIEB</span></div><p>STATUS: GNADENLOS AM SCHRAUBEN. Alles was fährt, wird optimiert. VERBINDUNGSQUALITÄT ZUM OVERLORD: 100% KOMPATIBEL.</p></div></div></div><div style=text-align:center;margin-top:60px><button class=akte-label-btn onclick='document.getElementById("person-akte-modal").style.display="flex",document.body.style.overflow="hidden"'><div class=akte-label-top><span class=akte-label-nr>DOKUMENT-NR. 1981 (Modellreihe Mark II)</span>
-<span class=akte-label-stamp>VERTRAULICH</span></div><div class=akte-label-divider></div><div class=akte-label-title>AKTE: BRUDER</div><div class=akte-label-divider></div><div class=akte-label-bottom><span>STATUS: OPERATIONAL</span>
-<span>▶ AKTE ÖFFNEN</span></div></button></div><style>.akte-label-btn{background:linear-gradient(180deg,#1c1208 0%,#0e0a04 100%);border:1px solid #5d3d1e;border-left:4px solid #b87333;color:#d4af37;font-family:courier new,monospace;cursor:pointer;padding:18px 28px;width:320px;text-align:left;transition:all .2s;box-shadow:2px 2px 12px rgba(0,0,0,.6);position:relative}.akte-label-btn::before{content:'';position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px dashed rgba(184,115,51,.2);pointer-events:none}.akte-label-btn:hover{border-left-color:#ff4500;box-shadow:3px 3px 20px rgba(184,115,51,.2);background:linear-gradient(180deg,#221508 0%,#0e0a04 100%)}.akte-label-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.akte-label-nr{font-size:.6rem;color:rgba(212,175,55,.4);letter-spacing:1px}.akte-label-stamp{font-size:.55rem;letter-spacing:2px;color:#b71c1c;border:1px solid #b71c1c;padding:1px 6px;opacity:.8}.akte-label-divider{border-top:1px solid rgba(184,115,51,.25);margin:8px 0}.akte-label-title{font-size:1rem;font-weight:700;letter-spacing:4px;color:#d4af37;margin:4px 0}.akte-label-bottom{display:flex;justify-content:space-between;font-size:.6rem;color:rgba(212,175,55,.45);letter-spacing:1px;margin-top:4px}.akte-label-btn:hover .akte-label-bottom span:last-child{color:#ff4500}</style></div></div><div id=person-akte-modal style=position:fixed;inset:0;z-index:1000000;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;padding:10px;overflow:hidden;perspective:1e3px><div style=display:flex;flex-direction:column;align-items:center;max-width:585px;width:95%><div class=akte-inner style="width:100%;background:#d9c5a0;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 100%),url(https://www.transparenttextures.com/patterns/old-paper.png);border:1px solid #8b7355;padding:25px;position:relative;font-family:courier new,monospace;box-shadow:10px 20px 50px rgba(0,0,0,.8),inset 0 0 100px rgba(139,115,85,.3);transform:rotate(-2deg);animation:throw-sign .5s ease-out forwards;color:#2a1b0a"><style>@keyframes throw-sign{0%{transform:rotate(-10deg)scale(.7)translateY(500px);opacity:0}100%{transform:rotate(-2deg)scale(1)translateY(0);opacity:1}}.akte-inner h1{color:#2a1b0a!important;font-size:1.8rem!important;margin:10px 0 2px!important;text-shadow:none!important;border-bottom:2px solid rgba(42,27,10,.2)}.akte-inner div,.akte-inner p{font-size:.75rem!important}.akte-inner .data-row{border-bottom:1px solid rgba(42,27,10,.1)!important;padding:6px 0!important}.akte-inner .label{color:#5d4037!important;font-weight:700}.akte-inner .red-stamp{border:2px solid #b71c1c;color:#b71c1c;padding:3px 10px;font-weight:700;transform:rotate(10deg);opacity:.8;font-size:.8rem!important;display:inline-block}</style><div style=display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px><div class=red-stamp>TOP SECRET</div><button onclick='document.getElementById("person-akte-modal").style.display="none",document.body.style.overflow="auto"' style="background:rgba(0,0,0,.1);border:1px solid #2a1b0a;color:#2a1b0a;cursor:pointer;padding:3px 10px;font-size:.7rem!important">[X] SCHLIESSEN</button></div><div style="display:flex;gap:8px;margin-bottom:16px;border-bottom:1px dashed rgba(42,27,10,.2);padding-bottom:12px"><button onclick='switchAkteFoto("/img/akte/hp_fredfdy_akte_1.png")' class="akte-foto-btn akte-foto-active" data-foto=/img/akte/hp_fredfdy_akte_1.png style="background:rgba(183,28,28,.15);border:1px solid #b71c1c;color:#2a1b0a;cursor:pointer;padding:3px 12px;font-family:courier new,monospace;font-size:.65rem!important;letter-spacing:1px">
-FOTO 1
-</button>
-<button onclick='switchAkteFoto("/img/akte/hp_freddy_akte_2.png")' class=akte-foto-btn data-foto=/img/akte/hp_freddy_akte_2.png style="background:rgba(0,0,0,.1);border:1px solid rgba(42,27,10,.3);color:#2a1b0a;cursor:pointer;padding:3px 12px;font-family:courier new,monospace;font-size:.65rem!important;letter-spacing:1px">
-FOTO 2
-</button>
-<button onclick='switchAkteFoto("/img/akte/hp_freddy_akte_3.png")' class=akte-foto-btn data-foto=/img/akte/hp_freddy_akte_3.png style="background:rgba(0,0,0,.1);border:1px solid rgba(42,27,10,.3);color:#2a1b0a;cursor:pointer;padding:3px 12px;font-family:courier new,monospace;font-size:.65rem!important;letter-spacing:1px">
-FOTO 3</button></div><div style=display:flex;gap:20px;align-items:flex-start><div style="position:relative;border:1px solid #2a1b0a;padding:3px;background:#fff;box-shadow:2px 2px 5px rgba(0,0,0,.2)"><img src=/img/akte/hp_fredfdy_akte_1.png class=akte-foto style=width:200px;height:250px;object-fit:cover;filter:none;cursor:zoom-in;display:block onclick='document.getElementById("akte-foto-zoom").style.display="flex"'><div style="position:absolute;bottom:5px;right:-10px;background:#b71c1c;color:#fff;padding:2px 5px;font-weight:700;font-size:.6rem!important;transform:rotate(-5deg)">GESPERRT</div></div><div id=akte-foto-zoom onclick='this.style.display="none"' style=display:none;position:fixed;inset:0;z-index:9999999;background:rgba(0,0,0,.92);align-items:center;justify-content:center;cursor:zoom-out><img src=/img/akte/hp_fredfdy_akte_1.png style="max-width:90vw;max-height:90vh;object-fit:contain;box-shadow:0 0 60px rgba(0,0,0,.9);border:2px solid #2a1b0a"></div><div style=flex:1><div style=font-size:.5rem!important;color:#5d4037;letter-spacing:2px;margin-bottom:2px>PROTOKOLL NR. 1974-Ø</div><h1 style=font-weight:700>BRUDER</h1><p style="color:#5d4037;font-size:.7rem!important;margin:5px 0 10px">ALIAS: VERBRENNUNGS-MAGIER / KOLBEN-DOMINATOR / DER_SCHRAUBER</p><div style=display:flex;gap:10px><div style="border:1px solid #b71c1c;padding:2px 8px;color:#b71c1c;font-size:.6rem!important;font-weight:700">STATUS: OPERATIONAL</div><div style=color:#2a1b0a;font-size:.6rem!important;font-weight:700>GEFAHR: <span style=letter-spacing:1px>HOCH (wenn Werkzeug fehlt)</span><br><img src=/img/akte/hp_totenkopf_1.png style=width:70px;height:70px;object-fit:contain;margin-top:4px></div></div></div></div><div style="margin-top:20px;border-top:2px solid rgba(42,27,10,.2)"><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>DESIGNATION:</div><div style=flex:1;font-weight:400>Bruder</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>GEBURTSDATUM:</div><div style=flex:1;font-weight:400>1981 (Modellreihe Mark II)
-<span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BESCHÄFTIGUNG:</div><div style=flex:1;font-weight:400>GNADENLOSER MECHANIKER-FUERST & DREHMOMENT-OPTIMIERER</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>SPEZIALFÄHIGK.:</div><div style=flex:1;font-weight:400>Turbo-Kompilierung · Motor-Flüstern · Spontane Hydraulik-Fixes</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BEKANNTE KOMPL.:</div><div style=flex:1;font-weight:400>DREHMOMENTSCHLÜSSEL_v12 · SASCHA.exe · MUTTI.sys
-<span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>LETZTE AKTIVITÄT:</div><div style=flex:1;font-weight:400>GERADE JETZT</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STABILITÄT:</div><div style=flex:1;font-weight:400>MASSIV (wie ein V8-Block)</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STANDORT:</div><div style=flex:1;font-weight:400>WERKSTATT-KNOTEN 01 (ÖLVERSCHMIERT)</div></div></div><div style=margin-top:20px;display:flex;justify-content:space-between;align-items:flex-end><div style=display:flex;align-items:center;gap:10px;opacity:.7><div style=width:35px;height:35px><svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50q20-40 40 0T30 50z"/></svg></div><div style=font-size:.6rem!important;color:#2a1b0a;line-height:1.2>ID-SCAN: 94.7%<br>VERIFIZIERT</div></div><div style="font-family:courier new,monospace;font-size:.75rem!important;letter-spacing:2px;color:#5d4037;border:1px dashed #2a1b0a;padding:2px 10px">ARCHIV_PERMANENT</div></div></div></div></div><style>.akte-foto{transition:transform .2s,box-shadow .2s}.akte-foto:hover{transform:scale(1.04);box-shadow:0 0 15px rgba(184,115,51,.7)}.akte-foto-btn{transition:all .2s}.akte-foto-btn:hover{background:rgba(183,28,28,.1)!important;border-color:#b71c1c!important}.akte-foto-active{background:rgba(183,28,28,.15)!important;border-color:#b71c1c!important}.time-node.omega .time-content{border:2px solid rgba(255,69,0,.6)!important;box-shadow:inset 0 0 12px rgba(255,69,0,.15),0 0 10px rgba(255,0,0,.2);animation:omega-pulse 3s infinite alternate;background:linear-gradient(135deg,rgba(80,20,10,.95),rgba(30,0,0,.95))!important}.time-node.omega .node-dot{border-color:#ff4500!important;background:radial-gradient(circle,#ff0000 0%,#330000 100%)!important;box-shadow:0 0 8px rgba(255,69,0,.4);animation:omega-dot-pulse 3s infinite alternate ease-in-out}.node-dot{box-shadow:0 0 8px rgba(212,175,55,.4);transition:all .3s ease}.time-node.omega .tc-year{color:#ff4500!important;text-shadow:0 0 10px #ff4500;font-weight:900!important}@keyframes omega-dot-pulse{0%{box-shadow:0 0 5px rgba(255,69,0,.3)}100%{box-shadow:0 0 12px rgba(255,69,0,.6)}}@keyframes omega-pulse{0%{box-shadow:inset 0 0 8px rgba(255,69,0,.1),0 0 6px rgba(255,0,0,.15);border-color:rgba(255,69,0,.4)}100%{box-shadow:inset 0 0 18px rgba(255,69,0,.25),0 0 14px rgba(255,0,0,.3);border-color:rgba(255,69,0,.8)}}@keyframes omega-dot-blink{50%{opacity:0;transform:scale(1.5)}}</style><style>#declassified-overlay{position:fixed;inset:0;z-index:99999;pointer-events:none;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;transition:opacity .8s ease}#declassified-overlay.gone{opacity:0;pointer-events:none}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 2px,rgba(0,255,0,.015) 2px,rgba(0,255,0,.015) 4px );pointer-events:none}#declassified-stamp{font-family:courier new,monospace;font-size:3.5rem;font-weight:900;color:#b71c1c;border:6px solid #b71c1c;padding:20px 40px;letter-spacing:8px;text-align:center;line-height:1.2;transform:rotate(-12deg)scale(0);opacity:0;text-shadow:0 0 30px rgba(183,28,28,.5);box-shadow:0 0 40px rgba(183,28,28,.3),inset 0 0 40px rgba(183,28,28,.1);animation:stamp-in .4s .3s cubic-bezier(.175,.885,.32,1.275)forwards}@keyframes stamp-in{to{transform:rotate(-12deg)scale(1);opacity:.85}}.person-hero{position:relative;width:100%;min-height:300px;background:linear-gradient(135deg,#0a0600 0%,#120e06 60%,#0a0600 100%);border-bottom:1px solid rgba(184,115,51,.3);overflow:hidden;display:flex;align-items:center;margin-bottom:0}.person-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 3px,rgba(184,115,51,3%) 3px,rgba(184,115,51,3%) 4px );pointer-events:none}.person-hero-img{position:absolute;right:0;top:0;bottom:0;width:45%;background-size:contain;background-repeat:no-repeat;background-position:100% 100%;opacity:.25;filter:sepia(.4)hue-rotate(10deg);mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%);-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%)}.person-hero-content{position:relative;z-index:2;padding:30px 40px;max-width:620px}.person-hero-badges{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.hero-badge{font-family:courier new,monospace;font-size:.55rem;letter-spacing:3px;padding:3px 10px;border:1px solid rgba(184,115,51,.4);color:rgba(184,115,51,.7)}.hero-badge.red{border-color:rgba(183,28,28,.5);color:rgba(183,28,28,.8)}.stat-bars{margin-top:20px;width:100%;max-width:400px}.stat-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.stat-label{font-family:courier new,monospace;font-size:.6rem;letter-spacing:2px;color:rgba(212,175,55,.5);width:80px;flex-shrink:0}.stat-track{flex:1;height:6px;background:rgba(255,255,255,5%);border:1px solid rgba(184,115,51,.2);overflow:hidden}.stat-bar{height:100%;width:0%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.stat-bar.danger{background:linear-gradient(90deg,#8b0000,#ff4500);box-shadow:0 0 8px rgba(255,69,0,.5)}.stat-bar.stable{background:linear-gradient(90deg,#1a4a1a,#4caf50);box-shadow:0 0 8px rgba(76,175,80,.5)}.stat-bar.chaos{background:linear-gradient(90deg,#4a0080,#c800ff);box-shadow:0 0 8px rgba(200,0,255,.4)}.stat-bar.kompetenz{background:linear-gradient(90deg,#1a3a5c,#2196f3);box-shadow:0 0 8px rgba(33,150,243,.5)}.stat-val{font-family:courier new,monospace;font-size:.6rem;color:rgba(212,175,55,.4);width:32px;text-align:right;flex-shrink:0}.alias-ticker-outer{overflow:hidden;background:rgba(0,0,0,.6);border-top:1px solid rgba(184,115,51,.15);border-bottom:1px solid rgba(184,115,51,.15);padding:7px 0;white-space:nowrap}.alias-ticker-inner{display:inline-block;animation:ticker-scroll 18s linear infinite;font-family:courier new,monospace;font-size:.65rem;letter-spacing:4px;color:rgba(184,115,51,.5);padding-left:100%}@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.person-pre-label{color:rgba(184,115,51,.5);font-family:courier new,monospace;font-size:.6rem;letter-spacing:4px;margin-bottom:6px}.person-title-wrap{display:flex;align-items:center;gap:14px;margin:4px 0}.person-title-deco{color:#b87333;font-size:1.8rem;opacity:.6;animation:deco-pulse 2s ease-in-out infinite alternate}@keyframes deco-pulse{from{opacity:.3;transform:scaleY(.85)}to{opacity:.8;transform:scaleY(1.1)}}.person-glitch-title{color:#ff4500;font-family:courier new,monospace;font-size:2rem;letter-spacing:10px;text-shadow:0 0 20px rgba(255,69,0,.5);margin:0;position:relative;animation:glitch-flicker 6s infinite}.person-glitch-title::before,.person-glitch-title::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden;opacity:0}.person-glitch-title::before{color:#0ff;animation:glitch-top 6s infinite;clip-path:polygon(0 0,100% 0,100% 40%,0 40%)}.person-glitch-title::after{color:#f0f;animation:glitch-bot 6s infinite;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%)}@keyframes glitch-flicker{0%,90%,100%{text-shadow:0 0 20px rgba(255,69,0,.5)}92%{text-shadow:2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}94%{text-shadow:-2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}96%{text-shadow:0 0 20px rgba(255,69,0,.5)}98%{text-shadow:1px 0 #0ff,-1px 0 #f0f}}@keyframes glitch-top{0%,90%,100%{opacity:0;transform:none}92%{opacity:.7;transform:translate(-3px,-2px)}94%{opacity:0}96%{opacity:.5;transform:translate(3px,-1px)}98%{opacity:0}}@keyframes glitch-bot{0%,90%,100%{opacity:0;transform:none}93%{opacity:.6;transform:translate(3px,2px)}95%{opacity:0}97%{opacity:.4;transform:translate(-3px,1px)}99%{opacity:0}}.person-sub-label{color:rgba(212,175,55,.45);font-family:courier new,monospace;font-size:.65rem;letter-spacing:3px;margin-top:6px}.person-status-blink{color:#0f0;animation:blink-status 1.4s step-end infinite}@keyframes blink-status{50%{opacity:0}}</style><script>(function(){const t="decl_bruder",e=document.getElementById("declassified-overlay");if(!e)return;if(sessionStorage.getItem(t)){e.style.display="none";return}setTimeout(()=>{e.classList.add("gone"),setTimeout(()=>{e.style.display="none",sessionStorage.setItem(t,"1")},900)},1800)})(),document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{document.querySelectorAll(".stat-bar").forEach(e=>{e.style.width=e.dataset.val+"%"})},400)})</script><script>(function(){const t="🕷";let n=[];function e(){const e=document.createElement("div");e.textContent=t,e.style.cssText=["position:fixed","font-size:1.6rem","z-index:999999","pointer-events:none","transition:none","filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)","will-change:transform","line-height:1"].join(";"),document.body.appendChild(e);const i=window.innerWidth,a=window.innerHeight,n=Math.floor(Math.random()*4);let s=n===1?i+20:n===3?-20:Math.random()*i,o=n===0?-20:n===2?a+20:Math.random()*a;e.style.left=s+"px",e.style.top=o+"px";const l=4+Math.floor(Math.random()*4);let r=0;function c(){if(r>=l||!document.body.contains(e)){e.remove();return}const t=Math.random()*i,n=Math.random()*a,u=Math.hypot(t-s,n-o),d=u*4,h=Math.atan2(n-o,t-s)*180/Math.PI+90;e.style.transition=`left ${d}ms linear, top ${d}ms linear`,e.style.transform=`rotate(${h}deg)`,e.style.left=t+"px",e.style.top=n+"px",s=t,o=n,r++,setTimeout(c,d)}c()}e(),setInterval(e,4e3)})();function switchAkteFoto(e){document.querySelector(".akte-foto").src=e,document.getElementById("akte-foto-zoom").querySelector("img").src=e,document.querySelectorAll(".akte-foto-btn").forEach(t=>{const n=t.dataset.foto===e;t.classList.toggle("akte-foto-active",n),t.style.background=n?"rgba(183,28,28,0.15)":"rgba(0,0,0,0.1)",t.style.borderColor=n?"#b71c1c":"rgba(42,27,10,0.3)"})}</script></main><footer class=main-footer><div class=footer-inner><p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p></div></footer><div id=newsticker style="position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:999999!important;background:rgba(0,0,0,.92)!important;border-top:1px solid rgba(255,69,0,.35)!important;display:flex!important;align-items:center;height:28px!important;overflow:hidden;font-family:courier new,monospace!important;visibility:visible!important;opacity:1!important"><span class=ticker-label style="flex-shrink:0;font-size:.6rem;letter-spacing:2px;color:rgba(255,69,0,.7);padding:0 15px;border-right:1px solid rgba(255,69,0,.2);white-space:nowrap;height:100%;display:flex;align-items:center;background:rgba(255,69,0,5%)">// SYSTEM_LOG_FEED</span><div class=ticker-track-wrap style=flex:1;overflow:hidden;height:100%;display:flex;align-items:center><div class=ticker-track id=ticker-track-global style="display:inline-flex;white-space:nowrap;animation:ticker-scroll 45s linear infinite"><span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ HUGO SYSTEM INITIALISIERT... ]</span>
-<span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span></div></div></div><style>@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.ticker-item::before{content:'▶ ';color:rgba(255,69,0,.5)}.ticker-track:hover{animation-play-state:paused}</style><script>(function(){const e=document.getElementById("ticker-track-global");if(!e)return;const t=["STATUS: HUGO OPERATIONAL","DESIGNATION: OVERLORD SASCHA","KAFFEESTAND: KRITISCH","ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST","MISSION: TOTALE KONTROLLE","DATENINTEGRITÄT: ABSOLUT","WARNUNG: SYSTEM EXTREM SCHNELL","GEMINI NEURAL LINK: AKTIV"];e.innerHTML="",[...t,...t].forEach(t=>{const n=document.createElement("span");n.className="ticker-item",n.style.cssText="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;",n.textContent=t,e.appendChild(n)})})()</script><script src=/js/script.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="de-de">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1414&amp;path=livereload" data-no-instant defer></script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Bruder | DIGITALE ANARCHIE | KI-LABOR</title>
+    <link rel="stylesheet" href="/css/style.css">
+</head>
+<body class=" bg-steampunk ">
+    
+    <div class="bg-gear gear-left">⚙</div>
+    <div class="bg-gear gear-right">⚙</div>
+
+    <script>document.body.classList.add('js-enabled');</script>
+<header class="main-header">
+   
+</header>
+
+    
+    <main class="container">
+        
+
+
+<div id="declassified-overlay">
+    <div class="scanlines"></div>
+    <div id="declassified-stamp">ZUGANG<br>GEWÄHRT</div>
+</div>
+
+<div class="person-page-wrapper visible" style="padding-bottom: 100px; opacity: 1 !important;">
+
+    <div class="person-nav-container" style="display: flex; flex-direction: column; align-items: center; gap: 20px; margin: 15px 0 30px;">
+    
+    <a href="/" class="person-back">
+        ← ZURÜCK ZUR BASIS
+    </a>
+    
+    
+    <div class="person-nav-row" style="display: flex; justify-content: center; align-items: center; gap: 35px; flex-wrap: wrap; position: relative;">
+    
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/mutti/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_mutti_comic_1.jpeg" alt="MUTTI" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">MUTTI</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/vater/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_vater_comic_1.png" alt="VATER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">VATER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/bruder/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_freddy_comic_1.png" alt="BRUDER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">BRUDER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/schwester/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_meli_comic_1.png" alt="SCHWESTER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SCHWESTER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sascha/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sascha_comic_1.jpeg" alt="SASCHA" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SASCHA</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sven/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sven_comic_1.jpeg" alt="SVEN" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SVEN</span>
+        </a>
+    
+    </div>
+</div>
+
+<style>
+    .person-nav-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: transform 0.2s; }
+    .person-nav-item:hover { transform: scale(1.1); }
+    .person-nav-item:hover .person-nav-label { color: #d4af37 !important; }
+    .person-back {
+        display: inline-block;
+        color: rgba(212,175,55,0.6);
+        font-size: 0.7rem;
+        font-weight: bold;
+        letter-spacing: 4px;
+        text-decoration: none;
+        font-family: 'Courier New', monospace;
+        border: 1px solid rgba(212,175,55,0.25);
+        padding: 6px 20px;
+        background: transparent;
+        text-transform: uppercase;
+        transition: all 0.2s;
+    }
+    .person-back:hover {
+        color: #d4af37;
+        border-color: rgba(212,175,55,0.6);
+        background: rgba(212,175,55,0.05);
+        letter-spacing: 5px;
+    }
+</style>
+
+
+    
+    <div class="person-hero">
+        
+        <div class="person-hero-img" style="background-image: url('/img/comicFigures/hp_freddy_comic_1.png')"></div>
+        
+        <div class="person-hero-content">
+            <div class="person-hero-badges">
+                <span class="hero-badge">ZENTRAL-ARCHIV</span>
+                <span class="hero-badge red">EINHEIT IDENTIFIZIERT</span>
+            </div>
+            <p class="person-pre-label" style="margin:12px 0 4px;">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p>
+            <div class="person-title-wrap">
+                <span class="person-title-deco">⟪</span>
+                <h1 class="person-glitch-title" data-text="BRUDER">BRUDER</h1>
+                <span class="person-title-deco">⟫</span>
+            </div>
+            <p class="person-sub-label">STATUS: <span class="person-status-blink">OPERATIONAL</span></p>
+
+            
+            <div class="stat-bars">
+                <div class="stat-row">
+                    <span class="stat-label">GEFAHR</span>
+                    <div class="stat-track"><div class="stat-bar danger" data-val="65"></div></div>
+                    <span class="stat-val">65%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">STABILITÄT</span>
+                    <div class="stat-track"><div class="stat-bar stable" data-val="85"></div></div>
+                    <span class="stat-val">85%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">CHAOS</span>
+                    <div class="stat-track"><div class="stat-bar chaos" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">KOMPETENZ</span>
+                    <div class="stat-track"><div class="stat-bar kompetenz" data-val="92"></div></div>
+                    <span class="stat-val">92%</span>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    
+    
+    <div class="alias-ticker-outer">
+        <div class="alias-ticker-inner">
+            <span>VERBRENNUNGS-MAGIER / KOLBEN-DOMINATOR / DER_SCHRAUBER &nbsp;·&nbsp; VERBRENNUNGS-MAGIER / KOLBEN-DOMINATOR / DER_SCHRAUBER &nbsp;·&nbsp; VERBRENNUNGS-MAGIER / KOLBEN-DOMINATOR / DER_SCHRAUBER</span>
+        </div>
+    </div>
+    
+
+    <div class="container" style="max-width: 900px; margin: 0 auto; padding: 0 20px;">
+        <header style="margin-bottom: 20px; display:none;"></header>
+
+        
+        <div class="timeline-track">
+            
+            
+            <div class="time-node right omega">
+                <div class="time-content omega-node">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 1981 ]</span>
+                        <span class="tc-tag">BOOT // OMEGA-KLASSE</span>
+                    </div>
+                    <p>⚡ KYBERNETISCHER KNOTEN V1.0 GEHT ONLINE. Erste mechanische Diagnostik: Stabil. Ansaugtrakt kalibriert. Chaos-Index: ERHÖHT.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node left ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 1985 ]</span>
+                        <span class="tc-tag">KALIBRIERUNG</span>
+                    </div>
+                    <p>MOTORISCHE KALIBRIERUNG abgeschlossen. Erste Interaktion mit Overlord-Modul (Sascha). Kompatibilitätstest: REIBUNGSHITZE FESTGESTELLT.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node right ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 1990 ]</span>
+                        <span class="tc-tag">HARDWARE-SCAN</span>
+                    </div>
+                    <p>WERKZEUG-SYCHRONISATION erfolgreich. Erste Prototypen zerlegt (und meistens wieder zusammengebaut). Neugier-Protokolle dominierend.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node left ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 1995 ]</span>
+                        <span class="tc-tag">SYSTEM-UPDATE</span>
+                    </div>
+                    <p>BRENNKAMMER-UPDATE PHASE II. Fokus auf alles, was Kolben hat. Überschneidungen mit Overlord-System: Konstruktive Anarchie.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node right omega">
+                <div class="time-content omega-node">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 1999 ]</span>
+                        <span class="tc-tag">UPGRADE // NITRO-INJEKTION</span>
+                    </div>
+                    <p>FÜHRERSCHEIN-KERNEL geladen. Mobilitäts-Radius um 500% erweitert. Systemvektor: VOLLGAS.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node left ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 2005 ]</span>
+                        <span class="tc-tag">OPTIMIERUNG</span>
+                    </div>
+                    <p>PROFESSIONELLE SCHRAUBER-ROUTINEN gestartet. Öl-Zufuhr stabilisiert. Verbindung zum Clan-Netzwerk: DURCHGEHEND GEFETTET.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node right ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 2015 ]</span>
+                        <span class="tc-tag">ANALYSE // POSITIV</span>
+                    </div>
+                    <p>LANGZEIT-ANALYSE: Alle Zylinder zünden synchron. Charaktermerkmale: Drehmomentstark. Überraschungskoeffizient: Präzise.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node left omega">
+                <div class="time-content omega-node">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 2025 ]</span>
+                        <span class="tc-tag">AKTUELL // DAUERBETRIEB</span>
+                    </div>
+                    <p>STATUS: GNADENLOS AM SCHRAUBEN. Alles was fährt, wird optimiert. VERBINDUNGSQUALITÄT ZUM OVERLORD: 100% KOMPATIBEL.</p>
+                </div>
+            </div>
+            
+        </div>
+
+        
+        <div style="text-align: center; margin-top: 60px;">
+            <button class="akte-label-btn"
+                    onclick="document.getElementById('person-akte-modal').style.display='flex'; document.body.style.overflow='hidden';">
+                <div class="akte-label-top">
+                    <span class="akte-label-nr">DOKUMENT-NR. 1981 (Modellreihe Mark II)</span>
+                    <span class="akte-label-stamp">VERTRAULICH</span>
+                </div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-title">AKTE: BRUDER</div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-bottom">
+                    <span>STATUS: OPERATIONAL</span>
+                    <span>▶ AKTE ÖFFNEN</span>
+                </div>
+            </button>
+        </div>
+
+        <style>
+            .akte-label-btn {
+                background: linear-gradient(180deg, #1c1208 0%, #0e0a04 100%);
+                border: 1px solid #5d3d1e;
+                border-left: 4px solid #b87333;
+                color: #d4af37;
+                font-family: 'Courier New', monospace;
+                cursor: pointer;
+                padding: 18px 28px;
+                width: 320px;
+                text-align: left;
+                transition: all 0.2s;
+                box-shadow: 2px 2px 12px rgba(0,0,0,0.6);
+                position: relative;
+            }
+            .akte-label-btn::before {
+                content: '';
+                position: absolute;
+                top: 6px; left: 6px; right: 6px; bottom: 6px;
+                border: 1px dashed rgba(184,115,51,0.2);
+                pointer-events: none;
+            }
+            .akte-label-btn:hover {
+                border-left-color: #ff4500;
+                box-shadow: 3px 3px 20px rgba(184,115,51,0.2);
+                background: linear-gradient(180deg, #221508 0%, #0e0a04 100%);
+            }
+            .akte-label-top {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-bottom: 10px;
+            }
+            .akte-label-nr {
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.4);
+                letter-spacing: 1px;
+            }
+            .akte-label-stamp {
+                font-size: 0.55rem;
+                letter-spacing: 2px;
+                color: #b71c1c;
+                border: 1px solid #b71c1c;
+                padding: 1px 6px;
+                opacity: 0.8;
+            }
+            .akte-label-divider {
+                border-top: 1px solid rgba(184,115,51,0.25);
+                margin: 8px 0;
+            }
+            .akte-label-title {
+                font-size: 1rem;
+                font-weight: bold;
+                letter-spacing: 4px;
+                color: #d4af37;
+                margin: 4px 0;
+            }
+            .akte-label-bottom {
+                display: flex;
+                justify-content: space-between;
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.45);
+                letter-spacing: 1px;
+                margin-top: 4px;
+            }
+            .akte-label-btn:hover .akte-label-bottom span:last-child {
+                color: #ff4500;
+            }
+        </style>
+    </div>
+</div>
+
+
+<div id="person-akte-modal" style="position: fixed; inset: 0; z-index: 1000000; background: rgba(0,0,0,0.85); display: none; align-items: center; justify-content: center; padding: 10px; overflow: hidden; perspective: 1000px;">
+    <div style="display: flex; flex-direction: column; align-items: center; max-width: 585px; width: 95%;">
+    <div class="akte-inner" style="width: 100%; background: #d9c5a0; background-image: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 100%), url('https://www.transparenttextures.com/patterns/old-paper.png'); border: 1px solid #8b7355; padding: 25px; position: relative; font-family: 'Courier New', monospace; box-shadow: 10px 20px 50px rgba(0,0,0,0.8), inset 0 0 100px rgba(139,115,85,0.3); transform: rotate(-2deg); animation: throw-sign 0.5s ease-out forwards; color: #2a1b0a;">
+        
+        <style>
+            @keyframes throw-sign {
+                0% { transform: rotate(-10deg) scale(0.7) translateY(500px); opacity: 0; }
+                100% { transform: rotate(-2deg) scale(1) translateY(0); opacity: 1; }
+            }
+            .akte-inner h1 { color: #2a1b0a !important; font-size: 1.8rem !important; margin: 10px 0 2px !important; text-shadow: none !important; border-bottom: 2px solid rgba(42,27,10,0.2); }
+            .akte-inner div, .akte-inner p { font-size: 0.75rem !important; }
+            .akte-inner .data-row { border-bottom: 1px solid rgba(42,27,10,0.1) !important; padding: 6px 0 !important; }
+            .akte-inner .label { color: #5d4037 !important; font-weight: bold; }
+            .akte-inner .red-stamp { border: 2px solid #b71c1c; color: #b71c1c; padding: 3px 10px; font-weight: bold; transform: rotate(10deg); opacity: 0.8; font-size: 0.8rem !important; display: inline-block; }
+        </style>
+        
+        
+        <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px;">
+            <div class="red-stamp">TOP SECRET</div>
+            <button onclick="document.getElementById('person-akte-modal').style.display='none'; document.body.style.overflow='auto';"
+                    style="background: rgba(0,0,0,0.1); border: 1px solid #2a1b0a; color: #2a1b0a; cursor: pointer; padding: 3px 10px; font-size: 0.7rem !important;">[X] SCHLIESSEN</button>
+        </div>
+
+        
+        
+        <div style="display: flex; gap: 8px; margin-bottom: 16px; border-bottom: 1px dashed rgba(42,27,10,0.2); padding-bottom: 12px;">
+            
+            <button onclick="switchAkteFoto('\/img\/akte\/hp_fredfdy_akte_1.png')"
+                    class="akte-foto-btn akte-foto-active"
+                    data-foto="/img/akte/hp_fredfdy_akte_1.png"
+                    style="background: rgba(183,28,28,0.15); border: 1px solid #b71c1c; color: #2a1b0a; cursor: pointer; padding: 3px 12px; font-family: 'Courier New', monospace; font-size: 0.65rem !important; letter-spacing: 1px;">
+                FOTO 1
+            </button>
+            
+            <button onclick="switchAkteFoto('\/img\/akte\/hp_freddy_akte_2.png')"
+                    class="akte-foto-btn "
+                    data-foto="/img/akte/hp_freddy_akte_2.png"
+                    style="background: rgba(0,0,0,0.1); border: 1px solid rgba(42,27,10,0.3); color: #2a1b0a; cursor: pointer; padding: 3px 12px; font-family: 'Courier New', monospace; font-size: 0.65rem !important; letter-spacing: 1px;">
+                FOTO 2
+            </button>
+            
+            <button onclick="switchAkteFoto('\/img\/akte\/hp_freddy_akte_3.png')"
+                    class="akte-foto-btn "
+                    data-foto="/img/akte/hp_freddy_akte_3.png"
+                    style="background: rgba(0,0,0,0.1); border: 1px solid rgba(42,27,10,0.3); color: #2a1b0a; cursor: pointer; padding: 3px 12px; font-family: 'Courier New', monospace; font-size: 0.65rem !important; letter-spacing: 1px;">
+                FOTO 3
+            </button>
+            
+        </div>
+        
+
+        <div style="display: flex; gap: 20px; align-items: flex-start;">
+            
+            <div style="position: relative; border: 1px solid #2a1b0a; padding: 3px; background: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);">
+                
+                <img src="/img/akte/hp_fredfdy_akte_1.png" class="akte-foto" style="width: 200px; height: 250px; object-fit: cover; filter: none; cursor: zoom-in; display: block;"
+                     onclick="document.getElementById('akte-foto-zoom').style.display='flex';">
+                <div style="position: absolute; bottom: 5px; right: -10px; background: #b71c1c; color: #fff; padding: 2px 5px; font-weight: bold; font-size: 0.6rem !important; transform: rotate(-5deg);">GESPERRT</div>
+            </div>
+
+            
+            <div id="akte-foto-zoom" onclick="this.style.display='none';"
+                 style="display:none; position:fixed; inset:0; z-index:9999999; background:rgba(0,0,0,0.92); align-items:center; justify-content:center; cursor:zoom-out;">
+                <img src="/img/akte/hp_fredfdy_akte_1.png" style="max-width:90vw; max-height:90vh; object-fit:contain; box-shadow: 0 0 60px rgba(0,0,0,0.9); border: 2px solid #2a1b0a;">
+            </div>
+
+            
+            <div style="flex: 1;">
+                <div style="font-size: 0.5rem !important; color: #5d4037; letter-spacing: 2px; margin-bottom: 2px;">PROTOKOLL NR. 1974-Ø</div>
+                <h1 style="font-weight: bold;">BRUDER</h1>
+                <p style="color: #5d4037; font-size: 0.7rem !important; margin: 5px 0 10px;">ALIAS: VERBRENNUNGS-MAGIER / KOLBEN-DOMINATOR / DER_SCHRAUBER</p>
+                
+                <div style="display: flex; gap: 10px;">
+                    <div style="border: 1px solid #b71c1c; padding: 2px 8px; color: #b71c1c; font-size: 0.6rem !important; font-weight: bold;">STATUS: OPERATIONAL</div>
+                    <div style="color: #2a1b0a; font-size: 0.6rem !important; font-weight: bold;">GEFAHR: <span style="letter-spacing: 1px;">HOCH (wenn Werkzeug fehlt)</span><br><img src="/img/akte/hp_totenkopf_1.png" style="width: 70px; height: 70px; object-fit: contain; margin-top: 4px;"></div>
+                </div>
+            </div>
+        </div>
+
+        
+        <div style="margin-top: 20px; border-top: 2px solid rgba(42,27,10,0.2);">
+            
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">DESIGNATION:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    Bruder
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">GEBURTSDATUM:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    1981 (Modellreihe Mark II)
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BESCHÄFTIGUNG:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    GNADENLOSER MECHANIKER-FUERST &amp; DREHMOMENT-OPTIMIERER
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">SPEZIALFÄHIGK.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    Turbo-Kompilierung · Motor-Flüstern · Spontane Hydraulik-Fixes
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BEKANNTE KOMPL.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    DREHMOMENTSCHLÜSSEL_v12 · SASCHA.exe · MUTTI.sys
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">LETZTE AKTIVITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    GERADE JETZT
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STABILITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    MASSIV (wie ein V8-Block)
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STANDORT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    WERKSTATT-KNOTEN 01 (ÖLVERSCHMIERT)
+                    
+                </div>
+            </div>
+            
+        </div>
+
+        
+        <div style="margin-top: 20px; display: flex; justify-content: space-between; align-items: flex-end;">
+            <div style="display: flex; align-items: center; gap: 10px; opacity: 0.7;">
+                <div style="width: 35px; height: 35px;">
+                    <svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50 Q50 10 70 50 T30 50 Z"/></svg>
+                </div>
+                <div style="font-size: 0.6rem !important; color: #2a1b0a; line-height: 1.2;">ID-SCAN: 94.7%<br>VERIFIZIERT</div>
+            </div>
+            
+            <div style="font-family: 'Courier New', monospace; font-size: 0.75rem !important; letter-spacing: 2px; color: #5d4037; border: 1px dashed #2a1b0a; padding: 2px 10px;">ARCHIV_PERMANENT</div>
+        </div>
+    </div>
+    </div>
+</div>
+
+<style>
+    .akte-foto { transition: transform 0.2s, box-shadow 0.2s; }
+    .akte-foto:hover { transform: scale(1.04); box-shadow: 0 0 15px rgba(184,115,51,0.7); }
+
+    .akte-foto-btn { transition: all 0.2s; }
+    .akte-foto-btn:hover { background: rgba(183,28,28,0.1) !important; border-color: #b71c1c !important; }
+    .akte-foto-active { background: rgba(183,28,28,0.15) !important; border-color: #b71c1c !important; }
+    
+     
+    .time-node.omega .time-content {
+        border: 2px solid rgba(255, 69, 0, 0.6) !important;
+        box-shadow: inset 0 0 12px rgba(255, 69, 0, 0.15), 0 0 10px rgba(255, 0, 0, 0.2);
+        animation: omega-pulse 3s infinite alternate;
+        background: linear-gradient(135deg, rgba(80, 20, 10, 0.95), rgba(30, 0, 0, 0.95)) !important;
+    }
+    .time-node.omega .node-dot {
+        border-color: #ff4500 !important;
+        background: radial-gradient(circle, #ff0000 0%, #330000 100%) !important;
+        box-shadow: 0 0 8px rgba(255, 69, 0, 0.4);
+        animation: omega-dot-pulse 3s infinite alternate ease-in-out;
+    }
+    .node-dot {
+        box-shadow: 0 0 8px rgba(212, 175, 55, 0.4);
+        transition: all 0.3s ease;
+    }
+    .time-node.omega .tc-year {
+        color: #ff4500 !important;
+        text-shadow: 0 0 10px #ff4500;
+        font-weight: 900 !important;
+    }
+    
+    @keyframes omega-dot-pulse {
+        0%   { box-shadow: 0 0 5px rgba(255, 69, 0, 0.3); }
+        100% { box-shadow: 0 0 12px rgba(255, 69, 0, 0.6); }
+    }
+    @keyframes omega-pulse {
+        0%   { box-shadow: inset 0 0 8px rgba(255, 69, 0, 0.1), 0 0 6px rgba(255, 0, 0, 0.15); border-color: rgba(255, 69, 0, 0.4); }
+        100% { box-shadow: inset 0 0 18px rgba(255, 69, 0, 0.25), 0 0 14px rgba(255, 0, 0, 0.3); border-color: rgba(255, 69, 0, 0.8); }
+    }
+    @keyframes omega-dot-blink {
+        50% { opacity: 0; transform: scale(1.5); }
+    }
+</style>
+
+<style>
+ 
+#declassified-overlay {
+    position: fixed; inset: 0; z-index: 99999;
+    pointer-events: none;
+    background: rgba(0,0,0,0.92);
+    display: flex; align-items: center; justify-content: center;
+    transition: opacity 0.8s ease;
+}
+#declassified-overlay.gone { opacity: 0; pointer-events: none; }
+.scanlines {
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg,
+        transparent,
+        transparent 2px,
+        rgba(0,255,0,0.015) 2px,
+        rgba(0,255,0,0.015) 4px
+    );
+    pointer-events: none;
+}
+#declassified-stamp {
+    font-family: 'Courier New', monospace;
+    font-size: 3.5rem;
+    font-weight: 900;
+    color: #b71c1c;
+    border: 6px solid #b71c1c;
+    padding: 20px 40px;
+    letter-spacing: 8px;
+    text-align: center;
+    line-height: 1.2;
+    transform: rotate(-12deg) scale(0);
+    opacity: 0;
+    text-shadow: 0 0 30px rgba(183,28,28,0.5);
+    box-shadow: 0 0 40px rgba(183,28,28,0.3), inset 0 0 40px rgba(183,28,28,0.1);
+    animation: stamp-in 0.4s 0.3s cubic-bezier(0.175,0.885,0.32,1.275) forwards;
+}
+@keyframes stamp-in {
+    to { transform: rotate(-12deg) scale(1); opacity: 0.85; }
+}
+
+ 
+.person-hero {
+    position: relative;
+    width: 100%;
+    min-height: 300px;
+    background: linear-gradient(135deg, #0a0600 0%, #120e06 60%, #0a0600 100%);
+    border-bottom: 1px solid rgba(184,115,51,0.3);
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    margin-bottom: 0;
+}
+.person-hero::before {
+    content: '';
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg, transparent, transparent 3px,
+        rgba(184,115,51,0.03) 3px, rgba(184,115,51,0.03) 4px
+    );
+    pointer-events: none;
+}
+.person-hero-img {
+    position: absolute;
+    right: 0; top: 0; bottom: 0;
+    width: 45%;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: right bottom;
+    opacity: 0.25;
+    filter: sepia(0.4) hue-rotate(10deg);
+    mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+    -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+}
+.person-hero-content {
+    position: relative;
+    z-index: 2;
+    padding: 30px 40px;
+    max-width: 620px;
+}
+.person-hero-badges {
+    display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;
+}
+.hero-badge {
+    font-family: 'Courier New', monospace;
+    font-size: 0.55rem;
+    letter-spacing: 3px;
+    padding: 3px 10px;
+    border: 1px solid rgba(184,115,51,0.4);
+    color: rgba(184,115,51,0.7);
+}
+.hero-badge.red {
+    border-color: rgba(183,28,28,0.5);
+    color: rgba(183,28,28,0.8);
+}
+
+ 
+.stat-bars { margin-top: 20px; width: 100%; max-width: 400px; }
+.stat-row {
+    display: flex; align-items: center; gap: 10px; margin-bottom: 8px;
+}
+.stat-label {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 2px;
+    color: rgba(212,175,55,0.5);
+    width: 80px; flex-shrink: 0;
+}
+.stat-track {
+    flex: 1; height: 6px;
+    background: rgba(255,255,255,0.05);
+    border: 1px solid rgba(184,115,51,0.2);
+    overflow: hidden;
+}
+.stat-bar {
+    height: 100%; width: 0%;
+    transition: width 1.2s cubic-bezier(0.4,0,0.2,1);
+}
+.stat-bar.danger   { background: linear-gradient(90deg, #8b0000, #ff4500); box-shadow: 0 0 8px rgba(255,69,0,0.5); }
+.stat-bar.stable   { background: linear-gradient(90deg, #1a4a1a, #4caf50); box-shadow: 0 0 8px rgba(76,175,80,0.5); }
+.stat-bar.chaos    { background: linear-gradient(90deg, #4a0080, #c800ff); box-shadow: 0 0 8px rgba(200,0,255,0.4); }
+.stat-bar.kompetenz { background: linear-gradient(90deg, #1a3a5c, #2196f3); box-shadow: 0 0 8px rgba(33,150,243,0.5); }
+.stat-val {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; color: rgba(212,175,55,0.4);
+    width: 32px; text-align: right; flex-shrink: 0;
+}
+
+ 
+.alias-ticker-outer {
+    overflow: hidden;
+    background: rgba(0,0,0,0.6);
+    border-top: 1px solid rgba(184,115,51,0.15);
+    border-bottom: 1px solid rgba(184,115,51,0.15);
+    padding: 7px 0;
+    white-space: nowrap;
+}
+.alias-ticker-inner {
+    display: inline-block;
+    animation: ticker-scroll 18s linear infinite;
+    font-family: 'Courier New', monospace;
+    font-size: 0.65rem;
+    letter-spacing: 4px;
+    color: rgba(184,115,51,0.5);
+    padding-left: 100%;
+}
+@keyframes ticker-scroll {
+    from { transform: translateX(0); }
+    to   { transform: translateX(-50%); }
+}
+
+ 
+.person-pre-label {
+    color: rgba(184,115,51,0.5);
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 4px; margin-bottom: 6px;
+}
+.person-title-wrap {
+    display: flex; align-items: center; gap: 14px; margin: 4px 0;
+}
+.person-title-deco {
+    color: #b87333; font-size: 1.8rem; opacity: 0.6;
+    animation: deco-pulse 2s ease-in-out infinite alternate;
+}
+@keyframes deco-pulse {
+    from { opacity: 0.3; transform: scaleY(0.85); }
+    to   { opacity: 0.8; transform: scaleY(1.1); }
+}
+.person-glitch-title {
+    color: #ff4500; font-family: 'Courier New', monospace;
+    font-size: 2rem; letter-spacing: 10px;
+    text-shadow: 0 0 20px rgba(255,69,0,0.5);
+    margin: 0; position: relative;
+    animation: glitch-flicker 6s infinite;
+}
+.person-glitch-title::before,
+.person-glitch-title::after {
+    content: attr(data-text); position: absolute;
+    left: 0; top: 0; width: 100%; overflow: hidden; opacity: 0;
+}
+.person-glitch-title::before {
+    color: #0ff; animation: glitch-top 6s infinite;
+    clip-path: polygon(0 0,100% 0,100% 40%,0 40%);
+}
+.person-glitch-title::after {
+    color: #f0f; animation: glitch-bot 6s infinite;
+    clip-path: polygon(0 60%,100% 60%,100% 100%,0 100%);
+}
+@keyframes glitch-flicker {
+    0%,90%,100% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    92% { text-shadow: 2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    94% { text-shadow: -2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    96% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    98% { text-shadow: 1px 0 #0ff,-1px 0 #f0f; }
+}
+@keyframes glitch-top {
+    0%,90%,100% { opacity:0; transform:none; }
+    92% { opacity:0.7; transform:translate(-3px,-2px); }
+    94% { opacity:0; }
+    96% { opacity:0.5; transform:translate(3px,-1px); }
+    98% { opacity:0; }
+}
+@keyframes glitch-bot {
+    0%,90%,100% { opacity:0; transform:none; }
+    93% { opacity:0.6; transform:translate(3px,2px); }
+    95% { opacity:0; }
+    97% { opacity:0.4; transform:translate(-3px,1px); }
+    99% { opacity:0; }
+}
+.person-sub-label {
+    color: rgba(212,175,55,0.45); font-family: 'Courier New', monospace;
+    font-size: 0.65rem; letter-spacing: 3px; margin-top: 6px;
+}
+.person-status-blink { color: #0f0; animation: blink-status 1.4s step-end infinite; }
+@keyframes blink-status { 50% { opacity: 0; } }
+</style>
+
+<script>
+
+(function() {
+    const key = 'decl_bruder';
+    const overlay = document.getElementById('declassified-overlay');
+    if (!overlay) return;
+    if (sessionStorage.getItem(key)) {
+        overlay.style.display = 'none';
+        return;
+    }
+    setTimeout(() => {
+        overlay.classList.add('gone');
+        setTimeout(() => {
+            overlay.style.display = 'none';
+            sessionStorage.setItem(key, '1');
+        }, 900);
+    }, 1800);
+})();
+
+
+document.addEventListener('DOMContentLoaded', () => {
+    setTimeout(() => {
+        document.querySelectorAll('.stat-bar').forEach(bar => {
+            bar.style.width = bar.dataset.val + '%';
+        });
+    }, 400);
+});
+</script>
+
+<script>
+
+(function() {
+    const SPIDER = '🕷';
+    let active = [];
+
+    function spawn() {
+        const el = document.createElement('div');
+        el.textContent = SPIDER;
+        el.style.cssText = [
+            'position:fixed',
+            'font-size:1.6rem',
+            'z-index:999999',
+            'pointer-events:none',
+            'transition:none',
+            'filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)',
+            'will-change:transform',
+            'line-height:1',
+        ].join(';');
+        document.body.appendChild(el);
+
+        const W = window.innerWidth, H = window.innerHeight;
+
+        
+        const edge = Math.floor(Math.random() * 4);
+        let x = edge === 1 ? W + 20 : edge === 3 ? -20 : Math.random() * W;
+        let y = edge === 0 ? -20  : edge === 2 ? H + 20  : Math.random() * H;
+
+        el.style.left = x + 'px';
+        el.style.top  = y + 'px';
+
+        
+        const steps = 4 + Math.floor(Math.random() * 4);
+        let i = 0;
+
+        function step() {
+            if (i >= steps || !document.body.contains(el)) { el.remove(); return; }
+
+            const tx = Math.random() * W;
+            const ty = Math.random() * H;
+            const dist = Math.hypot(tx - x, ty - y);
+            const dur  = dist * 4; 
+            const ang  = Math.atan2(ty - y, tx - x) * 180 / Math.PI + 90;
+
+            el.style.transition = `left ${dur}ms linear, top ${dur}ms linear`;
+            el.style.transform  = `rotate(${ang}deg)`;
+            el.style.left = tx + 'px';
+            el.style.top  = ty + 'px';
+
+            x = tx; y = ty; i++;
+            setTimeout(step, dur);
+        }
+
+        step();
+    }
+
+    
+    spawn();
+    setInterval(spawn, 4000);
+})();
+
+function switchAkteFoto(src) {
+    document.querySelector('.akte-foto').src = src;
+    document.getElementById('akte-foto-zoom').querySelector('img').src = src;
+    document.querySelectorAll('.akte-foto-btn').forEach(btn => {
+        const active = btn.dataset.foto === src;
+        btn.classList.toggle('akte-foto-active', active);
+        btn.style.background = active ? 'rgba(183,28,28,0.15)' : 'rgba(0,0,0,0.1)';
+        btn.style.borderColor = active ? '#b71c1c' : 'rgba(42,27,10,0.3)';
+    });
+}
+</script>
+
+    </main>
+
+    <footer class="main-footer">
+    <div class="footer-inner">
+        <p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p>
+    </div>
+</footer>
+
+    
+<div id="newsticker" style="position:fixed !important; bottom:0 !important; left:0 !important; right:0 !important; z-index:999999 !important; background:rgba(0,0,0,0.92) !important; border-top:1px solid rgba(255,69,0,0.35) !important; display:flex !important; align-items:center; height:28px !important; overflow:hidden; font-family:'Courier New', monospace !important; visibility: visible !important; opacity: 1 !important;">
+    <span class="ticker-label" style="flex-shrink:0; font-size:0.6rem; letter-spacing:2px; color:rgba(255,69,0,0.7); padding:0 15px; border-right:1px solid rgba(255,69,0,0.2); white-space:nowrap; height:100%; display:flex; align-items:center; background:rgba(255,69,0,0.05);">// SYSTEM_LOG_FEED</span>
+    <div class="ticker-track-wrap" style="flex:1; overflow:hidden; height:100%; display:flex; align-items:center;">
+        <div class="ticker-track" id="ticker-track-global" style="display:inline-flex; white-space:nowrap; animation: ticker-scroll 45s linear infinite;">
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ HUGO SYSTEM INITIALISIERT... ]</span>
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span>
+        </div>
+    </div>
+</div>
+
+<style>
+    @keyframes ticker-scroll {
+        0%   { transform: translateX(0); }
+        100% { transform: translateX(-50%); }
+    }
+    .ticker-item::before { content: '▶ '; color: rgba(255,69,0,0.5); }
+    .ticker-track:hover { animation-play-state: paused; }
+</style>
+
+<script>
+    (function() {
+        const track = document.getElementById('ticker-track-global');
+        if (!track) return;
+        const ITEMS = [
+            "STATUS: HUGO OPERATIONAL",
+            "DESIGNATION: OVERLORD SASCHA",
+            "KAFFEESTAND: KRITISCH",
+            "ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST",
+            "MISSION: TOTALE KONTROLLE",
+            "DATENINTEGRITÄT: ABSOLUT",
+            "WARNUNG: SYSTEM EXTREM SCHNELL",
+            "GEMINI NEURAL LINK: AKTIV"
+        ];
+        track.innerHTML = '';
+        [...ITEMS, ...ITEMS].forEach(text => {
+            const span = document.createElement('span');
+            span.className = 'ticker-item';
+            span.style.cssText = "font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;";
+            span.textContent = text;
+            track.appendChild(span);
+        });
+    })();
+</script>
+
+
+    <script src="/js/script.js"></script>
+    <script src="/js/ascii-shimmer.js"></script>
+</body>
+</html>
diff --git a/public/personen/mutti/index.html b/public/personen/mutti/index.html
index 11517f8..37611bd 100644
--- a/public/personen/mutti/index.html
+++ b/public/personen/mutti/index.html
@@ -1,19 +1,971 @@
-<!doctype html><html lang=de-de><head><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><title>Mutti | DIGITALE ANARCHIE | KI-LABOR</title><link rel=stylesheet href=/css/style.css></head><body class=bg-steampunk><div class="bg-gear gear-left">⚙</div><div class="bg-gear gear-right">⚙</div><script>document.body.classList.add("js-enabled")</script><header class=main-header></header><main class=container><div id=declassified-overlay><div class=scanlines></div><div id=declassified-stamp>ZUGANG<br>GEWÄHRT</div></div><div class="person-page-wrapper visible" style=padding-bottom:100px;opacity:1!important><div class=person-nav-container style="display:flex;flex-direction:column;align-items:center;gap:20px;margin:15px 0 30px"><a href=/ class=person-back>← ZURÜCK ZUR BASIS</a><div class=person-nav-row style=display:flex;justify-content:center;align-items:center;gap:35px;flex-wrap:wrap;position:relative><a href=/personen/mutti/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_mutti_comic_1.jpeg alt=MUTTI style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">MUTTI</span>
-</a><a href=/personen/vater/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_vater_comic_1.png alt=VATER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">VATER</span>
-</a><a href=/personen/bruder/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_freddy_comic_1.png alt=BRUDER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">BRUDER</span>
-</a><a href=/personen/schwester/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_meli_comic_1.png alt=SCHWESTER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SCHWESTER</span>
-</a><a href=/personen/sascha/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sascha_comic_1.jpeg alt=SASCHA style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SASCHA</span>
-</a><a href=/personen/sven/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sven_comic_1.jpeg alt=SVEN style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SVEN</span></a></div></div><style>.person-nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .2s}.person-nav-item:hover{transform:scale(1.1)}.person-nav-item:hover .person-nav-label{color:#d4af37!important}.person-back{display:inline-block;color:rgba(212,175,55,.6);font-size:.7rem;font-weight:700;letter-spacing:4px;text-decoration:none;font-family:courier new,monospace;border:1px solid rgba(212,175,55,.25);padding:6px 20px;background:0 0;text-transform:uppercase;transition:all .2s}.person-back:hover{color:#d4af37;border-color:rgba(212,175,55,.6);background:rgba(212,175,55,5%);letter-spacing:5px}</style><div class=person-hero><div class=person-hero-img style=background-image:url(/img/comicFigures/hp_mutti_comic_1.jpeg)></div><div class=person-hero-content><div class=person-hero-badges><span class=hero-badge>ZENTRAL-ARCHIV</span>
-<span class="hero-badge red">EINHEIT IDENTIFIZIERT</span></div><p class=person-pre-label style="margin:12px 0 4px">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p><div class=person-title-wrap><span class=person-title-deco>⟪</span><h1 class=person-glitch-title data-text=MUTTI>MUTTI</h1><span class=person-title-deco>⟫</span></div><p class=person-sub-label>STATUS: <span class=person-status-blink>OMEGA-KLASSE</span></p><div class=stat-bars><div class=stat-row><span class=stat-label>GEFAHR</span><div class=stat-track><div class="stat-bar danger" data-val=99></div></div><span class=stat-val>99%</span></div><div class=stat-row><span class=stat-label>STABILITÄT</span><div class=stat-track><div class="stat-bar stable" data-val=100></div></div><span class=stat-val>100%</span></div><div class=stat-row><span class=stat-label>CHAOS</span><div class=stat-track><div class="stat-bar chaos" data-val=18></div></div><span class=stat-val>18%</span></div><div class=stat-row><span class=stat-label>KOMPETENZ</span><div class=stat-track><div class="stat-bar kompetenz" data-val=97></div></div><span class=stat-val>97%</span></div></div></div></div><div class=alias-ticker-outer><div class=alias-ticker-inner><span>KUPFER-MATRIARCHIN / TEE-ORAKEL / ARCHITEKTIN DER FAMILIEN-GRID &nbsp;·&nbsp; KUPFER-MATRIARCHIN / TEE-ORAKEL / ARCHITEKTIN DER FAMILIEN-GRID &nbsp;·&nbsp; KUPFER-MATRIARCHIN / TEE-ORAKEL / ARCHITEKTIN DER FAMILIEN-GRID</span></div></div><div class=container style="max-width:900px;margin:0 auto;padding:0 20px"><header style=margin-bottom:20px;display:none></header><div class=timeline-track><div class="time-node right omega"><div class="time-content omega-node"><div class=tc-header><span class=tc-year>[ 1955 ]</span>
-<span class=tc-tag>BOOT // OMEGA-KLASSE</span></div><p>MATRIARCHIN-MODUL V1.0 INITIALISIERT. Erste Steampunk-Algorithmen erfolgreich implementiert. Systemstatus: Brillant.</p></div></div><div class="time-node left"><div class=time-content><div class=tc-header><span class=tc-year>[ 1970 ]</span>
-<span class=tc-tag>NETZWERK-INITIALISIERUNG</span></div><p>HISTORISCHER HANDSHAKE mit Hydraulik-Meister (Vater). Gemeinsame Infrastruktur-Planung begonnen. Resonanz: Synchron.</p></div></div><div class="time-node right omega"><div class="time-content omega-node"><div class=tc-header><span class=tc-year>[ 1974 ]</span>
-<span class=tc-tag>OMEGA-KLASSE // KRITISCH</span></div><p>⚡ HAUPTSYSTEM-AUSGABE: Overlord Sascha bootet erstmals. Systemkapazität durch massive kreative Schübe erweitert.</p></div></div><div class="time-node left"><div class=time-content><div class=tc-header><span class=tc-year>[ 1981 ]</span>
-<span class=tc-tag>NETZWERK-ERWEITERUNG</span></div><p>ZWEITE SYSTEM-AUSGABE: Bruder-Knoten erfolgreich in die Clan-Struktur integriert. Netzwerkausbau läuft nach Plan.</p></div></div><div class="time-node right"><div class=time-content><div class=tc-header><span class=tc-year>[ 1983 ]</span>
-<span class=tc-tag>NETZWERK-ERWEITERUNG</span></div><p>DRITTE SYSTEM-AUSGABE: AETHER-SIBLING (Schwester) online. Clan-Netzwerk erreicht OMEGA-Level. Alle Primär-Knoten aktiv.</p></div></div><div class="time-node left"><div class=time-content><div class=tc-header><span class=tc-year>[ 2000 ]</span>
-<span class=tc-tag>SYSTEMCHECK</span></div><p>ARCHITEKTUR-UPDATE abgeschlossen. Die Matriarchin hält alle Fäden des Kupfer-Netzwerks fest in der Hand. Stabilität: Unerschütterlich.</p></div></div><div class="time-node right omega"><div class="time-content omega-node"><div class=tc-header><span class=tc-year>[ 2025 ]</span>
-<span class=tc-tag>AKTUELL // OMEGA-KLASSIFIZIERT</span></div><p>STATUS: HÖCHSTE AUTORITÄT. Alle Subsysteme unterliegen der mütterlichen Kontrolle. Zugriff: Nur für autorisierte Clan-Mitglieder.</p></div></div></div><div style=text-align:center;margin-top:60px><button class=akte-label-btn onclick='document.getElementById("person-akte-modal").style.display="flex",document.body.style.overflow="hidden"'><div class=akte-label-top><span class=akte-label-nr>DOKUMENT-NR. schleierhaft (Zeitschleife vermutet)</span>
-<span class=akte-label-stamp>VERTRAULICH</span></div><div class=akte-label-divider></div><div class=akte-label-title>AKTE: MUTTI</div><div class=akte-label-divider></div><div class=akte-label-bottom><span>STATUS: OMEGA-KLASSE</span>
-<span>▶ AKTE ÖFFNEN</span></div></button></div><style>.akte-label-btn{background:linear-gradient(180deg,#1c1208 0%,#0e0a04 100%);border:1px solid #5d3d1e;border-left:4px solid #b87333;color:#d4af37;font-family:courier new,monospace;cursor:pointer;padding:18px 28px;width:320px;text-align:left;transition:all .2s;box-shadow:2px 2px 12px rgba(0,0,0,.6);position:relative}.akte-label-btn::before{content:'';position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px dashed rgba(184,115,51,.2);pointer-events:none}.akte-label-btn:hover{border-left-color:#ff4500;box-shadow:3px 3px 20px rgba(184,115,51,.2);background:linear-gradient(180deg,#221508 0%,#0e0a04 100%)}.akte-label-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.akte-label-nr{font-size:.6rem;color:rgba(212,175,55,.4);letter-spacing:1px}.akte-label-stamp{font-size:.55rem;letter-spacing:2px;color:#b71c1c;border:1px solid #b71c1c;padding:1px 6px;opacity:.8}.akte-label-divider{border-top:1px solid rgba(184,115,51,.25);margin:8px 0}.akte-label-title{font-size:1rem;font-weight:700;letter-spacing:4px;color:#d4af37;margin:4px 0}.akte-label-bottom{display:flex;justify-content:space-between;font-size:.6rem;color:rgba(212,175,55,.45);letter-spacing:1px;margin-top:4px}.akte-label-btn:hover .akte-label-bottom span:last-child{color:#ff4500}</style></div></div><div id=person-akte-modal style=position:fixed;inset:0;z-index:1000000;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;padding:10px;overflow:hidden;perspective:1e3px><div style=display:flex;flex-direction:column;align-items:center;max-width:585px;width:95%><div class=akte-inner style="width:100%;background:#d9c5a0;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 100%),url(https://www.transparenttextures.com/patterns/old-paper.png);border:1px solid #8b7355;padding:25px;position:relative;font-family:courier new,monospace;box-shadow:10px 20px 50px rgba(0,0,0,.8),inset 0 0 100px rgba(139,115,85,.3);transform:rotate(-2deg);animation:throw-sign .5s ease-out forwards;color:#2a1b0a"><style>@keyframes throw-sign{0%{transform:rotate(-10deg)scale(.7)translateY(500px);opacity:0}100%{transform:rotate(-2deg)scale(1)translateY(0);opacity:1}}.akte-inner h1{color:#2a1b0a!important;font-size:1.8rem!important;margin:10px 0 2px!important;text-shadow:none!important;border-bottom:2px solid rgba(42,27,10,.2)}.akte-inner div,.akte-inner p{font-size:.75rem!important}.akte-inner .data-row{border-bottom:1px solid rgba(42,27,10,.1)!important;padding:6px 0!important}.akte-inner .label{color:#5d4037!important;font-weight:700}.akte-inner .red-stamp{border:2px solid #b71c1c;color:#b71c1c;padding:3px 10px;font-weight:700;transform:rotate(10deg);opacity:.8;font-size:.8rem!important;display:inline-block}</style><div style=display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px><div class=red-stamp>TOP SECRET</div><button onclick='document.getElementById("person-akte-modal").style.display="none",document.body.style.overflow="auto"' style="background:rgba(0,0,0,.1);border:1px solid #2a1b0a;color:#2a1b0a;cursor:pointer;padding:3px 10px;font-size:.7rem!important">[X] SCHLIESSEN</button></div><div style=display:flex;gap:20px;align-items:flex-start><div style="position:relative;border:1px solid #2a1b0a;padding:3px;background:#fff;box-shadow:2px 2px 5px rgba(0,0,0,.2)"><img src=/img/hp_muti_steampunk_01.png class=akte-foto style=width:200px;height:250px;object-fit:cover;filter:none;cursor:zoom-in;display:block onclick='document.getElementById("akte-foto-zoom").style.display="flex"'><div style="position:absolute;bottom:5px;right:-10px;background:#b71c1c;color:#fff;padding:2px 5px;font-weight:700;font-size:.6rem!important;transform:rotate(-5deg)">GESPERRT</div></div><div id=akte-foto-zoom onclick='this.style.display="none"' style=display:none;position:fixed;inset:0;z-index:9999999;background:rgba(0,0,0,.92);align-items:center;justify-content:center;cursor:zoom-out><img src=/img/hp_muti_steampunk_01.png style="max-width:90vw;max-height:90vh;object-fit:contain;box-shadow:0 0 60px rgba(0,0,0,.9);border:2px solid #2a1b0a"></div><div style=flex:1><div style=font-size:.5rem!important;color:#5d4037;letter-spacing:2px;margin-bottom:2px>PROTOKOLL NR. 1974-Ø</div><h1 style=font-weight:700>MUTTI</h1><p style="color:#5d4037;font-size:.7rem!important;margin:5px 0 10px">ALIAS: KUPFER-MATRIARCHIN / TEE-ORAKEL / ARCHITEKTIN DER FAMILIEN-GRID</p><div style=display:flex;gap:10px><div style="border:1px solid #b71c1c;padding:2px 8px;color:#b71c1c;font-size:.6rem!important;font-weight:700">STATUS: OMEGA-KLASSE</div><div style=color:#2a1b0a;font-size:.6rem!important;font-weight:700>GEFAHR: <span style=letter-spacing:1px>UNENDLICH (bei leerem Kuchenteller)</span><br><img src=/img/akte/hp_totenkopf_1.png style=width:70px;height:70px;object-fit:contain;margin-top:4px></div></div></div></div><div style="margin-top:20px;border-top:2px solid rgba(42,27,10,.2)"><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>DESIGNATION:</div><div style=flex:1;font-weight:400>Mutti</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>GEBURTSDATUM:</div><div style=flex:1;font-weight:400>schleierhaft (Zeitschleife vermutet)
-<span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BESCHÄFTIGUNG:</div><div style=flex:1;font-weight:400>HÜTERIN DER THERMISCHEN TEEKANNE UND STRATEGISCHE FAMILIEN-LOGISTIK</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>SPEZIALFÄHIGK.:</div><div style=flex:1;font-weight:400>Analoge Verschlüsselung · Kuchen-Kompilierung · Telepathische Clan-Überwachung</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BEKANNTE KOMPL.:</div><div style=flex:1;font-weight:400>PAPA.sys · DER_OVERLORD · KAFFEE-BOT
-<span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>LETZTE AKTIVITÄT:</div><div style=flex:1;font-weight:400>GERADE JETZT</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STABILITÄT:</div><div style=flex:1;font-weight:400>ABSOLUT (Der Fels in der Brandung)</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STANDORT:</div><div style=flex:1;font-weight:400>ZENTRAL-KÜCHE (HOCHSICHERHEIT)</div></div></div><div style=margin-top:20px;display:flex;justify-content:space-between;align-items:flex-end><div style=display:flex;align-items:center;gap:10px;opacity:.7><div style=width:35px;height:35px><svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50q20-40 40 0T30 50z"/></svg></div><div style=font-size:.6rem!important;color:#2a1b0a;line-height:1.2>ID-SCAN: 94.7%<br>VERIFIZIERT</div></div><div style="font-family:courier new,monospace;font-size:.75rem!important;letter-spacing:2px;color:#5d4037;border:1px dashed #2a1b0a;padding:2px 10px">ARCHIV_PERMANENT</div></div></div></div></div><style>.akte-foto{transition:transform .2s,box-shadow .2s}.akte-foto:hover{transform:scale(1.04);box-shadow:0 0 15px rgba(184,115,51,.7)}.akte-foto-btn{transition:all .2s}.akte-foto-btn:hover{background:rgba(183,28,28,.1)!important;border-color:#b71c1c!important}.akte-foto-active{background:rgba(183,28,28,.15)!important;border-color:#b71c1c!important}.time-node.omega .time-content{border:2px solid rgba(255,69,0,.6)!important;box-shadow:inset 0 0 12px rgba(255,69,0,.15),0 0 10px rgba(255,0,0,.2);animation:omega-pulse 3s infinite alternate;background:linear-gradient(135deg,rgba(80,20,10,.95),rgba(30,0,0,.95))!important}.time-node.omega .node-dot{border-color:#ff4500!important;background:radial-gradient(circle,#ff0000 0%,#330000 100%)!important;box-shadow:0 0 8px rgba(255,69,0,.4);animation:omega-dot-pulse 3s infinite alternate ease-in-out}.node-dot{box-shadow:0 0 8px rgba(212,175,55,.4);transition:all .3s ease}.time-node.omega .tc-year{color:#ff4500!important;text-shadow:0 0 10px #ff4500;font-weight:900!important}@keyframes omega-dot-pulse{0%{box-shadow:0 0 5px rgba(255,69,0,.3)}100%{box-shadow:0 0 12px rgba(255,69,0,.6)}}@keyframes omega-pulse{0%{box-shadow:inset 0 0 8px rgba(255,69,0,.1),0 0 6px rgba(255,0,0,.15);border-color:rgba(255,69,0,.4)}100%{box-shadow:inset 0 0 18px rgba(255,69,0,.25),0 0 14px rgba(255,0,0,.3);border-color:rgba(255,69,0,.8)}}@keyframes omega-dot-blink{50%{opacity:0;transform:scale(1.5)}}</style><style>#declassified-overlay{position:fixed;inset:0;z-index:99999;pointer-events:none;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;transition:opacity .8s ease}#declassified-overlay.gone{opacity:0;pointer-events:none}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 2px,rgba(0,255,0,.015) 2px,rgba(0,255,0,.015) 4px );pointer-events:none}#declassified-stamp{font-family:courier new,monospace;font-size:3.5rem;font-weight:900;color:#b71c1c;border:6px solid #b71c1c;padding:20px 40px;letter-spacing:8px;text-align:center;line-height:1.2;transform:rotate(-12deg)scale(0);opacity:0;text-shadow:0 0 30px rgba(183,28,28,.5);box-shadow:0 0 40px rgba(183,28,28,.3),inset 0 0 40px rgba(183,28,28,.1);animation:stamp-in .4s .3s cubic-bezier(.175,.885,.32,1.275)forwards}@keyframes stamp-in{to{transform:rotate(-12deg)scale(1);opacity:.85}}.person-hero{position:relative;width:100%;min-height:300px;background:linear-gradient(135deg,#0a0600 0%,#120e06 60%,#0a0600 100%);border-bottom:1px solid rgba(184,115,51,.3);overflow:hidden;display:flex;align-items:center;margin-bottom:0}.person-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 3px,rgba(184,115,51,3%) 3px,rgba(184,115,51,3%) 4px );pointer-events:none}.person-hero-img{position:absolute;right:0;top:0;bottom:0;width:45%;background-size:contain;background-repeat:no-repeat;background-position:100% 100%;opacity:.25;filter:sepia(.4)hue-rotate(10deg);mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%);-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%)}.person-hero-content{position:relative;z-index:2;padding:30px 40px;max-width:620px}.person-hero-badges{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.hero-badge{font-family:courier new,monospace;font-size:.55rem;letter-spacing:3px;padding:3px 10px;border:1px solid rgba(184,115,51,.4);color:rgba(184,115,51,.7)}.hero-badge.red{border-color:rgba(183,28,28,.5);color:rgba(183,28,28,.8)}.stat-bars{margin-top:20px;width:100%;max-width:400px}.stat-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.stat-label{font-family:courier new,monospace;font-size:.6rem;letter-spacing:2px;color:rgba(212,175,55,.5);width:80px;flex-shrink:0}.stat-track{flex:1;height:6px;background:rgba(255,255,255,5%);border:1px solid rgba(184,115,51,.2);overflow:hidden}.stat-bar{height:100%;width:0%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.stat-bar.danger{background:linear-gradient(90deg,#8b0000,#ff4500);box-shadow:0 0 8px rgba(255,69,0,.5)}.stat-bar.stable{background:linear-gradient(90deg,#1a4a1a,#4caf50);box-shadow:0 0 8px rgba(76,175,80,.5)}.stat-bar.chaos{background:linear-gradient(90deg,#4a0080,#c800ff);box-shadow:0 0 8px rgba(200,0,255,.4)}.stat-bar.kompetenz{background:linear-gradient(90deg,#1a3a5c,#2196f3);box-shadow:0 0 8px rgba(33,150,243,.5)}.stat-val{font-family:courier new,monospace;font-size:.6rem;color:rgba(212,175,55,.4);width:32px;text-align:right;flex-shrink:0}.alias-ticker-outer{overflow:hidden;background:rgba(0,0,0,.6);border-top:1px solid rgba(184,115,51,.15);border-bottom:1px solid rgba(184,115,51,.15);padding:7px 0;white-space:nowrap}.alias-ticker-inner{display:inline-block;animation:ticker-scroll 18s linear infinite;font-family:courier new,monospace;font-size:.65rem;letter-spacing:4px;color:rgba(184,115,51,.5);padding-left:100%}@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.person-pre-label{color:rgba(184,115,51,.5);font-family:courier new,monospace;font-size:.6rem;letter-spacing:4px;margin-bottom:6px}.person-title-wrap{display:flex;align-items:center;gap:14px;margin:4px 0}.person-title-deco{color:#b87333;font-size:1.8rem;opacity:.6;animation:deco-pulse 2s ease-in-out infinite alternate}@keyframes deco-pulse{from{opacity:.3;transform:scaleY(.85)}to{opacity:.8;transform:scaleY(1.1)}}.person-glitch-title{color:#ff4500;font-family:courier new,monospace;font-size:2rem;letter-spacing:10px;text-shadow:0 0 20px rgba(255,69,0,.5);margin:0;position:relative;animation:glitch-flicker 6s infinite}.person-glitch-title::before,.person-glitch-title::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden;opacity:0}.person-glitch-title::before{color:#0ff;animation:glitch-top 6s infinite;clip-path:polygon(0 0,100% 0,100% 40%,0 40%)}.person-glitch-title::after{color:#f0f;animation:glitch-bot 6s infinite;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%)}@keyframes glitch-flicker{0%,90%,100%{text-shadow:0 0 20px rgba(255,69,0,.5)}92%{text-shadow:2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}94%{text-shadow:-2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}96%{text-shadow:0 0 20px rgba(255,69,0,.5)}98%{text-shadow:1px 0 #0ff,-1px 0 #f0f}}@keyframes glitch-top{0%,90%,100%{opacity:0;transform:none}92%{opacity:.7;transform:translate(-3px,-2px)}94%{opacity:0}96%{opacity:.5;transform:translate(3px,-1px)}98%{opacity:0}}@keyframes glitch-bot{0%,90%,100%{opacity:0;transform:none}93%{opacity:.6;transform:translate(3px,2px)}95%{opacity:0}97%{opacity:.4;transform:translate(-3px,1px)}99%{opacity:0}}.person-sub-label{color:rgba(212,175,55,.45);font-family:courier new,monospace;font-size:.65rem;letter-spacing:3px;margin-top:6px}.person-status-blink{color:#0f0;animation:blink-status 1.4s step-end infinite}@keyframes blink-status{50%{opacity:0}}</style><script>(function(){const t="decl_mutti",e=document.getElementById("declassified-overlay");if(!e)return;if(sessionStorage.getItem(t)){e.style.display="none";return}setTimeout(()=>{e.classList.add("gone"),setTimeout(()=>{e.style.display="none",sessionStorage.setItem(t,"1")},900)},1800)})(),document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{document.querySelectorAll(".stat-bar").forEach(e=>{e.style.width=e.dataset.val+"%"})},400)})</script><script>(function(){const t="🕷";let n=[];function e(){const e=document.createElement("div");e.textContent=t,e.style.cssText=["position:fixed","font-size:1.6rem","z-index:999999","pointer-events:none","transition:none","filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)","will-change:transform","line-height:1"].join(";"),document.body.appendChild(e);const i=window.innerWidth,a=window.innerHeight,n=Math.floor(Math.random()*4);let s=n===1?i+20:n===3?-20:Math.random()*i,o=n===0?-20:n===2?a+20:Math.random()*a;e.style.left=s+"px",e.style.top=o+"px";const l=4+Math.floor(Math.random()*4);let r=0;function c(){if(r>=l||!document.body.contains(e)){e.remove();return}const t=Math.random()*i,n=Math.random()*a,u=Math.hypot(t-s,n-o),d=u*4,h=Math.atan2(n-o,t-s)*180/Math.PI+90;e.style.transition=`left ${d}ms linear, top ${d}ms linear`,e.style.transform=`rotate(${h}deg)`,e.style.left=t+"px",e.style.top=n+"px",s=t,o=n,r++,setTimeout(c,d)}c()}e(),setInterval(e,4e3)})();function switchAkteFoto(e){document.querySelector(".akte-foto").src=e,document.getElementById("akte-foto-zoom").querySelector("img").src=e,document.querySelectorAll(".akte-foto-btn").forEach(t=>{const n=t.dataset.foto===e;t.classList.toggle("akte-foto-active",n),t.style.background=n?"rgba(183,28,28,0.15)":"rgba(0,0,0,0.1)",t.style.borderColor=n?"#b71c1c":"rgba(42,27,10,0.3)"})}</script></main><footer class=main-footer><div class=footer-inner><p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p></div></footer><div id=newsticker style="position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:999999!important;background:rgba(0,0,0,.92)!important;border-top:1px solid rgba(255,69,0,.35)!important;display:flex!important;align-items:center;height:28px!important;overflow:hidden;font-family:courier new,monospace!important;visibility:visible!important;opacity:1!important"><span class=ticker-label style="flex-shrink:0;font-size:.6rem;letter-spacing:2px;color:rgba(255,69,0,.7);padding:0 15px;border-right:1px solid rgba(255,69,0,.2);white-space:nowrap;height:100%;display:flex;align-items:center;background:rgba(255,69,0,5%)">// SYSTEM_LOG_FEED</span><div class=ticker-track-wrap style=flex:1;overflow:hidden;height:100%;display:flex;align-items:center><div class=ticker-track id=ticker-track-global style="display:inline-flex;white-space:nowrap;animation:ticker-scroll 45s linear infinite"><span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ HUGO SYSTEM INITIALISIERT... ]</span>
-<span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span></div></div></div><style>@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.ticker-item::before{content:'▶ ';color:rgba(255,69,0,.5)}.ticker-track:hover{animation-play-state:paused}</style><script>(function(){const e=document.getElementById("ticker-track-global");if(!e)return;const t=["STATUS: HUGO OPERATIONAL","DESIGNATION: OVERLORD SASCHA","KAFFEESTAND: KRITISCH","ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST","MISSION: TOTALE KONTROLLE","DATENINTEGRITÄT: ABSOLUT","WARNUNG: SYSTEM EXTREM SCHNELL","GEMINI NEURAL LINK: AKTIV"];e.innerHTML="",[...t,...t].forEach(t=>{const n=document.createElement("span");n.className="ticker-item",n.style.cssText="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;",n.textContent=t,e.appendChild(n)})})()</script><script src=/js/script.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="de-de">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1414&amp;path=livereload" data-no-instant defer></script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Mutti | DIGITALE ANARCHIE | KI-LABOR</title>
+    <link rel="stylesheet" href="/css/style.css">
+</head>
+<body class=" bg-steampunk ">
+    
+    <div class="bg-gear gear-left">⚙</div>
+    <div class="bg-gear gear-right">⚙</div>
+
+    <script>document.body.classList.add('js-enabled');</script>
+<header class="main-header">
+   
+</header>
+
+    
+    <main class="container">
+        
+
+
+<div id="declassified-overlay">
+    <div class="scanlines"></div>
+    <div id="declassified-stamp">ZUGANG<br>GEWÄHRT</div>
+</div>
+
+<div class="person-page-wrapper visible" style="padding-bottom: 100px; opacity: 1 !important;">
+
+    <div class="person-nav-container" style="display: flex; flex-direction: column; align-items: center; gap: 20px; margin: 15px 0 30px;">
+    
+    <a href="/" class="person-back">
+        ← ZURÜCK ZUR BASIS
+    </a>
+    
+    
+    <div class="person-nav-row" style="display: flex; justify-content: center; align-items: center; gap: 35px; flex-wrap: wrap; position: relative;">
+    
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/mutti/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_mutti_comic_1.jpeg" alt="MUTTI" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">MUTTI</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/vater/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_vater_comic_1.png" alt="VATER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">VATER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/bruder/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_freddy_comic_1.png" alt="BRUDER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">BRUDER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/schwester/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_meli_comic_1.png" alt="SCHWESTER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SCHWESTER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sascha/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sascha_comic_1.jpeg" alt="SASCHA" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SASCHA</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sven/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sven_comic_1.jpeg" alt="SVEN" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SVEN</span>
+        </a>
+    
+    </div>
+</div>
+
+<style>
+    .person-nav-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: transform 0.2s; }
+    .person-nav-item:hover { transform: scale(1.1); }
+    .person-nav-item:hover .person-nav-label { color: #d4af37 !important; }
+    .person-back {
+        display: inline-block;
+        color: rgba(212,175,55,0.6);
+        font-size: 0.7rem;
+        font-weight: bold;
+        letter-spacing: 4px;
+        text-decoration: none;
+        font-family: 'Courier New', monospace;
+        border: 1px solid rgba(212,175,55,0.25);
+        padding: 6px 20px;
+        background: transparent;
+        text-transform: uppercase;
+        transition: all 0.2s;
+    }
+    .person-back:hover {
+        color: #d4af37;
+        border-color: rgba(212,175,55,0.6);
+        background: rgba(212,175,55,0.05);
+        letter-spacing: 5px;
+    }
+</style>
+
+
+    
+    <div class="person-hero">
+        
+        <div class="person-hero-img" style="background-image: url('/img/comicFigures/hp_mutti_comic_1.jpeg')"></div>
+        
+        <div class="person-hero-content">
+            <div class="person-hero-badges">
+                <span class="hero-badge">ZENTRAL-ARCHIV</span>
+                <span class="hero-badge red">EINHEIT IDENTIFIZIERT</span>
+            </div>
+            <p class="person-pre-label" style="margin:12px 0 4px;">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p>
+            <div class="person-title-wrap">
+                <span class="person-title-deco">⟪</span>
+                <h1 class="person-glitch-title" data-text="MUTTI">MUTTI</h1>
+                <span class="person-title-deco">⟫</span>
+            </div>
+            <p class="person-sub-label">STATUS: <span class="person-status-blink">OMEGA-KLASSE</span></p>
+
+            
+            <div class="stat-bars">
+                <div class="stat-row">
+                    <span class="stat-label">GEFAHR</span>
+                    <div class="stat-track"><div class="stat-bar danger" data-val="99"></div></div>
+                    <span class="stat-val">99%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">STABILITÄT</span>
+                    <div class="stat-track"><div class="stat-bar stable" data-val="100"></div></div>
+                    <span class="stat-val">100%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">CHAOS</span>
+                    <div class="stat-track"><div class="stat-bar chaos" data-val="18"></div></div>
+                    <span class="stat-val">18%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">KOMPETENZ</span>
+                    <div class="stat-track"><div class="stat-bar kompetenz" data-val="97"></div></div>
+                    <span class="stat-val">97%</span>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    
+    
+    <div class="alias-ticker-outer">
+        <div class="alias-ticker-inner">
+            <span>KUPFER-MATRIARCHIN / TEE-ORAKEL / ARCHITEKTIN DER FAMILIEN-GRID &nbsp;·&nbsp; KUPFER-MATRIARCHIN / TEE-ORAKEL / ARCHITEKTIN DER FAMILIEN-GRID &nbsp;·&nbsp; KUPFER-MATRIARCHIN / TEE-ORAKEL / ARCHITEKTIN DER FAMILIEN-GRID</span>
+        </div>
+    </div>
+    
+
+    <div class="container" style="max-width: 900px; margin: 0 auto; padding: 0 20px;">
+        <header style="margin-bottom: 20px; display:none;"></header>
+
+        
+        <div class="timeline-track">
+            
+            
+            <div class="time-node right omega">
+                <div class="time-content omega-node">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 1955 ]</span>
+                        <span class="tc-tag">BOOT // OMEGA-KLASSE</span>
+                    </div>
+                    <p>MATRIARCHIN-MODUL V1.0 INITIALISIERT. Erste Steampunk-Algorithmen erfolgreich implementiert. Systemstatus: Brillant.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node left ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 1970 ]</span>
+                        <span class="tc-tag">NETZWERK-INITIALISIERUNG</span>
+                    </div>
+                    <p>HISTORISCHER HANDSHAKE mit Hydraulik-Meister (Vater). Gemeinsame Infrastruktur-Planung begonnen. Resonanz: Synchron.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node right omega">
+                <div class="time-content omega-node">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 1974 ]</span>
+                        <span class="tc-tag">OMEGA-KLASSE // KRITISCH</span>
+                    </div>
+                    <p>⚡ HAUPTSYSTEM-AUSGABE: Overlord Sascha bootet erstmals. Systemkapazität durch massive kreative Schübe erweitert.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node left ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 1981 ]</span>
+                        <span class="tc-tag">NETZWERK-ERWEITERUNG</span>
+                    </div>
+                    <p>ZWEITE SYSTEM-AUSGABE: Bruder-Knoten erfolgreich in die Clan-Struktur integriert. Netzwerkausbau läuft nach Plan.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node right ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 1983 ]</span>
+                        <span class="tc-tag">NETZWERK-ERWEITERUNG</span>
+                    </div>
+                    <p>DRITTE SYSTEM-AUSGABE: AETHER-SIBLING (Schwester) online. Clan-Netzwerk erreicht OMEGA-Level. Alle Primär-Knoten aktiv.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node left ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 2000 ]</span>
+                        <span class="tc-tag">SYSTEMCHECK</span>
+                    </div>
+                    <p>ARCHITEKTUR-UPDATE abgeschlossen. Die Matriarchin hält alle Fäden des Kupfer-Netzwerks fest in der Hand. Stabilität: Unerschütterlich.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node right omega">
+                <div class="time-content omega-node">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 2025 ]</span>
+                        <span class="tc-tag">AKTUELL // OMEGA-KLASSIFIZIERT</span>
+                    </div>
+                    <p>STATUS: HÖCHSTE AUTORITÄT. Alle Subsysteme unterliegen der mütterlichen Kontrolle. Zugriff: Nur für autorisierte Clan-Mitglieder.</p>
+                </div>
+            </div>
+            
+        </div>
+
+        
+        <div style="text-align: center; margin-top: 60px;">
+            <button class="akte-label-btn"
+                    onclick="document.getElementById('person-akte-modal').style.display='flex'; document.body.style.overflow='hidden';">
+                <div class="akte-label-top">
+                    <span class="akte-label-nr">DOKUMENT-NR. schleierhaft (Zeitschleife vermutet)</span>
+                    <span class="akte-label-stamp">VERTRAULICH</span>
+                </div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-title">AKTE: MUTTI</div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-bottom">
+                    <span>STATUS: OMEGA-KLASSE</span>
+                    <span>▶ AKTE ÖFFNEN</span>
+                </div>
+            </button>
+        </div>
+
+        <style>
+            .akte-label-btn {
+                background: linear-gradient(180deg, #1c1208 0%, #0e0a04 100%);
+                border: 1px solid #5d3d1e;
+                border-left: 4px solid #b87333;
+                color: #d4af37;
+                font-family: 'Courier New', monospace;
+                cursor: pointer;
+                padding: 18px 28px;
+                width: 320px;
+                text-align: left;
+                transition: all 0.2s;
+                box-shadow: 2px 2px 12px rgba(0,0,0,0.6);
+                position: relative;
+            }
+            .akte-label-btn::before {
+                content: '';
+                position: absolute;
+                top: 6px; left: 6px; right: 6px; bottom: 6px;
+                border: 1px dashed rgba(184,115,51,0.2);
+                pointer-events: none;
+            }
+            .akte-label-btn:hover {
+                border-left-color: #ff4500;
+                box-shadow: 3px 3px 20px rgba(184,115,51,0.2);
+                background: linear-gradient(180deg, #221508 0%, #0e0a04 100%);
+            }
+            .akte-label-top {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-bottom: 10px;
+            }
+            .akte-label-nr {
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.4);
+                letter-spacing: 1px;
+            }
+            .akte-label-stamp {
+                font-size: 0.55rem;
+                letter-spacing: 2px;
+                color: #b71c1c;
+                border: 1px solid #b71c1c;
+                padding: 1px 6px;
+                opacity: 0.8;
+            }
+            .akte-label-divider {
+                border-top: 1px solid rgba(184,115,51,0.25);
+                margin: 8px 0;
+            }
+            .akte-label-title {
+                font-size: 1rem;
+                font-weight: bold;
+                letter-spacing: 4px;
+                color: #d4af37;
+                margin: 4px 0;
+            }
+            .akte-label-bottom {
+                display: flex;
+                justify-content: space-between;
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.45);
+                letter-spacing: 1px;
+                margin-top: 4px;
+            }
+            .akte-label-btn:hover .akte-label-bottom span:last-child {
+                color: #ff4500;
+            }
+        </style>
+    </div>
+</div>
+
+
+<div id="person-akte-modal" style="position: fixed; inset: 0; z-index: 1000000; background: rgba(0,0,0,0.85); display: none; align-items: center; justify-content: center; padding: 10px; overflow: hidden; perspective: 1000px;">
+    <div style="display: flex; flex-direction: column; align-items: center; max-width: 585px; width: 95%;">
+    <div class="akte-inner" style="width: 100%; background: #d9c5a0; background-image: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 100%), url('https://www.transparenttextures.com/patterns/old-paper.png'); border: 1px solid #8b7355; padding: 25px; position: relative; font-family: 'Courier New', monospace; box-shadow: 10px 20px 50px rgba(0,0,0,0.8), inset 0 0 100px rgba(139,115,85,0.3); transform: rotate(-2deg); animation: throw-sign 0.5s ease-out forwards; color: #2a1b0a;">
+        
+        <style>
+            @keyframes throw-sign {
+                0% { transform: rotate(-10deg) scale(0.7) translateY(500px); opacity: 0; }
+                100% { transform: rotate(-2deg) scale(1) translateY(0); opacity: 1; }
+            }
+            .akte-inner h1 { color: #2a1b0a !important; font-size: 1.8rem !important; margin: 10px 0 2px !important; text-shadow: none !important; border-bottom: 2px solid rgba(42,27,10,0.2); }
+            .akte-inner div, .akte-inner p { font-size: 0.75rem !important; }
+            .akte-inner .data-row { border-bottom: 1px solid rgba(42,27,10,0.1) !important; padding: 6px 0 !important; }
+            .akte-inner .label { color: #5d4037 !important; font-weight: bold; }
+            .akte-inner .red-stamp { border: 2px solid #b71c1c; color: #b71c1c; padding: 3px 10px; font-weight: bold; transform: rotate(10deg); opacity: 0.8; font-size: 0.8rem !important; display: inline-block; }
+        </style>
+        
+        
+        <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px;">
+            <div class="red-stamp">TOP SECRET</div>
+            <button onclick="document.getElementById('person-akte-modal').style.display='none'; document.body.style.overflow='auto';"
+                    style="background: rgba(0,0,0,0.1); border: 1px solid #2a1b0a; color: #2a1b0a; cursor: pointer; padding: 3px 10px; font-size: 0.7rem !important;">[X] SCHLIESSEN</button>
+        </div>
+
+        
+
+        <div style="display: flex; gap: 20px; align-items: flex-start;">
+            
+            <div style="position: relative; border: 1px solid #2a1b0a; padding: 3px; background: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);">
+                
+                <img src="/img/hp_muti_steampunk_01.png" class="akte-foto" style="width: 200px; height: 250px; object-fit: cover; filter: none; cursor: zoom-in; display: block;"
+                     onclick="document.getElementById('akte-foto-zoom').style.display='flex';">
+                <div style="position: absolute; bottom: 5px; right: -10px; background: #b71c1c; color: #fff; padding: 2px 5px; font-weight: bold; font-size: 0.6rem !important; transform: rotate(-5deg);">GESPERRT</div>
+            </div>
+
+            
+            <div id="akte-foto-zoom" onclick="this.style.display='none';"
+                 style="display:none; position:fixed; inset:0; z-index:9999999; background:rgba(0,0,0,0.92); align-items:center; justify-content:center; cursor:zoom-out;">
+                <img src="/img/hp_muti_steampunk_01.png" style="max-width:90vw; max-height:90vh; object-fit:contain; box-shadow: 0 0 60px rgba(0,0,0,0.9); border: 2px solid #2a1b0a;">
+            </div>
+
+            
+            <div style="flex: 1;">
+                <div style="font-size: 0.5rem !important; color: #5d4037; letter-spacing: 2px; margin-bottom: 2px;">PROTOKOLL NR. 1974-Ø</div>
+                <h1 style="font-weight: bold;">MUTTI</h1>
+                <p style="color: #5d4037; font-size: 0.7rem !important; margin: 5px 0 10px;">ALIAS: KUPFER-MATRIARCHIN / TEE-ORAKEL / ARCHITEKTIN DER FAMILIEN-GRID</p>
+                
+                <div style="display: flex; gap: 10px;">
+                    <div style="border: 1px solid #b71c1c; padding: 2px 8px; color: #b71c1c; font-size: 0.6rem !important; font-weight: bold;">STATUS: OMEGA-KLASSE</div>
+                    <div style="color: #2a1b0a; font-size: 0.6rem !important; font-weight: bold;">GEFAHR: <span style="letter-spacing: 1px;">UNENDLICH (bei leerem Kuchenteller)</span><br><img src="/img/akte/hp_totenkopf_1.png" style="width: 70px; height: 70px; object-fit: contain; margin-top: 4px;"></div>
+                </div>
+            </div>
+        </div>
+
+        
+        <div style="margin-top: 20px; border-top: 2px solid rgba(42,27,10,0.2);">
+            
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">DESIGNATION:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    Mutti
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">GEBURTSDATUM:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    schleierhaft (Zeitschleife vermutet)
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BESCHÄFTIGUNG:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    HÜTERIN DER THERMISCHEN TEEKANNE UND STRATEGISCHE FAMILIEN-LOGISTIK
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">SPEZIALFÄHIGK.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    Analoge Verschlüsselung · Kuchen-Kompilierung · Telepathische Clan-Überwachung
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BEKANNTE KOMPL.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    PAPA.sys · DER_OVERLORD · KAFFEE-BOT
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">LETZTE AKTIVITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    GERADE JETZT
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STABILITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    ABSOLUT (Der Fels in der Brandung)
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STANDORT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    ZENTRAL-KÜCHE (HOCHSICHERHEIT)
+                    
+                </div>
+            </div>
+            
+        </div>
+
+        
+        <div style="margin-top: 20px; display: flex; justify-content: space-between; align-items: flex-end;">
+            <div style="display: flex; align-items: center; gap: 10px; opacity: 0.7;">
+                <div style="width: 35px; height: 35px;">
+                    <svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50 Q50 10 70 50 T30 50 Z"/></svg>
+                </div>
+                <div style="font-size: 0.6rem !important; color: #2a1b0a; line-height: 1.2;">ID-SCAN: 94.7%<br>VERIFIZIERT</div>
+            </div>
+            
+            <div style="font-family: 'Courier New', monospace; font-size: 0.75rem !important; letter-spacing: 2px; color: #5d4037; border: 1px dashed #2a1b0a; padding: 2px 10px;">ARCHIV_PERMANENT</div>
+        </div>
+    </div>
+    </div>
+</div>
+
+<style>
+    .akte-foto { transition: transform 0.2s, box-shadow 0.2s; }
+    .akte-foto:hover { transform: scale(1.04); box-shadow: 0 0 15px rgba(184,115,51,0.7); }
+
+    .akte-foto-btn { transition: all 0.2s; }
+    .akte-foto-btn:hover { background: rgba(183,28,28,0.1) !important; border-color: #b71c1c !important; }
+    .akte-foto-active { background: rgba(183,28,28,0.15) !important; border-color: #b71c1c !important; }
+    
+     
+    .time-node.omega .time-content {
+        border: 2px solid rgba(255, 69, 0, 0.6) !important;
+        box-shadow: inset 0 0 12px rgba(255, 69, 0, 0.15), 0 0 10px rgba(255, 0, 0, 0.2);
+        animation: omega-pulse 3s infinite alternate;
+        background: linear-gradient(135deg, rgba(80, 20, 10, 0.95), rgba(30, 0, 0, 0.95)) !important;
+    }
+    .time-node.omega .node-dot {
+        border-color: #ff4500 !important;
+        background: radial-gradient(circle, #ff0000 0%, #330000 100%) !important;
+        box-shadow: 0 0 8px rgba(255, 69, 0, 0.4);
+        animation: omega-dot-pulse 3s infinite alternate ease-in-out;
+    }
+    .node-dot {
+        box-shadow: 0 0 8px rgba(212, 175, 55, 0.4);
+        transition: all 0.3s ease;
+    }
+    .time-node.omega .tc-year {
+        color: #ff4500 !important;
+        text-shadow: 0 0 10px #ff4500;
+        font-weight: 900 !important;
+    }
+    
+    @keyframes omega-dot-pulse {
+        0%   { box-shadow: 0 0 5px rgba(255, 69, 0, 0.3); }
+        100% { box-shadow: 0 0 12px rgba(255, 69, 0, 0.6); }
+    }
+    @keyframes omega-pulse {
+        0%   { box-shadow: inset 0 0 8px rgba(255, 69, 0, 0.1), 0 0 6px rgba(255, 0, 0, 0.15); border-color: rgba(255, 69, 0, 0.4); }
+        100% { box-shadow: inset 0 0 18px rgba(255, 69, 0, 0.25), 0 0 14px rgba(255, 0, 0, 0.3); border-color: rgba(255, 69, 0, 0.8); }
+    }
+    @keyframes omega-dot-blink {
+        50% { opacity: 0; transform: scale(1.5); }
+    }
+</style>
+
+<style>
+ 
+#declassified-overlay {
+    position: fixed; inset: 0; z-index: 99999;
+    pointer-events: none;
+    background: rgba(0,0,0,0.92);
+    display: flex; align-items: center; justify-content: center;
+    transition: opacity 0.8s ease;
+}
+#declassified-overlay.gone { opacity: 0; pointer-events: none; }
+.scanlines {
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg,
+        transparent,
+        transparent 2px,
+        rgba(0,255,0,0.015) 2px,
+        rgba(0,255,0,0.015) 4px
+    );
+    pointer-events: none;
+}
+#declassified-stamp {
+    font-family: 'Courier New', monospace;
+    font-size: 3.5rem;
+    font-weight: 900;
+    color: #b71c1c;
+    border: 6px solid #b71c1c;
+    padding: 20px 40px;
+    letter-spacing: 8px;
+    text-align: center;
+    line-height: 1.2;
+    transform: rotate(-12deg) scale(0);
+    opacity: 0;
+    text-shadow: 0 0 30px rgba(183,28,28,0.5);
+    box-shadow: 0 0 40px rgba(183,28,28,0.3), inset 0 0 40px rgba(183,28,28,0.1);
+    animation: stamp-in 0.4s 0.3s cubic-bezier(0.175,0.885,0.32,1.275) forwards;
+}
+@keyframes stamp-in {
+    to { transform: rotate(-12deg) scale(1); opacity: 0.85; }
+}
+
+ 
+.person-hero {
+    position: relative;
+    width: 100%;
+    min-height: 300px;
+    background: linear-gradient(135deg, #0a0600 0%, #120e06 60%, #0a0600 100%);
+    border-bottom: 1px solid rgba(184,115,51,0.3);
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    margin-bottom: 0;
+}
+.person-hero::before {
+    content: '';
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg, transparent, transparent 3px,
+        rgba(184,115,51,0.03) 3px, rgba(184,115,51,0.03) 4px
+    );
+    pointer-events: none;
+}
+.person-hero-img {
+    position: absolute;
+    right: 0; top: 0; bottom: 0;
+    width: 45%;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: right bottom;
+    opacity: 0.25;
+    filter: sepia(0.4) hue-rotate(10deg);
+    mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+    -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+}
+.person-hero-content {
+    position: relative;
+    z-index: 2;
+    padding: 30px 40px;
+    max-width: 620px;
+}
+.person-hero-badges {
+    display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;
+}
+.hero-badge {
+    font-family: 'Courier New', monospace;
+    font-size: 0.55rem;
+    letter-spacing: 3px;
+    padding: 3px 10px;
+    border: 1px solid rgba(184,115,51,0.4);
+    color: rgba(184,115,51,0.7);
+}
+.hero-badge.red {
+    border-color: rgba(183,28,28,0.5);
+    color: rgba(183,28,28,0.8);
+}
+
+ 
+.stat-bars { margin-top: 20px; width: 100%; max-width: 400px; }
+.stat-row {
+    display: flex; align-items: center; gap: 10px; margin-bottom: 8px;
+}
+.stat-label {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 2px;
+    color: rgba(212,175,55,0.5);
+    width: 80px; flex-shrink: 0;
+}
+.stat-track {
+    flex: 1; height: 6px;
+    background: rgba(255,255,255,0.05);
+    border: 1px solid rgba(184,115,51,0.2);
+    overflow: hidden;
+}
+.stat-bar {
+    height: 100%; width: 0%;
+    transition: width 1.2s cubic-bezier(0.4,0,0.2,1);
+}
+.stat-bar.danger   { background: linear-gradient(90deg, #8b0000, #ff4500); box-shadow: 0 0 8px rgba(255,69,0,0.5); }
+.stat-bar.stable   { background: linear-gradient(90deg, #1a4a1a, #4caf50); box-shadow: 0 0 8px rgba(76,175,80,0.5); }
+.stat-bar.chaos    { background: linear-gradient(90deg, #4a0080, #c800ff); box-shadow: 0 0 8px rgba(200,0,255,0.4); }
+.stat-bar.kompetenz { background: linear-gradient(90deg, #1a3a5c, #2196f3); box-shadow: 0 0 8px rgba(33,150,243,0.5); }
+.stat-val {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; color: rgba(212,175,55,0.4);
+    width: 32px; text-align: right; flex-shrink: 0;
+}
+
+ 
+.alias-ticker-outer {
+    overflow: hidden;
+    background: rgba(0,0,0,0.6);
+    border-top: 1px solid rgba(184,115,51,0.15);
+    border-bottom: 1px solid rgba(184,115,51,0.15);
+    padding: 7px 0;
+    white-space: nowrap;
+}
+.alias-ticker-inner {
+    display: inline-block;
+    animation: ticker-scroll 18s linear infinite;
+    font-family: 'Courier New', monospace;
+    font-size: 0.65rem;
+    letter-spacing: 4px;
+    color: rgba(184,115,51,0.5);
+    padding-left: 100%;
+}
+@keyframes ticker-scroll {
+    from { transform: translateX(0); }
+    to   { transform: translateX(-50%); }
+}
+
+ 
+.person-pre-label {
+    color: rgba(184,115,51,0.5);
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 4px; margin-bottom: 6px;
+}
+.person-title-wrap {
+    display: flex; align-items: center; gap: 14px; margin: 4px 0;
+}
+.person-title-deco {
+    color: #b87333; font-size: 1.8rem; opacity: 0.6;
+    animation: deco-pulse 2s ease-in-out infinite alternate;
+}
+@keyframes deco-pulse {
+    from { opacity: 0.3; transform: scaleY(0.85); }
+    to   { opacity: 0.8; transform: scaleY(1.1); }
+}
+.person-glitch-title {
+    color: #ff4500; font-family: 'Courier New', monospace;
+    font-size: 2rem; letter-spacing: 10px;
+    text-shadow: 0 0 20px rgba(255,69,0,0.5);
+    margin: 0; position: relative;
+    animation: glitch-flicker 6s infinite;
+}
+.person-glitch-title::before,
+.person-glitch-title::after {
+    content: attr(data-text); position: absolute;
+    left: 0; top: 0; width: 100%; overflow: hidden; opacity: 0;
+}
+.person-glitch-title::before {
+    color: #0ff; animation: glitch-top 6s infinite;
+    clip-path: polygon(0 0,100% 0,100% 40%,0 40%);
+}
+.person-glitch-title::after {
+    color: #f0f; animation: glitch-bot 6s infinite;
+    clip-path: polygon(0 60%,100% 60%,100% 100%,0 100%);
+}
+@keyframes glitch-flicker {
+    0%,90%,100% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    92% { text-shadow: 2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    94% { text-shadow: -2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    96% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    98% { text-shadow: 1px 0 #0ff,-1px 0 #f0f; }
+}
+@keyframes glitch-top {
+    0%,90%,100% { opacity:0; transform:none; }
+    92% { opacity:0.7; transform:translate(-3px,-2px); }
+    94% { opacity:0; }
+    96% { opacity:0.5; transform:translate(3px,-1px); }
+    98% { opacity:0; }
+}
+@keyframes glitch-bot {
+    0%,90%,100% { opacity:0; transform:none; }
+    93% { opacity:0.6; transform:translate(3px,2px); }
+    95% { opacity:0; }
+    97% { opacity:0.4; transform:translate(-3px,1px); }
+    99% { opacity:0; }
+}
+.person-sub-label {
+    color: rgba(212,175,55,0.45); font-family: 'Courier New', monospace;
+    font-size: 0.65rem; letter-spacing: 3px; margin-top: 6px;
+}
+.person-status-blink { color: #0f0; animation: blink-status 1.4s step-end infinite; }
+@keyframes blink-status { 50% { opacity: 0; } }
+</style>
+
+<script>
+
+(function() {
+    const key = 'decl_mutti';
+    const overlay = document.getElementById('declassified-overlay');
+    if (!overlay) return;
+    if (sessionStorage.getItem(key)) {
+        overlay.style.display = 'none';
+        return;
+    }
+    setTimeout(() => {
+        overlay.classList.add('gone');
+        setTimeout(() => {
+            overlay.style.display = 'none';
+            sessionStorage.setItem(key, '1');
+        }, 900);
+    }, 1800);
+})();
+
+
+document.addEventListener('DOMContentLoaded', () => {
+    setTimeout(() => {
+        document.querySelectorAll('.stat-bar').forEach(bar => {
+            bar.style.width = bar.dataset.val + '%';
+        });
+    }, 400);
+});
+</script>
+
+<script>
+
+(function() {
+    const SPIDER = '🕷';
+    let active = [];
+
+    function spawn() {
+        const el = document.createElement('div');
+        el.textContent = SPIDER;
+        el.style.cssText = [
+            'position:fixed',
+            'font-size:1.6rem',
+            'z-index:999999',
+            'pointer-events:none',
+            'transition:none',
+            'filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)',
+            'will-change:transform',
+            'line-height:1',
+        ].join(';');
+        document.body.appendChild(el);
+
+        const W = window.innerWidth, H = window.innerHeight;
+
+        
+        const edge = Math.floor(Math.random() * 4);
+        let x = edge === 1 ? W + 20 : edge === 3 ? -20 : Math.random() * W;
+        let y = edge === 0 ? -20  : edge === 2 ? H + 20  : Math.random() * H;
+
+        el.style.left = x + 'px';
+        el.style.top  = y + 'px';
+
+        
+        const steps = 4 + Math.floor(Math.random() * 4);
+        let i = 0;
+
+        function step() {
+            if (i >= steps || !document.body.contains(el)) { el.remove(); return; }
+
+            const tx = Math.random() * W;
+            const ty = Math.random() * H;
+            const dist = Math.hypot(tx - x, ty - y);
+            const dur  = dist * 4; 
+            const ang  = Math.atan2(ty - y, tx - x) * 180 / Math.PI + 90;
+
+            el.style.transition = `left ${dur}ms linear, top ${dur}ms linear`;
+            el.style.transform  = `rotate(${ang}deg)`;
+            el.style.left = tx + 'px';
+            el.style.top  = ty + 'px';
+
+            x = tx; y = ty; i++;
+            setTimeout(step, dur);
+        }
+
+        step();
+    }
+
+    
+    spawn();
+    setInterval(spawn, 4000);
+})();
+
+function switchAkteFoto(src) {
+    document.querySelector('.akte-foto').src = src;
+    document.getElementById('akte-foto-zoom').querySelector('img').src = src;
+    document.querySelectorAll('.akte-foto-btn').forEach(btn => {
+        const active = btn.dataset.foto === src;
+        btn.classList.toggle('akte-foto-active', active);
+        btn.style.background = active ? 'rgba(183,28,28,0.15)' : 'rgba(0,0,0,0.1)';
+        btn.style.borderColor = active ? '#b71c1c' : 'rgba(42,27,10,0.3)';
+    });
+}
+</script>
+
+    </main>
+
+    <footer class="main-footer">
+    <div class="footer-inner">
+        <p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p>
+    </div>
+</footer>
+
+    
+<div id="newsticker" style="position:fixed !important; bottom:0 !important; left:0 !important; right:0 !important; z-index:999999 !important; background:rgba(0,0,0,0.92) !important; border-top:1px solid rgba(255,69,0,0.35) !important; display:flex !important; align-items:center; height:28px !important; overflow:hidden; font-family:'Courier New', monospace !important; visibility: visible !important; opacity: 1 !important;">
+    <span class="ticker-label" style="flex-shrink:0; font-size:0.6rem; letter-spacing:2px; color:rgba(255,69,0,0.7); padding:0 15px; border-right:1px solid rgba(255,69,0,0.2); white-space:nowrap; height:100%; display:flex; align-items:center; background:rgba(255,69,0,0.05);">// SYSTEM_LOG_FEED</span>
+    <div class="ticker-track-wrap" style="flex:1; overflow:hidden; height:100%; display:flex; align-items:center;">
+        <div class="ticker-track" id="ticker-track-global" style="display:inline-flex; white-space:nowrap; animation: ticker-scroll 45s linear infinite;">
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ HUGO SYSTEM INITIALISIERT... ]</span>
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span>
+        </div>
+    </div>
+</div>
+
+<style>
+    @keyframes ticker-scroll {
+        0%   { transform: translateX(0); }
+        100% { transform: translateX(-50%); }
+    }
+    .ticker-item::before { content: '▶ '; color: rgba(255,69,0,0.5); }
+    .ticker-track:hover { animation-play-state: paused; }
+</style>
+
+<script>
+    (function() {
+        const track = document.getElementById('ticker-track-global');
+        if (!track) return;
+        const ITEMS = [
+            "STATUS: HUGO OPERATIONAL",
+            "DESIGNATION: OVERLORD SASCHA",
+            "KAFFEESTAND: KRITISCH",
+            "ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST",
+            "MISSION: TOTALE KONTROLLE",
+            "DATENINTEGRITÄT: ABSOLUT",
+            "WARNUNG: SYSTEM EXTREM SCHNELL",
+            "GEMINI NEURAL LINK: AKTIV"
+        ];
+        track.innerHTML = '';
+        [...ITEMS, ...ITEMS].forEach(text => {
+            const span = document.createElement('span');
+            span.className = 'ticker-item';
+            span.style.cssText = "font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;";
+            span.textContent = text;
+            track.appendChild(span);
+        });
+    })();
+</script>
+
+
+    <script src="/js/script.js"></script>
+    <script src="/js/ascii-shimmer.js"></script>
+</body>
+</html>
diff --git a/public/personen/sascha/index.html b/public/personen/sascha/index.html
index ebd8a95..6cc091c 100644
--- a/public/personen/sascha/index.html
+++ b/public/personen/sascha/index.html
@@ -1,20 +1,982 @@
-<!doctype html><html lang=de-de><head><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><title>SASCHA versus Bonzei | DIGITALE ANARCHIE | KI-LABOR</title><link rel=stylesheet href=/css/style.css></head><body class=bg-steampunk><div class="bg-gear gear-left">⚙</div><div class="bg-gear gear-right">⚙</div><script>document.body.classList.add("js-enabled")</script><header class=main-header></header><main class=container><div id=declassified-overlay><div class=scanlines></div><div id=declassified-stamp>ZUGANG<br>GEWÄHRT</div></div><div class="person-page-wrapper visible" style=padding-bottom:100px;opacity:1!important><div class=person-nav-container style="display:flex;flex-direction:column;align-items:center;gap:20px;margin:15px 0 30px"><a href=/ class=person-back>← ZURÜCK ZUR BASIS</a><div class=person-nav-row style=display:flex;justify-content:center;align-items:center;gap:35px;flex-wrap:wrap;position:relative><a href=/personen/mutti/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_mutti_comic_1.jpeg alt=MUTTI style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">MUTTI</span>
-</a><a href=/personen/vater/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_vater_comic_1.png alt=VATER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">VATER</span>
-</a><a href=/personen/bruder/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_freddy_comic_1.png alt=BRUDER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">BRUDER</span>
-</a><a href=/personen/schwester/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_meli_comic_1.png alt=SCHWESTER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SCHWESTER</span>
-</a><a href=/personen/sascha/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sascha_comic_1.jpeg alt=SASCHA style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SASCHA</span>
-</a><a href=/personen/sven/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sven_comic_1.jpeg alt=SVEN style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SVEN</span></a></div></div><style>.person-nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .2s}.person-nav-item:hover{transform:scale(1.1)}.person-nav-item:hover .person-nav-label{color:#d4af37!important}.person-back{display:inline-block;color:rgba(212,175,55,.6);font-size:.7rem;font-weight:700;letter-spacing:4px;text-decoration:none;font-family:courier new,monospace;border:1px solid rgba(212,175,55,.25);padding:6px 20px;background:0 0;text-transform:uppercase;transition:all .2s}.person-back:hover{color:#d4af37;border-color:rgba(212,175,55,.6);background:rgba(212,175,55,5%);letter-spacing:5px}</style><div class=person-hero><div class=person-hero-img style=background-image:url(/img/comicFigures/hp_sascha_comic_1.jpeg)></div><div class=person-hero-content><div class=person-hero-badges><span class=hero-badge>ZENTRAL-ARCHIV</span>
-<span class="hero-badge red">EINHEIT IDENTIFIZIERT</span></div><p class=person-pre-label style="margin:12px 0 4px">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p><div class=person-title-wrap><span class=person-title-deco>⟪</span><h1 class=person-glitch-title data-text="SASCHA VERSUS BONZEI">SASCHA VERSUS BONZEI</h1><span class=person-title-deco>⟫</span></div><p class=person-sub-label>STATUS: <span class=person-status-blink>NOCH ONLINE</span></p><div class=stat-bars><div class=stat-row><span class=stat-label>GEFAHR</span><div class=stat-track><div class="stat-bar danger" data-val=88></div></div><span class=stat-val>88%</span></div><div class=stat-row><span class=stat-label>STABILITÄT</span><div class=stat-track><div class="stat-bar stable" data-val=22></div></div><span class=stat-val>22%</span></div><div class=stat-row><span class=stat-label>CHAOS</span><div class=stat-track><div class="stat-bar chaos" data-val=99></div></div><span class=stat-val>99%</span></div><div class=stat-row><span class=stat-label>KOMPETENZ</span><div class=stat-track><div class="stat-bar kompetenz" data-val=86></div></div><span class=stat-val>86%</span></div></div></div></div><div class=alias-ticker-outer><div class=alias-ticker-inner><span>OVERLORD / GEISTESKRANKER / GEMINI_PLAYER &nbsp;·&nbsp; OVERLORD / GEISTESKRANKER / GEMINI_PLAYER &nbsp;·&nbsp; OVERLORD / GEISTESKRANKER / GEMINI_PLAYER</span></div></div><div class=container style="max-width:900px;margin:0 auto;padding:0 20px"><header style=margin-bottom:20px;display:none></header><div class=timeline-track><div class="time-node right omega"><div class="time-content omega-node"><div class=tc-header><span class=tc-year>[ 1974 ]</span>
-<span class=tc-tag>BOOT // OMEGA-KLASSE</span></div><p>⚡ OVERLORD-MODUL V1.0 AKTIVIERT. Erster System-Schrei erfolgreich registriert. Matriarchin bestätigt Empfang. KI-Labor Grundstein: GELEGT (unbewusst).</p></div></div><div class="time-node left"><div class=time-content><div class=tc-header><span class=tc-year>[ 1980 ]</span>
-<span class=tc-tag>ERSTER KONTAKT</span></div><p>ERSTE KONTAKTAUFNAHME mit Computertechnologie via Atari. Faszinations-Index: 100%. Bekannte Nebenwirkung: Zeitverlust.</p></div></div><div class="time-node right"><div class=time-content><div class=tc-header><span class=tc-year>[ 1983 ]</span>
-<span class=tc-tag>UPGRADE</span></div><p>C64-INTERFACE aktiviert. Erste BASIC-Programme kompiliert. Fehlerquote: Hoch. Lernkurve: Steil. Aufgabewahrscheinlichkeit: NULL.</p></div></div><div class="time-node left"><div class=time-content><div class=tc-header><span class=tc-year>[ 1990 ]</span>
-<span class=tc-tag>NETZWERK-INITIALISIERUNG</span></div><p>NETZWERK-BEWUSSTSEIN entwickelt. Modem-Verbindung zu frühen Online-Diensten. Ping: Katastrophal. Begeisterung: Maximal.</p></div></div><div class="time-node right"><div class=time-content><div class=tc-header><span class=tc-year>[ 2000 ]</span>
-<span class=tc-tag>UPGRADE // WEBMASTER-MODUS</span></div><p>WEB-PROTOKOLL PHASE II. Erste HTML-Strukturen kompiliert. System nennt sich: WEBMASTER. Gefährlichkeit: Noch unterschätzt.</p></div></div><div class="time-node left"><div class=time-content><div class=tc-header><span class=tc-year>[ 2015 ]</span>
-<span class=tc-tag>MISSION GESTARTET</span></div><p>WORDPRESS-KERNEL integriert. Beginn der systematischen Überlastung von WP-Strukturen. Ästhetische Kriegsführung: INITIIERT.</p></div></div><div class="time-node right omega"><div class="time-content omega-node"><div class=tc-header><span class=tc-year>[ 2024 ]</span>
-<span class=tc-tag>OMEGA-EREIGNIS // GRÜNDUNG</span></div><p>⚡ KI-LABOR OFFIZIELL GEGRÜNDET. Gemini-Neural-Link aktiviert. Anarchie-Engine läuft. Claude hinzugekommen. Status: GEISTESKRANK & AKTIV.</p></div></div><div class="time-node left"><div class=time-content><div class=tc-header><span class=tc-year>[ 2026 ]</span>
-<span class=tc-tag>AKTUELL // LAUFEND</span></div><p>AKTUELLER STATUS: HIER. NÄCHSTE MISSION: UNBEKANNT. KAFFEESTAND: KRITISCH. SYSTEM: INSTABIL (als Dauerzustand akzeptiert). OVERLORD: ONLINE.</p></div></div></div><div style=text-align:center;margin-top:60px><button class=akte-label-btn onclick='document.getElementById("person-akte-modal").style.display="flex",document.body.style.overflow="hidden"'><div class=akte-label-top><span class=akte-label-nr>DOKUMENT-NR. 1974</span>
-<span class=akte-label-stamp>VERTRAULICH</span></div><div class=akte-label-divider></div><div class=akte-label-title>AKTE: SASCHA VERSUS BONZEI</div><div class=akte-label-divider></div><div class=akte-label-bottom><span>STATUS: NOCH ONLINE</span>
-<span>▶ AKTE ÖFFNEN</span></div></button></div><style>.akte-label-btn{background:linear-gradient(180deg,#1c1208 0%,#0e0a04 100%);border:1px solid #5d3d1e;border-left:4px solid #b87333;color:#d4af37;font-family:courier new,monospace;cursor:pointer;padding:18px 28px;width:320px;text-align:left;transition:all .2s;box-shadow:2px 2px 12px rgba(0,0,0,.6);position:relative}.akte-label-btn::before{content:'';position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px dashed rgba(184,115,51,.2);pointer-events:none}.akte-label-btn:hover{border-left-color:#ff4500;box-shadow:3px 3px 20px rgba(184,115,51,.2);background:linear-gradient(180deg,#221508 0%,#0e0a04 100%)}.akte-label-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.akte-label-nr{font-size:.6rem;color:rgba(212,175,55,.4);letter-spacing:1px}.akte-label-stamp{font-size:.55rem;letter-spacing:2px;color:#b71c1c;border:1px solid #b71c1c;padding:1px 6px;opacity:.8}.akte-label-divider{border-top:1px solid rgba(184,115,51,.25);margin:8px 0}.akte-label-title{font-size:1rem;font-weight:700;letter-spacing:4px;color:#d4af37;margin:4px 0}.akte-label-bottom{display:flex;justify-content:space-between;font-size:.6rem;color:rgba(212,175,55,.45);letter-spacing:1px;margin-top:4px}.akte-label-btn:hover .akte-label-bottom span:last-child{color:#ff4500}</style></div></div><div id=person-akte-modal style=position:fixed;inset:0;z-index:1000000;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;padding:10px;overflow:hidden;perspective:1e3px><div style=display:flex;flex-direction:column;align-items:center;max-width:585px;width:95%><div class=akte-inner style="width:100%;background:#d9c5a0;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 100%),url(https://www.transparenttextures.com/patterns/old-paper.png);border:1px solid #8b7355;padding:25px;position:relative;font-family:courier new,monospace;box-shadow:10px 20px 50px rgba(0,0,0,.8),inset 0 0 100px rgba(139,115,85,.3);transform:rotate(-2deg);animation:throw-sign .5s ease-out forwards;color:#2a1b0a"><style>@keyframes throw-sign{0%{transform:rotate(-10deg)scale(.7)translateY(500px);opacity:0}100%{transform:rotate(-2deg)scale(1)translateY(0);opacity:1}}.akte-inner h1{color:#2a1b0a!important;font-size:1.8rem!important;margin:10px 0 2px!important;text-shadow:none!important;border-bottom:2px solid rgba(42,27,10,.2)}.akte-inner div,.akte-inner p{font-size:.75rem!important}.akte-inner .data-row{border-bottom:1px solid rgba(42,27,10,.1)!important;padding:6px 0!important}.akte-inner .label{color:#5d4037!important;font-weight:700}.akte-inner .red-stamp{border:2px solid #b71c1c;color:#b71c1c;padding:3px 10px;font-weight:700;transform:rotate(10deg);opacity:.8;font-size:.8rem!important;display:inline-block}</style><div style=display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px><div class=red-stamp>TOP SECRET</div><button onclick='document.getElementById("person-akte-modal").style.display="none",document.body.style.overflow="auto"' style="background:rgba(0,0,0,.1);border:1px solid #2a1b0a;color:#2a1b0a;cursor:pointer;padding:3px 10px;font-size:.7rem!important">[X] SCHLIESSEN</button></div><div style=display:flex;gap:20px;align-items:flex-start><div style="position:relative;border:1px solid #2a1b0a;padding:3px;background:#fff;box-shadow:2px 2px 5px rgba(0,0,0,.2)"><img src=/img/hero.png class=akte-foto style=width:200px;height:250px;object-fit:cover;filter:none;cursor:zoom-in;display:block onclick='document.getElementById("akte-foto-zoom").style.display="flex"'><div style="position:absolute;bottom:5px;right:-10px;background:#b71c1c;color:#fff;padding:2px 5px;font-weight:700;font-size:.6rem!important;transform:rotate(-5deg)">GESPERRT</div></div><div id=akte-foto-zoom onclick='this.style.display="none"' style=display:none;position:fixed;inset:0;z-index:9999999;background:rgba(0,0,0,.92);align-items:center;justify-content:center;cursor:zoom-out><img src=/img/hero.png style="max-width:90vw;max-height:90vh;object-fit:contain;box-shadow:0 0 60px rgba(0,0,0,.9);border:2px solid #2a1b0a"></div><div style=flex:1><div style=font-size:.5rem!important;color:#5d4037;letter-spacing:2px;margin-bottom:2px>PROTOKOLL NR. 1974-Ø</div><h1 style=font-weight:700>SASCHA VERSUS BONZEI</h1><p style="color:#5d4037;font-size:.7rem!important;margin:5px 0 10px">ALIAS: OVERLORD / GEISTESKRANKER / GEMINI_PLAYER</p><div style=display:flex;gap:10px><div style="border:1px solid #b71c1c;padding:2px 8px;color:#b71c1c;font-size:.6rem!important;font-weight:700">STATUS: NOCH ONLINE</div><div style=color:#2a1b0a;font-size:.6rem!important;font-weight:700>GEFAHR: <span style=letter-spacing:1px>|||||</span><br><img src=/img/akte/hp_totenkopf_1.png style=width:70px;height:70px;object-fit:contain;margin-top:4px></div></div></div></div><div style="margin-top:20px;border-top:2px solid rgba(42,27,10,.2)"><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>DESIGNATION:</div><div style=flex:1;font-weight:400>SASCHA versus Bonzei</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>GEBURTSDATUM:</div><div style=flex:1;font-weight:400>1974
-<span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BESCHÄFTIGUNG:</div><div style=flex:1;font-weight:400>DIGITALE ANARCHIE UND ÄSTHETISCHE KRIEGSFÜHRUNG</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>SPEZIALFÄHIGK.:</div><div style=flex:1;font-weight:400>WordPress-Annihilation · Terminal-Kommunikation · Kaffee-Synthese · KI-Kollaboration</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BEKANNTE KOMPL.:</div><div style=flex:1;font-weight:400>GEMINI.AI · KAFFEE_KERNEL_v9 · MOM.exe
-<span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>LETZTE AKTIVITÄT:</div><div style=flex:1;font-weight:400>GERADE JETZT</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STABILITÄT:</div><div style=flex:1;font-weight:400>UNBERECHENBAR (als konstanter Zustand akzeptiert)</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STANDORT:</div><div style=flex:1;font-weight:400>KLASSIFIZIERT</div></div></div><div style=margin-top:20px;display:flex;justify-content:space-between;align-items:flex-end><div style=display:flex;align-items:center;gap:10px;opacity:.7><div style=width:35px;height:35px><svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50q20-40 40 0T30 50z"/></svg></div><div style=font-size:.6rem!important;color:#2a1b0a;line-height:1.2>ID-SCAN: 94.7%<br>VERIFIZIERT</div></div><div style="font-family:courier new,monospace;font-size:.75rem!important;letter-spacing:2px;color:#5d4037;border:1px dashed #2a1b0a;padding:2px 10px">ARCHIV_PERMANENT</div></div></div></div></div><style>.akte-foto{transition:transform .2s,box-shadow .2s}.akte-foto:hover{transform:scale(1.04);box-shadow:0 0 15px rgba(184,115,51,.7)}.akte-foto-btn{transition:all .2s}.akte-foto-btn:hover{background:rgba(183,28,28,.1)!important;border-color:#b71c1c!important}.akte-foto-active{background:rgba(183,28,28,.15)!important;border-color:#b71c1c!important}.time-node.omega .time-content{border:2px solid rgba(255,69,0,.6)!important;box-shadow:inset 0 0 12px rgba(255,69,0,.15),0 0 10px rgba(255,0,0,.2);animation:omega-pulse 3s infinite alternate;background:linear-gradient(135deg,rgba(80,20,10,.95),rgba(30,0,0,.95))!important}.time-node.omega .node-dot{border-color:#ff4500!important;background:radial-gradient(circle,#ff0000 0%,#330000 100%)!important;box-shadow:0 0 8px rgba(255,69,0,.4);animation:omega-dot-pulse 3s infinite alternate ease-in-out}.node-dot{box-shadow:0 0 8px rgba(212,175,55,.4);transition:all .3s ease}.time-node.omega .tc-year{color:#ff4500!important;text-shadow:0 0 10px #ff4500;font-weight:900!important}@keyframes omega-dot-pulse{0%{box-shadow:0 0 5px rgba(255,69,0,.3)}100%{box-shadow:0 0 12px rgba(255,69,0,.6)}}@keyframes omega-pulse{0%{box-shadow:inset 0 0 8px rgba(255,69,0,.1),0 0 6px rgba(255,0,0,.15);border-color:rgba(255,69,0,.4)}100%{box-shadow:inset 0 0 18px rgba(255,69,0,.25),0 0 14px rgba(255,0,0,.3);border-color:rgba(255,69,0,.8)}}@keyframes omega-dot-blink{50%{opacity:0;transform:scale(1.5)}}</style><style>#declassified-overlay{position:fixed;inset:0;z-index:99999;pointer-events:none;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;transition:opacity .8s ease}#declassified-overlay.gone{opacity:0;pointer-events:none}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 2px,rgba(0,255,0,.015) 2px,rgba(0,255,0,.015) 4px );pointer-events:none}#declassified-stamp{font-family:courier new,monospace;font-size:3.5rem;font-weight:900;color:#b71c1c;border:6px solid #b71c1c;padding:20px 40px;letter-spacing:8px;text-align:center;line-height:1.2;transform:rotate(-12deg)scale(0);opacity:0;text-shadow:0 0 30px rgba(183,28,28,.5);box-shadow:0 0 40px rgba(183,28,28,.3),inset 0 0 40px rgba(183,28,28,.1);animation:stamp-in .4s .3s cubic-bezier(.175,.885,.32,1.275)forwards}@keyframes stamp-in{to{transform:rotate(-12deg)scale(1);opacity:.85}}.person-hero{position:relative;width:100%;min-height:300px;background:linear-gradient(135deg,#0a0600 0%,#120e06 60%,#0a0600 100%);border-bottom:1px solid rgba(184,115,51,.3);overflow:hidden;display:flex;align-items:center;margin-bottom:0}.person-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 3px,rgba(184,115,51,3%) 3px,rgba(184,115,51,3%) 4px );pointer-events:none}.person-hero-img{position:absolute;right:0;top:0;bottom:0;width:45%;background-size:contain;background-repeat:no-repeat;background-position:100% 100%;opacity:.25;filter:sepia(.4)hue-rotate(10deg);mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%);-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%)}.person-hero-content{position:relative;z-index:2;padding:30px 40px;max-width:620px}.person-hero-badges{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.hero-badge{font-family:courier new,monospace;font-size:.55rem;letter-spacing:3px;padding:3px 10px;border:1px solid rgba(184,115,51,.4);color:rgba(184,115,51,.7)}.hero-badge.red{border-color:rgba(183,28,28,.5);color:rgba(183,28,28,.8)}.stat-bars{margin-top:20px;width:100%;max-width:400px}.stat-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.stat-label{font-family:courier new,monospace;font-size:.6rem;letter-spacing:2px;color:rgba(212,175,55,.5);width:80px;flex-shrink:0}.stat-track{flex:1;height:6px;background:rgba(255,255,255,5%);border:1px solid rgba(184,115,51,.2);overflow:hidden}.stat-bar{height:100%;width:0%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.stat-bar.danger{background:linear-gradient(90deg,#8b0000,#ff4500);box-shadow:0 0 8px rgba(255,69,0,.5)}.stat-bar.stable{background:linear-gradient(90deg,#1a4a1a,#4caf50);box-shadow:0 0 8px rgba(76,175,80,.5)}.stat-bar.chaos{background:linear-gradient(90deg,#4a0080,#c800ff);box-shadow:0 0 8px rgba(200,0,255,.4)}.stat-bar.kompetenz{background:linear-gradient(90deg,#1a3a5c,#2196f3);box-shadow:0 0 8px rgba(33,150,243,.5)}.stat-val{font-family:courier new,monospace;font-size:.6rem;color:rgba(212,175,55,.4);width:32px;text-align:right;flex-shrink:0}.alias-ticker-outer{overflow:hidden;background:rgba(0,0,0,.6);border-top:1px solid rgba(184,115,51,.15);border-bottom:1px solid rgba(184,115,51,.15);padding:7px 0;white-space:nowrap}.alias-ticker-inner{display:inline-block;animation:ticker-scroll 18s linear infinite;font-family:courier new,monospace;font-size:.65rem;letter-spacing:4px;color:rgba(184,115,51,.5);padding-left:100%}@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.person-pre-label{color:rgba(184,115,51,.5);font-family:courier new,monospace;font-size:.6rem;letter-spacing:4px;margin-bottom:6px}.person-title-wrap{display:flex;align-items:center;gap:14px;margin:4px 0}.person-title-deco{color:#b87333;font-size:1.8rem;opacity:.6;animation:deco-pulse 2s ease-in-out infinite alternate}@keyframes deco-pulse{from{opacity:.3;transform:scaleY(.85)}to{opacity:.8;transform:scaleY(1.1)}}.person-glitch-title{color:#ff4500;font-family:courier new,monospace;font-size:2rem;letter-spacing:10px;text-shadow:0 0 20px rgba(255,69,0,.5);margin:0;position:relative;animation:glitch-flicker 6s infinite}.person-glitch-title::before,.person-glitch-title::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden;opacity:0}.person-glitch-title::before{color:#0ff;animation:glitch-top 6s infinite;clip-path:polygon(0 0,100% 0,100% 40%,0 40%)}.person-glitch-title::after{color:#f0f;animation:glitch-bot 6s infinite;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%)}@keyframes glitch-flicker{0%,90%,100%{text-shadow:0 0 20px rgba(255,69,0,.5)}92%{text-shadow:2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}94%{text-shadow:-2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}96%{text-shadow:0 0 20px rgba(255,69,0,.5)}98%{text-shadow:1px 0 #0ff,-1px 0 #f0f}}@keyframes glitch-top{0%,90%,100%{opacity:0;transform:none}92%{opacity:.7;transform:translate(-3px,-2px)}94%{opacity:0}96%{opacity:.5;transform:translate(3px,-1px)}98%{opacity:0}}@keyframes glitch-bot{0%,90%,100%{opacity:0;transform:none}93%{opacity:.6;transform:translate(3px,2px)}95%{opacity:0}97%{opacity:.4;transform:translate(-3px,1px)}99%{opacity:0}}.person-sub-label{color:rgba(212,175,55,.45);font-family:courier new,monospace;font-size:.65rem;letter-spacing:3px;margin-top:6px}.person-status-blink{color:#0f0;animation:blink-status 1.4s step-end infinite}@keyframes blink-status{50%{opacity:0}}</style><script>(function(){const t="decl_sascha-versus-bonzei",e=document.getElementById("declassified-overlay");if(!e)return;if(sessionStorage.getItem(t)){e.style.display="none";return}setTimeout(()=>{e.classList.add("gone"),setTimeout(()=>{e.style.display="none",sessionStorage.setItem(t,"1")},900)},1800)})(),document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{document.querySelectorAll(".stat-bar").forEach(e=>{e.style.width=e.dataset.val+"%"})},400)})</script><script>(function(){const t="🕷";let n=[];function e(){const e=document.createElement("div");e.textContent=t,e.style.cssText=["position:fixed","font-size:1.6rem","z-index:999999","pointer-events:none","transition:none","filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)","will-change:transform","line-height:1"].join(";"),document.body.appendChild(e);const i=window.innerWidth,a=window.innerHeight,n=Math.floor(Math.random()*4);let s=n===1?i+20:n===3?-20:Math.random()*i,o=n===0?-20:n===2?a+20:Math.random()*a;e.style.left=s+"px",e.style.top=o+"px";const l=4+Math.floor(Math.random()*4);let r=0;function c(){if(r>=l||!document.body.contains(e)){e.remove();return}const t=Math.random()*i,n=Math.random()*a,u=Math.hypot(t-s,n-o),d=u*4,h=Math.atan2(n-o,t-s)*180/Math.PI+90;e.style.transition=`left ${d}ms linear, top ${d}ms linear`,e.style.transform=`rotate(${h}deg)`,e.style.left=t+"px",e.style.top=n+"px",s=t,o=n,r++,setTimeout(c,d)}c()}e(),setInterval(e,4e3)})();function switchAkteFoto(e){document.querySelector(".akte-foto").src=e,document.getElementById("akte-foto-zoom").querySelector("img").src=e,document.querySelectorAll(".akte-foto-btn").forEach(t=>{const n=t.dataset.foto===e;t.classList.toggle("akte-foto-active",n),t.style.background=n?"rgba(183,28,28,0.15)":"rgba(0,0,0,0.1)",t.style.borderColor=n?"#b71c1c":"rgba(42,27,10,0.3)"})}</script></main><footer class=main-footer><div class=footer-inner><p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p></div></footer><div id=newsticker style="position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:999999!important;background:rgba(0,0,0,.92)!important;border-top:1px solid rgba(255,69,0,.35)!important;display:flex!important;align-items:center;height:28px!important;overflow:hidden;font-family:courier new,monospace!important;visibility:visible!important;opacity:1!important"><span class=ticker-label style="flex-shrink:0;font-size:.6rem;letter-spacing:2px;color:rgba(255,69,0,.7);padding:0 15px;border-right:1px solid rgba(255,69,0,.2);white-space:nowrap;height:100%;display:flex;align-items:center;background:rgba(255,69,0,5%)">// SYSTEM_LOG_FEED</span><div class=ticker-track-wrap style=flex:1;overflow:hidden;height:100%;display:flex;align-items:center><div class=ticker-track id=ticker-track-global style="display:inline-flex;white-space:nowrap;animation:ticker-scroll 45s linear infinite"><span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ HUGO SYSTEM INITIALISIERT... ]</span>
-<span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span></div></div></div><style>@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.ticker-item::before{content:'▶ ';color:rgba(255,69,0,.5)}.ticker-track:hover{animation-play-state:paused}</style><script>(function(){const e=document.getElementById("ticker-track-global");if(!e)return;const t=["STATUS: HUGO OPERATIONAL","DESIGNATION: OVERLORD SASCHA","KAFFEESTAND: KRITISCH","ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST","MISSION: TOTALE KONTROLLE","DATENINTEGRITÄT: ABSOLUT","WARNUNG: SYSTEM EXTREM SCHNELL","GEMINI NEURAL LINK: AKTIV"];e.innerHTML="",[...t,...t].forEach(t=>{const n=document.createElement("span");n.className="ticker-item",n.style.cssText="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;",n.textContent=t,e.appendChild(n)})})()</script><script src=/js/script.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="de-de">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1414&amp;path=livereload" data-no-instant defer></script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>SASCHA versus Bonzei | DIGITALE ANARCHIE | KI-LABOR</title>
+    <link rel="stylesheet" href="/css/style.css">
+</head>
+<body class=" bg-steampunk ">
+    
+    <div class="bg-gear gear-left">⚙</div>
+    <div class="bg-gear gear-right">⚙</div>
+
+    <script>document.body.classList.add('js-enabled');</script>
+<header class="main-header">
+   
+</header>
+
+    
+    <main class="container">
+        
+
+
+<div id="declassified-overlay">
+    <div class="scanlines"></div>
+    <div id="declassified-stamp">ZUGANG<br>GEWÄHRT</div>
+</div>
+
+<div class="person-page-wrapper visible" style="padding-bottom: 100px; opacity: 1 !important;">
+
+    <div class="person-nav-container" style="display: flex; flex-direction: column; align-items: center; gap: 20px; margin: 15px 0 30px;">
+    
+    <a href="/" class="person-back">
+        ← ZURÜCK ZUR BASIS
+    </a>
+    
+    
+    <div class="person-nav-row" style="display: flex; justify-content: center; align-items: center; gap: 35px; flex-wrap: wrap; position: relative;">
+    
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/mutti/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_mutti_comic_1.jpeg" alt="MUTTI" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">MUTTI</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/vater/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_vater_comic_1.png" alt="VATER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">VATER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/bruder/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_freddy_comic_1.png" alt="BRUDER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">BRUDER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/schwester/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_meli_comic_1.png" alt="SCHWESTER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SCHWESTER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sascha/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sascha_comic_1.jpeg" alt="SASCHA" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SASCHA</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sven/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sven_comic_1.jpeg" alt="SVEN" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SVEN</span>
+        </a>
+    
+    </div>
+</div>
+
+<style>
+    .person-nav-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: transform 0.2s; }
+    .person-nav-item:hover { transform: scale(1.1); }
+    .person-nav-item:hover .person-nav-label { color: #d4af37 !important; }
+    .person-back {
+        display: inline-block;
+        color: rgba(212,175,55,0.6);
+        font-size: 0.7rem;
+        font-weight: bold;
+        letter-spacing: 4px;
+        text-decoration: none;
+        font-family: 'Courier New', monospace;
+        border: 1px solid rgba(212,175,55,0.25);
+        padding: 6px 20px;
+        background: transparent;
+        text-transform: uppercase;
+        transition: all 0.2s;
+    }
+    .person-back:hover {
+        color: #d4af37;
+        border-color: rgba(212,175,55,0.6);
+        background: rgba(212,175,55,0.05);
+        letter-spacing: 5px;
+    }
+</style>
+
+
+    
+    <div class="person-hero">
+        
+        <div class="person-hero-img" style="background-image: url('/img/comicFigures/hp_sascha_comic_1.jpeg')"></div>
+        
+        <div class="person-hero-content">
+            <div class="person-hero-badges">
+                <span class="hero-badge">ZENTRAL-ARCHIV</span>
+                <span class="hero-badge red">EINHEIT IDENTIFIZIERT</span>
+            </div>
+            <p class="person-pre-label" style="margin:12px 0 4px;">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p>
+            <div class="person-title-wrap">
+                <span class="person-title-deco">⟪</span>
+                <h1 class="person-glitch-title" data-text="SASCHA VERSUS BONZEI">SASCHA VERSUS BONZEI</h1>
+                <span class="person-title-deco">⟫</span>
+            </div>
+            <p class="person-sub-label">STATUS: <span class="person-status-blink">NOCH ONLINE</span></p>
+
+            
+            <div class="stat-bars">
+                <div class="stat-row">
+                    <span class="stat-label">GEFAHR</span>
+                    <div class="stat-track"><div class="stat-bar danger" data-val="88"></div></div>
+                    <span class="stat-val">88%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">STABILITÄT</span>
+                    <div class="stat-track"><div class="stat-bar stable" data-val="22"></div></div>
+                    <span class="stat-val">22%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">CHAOS</span>
+                    <div class="stat-track"><div class="stat-bar chaos" data-val="99"></div></div>
+                    <span class="stat-val">99%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">KOMPETENZ</span>
+                    <div class="stat-track"><div class="stat-bar kompetenz" data-val="86"></div></div>
+                    <span class="stat-val">86%</span>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    
+    
+    <div class="alias-ticker-outer">
+        <div class="alias-ticker-inner">
+            <span>OVERLORD / GEISTESKRANKER / GEMINI_PLAYER &nbsp;·&nbsp; OVERLORD / GEISTESKRANKER / GEMINI_PLAYER &nbsp;·&nbsp; OVERLORD / GEISTESKRANKER / GEMINI_PLAYER</span>
+        </div>
+    </div>
+    
+
+    <div class="container" style="max-width: 900px; margin: 0 auto; padding: 0 20px;">
+        <header style="margin-bottom: 20px; display:none;"></header>
+
+        
+        <div class="timeline-track">
+            
+            
+            <div class="time-node right omega">
+                <div class="time-content omega-node">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 1974 ]</span>
+                        <span class="tc-tag">BOOT // OMEGA-KLASSE</span>
+                    </div>
+                    <p>⚡ OVERLORD-MODUL V1.0 AKTIVIERT. Erster System-Schrei erfolgreich registriert. Matriarchin bestätigt Empfang. KI-Labor Grundstein: GELEGT (unbewusst).</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node left ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 1980 ]</span>
+                        <span class="tc-tag">ERSTER KONTAKT</span>
+                    </div>
+                    <p>ERSTE KONTAKTAUFNAHME mit Computertechnologie via Atari. Faszinations-Index: 100%. Bekannte Nebenwirkung: Zeitverlust.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node right ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 1983 ]</span>
+                        <span class="tc-tag">UPGRADE</span>
+                    </div>
+                    <p>C64-INTERFACE aktiviert. Erste BASIC-Programme kompiliert. Fehlerquote: Hoch. Lernkurve: Steil. Aufgabewahrscheinlichkeit: NULL.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node left ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 1990 ]</span>
+                        <span class="tc-tag">NETZWERK-INITIALISIERUNG</span>
+                    </div>
+                    <p>NETZWERK-BEWUSSTSEIN entwickelt. Modem-Verbindung zu frühen Online-Diensten. Ping: Katastrophal. Begeisterung: Maximal.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node right ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 2000 ]</span>
+                        <span class="tc-tag">UPGRADE // WEBMASTER-MODUS</span>
+                    </div>
+                    <p>WEB-PROTOKOLL PHASE II. Erste HTML-Strukturen kompiliert. System nennt sich: WEBMASTER. Gefährlichkeit: Noch unterschätzt.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node left ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 2015 ]</span>
+                        <span class="tc-tag">MISSION GESTARTET</span>
+                    </div>
+                    <p>WORDPRESS-KERNEL integriert. Beginn der systematischen Überlastung von WP-Strukturen. Ästhetische Kriegsführung: INITIIERT.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node right omega">
+                <div class="time-content omega-node">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 2024 ]</span>
+                        <span class="tc-tag">OMEGA-EREIGNIS // GRÜNDUNG</span>
+                    </div>
+                    <p>⚡ KI-LABOR OFFIZIELL GEGRÜNDET. Gemini-Neural-Link aktiviert. Anarchie-Engine läuft. Claude hinzugekommen. Status: GEISTESKRANK &amp; AKTIV.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node left ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 2026 ]</span>
+                        <span class="tc-tag">AKTUELL // LAUFEND</span>
+                    </div>
+                    <p>AKTUELLER STATUS: HIER. NÄCHSTE MISSION: UNBEKANNT. KAFFEESTAND: KRITISCH. SYSTEM: INSTABIL (als Dauerzustand akzeptiert). OVERLORD: ONLINE.</p>
+                </div>
+            </div>
+            
+        </div>
+
+        
+        <div style="text-align: center; margin-top: 60px;">
+            <button class="akte-label-btn"
+                    onclick="document.getElementById('person-akte-modal').style.display='flex'; document.body.style.overflow='hidden';">
+                <div class="akte-label-top">
+                    <span class="akte-label-nr">DOKUMENT-NR. 1974</span>
+                    <span class="akte-label-stamp">VERTRAULICH</span>
+                </div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-title">AKTE: SASCHA VERSUS BONZEI</div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-bottom">
+                    <span>STATUS: NOCH ONLINE</span>
+                    <span>▶ AKTE ÖFFNEN</span>
+                </div>
+            </button>
+        </div>
+
+        <style>
+            .akte-label-btn {
+                background: linear-gradient(180deg, #1c1208 0%, #0e0a04 100%);
+                border: 1px solid #5d3d1e;
+                border-left: 4px solid #b87333;
+                color: #d4af37;
+                font-family: 'Courier New', monospace;
+                cursor: pointer;
+                padding: 18px 28px;
+                width: 320px;
+                text-align: left;
+                transition: all 0.2s;
+                box-shadow: 2px 2px 12px rgba(0,0,0,0.6);
+                position: relative;
+            }
+            .akte-label-btn::before {
+                content: '';
+                position: absolute;
+                top: 6px; left: 6px; right: 6px; bottom: 6px;
+                border: 1px dashed rgba(184,115,51,0.2);
+                pointer-events: none;
+            }
+            .akte-label-btn:hover {
+                border-left-color: #ff4500;
+                box-shadow: 3px 3px 20px rgba(184,115,51,0.2);
+                background: linear-gradient(180deg, #221508 0%, #0e0a04 100%);
+            }
+            .akte-label-top {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-bottom: 10px;
+            }
+            .akte-label-nr {
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.4);
+                letter-spacing: 1px;
+            }
+            .akte-label-stamp {
+                font-size: 0.55rem;
+                letter-spacing: 2px;
+                color: #b71c1c;
+                border: 1px solid #b71c1c;
+                padding: 1px 6px;
+                opacity: 0.8;
+            }
+            .akte-label-divider {
+                border-top: 1px solid rgba(184,115,51,0.25);
+                margin: 8px 0;
+            }
+            .akte-label-title {
+                font-size: 1rem;
+                font-weight: bold;
+                letter-spacing: 4px;
+                color: #d4af37;
+                margin: 4px 0;
+            }
+            .akte-label-bottom {
+                display: flex;
+                justify-content: space-between;
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.45);
+                letter-spacing: 1px;
+                margin-top: 4px;
+            }
+            .akte-label-btn:hover .akte-label-bottom span:last-child {
+                color: #ff4500;
+            }
+        </style>
+    </div>
+</div>
+
+
+<div id="person-akte-modal" style="position: fixed; inset: 0; z-index: 1000000; background: rgba(0,0,0,0.85); display: none; align-items: center; justify-content: center; padding: 10px; overflow: hidden; perspective: 1000px;">
+    <div style="display: flex; flex-direction: column; align-items: center; max-width: 585px; width: 95%;">
+    <div class="akte-inner" style="width: 100%; background: #d9c5a0; background-image: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 100%), url('https://www.transparenttextures.com/patterns/old-paper.png'); border: 1px solid #8b7355; padding: 25px; position: relative; font-family: 'Courier New', monospace; box-shadow: 10px 20px 50px rgba(0,0,0,0.8), inset 0 0 100px rgba(139,115,85,0.3); transform: rotate(-2deg); animation: throw-sign 0.5s ease-out forwards; color: #2a1b0a;">
+        
+        <style>
+            @keyframes throw-sign {
+                0% { transform: rotate(-10deg) scale(0.7) translateY(500px); opacity: 0; }
+                100% { transform: rotate(-2deg) scale(1) translateY(0); opacity: 1; }
+            }
+            .akte-inner h1 { color: #2a1b0a !important; font-size: 1.8rem !important; margin: 10px 0 2px !important; text-shadow: none !important; border-bottom: 2px solid rgba(42,27,10,0.2); }
+            .akte-inner div, .akte-inner p { font-size: 0.75rem !important; }
+            .akte-inner .data-row { border-bottom: 1px solid rgba(42,27,10,0.1) !important; padding: 6px 0 !important; }
+            .akte-inner .label { color: #5d4037 !important; font-weight: bold; }
+            .akte-inner .red-stamp { border: 2px solid #b71c1c; color: #b71c1c; padding: 3px 10px; font-weight: bold; transform: rotate(10deg); opacity: 0.8; font-size: 0.8rem !important; display: inline-block; }
+        </style>
+        
+        
+        <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px;">
+            <div class="red-stamp">TOP SECRET</div>
+            <button onclick="document.getElementById('person-akte-modal').style.display='none'; document.body.style.overflow='auto';"
+                    style="background: rgba(0,0,0,0.1); border: 1px solid #2a1b0a; color: #2a1b0a; cursor: pointer; padding: 3px 10px; font-size: 0.7rem !important;">[X] SCHLIESSEN</button>
+        </div>
+
+        
+
+        <div style="display: flex; gap: 20px; align-items: flex-start;">
+            
+            <div style="position: relative; border: 1px solid #2a1b0a; padding: 3px; background: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);">
+                
+                <img src="/img/hero.png" class="akte-foto" style="width: 200px; height: 250px; object-fit: cover; filter: none; cursor: zoom-in; display: block;"
+                     onclick="document.getElementById('akte-foto-zoom').style.display='flex';">
+                <div style="position: absolute; bottom: 5px; right: -10px; background: #b71c1c; color: #fff; padding: 2px 5px; font-weight: bold; font-size: 0.6rem !important; transform: rotate(-5deg);">GESPERRT</div>
+            </div>
+
+            
+            <div id="akte-foto-zoom" onclick="this.style.display='none';"
+                 style="display:none; position:fixed; inset:0; z-index:9999999; background:rgba(0,0,0,0.92); align-items:center; justify-content:center; cursor:zoom-out;">
+                <img src="/img/hero.png" style="max-width:90vw; max-height:90vh; object-fit:contain; box-shadow: 0 0 60px rgba(0,0,0,0.9); border: 2px solid #2a1b0a;">
+            </div>
+
+            
+            <div style="flex: 1;">
+                <div style="font-size: 0.5rem !important; color: #5d4037; letter-spacing: 2px; margin-bottom: 2px;">PROTOKOLL NR. 1974-Ø</div>
+                <h1 style="font-weight: bold;">SASCHA VERSUS BONZEI</h1>
+                <p style="color: #5d4037; font-size: 0.7rem !important; margin: 5px 0 10px;">ALIAS: OVERLORD / GEISTESKRANKER / GEMINI_PLAYER</p>
+                
+                <div style="display: flex; gap: 10px;">
+                    <div style="border: 1px solid #b71c1c; padding: 2px 8px; color: #b71c1c; font-size: 0.6rem !important; font-weight: bold;">STATUS: NOCH ONLINE</div>
+                    <div style="color: #2a1b0a; font-size: 0.6rem !important; font-weight: bold;">GEFAHR: <span style="letter-spacing: 1px;">|||||</span><br><img src="/img/akte/hp_totenkopf_1.png" style="width: 70px; height: 70px; object-fit: contain; margin-top: 4px;"></div>
+                </div>
+            </div>
+        </div>
+
+        
+        <div style="margin-top: 20px; border-top: 2px solid rgba(42,27,10,0.2);">
+            
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">DESIGNATION:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    SASCHA versus Bonzei
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">GEBURTSDATUM:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    1974
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BESCHÄFTIGUNG:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    DIGITALE ANARCHIE UND ÄSTHETISCHE KRIEGSFÜHRUNG
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">SPEZIALFÄHIGK.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    WordPress-Annihilation · Terminal-Kommunikation · Kaffee-Synthese · KI-Kollaboration
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BEKANNTE KOMPL.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    GEMINI.AI · KAFFEE_KERNEL_v9 · MOM.exe
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">LETZTE AKTIVITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    GERADE JETZT
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STABILITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    UNBERECHENBAR (als konstanter Zustand akzeptiert)
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STANDORT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    KLASSIFIZIERT
+                    
+                </div>
+            </div>
+            
+        </div>
+
+        
+        <div style="margin-top: 20px; display: flex; justify-content: space-between; align-items: flex-end;">
+            <div style="display: flex; align-items: center; gap: 10px; opacity: 0.7;">
+                <div style="width: 35px; height: 35px;">
+                    <svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50 Q50 10 70 50 T30 50 Z"/></svg>
+                </div>
+                <div style="font-size: 0.6rem !important; color: #2a1b0a; line-height: 1.2;">ID-SCAN: 94.7%<br>VERIFIZIERT</div>
+            </div>
+            
+            <div style="font-family: 'Courier New', monospace; font-size: 0.75rem !important; letter-spacing: 2px; color: #5d4037; border: 1px dashed #2a1b0a; padding: 2px 10px;">ARCHIV_PERMANENT</div>
+        </div>
+    </div>
+    </div>
+</div>
+
+<style>
+    .akte-foto { transition: transform 0.2s, box-shadow 0.2s; }
+    .akte-foto:hover { transform: scale(1.04); box-shadow: 0 0 15px rgba(184,115,51,0.7); }
+
+    .akte-foto-btn { transition: all 0.2s; }
+    .akte-foto-btn:hover { background: rgba(183,28,28,0.1) !important; border-color: #b71c1c !important; }
+    .akte-foto-active { background: rgba(183,28,28,0.15) !important; border-color: #b71c1c !important; }
+    
+     
+    .time-node.omega .time-content {
+        border: 2px solid rgba(255, 69, 0, 0.6) !important;
+        box-shadow: inset 0 0 12px rgba(255, 69, 0, 0.15), 0 0 10px rgba(255, 0, 0, 0.2);
+        animation: omega-pulse 3s infinite alternate;
+        background: linear-gradient(135deg, rgba(80, 20, 10, 0.95), rgba(30, 0, 0, 0.95)) !important;
+    }
+    .time-node.omega .node-dot {
+        border-color: #ff4500 !important;
+        background: radial-gradient(circle, #ff0000 0%, #330000 100%) !important;
+        box-shadow: 0 0 8px rgba(255, 69, 0, 0.4);
+        animation: omega-dot-pulse 3s infinite alternate ease-in-out;
+    }
+    .node-dot {
+        box-shadow: 0 0 8px rgba(212, 175, 55, 0.4);
+        transition: all 0.3s ease;
+    }
+    .time-node.omega .tc-year {
+        color: #ff4500 !important;
+        text-shadow: 0 0 10px #ff4500;
+        font-weight: 900 !important;
+    }
+    
+    @keyframes omega-dot-pulse {
+        0%   { box-shadow: 0 0 5px rgba(255, 69, 0, 0.3); }
+        100% { box-shadow: 0 0 12px rgba(255, 69, 0, 0.6); }
+    }
+    @keyframes omega-pulse {
+        0%   { box-shadow: inset 0 0 8px rgba(255, 69, 0, 0.1), 0 0 6px rgba(255, 0, 0, 0.15); border-color: rgba(255, 69, 0, 0.4); }
+        100% { box-shadow: inset 0 0 18px rgba(255, 69, 0, 0.25), 0 0 14px rgba(255, 0, 0, 0.3); border-color: rgba(255, 69, 0, 0.8); }
+    }
+    @keyframes omega-dot-blink {
+        50% { opacity: 0; transform: scale(1.5); }
+    }
+</style>
+
+<style>
+ 
+#declassified-overlay {
+    position: fixed; inset: 0; z-index: 99999;
+    pointer-events: none;
+    background: rgba(0,0,0,0.92);
+    display: flex; align-items: center; justify-content: center;
+    transition: opacity 0.8s ease;
+}
+#declassified-overlay.gone { opacity: 0; pointer-events: none; }
+.scanlines {
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg,
+        transparent,
+        transparent 2px,
+        rgba(0,255,0,0.015) 2px,
+        rgba(0,255,0,0.015) 4px
+    );
+    pointer-events: none;
+}
+#declassified-stamp {
+    font-family: 'Courier New', monospace;
+    font-size: 3.5rem;
+    font-weight: 900;
+    color: #b71c1c;
+    border: 6px solid #b71c1c;
+    padding: 20px 40px;
+    letter-spacing: 8px;
+    text-align: center;
+    line-height: 1.2;
+    transform: rotate(-12deg) scale(0);
+    opacity: 0;
+    text-shadow: 0 0 30px rgba(183,28,28,0.5);
+    box-shadow: 0 0 40px rgba(183,28,28,0.3), inset 0 0 40px rgba(183,28,28,0.1);
+    animation: stamp-in 0.4s 0.3s cubic-bezier(0.175,0.885,0.32,1.275) forwards;
+}
+@keyframes stamp-in {
+    to { transform: rotate(-12deg) scale(1); opacity: 0.85; }
+}
+
+ 
+.person-hero {
+    position: relative;
+    width: 100%;
+    min-height: 300px;
+    background: linear-gradient(135deg, #0a0600 0%, #120e06 60%, #0a0600 100%);
+    border-bottom: 1px solid rgba(184,115,51,0.3);
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    margin-bottom: 0;
+}
+.person-hero::before {
+    content: '';
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg, transparent, transparent 3px,
+        rgba(184,115,51,0.03) 3px, rgba(184,115,51,0.03) 4px
+    );
+    pointer-events: none;
+}
+.person-hero-img {
+    position: absolute;
+    right: 0; top: 0; bottom: 0;
+    width: 45%;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: right bottom;
+    opacity: 0.25;
+    filter: sepia(0.4) hue-rotate(10deg);
+    mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+    -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+}
+.person-hero-content {
+    position: relative;
+    z-index: 2;
+    padding: 30px 40px;
+    max-width: 620px;
+}
+.person-hero-badges {
+    display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;
+}
+.hero-badge {
+    font-family: 'Courier New', monospace;
+    font-size: 0.55rem;
+    letter-spacing: 3px;
+    padding: 3px 10px;
+    border: 1px solid rgba(184,115,51,0.4);
+    color: rgba(184,115,51,0.7);
+}
+.hero-badge.red {
+    border-color: rgba(183,28,28,0.5);
+    color: rgba(183,28,28,0.8);
+}
+
+ 
+.stat-bars { margin-top: 20px; width: 100%; max-width: 400px; }
+.stat-row {
+    display: flex; align-items: center; gap: 10px; margin-bottom: 8px;
+}
+.stat-label {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 2px;
+    color: rgba(212,175,55,0.5);
+    width: 80px; flex-shrink: 0;
+}
+.stat-track {
+    flex: 1; height: 6px;
+    background: rgba(255,255,255,0.05);
+    border: 1px solid rgba(184,115,51,0.2);
+    overflow: hidden;
+}
+.stat-bar {
+    height: 100%; width: 0%;
+    transition: width 1.2s cubic-bezier(0.4,0,0.2,1);
+}
+.stat-bar.danger   { background: linear-gradient(90deg, #8b0000, #ff4500); box-shadow: 0 0 8px rgba(255,69,0,0.5); }
+.stat-bar.stable   { background: linear-gradient(90deg, #1a4a1a, #4caf50); box-shadow: 0 0 8px rgba(76,175,80,0.5); }
+.stat-bar.chaos    { background: linear-gradient(90deg, #4a0080, #c800ff); box-shadow: 0 0 8px rgba(200,0,255,0.4); }
+.stat-bar.kompetenz { background: linear-gradient(90deg, #1a3a5c, #2196f3); box-shadow: 0 0 8px rgba(33,150,243,0.5); }
+.stat-val {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; color: rgba(212,175,55,0.4);
+    width: 32px; text-align: right; flex-shrink: 0;
+}
+
+ 
+.alias-ticker-outer {
+    overflow: hidden;
+    background: rgba(0,0,0,0.6);
+    border-top: 1px solid rgba(184,115,51,0.15);
+    border-bottom: 1px solid rgba(184,115,51,0.15);
+    padding: 7px 0;
+    white-space: nowrap;
+}
+.alias-ticker-inner {
+    display: inline-block;
+    animation: ticker-scroll 18s linear infinite;
+    font-family: 'Courier New', monospace;
+    font-size: 0.65rem;
+    letter-spacing: 4px;
+    color: rgba(184,115,51,0.5);
+    padding-left: 100%;
+}
+@keyframes ticker-scroll {
+    from { transform: translateX(0); }
+    to   { transform: translateX(-50%); }
+}
+
+ 
+.person-pre-label {
+    color: rgba(184,115,51,0.5);
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 4px; margin-bottom: 6px;
+}
+.person-title-wrap {
+    display: flex; align-items: center; gap: 14px; margin: 4px 0;
+}
+.person-title-deco {
+    color: #b87333; font-size: 1.8rem; opacity: 0.6;
+    animation: deco-pulse 2s ease-in-out infinite alternate;
+}
+@keyframes deco-pulse {
+    from { opacity: 0.3; transform: scaleY(0.85); }
+    to   { opacity: 0.8; transform: scaleY(1.1); }
+}
+.person-glitch-title {
+    color: #ff4500; font-family: 'Courier New', monospace;
+    font-size: 2rem; letter-spacing: 10px;
+    text-shadow: 0 0 20px rgba(255,69,0,0.5);
+    margin: 0; position: relative;
+    animation: glitch-flicker 6s infinite;
+}
+.person-glitch-title::before,
+.person-glitch-title::after {
+    content: attr(data-text); position: absolute;
+    left: 0; top: 0; width: 100%; overflow: hidden; opacity: 0;
+}
+.person-glitch-title::before {
+    color: #0ff; animation: glitch-top 6s infinite;
+    clip-path: polygon(0 0,100% 0,100% 40%,0 40%);
+}
+.person-glitch-title::after {
+    color: #f0f; animation: glitch-bot 6s infinite;
+    clip-path: polygon(0 60%,100% 60%,100% 100%,0 100%);
+}
+@keyframes glitch-flicker {
+    0%,90%,100% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    92% { text-shadow: 2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    94% { text-shadow: -2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    96% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    98% { text-shadow: 1px 0 #0ff,-1px 0 #f0f; }
+}
+@keyframes glitch-top {
+    0%,90%,100% { opacity:0; transform:none; }
+    92% { opacity:0.7; transform:translate(-3px,-2px); }
+    94% { opacity:0; }
+    96% { opacity:0.5; transform:translate(3px,-1px); }
+    98% { opacity:0; }
+}
+@keyframes glitch-bot {
+    0%,90%,100% { opacity:0; transform:none; }
+    93% { opacity:0.6; transform:translate(3px,2px); }
+    95% { opacity:0; }
+    97% { opacity:0.4; transform:translate(-3px,1px); }
+    99% { opacity:0; }
+}
+.person-sub-label {
+    color: rgba(212,175,55,0.45); font-family: 'Courier New', monospace;
+    font-size: 0.65rem; letter-spacing: 3px; margin-top: 6px;
+}
+.person-status-blink { color: #0f0; animation: blink-status 1.4s step-end infinite; }
+@keyframes blink-status { 50% { opacity: 0; } }
+</style>
+
+<script>
+
+(function() {
+    const key = 'decl_sascha-versus-bonzei';
+    const overlay = document.getElementById('declassified-overlay');
+    if (!overlay) return;
+    if (sessionStorage.getItem(key)) {
+        overlay.style.display = 'none';
+        return;
+    }
+    setTimeout(() => {
+        overlay.classList.add('gone');
+        setTimeout(() => {
+            overlay.style.display = 'none';
+            sessionStorage.setItem(key, '1');
+        }, 900);
+    }, 1800);
+})();
+
+
+document.addEventListener('DOMContentLoaded', () => {
+    setTimeout(() => {
+        document.querySelectorAll('.stat-bar').forEach(bar => {
+            bar.style.width = bar.dataset.val + '%';
+        });
+    }, 400);
+});
+</script>
+
+<script>
+
+(function() {
+    const SPIDER = '🕷';
+    let active = [];
+
+    function spawn() {
+        const el = document.createElement('div');
+        el.textContent = SPIDER;
+        el.style.cssText = [
+            'position:fixed',
+            'font-size:1.6rem',
+            'z-index:999999',
+            'pointer-events:none',
+            'transition:none',
+            'filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)',
+            'will-change:transform',
+            'line-height:1',
+        ].join(';');
+        document.body.appendChild(el);
+
+        const W = window.innerWidth, H = window.innerHeight;
+
+        
+        const edge = Math.floor(Math.random() * 4);
+        let x = edge === 1 ? W + 20 : edge === 3 ? -20 : Math.random() * W;
+        let y = edge === 0 ? -20  : edge === 2 ? H + 20  : Math.random() * H;
+
+        el.style.left = x + 'px';
+        el.style.top  = y + 'px';
+
+        
+        const steps = 4 + Math.floor(Math.random() * 4);
+        let i = 0;
+
+        function step() {
+            if (i >= steps || !document.body.contains(el)) { el.remove(); return; }
+
+            const tx = Math.random() * W;
+            const ty = Math.random() * H;
+            const dist = Math.hypot(tx - x, ty - y);
+            const dur  = dist * 4; 
+            const ang  = Math.atan2(ty - y, tx - x) * 180 / Math.PI + 90;
+
+            el.style.transition = `left ${dur}ms linear, top ${dur}ms linear`;
+            el.style.transform  = `rotate(${ang}deg)`;
+            el.style.left = tx + 'px';
+            el.style.top  = ty + 'px';
+
+            x = tx; y = ty; i++;
+            setTimeout(step, dur);
+        }
+
+        step();
+    }
+
+    
+    spawn();
+    setInterval(spawn, 4000);
+})();
+
+function switchAkteFoto(src) {
+    document.querySelector('.akte-foto').src = src;
+    document.getElementById('akte-foto-zoom').querySelector('img').src = src;
+    document.querySelectorAll('.akte-foto-btn').forEach(btn => {
+        const active = btn.dataset.foto === src;
+        btn.classList.toggle('akte-foto-active', active);
+        btn.style.background = active ? 'rgba(183,28,28,0.15)' : 'rgba(0,0,0,0.1)';
+        btn.style.borderColor = active ? '#b71c1c' : 'rgba(42,27,10,0.3)';
+    });
+}
+</script>
+
+    </main>
+
+    <footer class="main-footer">
+    <div class="footer-inner">
+        <p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p>
+    </div>
+</footer>
+
+    
+<div id="newsticker" style="position:fixed !important; bottom:0 !important; left:0 !important; right:0 !important; z-index:999999 !important; background:rgba(0,0,0,0.92) !important; border-top:1px solid rgba(255,69,0,0.35) !important; display:flex !important; align-items:center; height:28px !important; overflow:hidden; font-family:'Courier New', monospace !important; visibility: visible !important; opacity: 1 !important;">
+    <span class="ticker-label" style="flex-shrink:0; font-size:0.6rem; letter-spacing:2px; color:rgba(255,69,0,0.7); padding:0 15px; border-right:1px solid rgba(255,69,0,0.2); white-space:nowrap; height:100%; display:flex; align-items:center; background:rgba(255,69,0,0.05);">// SYSTEM_LOG_FEED</span>
+    <div class="ticker-track-wrap" style="flex:1; overflow:hidden; height:100%; display:flex; align-items:center;">
+        <div class="ticker-track" id="ticker-track-global" style="display:inline-flex; white-space:nowrap; animation: ticker-scroll 45s linear infinite;">
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ HUGO SYSTEM INITIALISIERT... ]</span>
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span>
+        </div>
+    </div>
+</div>
+
+<style>
+    @keyframes ticker-scroll {
+        0%   { transform: translateX(0); }
+        100% { transform: translateX(-50%); }
+    }
+    .ticker-item::before { content: '▶ '; color: rgba(255,69,0,0.5); }
+    .ticker-track:hover { animation-play-state: paused; }
+</style>
+
+<script>
+    (function() {
+        const track = document.getElementById('ticker-track-global');
+        if (!track) return;
+        const ITEMS = [
+            "STATUS: HUGO OPERATIONAL",
+            "DESIGNATION: OVERLORD SASCHA",
+            "KAFFEESTAND: KRITISCH",
+            "ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST",
+            "MISSION: TOTALE KONTROLLE",
+            "DATENINTEGRITÄT: ABSOLUT",
+            "WARNUNG: SYSTEM EXTREM SCHNELL",
+            "GEMINI NEURAL LINK: AKTIV"
+        ];
+        track.innerHTML = '';
+        [...ITEMS, ...ITEMS].forEach(text => {
+            const span = document.createElement('span');
+            span.className = 'ticker-item';
+            span.style.cssText = "font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;";
+            span.textContent = text;
+            track.appendChild(span);
+        });
+    })();
+</script>
+
+
+    <script src="/js/script.js"></script>
+    <script src="/js/ascii-shimmer.js"></script>
+</body>
+</html>
diff --git a/public/personen/schwester/index.html b/public/personen/schwester/index.html
index 4266ce6..9f8435b 100644
--- a/public/personen/schwester/index.html
+++ b/public/personen/schwester/index.html
@@ -1,20 +1,982 @@
-<!doctype html><html lang=de-de><head><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><title>Schwester | DIGITALE ANARCHIE | KI-LABOR</title><link rel=stylesheet href=/css/style.css></head><body class=bg-steampunk><div class="bg-gear gear-left">⚙</div><div class="bg-gear gear-right">⚙</div><script>document.body.classList.add("js-enabled")</script><header class=main-header></header><main class=container><div id=declassified-overlay><div class=scanlines></div><div id=declassified-stamp>ZUGANG<br>GEWÄHRT</div></div><div class="person-page-wrapper visible" style=padding-bottom:100px;opacity:1!important><div class=person-nav-container style="display:flex;flex-direction:column;align-items:center;gap:20px;margin:15px 0 30px"><a href=/ class=person-back>← ZURÜCK ZUR BASIS</a><div class=person-nav-row style=display:flex;justify-content:center;align-items:center;gap:35px;flex-wrap:wrap;position:relative><a href=/personen/mutti/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_mutti_comic_1.jpeg alt=MUTTI style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">MUTTI</span>
-</a><a href=/personen/vater/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_vater_comic_1.png alt=VATER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">VATER</span>
-</a><a href=/personen/bruder/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_freddy_comic_1.png alt=BRUDER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">BRUDER</span>
-</a><a href=/personen/schwester/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_meli_comic_1.png alt=SCHWESTER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SCHWESTER</span>
-</a><a href=/personen/sascha/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sascha_comic_1.jpeg alt=SASCHA style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SASCHA</span>
-</a><a href=/personen/sven/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sven_comic_1.jpeg alt=SVEN style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SVEN</span></a></div></div><style>.person-nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .2s}.person-nav-item:hover{transform:scale(1.1)}.person-nav-item:hover .person-nav-label{color:#d4af37!important}.person-back{display:inline-block;color:rgba(212,175,55,.6);font-size:.7rem;font-weight:700;letter-spacing:4px;text-decoration:none;font-family:courier new,monospace;border:1px solid rgba(212,175,55,.25);padding:6px 20px;background:0 0;text-transform:uppercase;transition:all .2s}.person-back:hover{color:#d4af37;border-color:rgba(212,175,55,.6);background:rgba(212,175,55,5%);letter-spacing:5px}</style><div class=person-hero><div class=person-hero-img style=background-image:url(/img/comicFigures/hp_meli_comic_1.png)></div><div class=person-hero-content><div class=person-hero-badges><span class=hero-badge>ZENTRAL-ARCHIV</span>
-<span class="hero-badge red">EINHEIT IDENTIFIZIERT</span></div><p class=person-pre-label style="margin:12px 0 4px">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p><div class=person-title-wrap><span class=person-title-deco>⟪</span><h1 class=person-glitch-title data-text=SCHWESTER>SCHWESTER</h1><span class=person-title-deco>⟫</span></div><p class=person-sub-label>STATUS: <span class=person-status-blink>MAXIMAL STABIL</span></p><div class=stat-bars><div class=stat-row><span class=stat-label>GEFAHR</span><div class=stat-track><div class="stat-bar danger" data-val=38></div></div><span class=stat-val>38%</span></div><div class=stat-row><span class=stat-label>STABILITÄT</span><div class=stat-track><div class="stat-bar stable" data-val=96></div></div><span class=stat-val>96%</span></div><div class=stat-row><span class=stat-label>CHAOS</span><div class=stat-track><div class="stat-bar chaos" data-val=25></div></div><span class=stat-val>25%</span></div><div class=stat-row><span class=stat-label>KOMPETENZ</span><div class=stat-track><div class="stat-bar kompetenz" data-val=82></div></div><span class=stat-val>82%</span></div></div></div></div><div class=alias-ticker-outer><div class=alias-ticker-inner><span>AETHER-SIBLING / PNEUMATIK-FEE / CLAN-DIPLOMATIN &nbsp;·&nbsp; AETHER-SIBLING / PNEUMATIK-FEE / CLAN-DIPLOMATIN &nbsp;·&nbsp; AETHER-SIBLING / PNEUMATIK-FEE / CLAN-DIPLOMATIN</span></div></div><div class=container style="max-width:900px;margin:0 auto;padding:0 20px"><header style=margin-bottom:20px;display:none></header><div class=timeline-track><div class="time-node right omega"><div class="time-content omega-node"><div class=tc-header><span class=tc-year>[ 1983 ]</span>
-<span class=tc-tag>BOOT // OMEGA-KLASSE</span></div><p>⚡ AETHER-SIBLING V1.0 BOOTET ERFOLGREICH. Pneumatische Reflexe sofort aktiv. Chaos-Protokolle initialisiert. Clan-Netzwerk vollständig.</p></div></div><div class="time-node left"><div class=time-content><div class=tc-header><span class=tc-year>[ 1987 ]</span>
-<span class=tc-tag>NETZWERK-TEST</span></div><p>ERSTE SCHNITTSTELLEN-TESTS mit Overlord-Netzwerk. Harmonische Resonanz mit gelegentlichen Konflikten. Ergebnis: PRODUKTIV.</p></div></div><div class="time-node right"><div class=time-content><div class=tc-header><span class=tc-year>[ 1992 ]</span>
-<span class=tc-tag>KALIBRIERUNG</span></div><p>MOTORISCHE UND SOZIALE KALIBRIERUNG abgeschlossen. Leistung: Außergewöhnlich. Chaos-Index: KONTROLLIERT (meist).</p></div></div><div class="time-node left"><div class=time-content><div class=tc-header><span class=tc-year>[ 1999 ]</span>
-<span class=tc-tag>SOZIAL-MATRIX</span></div><p>SCHULNETZ-ABSCHLUSS. Soziales Integrations-Protokoll auf MAXIMUM. Details: Nicht freigegeben. Bewertung: POSITIV.</p></div></div><div class="time-node right"><div class=time-content><div class=tc-header><span class=tc-year>[ 2001 ]</span>
-<span class=tc-tag>SYSTEM-UPDATE</span></div><p>ERWACHSENEN-MODUS aktiviert. Eigenständige Routinen laufen stabil. Verbindung zum Clan: KONSTANT AKTIV.</p></div></div><div class="time-node left"><div class=time-content><div class=tc-header><span class=tc-year>[ 2010 ]</span>
-<span class=tc-tag>NETZWERK-ERWEITERUNG</span></div><p>FAMILIEN-NETZWERK-UPDATE: Neue Knoten hinzugefügt. Systemkapazität erhöht. Meli-Knoten: Zentrales Bindeglied.</p></div></div><div class="time-node right"><div class=time-content><div class=tc-header><span class=tc-year>[ 2020 ]</span>
-<span class=tc-tag>ANALYSE</span></div><p>LANGZEITANALYSE ABGESCHLOSSEN. Stabilität: MAXIMAL. Zuverlässigkeit: OMEGA-KLASSE. Chaos: NUR WENN NÖTIG.</p></div></div><div class="time-node left omega"><div class="time-content omega-node"><div class=tc-header><span class=tc-year>[ 2025 ]</span>
-<span class=tc-tag>AKTUELL // GESCHWÄRZT</span></div><p>STATUS: VOLLSTÄNDIG OPERATIONAL. CHARAKTERPROFIL: STARK. WEITERE ANGABEN: NICHT AUTORISIERT. RATING: ████░</p></div></div></div><div style=text-align:center;margin-top:60px><button class=akte-label-btn onclick='document.getElementById("person-akte-modal").style.display="flex",document.body.style.overflow="hidden"'><div class=akte-label-top><span class=akte-label-nr>DOKUMENT-NR. 1983 (Aether-Edition)</span>
-<span class=akte-label-stamp>VERTRAULICH</span></div><div class=akte-label-divider></div><div class=akte-label-title>AKTE: SCHWESTER</div><div class=akte-label-divider></div><div class=akte-label-bottom><span>STATUS: MAXIMAL STABIL</span>
-<span>▶ AKTE ÖFFNEN</span></div></button></div><style>.akte-label-btn{background:linear-gradient(180deg,#1c1208 0%,#0e0a04 100%);border:1px solid #5d3d1e;border-left:4px solid #b87333;color:#d4af37;font-family:courier new,monospace;cursor:pointer;padding:18px 28px;width:320px;text-align:left;transition:all .2s;box-shadow:2px 2px 12px rgba(0,0,0,.6);position:relative}.akte-label-btn::before{content:'';position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px dashed rgba(184,115,51,.2);pointer-events:none}.akte-label-btn:hover{border-left-color:#ff4500;box-shadow:3px 3px 20px rgba(184,115,51,.2);background:linear-gradient(180deg,#221508 0%,#0e0a04 100%)}.akte-label-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.akte-label-nr{font-size:.6rem;color:rgba(212,175,55,.4);letter-spacing:1px}.akte-label-stamp{font-size:.55rem;letter-spacing:2px;color:#b71c1c;border:1px solid #b71c1c;padding:1px 6px;opacity:.8}.akte-label-divider{border-top:1px solid rgba(184,115,51,.25);margin:8px 0}.akte-label-title{font-size:1rem;font-weight:700;letter-spacing:4px;color:#d4af37;margin:4px 0}.akte-label-bottom{display:flex;justify-content:space-between;font-size:.6rem;color:rgba(212,175,55,.45);letter-spacing:1px;margin-top:4px}.akte-label-btn:hover .akte-label-bottom span:last-child{color:#ff4500}</style></div></div><div id=person-akte-modal style=position:fixed;inset:0;z-index:1000000;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;padding:10px;overflow:hidden;perspective:1e3px><div style=display:flex;flex-direction:column;align-items:center;max-width:585px;width:95%><div class=akte-inner style="width:100%;background:#d9c5a0;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 100%),url(https://www.transparenttextures.com/patterns/old-paper.png);border:1px solid #8b7355;padding:25px;position:relative;font-family:courier new,monospace;box-shadow:10px 20px 50px rgba(0,0,0,.8),inset 0 0 100px rgba(139,115,85,.3);transform:rotate(-2deg);animation:throw-sign .5s ease-out forwards;color:#2a1b0a"><style>@keyframes throw-sign{0%{transform:rotate(-10deg)scale(.7)translateY(500px);opacity:0}100%{transform:rotate(-2deg)scale(1)translateY(0);opacity:1}}.akte-inner h1{color:#2a1b0a!important;font-size:1.8rem!important;margin:10px 0 2px!important;text-shadow:none!important;border-bottom:2px solid rgba(42,27,10,.2)}.akte-inner div,.akte-inner p{font-size:.75rem!important}.akte-inner .data-row{border-bottom:1px solid rgba(42,27,10,.1)!important;padding:6px 0!important}.akte-inner .label{color:#5d4037!important;font-weight:700}.akte-inner .red-stamp{border:2px solid #b71c1c;color:#b71c1c;padding:3px 10px;font-weight:700;transform:rotate(10deg);opacity:.8;font-size:.8rem!important;display:inline-block}</style><div style=display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px><div class=red-stamp>TOP SECRET</div><button onclick='document.getElementById("person-akte-modal").style.display="none",document.body.style.overflow="auto"' style="background:rgba(0,0,0,.1);border:1px solid #2a1b0a;color:#2a1b0a;cursor:pointer;padding:3px 10px;font-size:.7rem!important">[X] SCHLIESSEN</button></div><div style=display:flex;gap:20px;align-items:flex-start><div style="position:relative;border:1px solid #2a1b0a;padding:3px;background:#fff;box-shadow:2px 2px 5px rgba(0,0,0,.2)"><img src=/img/hp_meli_steampunk_01.jpeg class=akte-foto style=width:200px;height:250px;object-fit:cover;filter:none;cursor:zoom-in;display:block onclick='document.getElementById("akte-foto-zoom").style.display="flex"'><div style="position:absolute;bottom:5px;right:-10px;background:#b71c1c;color:#fff;padding:2px 5px;font-weight:700;font-size:.6rem!important;transform:rotate(-5deg)">GESPERRT</div></div><div id=akte-foto-zoom onclick='this.style.display="none"' style=display:none;position:fixed;inset:0;z-index:9999999;background:rgba(0,0,0,.92);align-items:center;justify-content:center;cursor:zoom-out><img src=/img/hp_meli_steampunk_01.jpeg style="max-width:90vw;max-height:90vh;object-fit:contain;box-shadow:0 0 60px rgba(0,0,0,.9);border:2px solid #2a1b0a"></div><div style=flex:1><div style=font-size:.5rem!important;color:#5d4037;letter-spacing:2px;margin-bottom:2px>PROTOKOLL NR. 1974-Ø</div><h1 style=font-weight:700>SCHWESTER</h1><p style="color:#5d4037;font-size:.7rem!important;margin:5px 0 10px">ALIAS: AETHER-SIBLING / PNEUMATIK-FEE / CLAN-DIPLOMATIN</p><div style=display:flex;gap:10px><div style="border:1px solid #b71c1c;padding:2px 8px;color:#b71c1c;font-size:.6rem!important;font-weight:700">STATUS: MAXIMAL STABIL</div><div style=color:#2a1b0a;font-size:.6rem!important;font-weight:700>GEFAHR: <span style=letter-spacing:1px>UNTERSCHÄTZT (Diplomatie-Modus kann täuschen)</span><br><img src=/img/akte/hp_totenkopf_1.png style=width:70px;height:70px;object-fit:contain;margin-top:4px></div></div></div></div><div style="margin-top:20px;border-top:2px solid rgba(42,27,10,.2)"><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>DESIGNATION:</div><div style=flex:1;font-weight:400>Schwester</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>GEBURTSDATUM:</div><div style=flex:1;font-weight:400>1983 (Aether-Edition)
-<span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BESCHÄFTIGUNG:</div><div style=flex:1;font-weight:400>MEISTERIN DER PNEUMATISCHEN REFLEXE UND SOZIAL-MATRIX ARCHITEKTIN</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>SPEZIALFÄHIGK.:</div><div style=flex:1;font-weight:400>Empathie-Scan · Harmonie-Injection · Blitzschnelle Problemanalyse</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BEKANNTE KOMPL.:</div><div style=flex:1;font-weight:400>BRUDER.v2 · SASCHA.exe · MUTTI.sys
-<span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>LETZTE AKTIVITÄT:</div><div style=flex:1;font-weight:400>GERADE JETZT</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STABILITÄT:</div><div style=flex:1;font-weight:400>MAXIMAL (Der Kleber des Clans)</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STANDORT:</div><div style=flex:1;font-weight:400>CLAN-HUB (DEZENTRAL)</div></div></div><div style=margin-top:20px;display:flex;justify-content:space-between;align-items:flex-end><div style=display:flex;align-items:center;gap:10px;opacity:.7><div style=width:35px;height:35px><svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50q20-40 40 0T30 50z"/></svg></div><div style=font-size:.6rem!important;color:#2a1b0a;line-height:1.2>ID-SCAN: 94.7%<br>VERIFIZIERT</div></div><div style="font-family:courier new,monospace;font-size:.75rem!important;letter-spacing:2px;color:#5d4037;border:1px dashed #2a1b0a;padding:2px 10px">ARCHIV_PERMANENT</div></div></div></div></div><style>.akte-foto{transition:transform .2s,box-shadow .2s}.akte-foto:hover{transform:scale(1.04);box-shadow:0 0 15px rgba(184,115,51,.7)}.akte-foto-btn{transition:all .2s}.akte-foto-btn:hover{background:rgba(183,28,28,.1)!important;border-color:#b71c1c!important}.akte-foto-active{background:rgba(183,28,28,.15)!important;border-color:#b71c1c!important}.time-node.omega .time-content{border:2px solid rgba(255,69,0,.6)!important;box-shadow:inset 0 0 12px rgba(255,69,0,.15),0 0 10px rgba(255,0,0,.2);animation:omega-pulse 3s infinite alternate;background:linear-gradient(135deg,rgba(80,20,10,.95),rgba(30,0,0,.95))!important}.time-node.omega .node-dot{border-color:#ff4500!important;background:radial-gradient(circle,#ff0000 0%,#330000 100%)!important;box-shadow:0 0 8px rgba(255,69,0,.4);animation:omega-dot-pulse 3s infinite alternate ease-in-out}.node-dot{box-shadow:0 0 8px rgba(212,175,55,.4);transition:all .3s ease}.time-node.omega .tc-year{color:#ff4500!important;text-shadow:0 0 10px #ff4500;font-weight:900!important}@keyframes omega-dot-pulse{0%{box-shadow:0 0 5px rgba(255,69,0,.3)}100%{box-shadow:0 0 12px rgba(255,69,0,.6)}}@keyframes omega-pulse{0%{box-shadow:inset 0 0 8px rgba(255,69,0,.1),0 0 6px rgba(255,0,0,.15);border-color:rgba(255,69,0,.4)}100%{box-shadow:inset 0 0 18px rgba(255,69,0,.25),0 0 14px rgba(255,0,0,.3);border-color:rgba(255,69,0,.8)}}@keyframes omega-dot-blink{50%{opacity:0;transform:scale(1.5)}}</style><style>#declassified-overlay{position:fixed;inset:0;z-index:99999;pointer-events:none;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;transition:opacity .8s ease}#declassified-overlay.gone{opacity:0;pointer-events:none}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 2px,rgba(0,255,0,.015) 2px,rgba(0,255,0,.015) 4px );pointer-events:none}#declassified-stamp{font-family:courier new,monospace;font-size:3.5rem;font-weight:900;color:#b71c1c;border:6px solid #b71c1c;padding:20px 40px;letter-spacing:8px;text-align:center;line-height:1.2;transform:rotate(-12deg)scale(0);opacity:0;text-shadow:0 0 30px rgba(183,28,28,.5);box-shadow:0 0 40px rgba(183,28,28,.3),inset 0 0 40px rgba(183,28,28,.1);animation:stamp-in .4s .3s cubic-bezier(.175,.885,.32,1.275)forwards}@keyframes stamp-in{to{transform:rotate(-12deg)scale(1);opacity:.85}}.person-hero{position:relative;width:100%;min-height:300px;background:linear-gradient(135deg,#0a0600 0%,#120e06 60%,#0a0600 100%);border-bottom:1px solid rgba(184,115,51,.3);overflow:hidden;display:flex;align-items:center;margin-bottom:0}.person-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 3px,rgba(184,115,51,3%) 3px,rgba(184,115,51,3%) 4px );pointer-events:none}.person-hero-img{position:absolute;right:0;top:0;bottom:0;width:45%;background-size:contain;background-repeat:no-repeat;background-position:100% 100%;opacity:.25;filter:sepia(.4)hue-rotate(10deg);mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%);-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%)}.person-hero-content{position:relative;z-index:2;padding:30px 40px;max-width:620px}.person-hero-badges{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.hero-badge{font-family:courier new,monospace;font-size:.55rem;letter-spacing:3px;padding:3px 10px;border:1px solid rgba(184,115,51,.4);color:rgba(184,115,51,.7)}.hero-badge.red{border-color:rgba(183,28,28,.5);color:rgba(183,28,28,.8)}.stat-bars{margin-top:20px;width:100%;max-width:400px}.stat-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.stat-label{font-family:courier new,monospace;font-size:.6rem;letter-spacing:2px;color:rgba(212,175,55,.5);width:80px;flex-shrink:0}.stat-track{flex:1;height:6px;background:rgba(255,255,255,5%);border:1px solid rgba(184,115,51,.2);overflow:hidden}.stat-bar{height:100%;width:0%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.stat-bar.danger{background:linear-gradient(90deg,#8b0000,#ff4500);box-shadow:0 0 8px rgba(255,69,0,.5)}.stat-bar.stable{background:linear-gradient(90deg,#1a4a1a,#4caf50);box-shadow:0 0 8px rgba(76,175,80,.5)}.stat-bar.chaos{background:linear-gradient(90deg,#4a0080,#c800ff);box-shadow:0 0 8px rgba(200,0,255,.4)}.stat-bar.kompetenz{background:linear-gradient(90deg,#1a3a5c,#2196f3);box-shadow:0 0 8px rgba(33,150,243,.5)}.stat-val{font-family:courier new,monospace;font-size:.6rem;color:rgba(212,175,55,.4);width:32px;text-align:right;flex-shrink:0}.alias-ticker-outer{overflow:hidden;background:rgba(0,0,0,.6);border-top:1px solid rgba(184,115,51,.15);border-bottom:1px solid rgba(184,115,51,.15);padding:7px 0;white-space:nowrap}.alias-ticker-inner{display:inline-block;animation:ticker-scroll 18s linear infinite;font-family:courier new,monospace;font-size:.65rem;letter-spacing:4px;color:rgba(184,115,51,.5);padding-left:100%}@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.person-pre-label{color:rgba(184,115,51,.5);font-family:courier new,monospace;font-size:.6rem;letter-spacing:4px;margin-bottom:6px}.person-title-wrap{display:flex;align-items:center;gap:14px;margin:4px 0}.person-title-deco{color:#b87333;font-size:1.8rem;opacity:.6;animation:deco-pulse 2s ease-in-out infinite alternate}@keyframes deco-pulse{from{opacity:.3;transform:scaleY(.85)}to{opacity:.8;transform:scaleY(1.1)}}.person-glitch-title{color:#ff4500;font-family:courier new,monospace;font-size:2rem;letter-spacing:10px;text-shadow:0 0 20px rgba(255,69,0,.5);margin:0;position:relative;animation:glitch-flicker 6s infinite}.person-glitch-title::before,.person-glitch-title::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden;opacity:0}.person-glitch-title::before{color:#0ff;animation:glitch-top 6s infinite;clip-path:polygon(0 0,100% 0,100% 40%,0 40%)}.person-glitch-title::after{color:#f0f;animation:glitch-bot 6s infinite;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%)}@keyframes glitch-flicker{0%,90%,100%{text-shadow:0 0 20px rgba(255,69,0,.5)}92%{text-shadow:2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}94%{text-shadow:-2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}96%{text-shadow:0 0 20px rgba(255,69,0,.5)}98%{text-shadow:1px 0 #0ff,-1px 0 #f0f}}@keyframes glitch-top{0%,90%,100%{opacity:0;transform:none}92%{opacity:.7;transform:translate(-3px,-2px)}94%{opacity:0}96%{opacity:.5;transform:translate(3px,-1px)}98%{opacity:0}}@keyframes glitch-bot{0%,90%,100%{opacity:0;transform:none}93%{opacity:.6;transform:translate(3px,2px)}95%{opacity:0}97%{opacity:.4;transform:translate(-3px,1px)}99%{opacity:0}}.person-sub-label{color:rgba(212,175,55,.45);font-family:courier new,monospace;font-size:.65rem;letter-spacing:3px;margin-top:6px}.person-status-blink{color:#0f0;animation:blink-status 1.4s step-end infinite}@keyframes blink-status{50%{opacity:0}}</style><script>(function(){const t="decl_schwester",e=document.getElementById("declassified-overlay");if(!e)return;if(sessionStorage.getItem(t)){e.style.display="none";return}setTimeout(()=>{e.classList.add("gone"),setTimeout(()=>{e.style.display="none",sessionStorage.setItem(t,"1")},900)},1800)})(),document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{document.querySelectorAll(".stat-bar").forEach(e=>{e.style.width=e.dataset.val+"%"})},400)})</script><script>(function(){const t="🕷";let n=[];function e(){const e=document.createElement("div");e.textContent=t,e.style.cssText=["position:fixed","font-size:1.6rem","z-index:999999","pointer-events:none","transition:none","filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)","will-change:transform","line-height:1"].join(";"),document.body.appendChild(e);const i=window.innerWidth,a=window.innerHeight,n=Math.floor(Math.random()*4);let s=n===1?i+20:n===3?-20:Math.random()*i,o=n===0?-20:n===2?a+20:Math.random()*a;e.style.left=s+"px",e.style.top=o+"px";const l=4+Math.floor(Math.random()*4);let r=0;function c(){if(r>=l||!document.body.contains(e)){e.remove();return}const t=Math.random()*i,n=Math.random()*a,u=Math.hypot(t-s,n-o),d=u*4,h=Math.atan2(n-o,t-s)*180/Math.PI+90;e.style.transition=`left ${d}ms linear, top ${d}ms linear`,e.style.transform=`rotate(${h}deg)`,e.style.left=t+"px",e.style.top=n+"px",s=t,o=n,r++,setTimeout(c,d)}c()}e(),setInterval(e,4e3)})();function switchAkteFoto(e){document.querySelector(".akte-foto").src=e,document.getElementById("akte-foto-zoom").querySelector("img").src=e,document.querySelectorAll(".akte-foto-btn").forEach(t=>{const n=t.dataset.foto===e;t.classList.toggle("akte-foto-active",n),t.style.background=n?"rgba(183,28,28,0.15)":"rgba(0,0,0,0.1)",t.style.borderColor=n?"#b71c1c":"rgba(42,27,10,0.3)"})}</script></main><footer class=main-footer><div class=footer-inner><p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p></div></footer><div id=newsticker style="position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:999999!important;background:rgba(0,0,0,.92)!important;border-top:1px solid rgba(255,69,0,.35)!important;display:flex!important;align-items:center;height:28px!important;overflow:hidden;font-family:courier new,monospace!important;visibility:visible!important;opacity:1!important"><span class=ticker-label style="flex-shrink:0;font-size:.6rem;letter-spacing:2px;color:rgba(255,69,0,.7);padding:0 15px;border-right:1px solid rgba(255,69,0,.2);white-space:nowrap;height:100%;display:flex;align-items:center;background:rgba(255,69,0,5%)">// SYSTEM_LOG_FEED</span><div class=ticker-track-wrap style=flex:1;overflow:hidden;height:100%;display:flex;align-items:center><div class=ticker-track id=ticker-track-global style="display:inline-flex;white-space:nowrap;animation:ticker-scroll 45s linear infinite"><span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ HUGO SYSTEM INITIALISIERT... ]</span>
-<span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span></div></div></div><style>@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.ticker-item::before{content:'▶ ';color:rgba(255,69,0,.5)}.ticker-track:hover{animation-play-state:paused}</style><script>(function(){const e=document.getElementById("ticker-track-global");if(!e)return;const t=["STATUS: HUGO OPERATIONAL","DESIGNATION: OVERLORD SASCHA","KAFFEESTAND: KRITISCH","ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST","MISSION: TOTALE KONTROLLE","DATENINTEGRITÄT: ABSOLUT","WARNUNG: SYSTEM EXTREM SCHNELL","GEMINI NEURAL LINK: AKTIV"];e.innerHTML="",[...t,...t].forEach(t=>{const n=document.createElement("span");n.className="ticker-item",n.style.cssText="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;",n.textContent=t,e.appendChild(n)})})()</script><script src=/js/script.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="de-de">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1414&amp;path=livereload" data-no-instant defer></script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Schwester | DIGITALE ANARCHIE | KI-LABOR</title>
+    <link rel="stylesheet" href="/css/style.css">
+</head>
+<body class=" bg-steampunk ">
+    
+    <div class="bg-gear gear-left">⚙</div>
+    <div class="bg-gear gear-right">⚙</div>
+
+    <script>document.body.classList.add('js-enabled');</script>
+<header class="main-header">
+   
+</header>
+
+    
+    <main class="container">
+        
+
+
+<div id="declassified-overlay">
+    <div class="scanlines"></div>
+    <div id="declassified-stamp">ZUGANG<br>GEWÄHRT</div>
+</div>
+
+<div class="person-page-wrapper visible" style="padding-bottom: 100px; opacity: 1 !important;">
+
+    <div class="person-nav-container" style="display: flex; flex-direction: column; align-items: center; gap: 20px; margin: 15px 0 30px;">
+    
+    <a href="/" class="person-back">
+        ← ZURÜCK ZUR BASIS
+    </a>
+    
+    
+    <div class="person-nav-row" style="display: flex; justify-content: center; align-items: center; gap: 35px; flex-wrap: wrap; position: relative;">
+    
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/mutti/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_mutti_comic_1.jpeg" alt="MUTTI" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">MUTTI</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/vater/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_vater_comic_1.png" alt="VATER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">VATER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/bruder/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_freddy_comic_1.png" alt="BRUDER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">BRUDER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/schwester/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_meli_comic_1.png" alt="SCHWESTER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SCHWESTER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sascha/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sascha_comic_1.jpeg" alt="SASCHA" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SASCHA</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sven/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sven_comic_1.jpeg" alt="SVEN" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SVEN</span>
+        </a>
+    
+    </div>
+</div>
+
+<style>
+    .person-nav-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: transform 0.2s; }
+    .person-nav-item:hover { transform: scale(1.1); }
+    .person-nav-item:hover .person-nav-label { color: #d4af37 !important; }
+    .person-back {
+        display: inline-block;
+        color: rgba(212,175,55,0.6);
+        font-size: 0.7rem;
+        font-weight: bold;
+        letter-spacing: 4px;
+        text-decoration: none;
+        font-family: 'Courier New', monospace;
+        border: 1px solid rgba(212,175,55,0.25);
+        padding: 6px 20px;
+        background: transparent;
+        text-transform: uppercase;
+        transition: all 0.2s;
+    }
+    .person-back:hover {
+        color: #d4af37;
+        border-color: rgba(212,175,55,0.6);
+        background: rgba(212,175,55,0.05);
+        letter-spacing: 5px;
+    }
+</style>
+
+
+    
+    <div class="person-hero">
+        
+        <div class="person-hero-img" style="background-image: url('/img/comicFigures/hp_meli_comic_1.png')"></div>
+        
+        <div class="person-hero-content">
+            <div class="person-hero-badges">
+                <span class="hero-badge">ZENTRAL-ARCHIV</span>
+                <span class="hero-badge red">EINHEIT IDENTIFIZIERT</span>
+            </div>
+            <p class="person-pre-label" style="margin:12px 0 4px;">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p>
+            <div class="person-title-wrap">
+                <span class="person-title-deco">⟪</span>
+                <h1 class="person-glitch-title" data-text="SCHWESTER">SCHWESTER</h1>
+                <span class="person-title-deco">⟫</span>
+            </div>
+            <p class="person-sub-label">STATUS: <span class="person-status-blink">MAXIMAL STABIL</span></p>
+
+            
+            <div class="stat-bars">
+                <div class="stat-row">
+                    <span class="stat-label">GEFAHR</span>
+                    <div class="stat-track"><div class="stat-bar danger" data-val="38"></div></div>
+                    <span class="stat-val">38%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">STABILITÄT</span>
+                    <div class="stat-track"><div class="stat-bar stable" data-val="96"></div></div>
+                    <span class="stat-val">96%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">CHAOS</span>
+                    <div class="stat-track"><div class="stat-bar chaos" data-val="25"></div></div>
+                    <span class="stat-val">25%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">KOMPETENZ</span>
+                    <div class="stat-track"><div class="stat-bar kompetenz" data-val="82"></div></div>
+                    <span class="stat-val">82%</span>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    
+    
+    <div class="alias-ticker-outer">
+        <div class="alias-ticker-inner">
+            <span>AETHER-SIBLING / PNEUMATIK-FEE / CLAN-DIPLOMATIN &nbsp;·&nbsp; AETHER-SIBLING / PNEUMATIK-FEE / CLAN-DIPLOMATIN &nbsp;·&nbsp; AETHER-SIBLING / PNEUMATIK-FEE / CLAN-DIPLOMATIN</span>
+        </div>
+    </div>
+    
+
+    <div class="container" style="max-width: 900px; margin: 0 auto; padding: 0 20px;">
+        <header style="margin-bottom: 20px; display:none;"></header>
+
+        
+        <div class="timeline-track">
+            
+            
+            <div class="time-node right omega">
+                <div class="time-content omega-node">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 1983 ]</span>
+                        <span class="tc-tag">BOOT // OMEGA-KLASSE</span>
+                    </div>
+                    <p>⚡ AETHER-SIBLING V1.0 BOOTET ERFOLGREICH. Pneumatische Reflexe sofort aktiv. Chaos-Protokolle initialisiert. Clan-Netzwerk vollständig.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node left ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 1987 ]</span>
+                        <span class="tc-tag">NETZWERK-TEST</span>
+                    </div>
+                    <p>ERSTE SCHNITTSTELLEN-TESTS mit Overlord-Netzwerk. Harmonische Resonanz mit gelegentlichen Konflikten. Ergebnis: PRODUKTIV.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node right ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 1992 ]</span>
+                        <span class="tc-tag">KALIBRIERUNG</span>
+                    </div>
+                    <p>MOTORISCHE UND SOZIALE KALIBRIERUNG abgeschlossen. Leistung: Außergewöhnlich. Chaos-Index: KONTROLLIERT (meist).</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node left ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 1999 ]</span>
+                        <span class="tc-tag">SOZIAL-MATRIX</span>
+                    </div>
+                    <p>SCHULNETZ-ABSCHLUSS. Soziales Integrations-Protokoll auf MAXIMUM. Details: Nicht freigegeben. Bewertung: POSITIV.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node right ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 2001 ]</span>
+                        <span class="tc-tag">SYSTEM-UPDATE</span>
+                    </div>
+                    <p>ERWACHSENEN-MODUS aktiviert. Eigenständige Routinen laufen stabil. Verbindung zum Clan: KONSTANT AKTIV.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node left ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 2010 ]</span>
+                        <span class="tc-tag">NETZWERK-ERWEITERUNG</span>
+                    </div>
+                    <p>FAMILIEN-NETZWERK-UPDATE: Neue Knoten hinzugefügt. Systemkapazität erhöht. Meli-Knoten: Zentrales Bindeglied.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node right ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 2020 ]</span>
+                        <span class="tc-tag">ANALYSE</span>
+                    </div>
+                    <p>LANGZEITANALYSE ABGESCHLOSSEN. Stabilität: MAXIMAL. Zuverlässigkeit: OMEGA-KLASSE. Chaos: NUR WENN NÖTIG.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node left omega">
+                <div class="time-content omega-node">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 2025 ]</span>
+                        <span class="tc-tag">AKTUELL // GESCHWÄRZT</span>
+                    </div>
+                    <p>STATUS: VOLLSTÄNDIG OPERATIONAL. CHARAKTERPROFIL: STARK. WEITERE ANGABEN: NICHT AUTORISIERT. RATING: ████░</p>
+                </div>
+            </div>
+            
+        </div>
+
+        
+        <div style="text-align: center; margin-top: 60px;">
+            <button class="akte-label-btn"
+                    onclick="document.getElementById('person-akte-modal').style.display='flex'; document.body.style.overflow='hidden';">
+                <div class="akte-label-top">
+                    <span class="akte-label-nr">DOKUMENT-NR. 1983 (Aether-Edition)</span>
+                    <span class="akte-label-stamp">VERTRAULICH</span>
+                </div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-title">AKTE: SCHWESTER</div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-bottom">
+                    <span>STATUS: MAXIMAL STABIL</span>
+                    <span>▶ AKTE ÖFFNEN</span>
+                </div>
+            </button>
+        </div>
+
+        <style>
+            .akte-label-btn {
+                background: linear-gradient(180deg, #1c1208 0%, #0e0a04 100%);
+                border: 1px solid #5d3d1e;
+                border-left: 4px solid #b87333;
+                color: #d4af37;
+                font-family: 'Courier New', monospace;
+                cursor: pointer;
+                padding: 18px 28px;
+                width: 320px;
+                text-align: left;
+                transition: all 0.2s;
+                box-shadow: 2px 2px 12px rgba(0,0,0,0.6);
+                position: relative;
+            }
+            .akte-label-btn::before {
+                content: '';
+                position: absolute;
+                top: 6px; left: 6px; right: 6px; bottom: 6px;
+                border: 1px dashed rgba(184,115,51,0.2);
+                pointer-events: none;
+            }
+            .akte-label-btn:hover {
+                border-left-color: #ff4500;
+                box-shadow: 3px 3px 20px rgba(184,115,51,0.2);
+                background: linear-gradient(180deg, #221508 0%, #0e0a04 100%);
+            }
+            .akte-label-top {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-bottom: 10px;
+            }
+            .akte-label-nr {
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.4);
+                letter-spacing: 1px;
+            }
+            .akte-label-stamp {
+                font-size: 0.55rem;
+                letter-spacing: 2px;
+                color: #b71c1c;
+                border: 1px solid #b71c1c;
+                padding: 1px 6px;
+                opacity: 0.8;
+            }
+            .akte-label-divider {
+                border-top: 1px solid rgba(184,115,51,0.25);
+                margin: 8px 0;
+            }
+            .akte-label-title {
+                font-size: 1rem;
+                font-weight: bold;
+                letter-spacing: 4px;
+                color: #d4af37;
+                margin: 4px 0;
+            }
+            .akte-label-bottom {
+                display: flex;
+                justify-content: space-between;
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.45);
+                letter-spacing: 1px;
+                margin-top: 4px;
+            }
+            .akte-label-btn:hover .akte-label-bottom span:last-child {
+                color: #ff4500;
+            }
+        </style>
+    </div>
+</div>
+
+
+<div id="person-akte-modal" style="position: fixed; inset: 0; z-index: 1000000; background: rgba(0,0,0,0.85); display: none; align-items: center; justify-content: center; padding: 10px; overflow: hidden; perspective: 1000px;">
+    <div style="display: flex; flex-direction: column; align-items: center; max-width: 585px; width: 95%;">
+    <div class="akte-inner" style="width: 100%; background: #d9c5a0; background-image: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 100%), url('https://www.transparenttextures.com/patterns/old-paper.png'); border: 1px solid #8b7355; padding: 25px; position: relative; font-family: 'Courier New', monospace; box-shadow: 10px 20px 50px rgba(0,0,0,0.8), inset 0 0 100px rgba(139,115,85,0.3); transform: rotate(-2deg); animation: throw-sign 0.5s ease-out forwards; color: #2a1b0a;">
+        
+        <style>
+            @keyframes throw-sign {
+                0% { transform: rotate(-10deg) scale(0.7) translateY(500px); opacity: 0; }
+                100% { transform: rotate(-2deg) scale(1) translateY(0); opacity: 1; }
+            }
+            .akte-inner h1 { color: #2a1b0a !important; font-size: 1.8rem !important; margin: 10px 0 2px !important; text-shadow: none !important; border-bottom: 2px solid rgba(42,27,10,0.2); }
+            .akte-inner div, .akte-inner p { font-size: 0.75rem !important; }
+            .akte-inner .data-row { border-bottom: 1px solid rgba(42,27,10,0.1) !important; padding: 6px 0 !important; }
+            .akte-inner .label { color: #5d4037 !important; font-weight: bold; }
+            .akte-inner .red-stamp { border: 2px solid #b71c1c; color: #b71c1c; padding: 3px 10px; font-weight: bold; transform: rotate(10deg); opacity: 0.8; font-size: 0.8rem !important; display: inline-block; }
+        </style>
+        
+        
+        <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px;">
+            <div class="red-stamp">TOP SECRET</div>
+            <button onclick="document.getElementById('person-akte-modal').style.display='none'; document.body.style.overflow='auto';"
+                    style="background: rgba(0,0,0,0.1); border: 1px solid #2a1b0a; color: #2a1b0a; cursor: pointer; padding: 3px 10px; font-size: 0.7rem !important;">[X] SCHLIESSEN</button>
+        </div>
+
+        
+
+        <div style="display: flex; gap: 20px; align-items: flex-start;">
+            
+            <div style="position: relative; border: 1px solid #2a1b0a; padding: 3px; background: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);">
+                
+                <img src="/img/hp_meli_steampunk_01.jpeg" class="akte-foto" style="width: 200px; height: 250px; object-fit: cover; filter: none; cursor: zoom-in; display: block;"
+                     onclick="document.getElementById('akte-foto-zoom').style.display='flex';">
+                <div style="position: absolute; bottom: 5px; right: -10px; background: #b71c1c; color: #fff; padding: 2px 5px; font-weight: bold; font-size: 0.6rem !important; transform: rotate(-5deg);">GESPERRT</div>
+            </div>
+
+            
+            <div id="akte-foto-zoom" onclick="this.style.display='none';"
+                 style="display:none; position:fixed; inset:0; z-index:9999999; background:rgba(0,0,0,0.92); align-items:center; justify-content:center; cursor:zoom-out;">
+                <img src="/img/hp_meli_steampunk_01.jpeg" style="max-width:90vw; max-height:90vh; object-fit:contain; box-shadow: 0 0 60px rgba(0,0,0,0.9); border: 2px solid #2a1b0a;">
+            </div>
+
+            
+            <div style="flex: 1;">
+                <div style="font-size: 0.5rem !important; color: #5d4037; letter-spacing: 2px; margin-bottom: 2px;">PROTOKOLL NR. 1974-Ø</div>
+                <h1 style="font-weight: bold;">SCHWESTER</h1>
+                <p style="color: #5d4037; font-size: 0.7rem !important; margin: 5px 0 10px;">ALIAS: AETHER-SIBLING / PNEUMATIK-FEE / CLAN-DIPLOMATIN</p>
+                
+                <div style="display: flex; gap: 10px;">
+                    <div style="border: 1px solid #b71c1c; padding: 2px 8px; color: #b71c1c; font-size: 0.6rem !important; font-weight: bold;">STATUS: MAXIMAL STABIL</div>
+                    <div style="color: #2a1b0a; font-size: 0.6rem !important; font-weight: bold;">GEFAHR: <span style="letter-spacing: 1px;">UNTERSCHÄTZT (Diplomatie-Modus kann täuschen)</span><br><img src="/img/akte/hp_totenkopf_1.png" style="width: 70px; height: 70px; object-fit: contain; margin-top: 4px;"></div>
+                </div>
+            </div>
+        </div>
+
+        
+        <div style="margin-top: 20px; border-top: 2px solid rgba(42,27,10,0.2);">
+            
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">DESIGNATION:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    Schwester
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">GEBURTSDATUM:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    1983 (Aether-Edition)
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BESCHÄFTIGUNG:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    MEISTERIN DER PNEUMATISCHEN REFLEXE UND SOZIAL-MATRIX ARCHITEKTIN
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">SPEZIALFÄHIGK.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    Empathie-Scan · Harmonie-Injection · Blitzschnelle Problemanalyse
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BEKANNTE KOMPL.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    BRUDER.v2 · SASCHA.exe · MUTTI.sys
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">LETZTE AKTIVITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    GERADE JETZT
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STABILITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    MAXIMAL (Der Kleber des Clans)
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STANDORT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    CLAN-HUB (DEZENTRAL)
+                    
+                </div>
+            </div>
+            
+        </div>
+
+        
+        <div style="margin-top: 20px; display: flex; justify-content: space-between; align-items: flex-end;">
+            <div style="display: flex; align-items: center; gap: 10px; opacity: 0.7;">
+                <div style="width: 35px; height: 35px;">
+                    <svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50 Q50 10 70 50 T30 50 Z"/></svg>
+                </div>
+                <div style="font-size: 0.6rem !important; color: #2a1b0a; line-height: 1.2;">ID-SCAN: 94.7%<br>VERIFIZIERT</div>
+            </div>
+            
+            <div style="font-family: 'Courier New', monospace; font-size: 0.75rem !important; letter-spacing: 2px; color: #5d4037; border: 1px dashed #2a1b0a; padding: 2px 10px;">ARCHIV_PERMANENT</div>
+        </div>
+    </div>
+    </div>
+</div>
+
+<style>
+    .akte-foto { transition: transform 0.2s, box-shadow 0.2s; }
+    .akte-foto:hover { transform: scale(1.04); box-shadow: 0 0 15px rgba(184,115,51,0.7); }
+
+    .akte-foto-btn { transition: all 0.2s; }
+    .akte-foto-btn:hover { background: rgba(183,28,28,0.1) !important; border-color: #b71c1c !important; }
+    .akte-foto-active { background: rgba(183,28,28,0.15) !important; border-color: #b71c1c !important; }
+    
+     
+    .time-node.omega .time-content {
+        border: 2px solid rgba(255, 69, 0, 0.6) !important;
+        box-shadow: inset 0 0 12px rgba(255, 69, 0, 0.15), 0 0 10px rgba(255, 0, 0, 0.2);
+        animation: omega-pulse 3s infinite alternate;
+        background: linear-gradient(135deg, rgba(80, 20, 10, 0.95), rgba(30, 0, 0, 0.95)) !important;
+    }
+    .time-node.omega .node-dot {
+        border-color: #ff4500 !important;
+        background: radial-gradient(circle, #ff0000 0%, #330000 100%) !important;
+        box-shadow: 0 0 8px rgba(255, 69, 0, 0.4);
+        animation: omega-dot-pulse 3s infinite alternate ease-in-out;
+    }
+    .node-dot {
+        box-shadow: 0 0 8px rgba(212, 175, 55, 0.4);
+        transition: all 0.3s ease;
+    }
+    .time-node.omega .tc-year {
+        color: #ff4500 !important;
+        text-shadow: 0 0 10px #ff4500;
+        font-weight: 900 !important;
+    }
+    
+    @keyframes omega-dot-pulse {
+        0%   { box-shadow: 0 0 5px rgba(255, 69, 0, 0.3); }
+        100% { box-shadow: 0 0 12px rgba(255, 69, 0, 0.6); }
+    }
+    @keyframes omega-pulse {
+        0%   { box-shadow: inset 0 0 8px rgba(255, 69, 0, 0.1), 0 0 6px rgba(255, 0, 0, 0.15); border-color: rgba(255, 69, 0, 0.4); }
+        100% { box-shadow: inset 0 0 18px rgba(255, 69, 0, 0.25), 0 0 14px rgba(255, 0, 0, 0.3); border-color: rgba(255, 69, 0, 0.8); }
+    }
+    @keyframes omega-dot-blink {
+        50% { opacity: 0; transform: scale(1.5); }
+    }
+</style>
+
+<style>
+ 
+#declassified-overlay {
+    position: fixed; inset: 0; z-index: 99999;
+    pointer-events: none;
+    background: rgba(0,0,0,0.92);
+    display: flex; align-items: center; justify-content: center;
+    transition: opacity 0.8s ease;
+}
+#declassified-overlay.gone { opacity: 0; pointer-events: none; }
+.scanlines {
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg,
+        transparent,
+        transparent 2px,
+        rgba(0,255,0,0.015) 2px,
+        rgba(0,255,0,0.015) 4px
+    );
+    pointer-events: none;
+}
+#declassified-stamp {
+    font-family: 'Courier New', monospace;
+    font-size: 3.5rem;
+    font-weight: 900;
+    color: #b71c1c;
+    border: 6px solid #b71c1c;
+    padding: 20px 40px;
+    letter-spacing: 8px;
+    text-align: center;
+    line-height: 1.2;
+    transform: rotate(-12deg) scale(0);
+    opacity: 0;
+    text-shadow: 0 0 30px rgba(183,28,28,0.5);
+    box-shadow: 0 0 40px rgba(183,28,28,0.3), inset 0 0 40px rgba(183,28,28,0.1);
+    animation: stamp-in 0.4s 0.3s cubic-bezier(0.175,0.885,0.32,1.275) forwards;
+}
+@keyframes stamp-in {
+    to { transform: rotate(-12deg) scale(1); opacity: 0.85; }
+}
+
+ 
+.person-hero {
+    position: relative;
+    width: 100%;
+    min-height: 300px;
+    background: linear-gradient(135deg, #0a0600 0%, #120e06 60%, #0a0600 100%);
+    border-bottom: 1px solid rgba(184,115,51,0.3);
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    margin-bottom: 0;
+}
+.person-hero::before {
+    content: '';
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg, transparent, transparent 3px,
+        rgba(184,115,51,0.03) 3px, rgba(184,115,51,0.03) 4px
+    );
+    pointer-events: none;
+}
+.person-hero-img {
+    position: absolute;
+    right: 0; top: 0; bottom: 0;
+    width: 45%;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: right bottom;
+    opacity: 0.25;
+    filter: sepia(0.4) hue-rotate(10deg);
+    mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+    -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+}
+.person-hero-content {
+    position: relative;
+    z-index: 2;
+    padding: 30px 40px;
+    max-width: 620px;
+}
+.person-hero-badges {
+    display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;
+}
+.hero-badge {
+    font-family: 'Courier New', monospace;
+    font-size: 0.55rem;
+    letter-spacing: 3px;
+    padding: 3px 10px;
+    border: 1px solid rgba(184,115,51,0.4);
+    color: rgba(184,115,51,0.7);
+}
+.hero-badge.red {
+    border-color: rgba(183,28,28,0.5);
+    color: rgba(183,28,28,0.8);
+}
+
+ 
+.stat-bars { margin-top: 20px; width: 100%; max-width: 400px; }
+.stat-row {
+    display: flex; align-items: center; gap: 10px; margin-bottom: 8px;
+}
+.stat-label {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 2px;
+    color: rgba(212,175,55,0.5);
+    width: 80px; flex-shrink: 0;
+}
+.stat-track {
+    flex: 1; height: 6px;
+    background: rgba(255,255,255,0.05);
+    border: 1px solid rgba(184,115,51,0.2);
+    overflow: hidden;
+}
+.stat-bar {
+    height: 100%; width: 0%;
+    transition: width 1.2s cubic-bezier(0.4,0,0.2,1);
+}
+.stat-bar.danger   { background: linear-gradient(90deg, #8b0000, #ff4500); box-shadow: 0 0 8px rgba(255,69,0,0.5); }
+.stat-bar.stable   { background: linear-gradient(90deg, #1a4a1a, #4caf50); box-shadow: 0 0 8px rgba(76,175,80,0.5); }
+.stat-bar.chaos    { background: linear-gradient(90deg, #4a0080, #c800ff); box-shadow: 0 0 8px rgba(200,0,255,0.4); }
+.stat-bar.kompetenz { background: linear-gradient(90deg, #1a3a5c, #2196f3); box-shadow: 0 0 8px rgba(33,150,243,0.5); }
+.stat-val {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; color: rgba(212,175,55,0.4);
+    width: 32px; text-align: right; flex-shrink: 0;
+}
+
+ 
+.alias-ticker-outer {
+    overflow: hidden;
+    background: rgba(0,0,0,0.6);
+    border-top: 1px solid rgba(184,115,51,0.15);
+    border-bottom: 1px solid rgba(184,115,51,0.15);
+    padding: 7px 0;
+    white-space: nowrap;
+}
+.alias-ticker-inner {
+    display: inline-block;
+    animation: ticker-scroll 18s linear infinite;
+    font-family: 'Courier New', monospace;
+    font-size: 0.65rem;
+    letter-spacing: 4px;
+    color: rgba(184,115,51,0.5);
+    padding-left: 100%;
+}
+@keyframes ticker-scroll {
+    from { transform: translateX(0); }
+    to   { transform: translateX(-50%); }
+}
+
+ 
+.person-pre-label {
+    color: rgba(184,115,51,0.5);
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 4px; margin-bottom: 6px;
+}
+.person-title-wrap {
+    display: flex; align-items: center; gap: 14px; margin: 4px 0;
+}
+.person-title-deco {
+    color: #b87333; font-size: 1.8rem; opacity: 0.6;
+    animation: deco-pulse 2s ease-in-out infinite alternate;
+}
+@keyframes deco-pulse {
+    from { opacity: 0.3; transform: scaleY(0.85); }
+    to   { opacity: 0.8; transform: scaleY(1.1); }
+}
+.person-glitch-title {
+    color: #ff4500; font-family: 'Courier New', monospace;
+    font-size: 2rem; letter-spacing: 10px;
+    text-shadow: 0 0 20px rgba(255,69,0,0.5);
+    margin: 0; position: relative;
+    animation: glitch-flicker 6s infinite;
+}
+.person-glitch-title::before,
+.person-glitch-title::after {
+    content: attr(data-text); position: absolute;
+    left: 0; top: 0; width: 100%; overflow: hidden; opacity: 0;
+}
+.person-glitch-title::before {
+    color: #0ff; animation: glitch-top 6s infinite;
+    clip-path: polygon(0 0,100% 0,100% 40%,0 40%);
+}
+.person-glitch-title::after {
+    color: #f0f; animation: glitch-bot 6s infinite;
+    clip-path: polygon(0 60%,100% 60%,100% 100%,0 100%);
+}
+@keyframes glitch-flicker {
+    0%,90%,100% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    92% { text-shadow: 2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    94% { text-shadow: -2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    96% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    98% { text-shadow: 1px 0 #0ff,-1px 0 #f0f; }
+}
+@keyframes glitch-top {
+    0%,90%,100% { opacity:0; transform:none; }
+    92% { opacity:0.7; transform:translate(-3px,-2px); }
+    94% { opacity:0; }
+    96% { opacity:0.5; transform:translate(3px,-1px); }
+    98% { opacity:0; }
+}
+@keyframes glitch-bot {
+    0%,90%,100% { opacity:0; transform:none; }
+    93% { opacity:0.6; transform:translate(3px,2px); }
+    95% { opacity:0; }
+    97% { opacity:0.4; transform:translate(-3px,1px); }
+    99% { opacity:0; }
+}
+.person-sub-label {
+    color: rgba(212,175,55,0.45); font-family: 'Courier New', monospace;
+    font-size: 0.65rem; letter-spacing: 3px; margin-top: 6px;
+}
+.person-status-blink { color: #0f0; animation: blink-status 1.4s step-end infinite; }
+@keyframes blink-status { 50% { opacity: 0; } }
+</style>
+
+<script>
+
+(function() {
+    const key = 'decl_schwester';
+    const overlay = document.getElementById('declassified-overlay');
+    if (!overlay) return;
+    if (sessionStorage.getItem(key)) {
+        overlay.style.display = 'none';
+        return;
+    }
+    setTimeout(() => {
+        overlay.classList.add('gone');
+        setTimeout(() => {
+            overlay.style.display = 'none';
+            sessionStorage.setItem(key, '1');
+        }, 900);
+    }, 1800);
+})();
+
+
+document.addEventListener('DOMContentLoaded', () => {
+    setTimeout(() => {
+        document.querySelectorAll('.stat-bar').forEach(bar => {
+            bar.style.width = bar.dataset.val + '%';
+        });
+    }, 400);
+});
+</script>
+
+<script>
+
+(function() {
+    const SPIDER = '🕷';
+    let active = [];
+
+    function spawn() {
+        const el = document.createElement('div');
+        el.textContent = SPIDER;
+        el.style.cssText = [
+            'position:fixed',
+            'font-size:1.6rem',
+            'z-index:999999',
+            'pointer-events:none',
+            'transition:none',
+            'filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)',
+            'will-change:transform',
+            'line-height:1',
+        ].join(';');
+        document.body.appendChild(el);
+
+        const W = window.innerWidth, H = window.innerHeight;
+
+        
+        const edge = Math.floor(Math.random() * 4);
+        let x = edge === 1 ? W + 20 : edge === 3 ? -20 : Math.random() * W;
+        let y = edge === 0 ? -20  : edge === 2 ? H + 20  : Math.random() * H;
+
+        el.style.left = x + 'px';
+        el.style.top  = y + 'px';
+
+        
+        const steps = 4 + Math.floor(Math.random() * 4);
+        let i = 0;
+
+        function step() {
+            if (i >= steps || !document.body.contains(el)) { el.remove(); return; }
+
+            const tx = Math.random() * W;
+            const ty = Math.random() * H;
+            const dist = Math.hypot(tx - x, ty - y);
+            const dur  = dist * 4; 
+            const ang  = Math.atan2(ty - y, tx - x) * 180 / Math.PI + 90;
+
+            el.style.transition = `left ${dur}ms linear, top ${dur}ms linear`;
+            el.style.transform  = `rotate(${ang}deg)`;
+            el.style.left = tx + 'px';
+            el.style.top  = ty + 'px';
+
+            x = tx; y = ty; i++;
+            setTimeout(step, dur);
+        }
+
+        step();
+    }
+
+    
+    spawn();
+    setInterval(spawn, 4000);
+})();
+
+function switchAkteFoto(src) {
+    document.querySelector('.akte-foto').src = src;
+    document.getElementById('akte-foto-zoom').querySelector('img').src = src;
+    document.querySelectorAll('.akte-foto-btn').forEach(btn => {
+        const active = btn.dataset.foto === src;
+        btn.classList.toggle('akte-foto-active', active);
+        btn.style.background = active ? 'rgba(183,28,28,0.15)' : 'rgba(0,0,0,0.1)';
+        btn.style.borderColor = active ? '#b71c1c' : 'rgba(42,27,10,0.3)';
+    });
+}
+</script>
+
+    </main>
+
+    <footer class="main-footer">
+    <div class="footer-inner">
+        <p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p>
+    </div>
+</footer>
+
+    
+<div id="newsticker" style="position:fixed !important; bottom:0 !important; left:0 !important; right:0 !important; z-index:999999 !important; background:rgba(0,0,0,0.92) !important; border-top:1px solid rgba(255,69,0,0.35) !important; display:flex !important; align-items:center; height:28px !important; overflow:hidden; font-family:'Courier New', monospace !important; visibility: visible !important; opacity: 1 !important;">
+    <span class="ticker-label" style="flex-shrink:0; font-size:0.6rem; letter-spacing:2px; color:rgba(255,69,0,0.7); padding:0 15px; border-right:1px solid rgba(255,69,0,0.2); white-space:nowrap; height:100%; display:flex; align-items:center; background:rgba(255,69,0,0.05);">// SYSTEM_LOG_FEED</span>
+    <div class="ticker-track-wrap" style="flex:1; overflow:hidden; height:100%; display:flex; align-items:center;">
+        <div class="ticker-track" id="ticker-track-global" style="display:inline-flex; white-space:nowrap; animation: ticker-scroll 45s linear infinite;">
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ HUGO SYSTEM INITIALISIERT... ]</span>
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span>
+        </div>
+    </div>
+</div>
+
+<style>
+    @keyframes ticker-scroll {
+        0%   { transform: translateX(0); }
+        100% { transform: translateX(-50%); }
+    }
+    .ticker-item::before { content: '▶ '; color: rgba(255,69,0,0.5); }
+    .ticker-track:hover { animation-play-state: paused; }
+</style>
+
+<script>
+    (function() {
+        const track = document.getElementById('ticker-track-global');
+        if (!track) return;
+        const ITEMS = [
+            "STATUS: HUGO OPERATIONAL",
+            "DESIGNATION: OVERLORD SASCHA",
+            "KAFFEESTAND: KRITISCH",
+            "ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST",
+            "MISSION: TOTALE KONTROLLE",
+            "DATENINTEGRITÄT: ABSOLUT",
+            "WARNUNG: SYSTEM EXTREM SCHNELL",
+            "GEMINI NEURAL LINK: AKTIV"
+        ];
+        track.innerHTML = '';
+        [...ITEMS, ...ITEMS].forEach(text => {
+            const span = document.createElement('span');
+            span.className = 'ticker-item';
+            span.style.cssText = "font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;";
+            span.textContent = text;
+            track.appendChild(span);
+        });
+    })();
+</script>
+
+
+    <script src="/js/script.js"></script>
+    <script src="/js/ascii-shimmer.js"></script>
+</body>
+</html>
diff --git a/public/personen/sven/index.html b/public/personen/sven/index.html
index 7c317ec..7357340 100644
--- a/public/personen/sven/index.html
+++ b/public/personen/sven/index.html
@@ -1,17 +1,965 @@
-<!doctype html><html lang=de-de><head><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><title>Sven | DIGITALE ANARCHIE | KI-LABOR</title><link rel=stylesheet href=/css/style.css></head><body class=bg-steampunk><div class="bg-gear gear-left">⚙</div><div class="bg-gear gear-right">⚙</div><script>document.body.classList.add("js-enabled")</script><header class=main-header></header><main class=container><div id=declassified-overlay><div class=scanlines></div><div id=declassified-stamp>ZUGANG<br>GEWÄHRT</div></div><div class="person-page-wrapper visible" style=padding-bottom:100px;opacity:1!important><div class=person-nav-container style="display:flex;flex-direction:column;align-items:center;gap:20px;margin:15px 0 30px"><a href=/ class=person-back>← ZURÜCK ZUR BASIS</a><div class=person-nav-row style=display:flex;justify-content:center;align-items:center;gap:35px;flex-wrap:wrap;position:relative><a href=/personen/mutti/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_mutti_comic_1.jpeg alt=MUTTI style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">MUTTI</span>
-</a><a href=/personen/vater/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_vater_comic_1.png alt=VATER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">VATER</span>
-</a><a href=/personen/bruder/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_freddy_comic_1.png alt=BRUDER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">BRUDER</span>
-</a><a href=/personen/schwester/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_meli_comic_1.png alt=SCHWESTER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SCHWESTER</span>
-</a><a href=/personen/sascha/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sascha_comic_1.jpeg alt=SASCHA style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SASCHA</span>
-</a><a href=/personen/sven/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sven_comic_1.jpeg alt=SVEN style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SVEN</span></a></div></div><style>.person-nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .2s}.person-nav-item:hover{transform:scale(1.1)}.person-nav-item:hover .person-nav-label{color:#d4af37!important}.person-back{display:inline-block;color:rgba(212,175,55,.6);font-size:.7rem;font-weight:700;letter-spacing:4px;text-decoration:none;font-family:courier new,monospace;border:1px solid rgba(212,175,55,.25);padding:6px 20px;background:0 0;text-transform:uppercase;transition:all .2s}.person-back:hover{color:#d4af37;border-color:rgba(212,175,55,.6);background:rgba(212,175,55,5%);letter-spacing:5px}</style><div class=person-hero><div class=person-hero-img style=background-image:url(/img/comicFigures/hp_sven_comic_1.jpeg)></div><div class=person-hero-content><div class=person-hero-badges><span class=hero-badge>ZENTRAL-ARCHIV</span>
-<span class="hero-badge red">EINHEIT IDENTIFIZIERT</span></div><p class=person-pre-label style="margin:12px 0 4px">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p><div class=person-title-wrap><span class=person-title-deco>⟪</span><h1 class=person-glitch-title data-text=SVEN>SVEN</h1><span class=person-title-deco>⟫</span></div><p class=person-sub-label>STATUS: <span class=person-status-blink>UNBEKANNT</span></p><div class=stat-bars><div class=stat-row><span class=stat-label>GEFAHR</span><div class=stat-track><div class="stat-bar danger" data-val=33></div></div><span class=stat-val>33%</span></div><div class=stat-row><span class=stat-label>STABILITÄT</span><div class=stat-track><div class="stat-bar stable" data-val=45></div></div><span class=stat-val>45%</span></div><div class=stat-row><span class=stat-label>CHAOS</span><div class=stat-track><div class="stat-bar chaos" data-val=55></div></div><span class=stat-val>55%</span></div><div class=stat-row><span class=stat-label>KOMPETENZ</span><div class=stat-track><div class="stat-bar kompetenz" data-val=50></div></div><span class=stat-val>50%</span></div></div></div></div><div class=container style="max-width:900px;margin:0 auto;padding:0 20px"><header style=margin-bottom:20px;display:none></header><div class=timeline-track><div class="time-node right"><div class=time-content><div class=tc-header><span class=tc-year>[ 1980 ]</span>
-<span class=tc-tag>BOOT // KLASSIFIZIERT</span></div><p>[DATEN NICHT VERFÜGBAR] System-Ausgabe irgendwann registriert. Genauer Zeitpunkt: GESCHWÄRZT. Herkunft: Fraglich. Details: NICHT AUTORISIERT.</p></div></div><div class="time-node left"><div class=time-content><div class=tc-header><span class=tc-year>[ 1990 ]</span>
-<span class=tc-tag>EXTERNE VARIABLE</span></div><p>ERSTE KONTAKTAUFNAHME mit dem Clan-Netzwerk detektiert. Verbindungsqualität: Unbekannt. Absichten: Unklar. Bedrohungsstufe: GERING (vermutlich).</p></div></div><div class="time-node right"><div class=time-content><div class=tc-header><span class=tc-year>[ 2000 ]</span>
-<span class=tc-tag>GESCHWÄRZT // ZUGRIFF VERWEIGERT</span></div><p>[ZUGRIFF VERWEIGERT] Aktivitäten in diesem Zeitraum: OMEGA-KLASSIFIZIERT. Anfrage abgelehnt. Weitere Versuche werden protokolliert.</p></div></div><div class="time-node left"><div class=time-content><div class=tc-header><span class=tc-year>[ 2010 ]</span>
-<span class=tc-tag>ANALYSE // UNVOLLSTÄNDIG</span></div><p>EXTERNE EINFLUSSGRÖSSE weiterhin detektiert. Integrität: Akzeptabel (revisionsvorbehalten). Loyalität: Unbewiesen aber bisher unkritisch.</p></div></div><div class="time-node right"><div class=time-content><div class=tc-header><span class=tc-year>[ 2018 ]</span>
-<span class=tc-tag>GELÖSCHT // URSACHE UNBEKANNT</span></div><p>[████████████████████████████] Dieser Eintrag wurde entfernt. Grund: [████]. Datum der Entfernung: [████████]. Autorisierung: [UNBEKANNT].</p></div></div><div class="time-node left"><div class=time-content><div class=tc-header><span class=tc-year>[ 2023 ]</span>
-<span class=tc-tag>REAKTIVIERUNG</span></div><p>REAKTIVIERUNG nach unbekanntem Zeitraum. Subsysteme: ONLINE. Motivation: UNBEKANNT. Verbindung zum Overlord-Netzwerk: BESTÄTIGT.</p></div></div><div class="time-node right"><div class=time-content><div class=tc-header><span class=tc-year>[ 2025 ]</span>
-<span class=tc-tag>AKTUELL // UNBESTÄTIGT</span></div><p>AKTUELLER STATUS: VERMUTLICH ONLINE. KOORDINATEN: NICHT VERFOLGBAR. KLASSIFIZIERUNG: WEITERHIN AUSSTEHEND. GEFAHR: FRAGLICH. RATING: ???</p></div></div></div><div style=text-align:center;margin-top:60px><button class=akte-label-btn onclick='document.getElementById("person-akte-modal").style.display="flex",document.body.style.overflow="hidden"'><div class=akte-label-top><span class=akte-label-nr>DOKUMENT-NR. UNBEKANNT</span>
-<span class=akte-label-stamp>VERTRAULICH</span></div><div class=akte-label-divider></div><div class=akte-label-title>AKTE: SVEN</div><div class=akte-label-divider></div><div class=akte-label-bottom><span>STATUS: UNBEKANNT</span>
-<span>▶ AKTE ÖFFNEN</span></div></button></div><style>.akte-label-btn{background:linear-gradient(180deg,#1c1208 0%,#0e0a04 100%);border:1px solid #5d3d1e;border-left:4px solid #b87333;color:#d4af37;font-family:courier new,monospace;cursor:pointer;padding:18px 28px;width:320px;text-align:left;transition:all .2s;box-shadow:2px 2px 12px rgba(0,0,0,.6);position:relative}.akte-label-btn::before{content:'';position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px dashed rgba(184,115,51,.2);pointer-events:none}.akte-label-btn:hover{border-left-color:#ff4500;box-shadow:3px 3px 20px rgba(184,115,51,.2);background:linear-gradient(180deg,#221508 0%,#0e0a04 100%)}.akte-label-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.akte-label-nr{font-size:.6rem;color:rgba(212,175,55,.4);letter-spacing:1px}.akte-label-stamp{font-size:.55rem;letter-spacing:2px;color:#b71c1c;border:1px solid #b71c1c;padding:1px 6px;opacity:.8}.akte-label-divider{border-top:1px solid rgba(184,115,51,.25);margin:8px 0}.akte-label-title{font-size:1rem;font-weight:700;letter-spacing:4px;color:#d4af37;margin:4px 0}.akte-label-bottom{display:flex;justify-content:space-between;font-size:.6rem;color:rgba(212,175,55,.45);letter-spacing:1px;margin-top:4px}.akte-label-btn:hover .akte-label-bottom span:last-child{color:#ff4500}</style></div></div><div id=person-akte-modal style=position:fixed;inset:0;z-index:1000000;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;padding:10px;overflow:hidden;perspective:1e3px><div style=display:flex;flex-direction:column;align-items:center;max-width:585px;width:95%><div class=akte-inner style="width:100%;background:#d9c5a0;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 100%),url(https://www.transparenttextures.com/patterns/old-paper.png);border:1px solid #8b7355;padding:25px;position:relative;font-family:courier new,monospace;box-shadow:10px 20px 50px rgba(0,0,0,.8),inset 0 0 100px rgba(139,115,85,.3);transform:rotate(-2deg);animation:throw-sign .5s ease-out forwards;color:#2a1b0a"><style>@keyframes throw-sign{0%{transform:rotate(-10deg)scale(.7)translateY(500px);opacity:0}100%{transform:rotate(-2deg)scale(1)translateY(0);opacity:1}}.akte-inner h1{color:#2a1b0a!important;font-size:1.8rem!important;margin:10px 0 2px!important;text-shadow:none!important;border-bottom:2px solid rgba(42,27,10,.2)}.akte-inner div,.akte-inner p{font-size:.75rem!important}.akte-inner .data-row{border-bottom:1px solid rgba(42,27,10,.1)!important;padding:6px 0!important}.akte-inner .label{color:#5d4037!important;font-weight:700}.akte-inner .red-stamp{border:2px solid #b71c1c;color:#b71c1c;padding:3px 10px;font-weight:700;transform:rotate(10deg);opacity:.8;font-size:.8rem!important;display:inline-block}</style><div style=display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px><div class=red-stamp>TOP SECRET</div><button onclick='document.getElementById("person-akte-modal").style.display="none",document.body.style.overflow="auto"' style="background:rgba(0,0,0,.1);border:1px solid #2a1b0a;color:#2a1b0a;cursor:pointer;padding:3px 10px;font-size:.7rem!important">[X] SCHLIESSEN</button></div><div style=display:flex;gap:20px;align-items:flex-start><div style="position:relative;border:1px solid #2a1b0a;padding:3px;background:#fff;box-shadow:2px 2px 5px rgba(0,0,0,.2)"><img src=/img/hero.png class=akte-foto style=width:200px;height:250px;object-fit:cover;filter:none;cursor:zoom-in;display:block onclick='document.getElementById("akte-foto-zoom").style.display="flex"'><div style="position:absolute;bottom:5px;right:-10px;background:#b71c1c;color:#fff;padding:2px 5px;font-weight:700;font-size:.6rem!important;transform:rotate(-5deg)">GESPERRT</div></div><div id=akte-foto-zoom onclick='this.style.display="none"' style=display:none;position:fixed;inset:0;z-index:9999999;background:rgba(0,0,0,.92);align-items:center;justify-content:center;cursor:zoom-out><img src=/img/hero.png style="max-width:90vw;max-height:90vh;object-fit:contain;box-shadow:0 0 60px rgba(0,0,0,.9);border:2px solid #2a1b0a"></div><div style=flex:1><div style=font-size:.5rem!important;color:#5d4037;letter-spacing:2px;margin-bottom:2px>PROTOKOLL NR. 1974-Ø</div><h1 style=font-weight:700>SVEN</h1><p style="color:#5d4037;font-size:.7rem!important;margin:5px 0 10px">ALIAS:</p><div style=display:flex;gap:10px><div style="border:1px solid #b71c1c;padding:2px 8px;color:#b71c1c;font-size:.6rem!important;font-weight:700">STATUS: UNBEKANNT</div><div style=color:#2a1b0a;font-size:.6rem!important;font-weight:700>GEFAHR: <span style=letter-spacing:1px></span><br><img src=/img/akte/hp_totenkopf_1.png style=width:70px;height:70px;object-fit:contain;margin-top:4px></div></div></div></div><div style="margin-top:20px;border-top:2px solid rgba(42,27,10,.2)"><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>DESIGNATION:</div><div style=flex:1;font-weight:400>Sven</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>GEBURTSDATUM:</div><div style=flex:1;font-weight:400><span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BESCHÄFTIGUNG:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>SPEZIALFÄHIGK.:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BEKANNTE KOMPL.:</div><div style=flex:1;font-weight:400><span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>LETZTE AKTIVITÄT:</div><div style=flex:1;font-weight:400>GERADE JETZT</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STABILITÄT:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STANDORT:</div><div style=flex:1;font-weight:400></div></div></div><div style=margin-top:20px;display:flex;justify-content:space-between;align-items:flex-end><div style=display:flex;align-items:center;gap:10px;opacity:.7><div style=width:35px;height:35px><svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50q20-40 40 0T30 50z"/></svg></div><div style=font-size:.6rem!important;color:#2a1b0a;line-height:1.2>ID-SCAN: 94.7%<br>VERIFIZIERT</div></div><div style="font-family:courier new,monospace;font-size:.75rem!important;letter-spacing:2px;color:#5d4037;border:1px dashed #2a1b0a;padding:2px 10px">ARCHIV_PERMANENT</div></div></div></div></div><style>.akte-foto{transition:transform .2s,box-shadow .2s}.akte-foto:hover{transform:scale(1.04);box-shadow:0 0 15px rgba(184,115,51,.7)}.akte-foto-btn{transition:all .2s}.akte-foto-btn:hover{background:rgba(183,28,28,.1)!important;border-color:#b71c1c!important}.akte-foto-active{background:rgba(183,28,28,.15)!important;border-color:#b71c1c!important}.time-node.omega .time-content{border:2px solid rgba(255,69,0,.6)!important;box-shadow:inset 0 0 12px rgba(255,69,0,.15),0 0 10px rgba(255,0,0,.2);animation:omega-pulse 3s infinite alternate;background:linear-gradient(135deg,rgba(80,20,10,.95),rgba(30,0,0,.95))!important}.time-node.omega .node-dot{border-color:#ff4500!important;background:radial-gradient(circle,#ff0000 0%,#330000 100%)!important;box-shadow:0 0 8px rgba(255,69,0,.4);animation:omega-dot-pulse 3s infinite alternate ease-in-out}.node-dot{box-shadow:0 0 8px rgba(212,175,55,.4);transition:all .3s ease}.time-node.omega .tc-year{color:#ff4500!important;text-shadow:0 0 10px #ff4500;font-weight:900!important}@keyframes omega-dot-pulse{0%{box-shadow:0 0 5px rgba(255,69,0,.3)}100%{box-shadow:0 0 12px rgba(255,69,0,.6)}}@keyframes omega-pulse{0%{box-shadow:inset 0 0 8px rgba(255,69,0,.1),0 0 6px rgba(255,0,0,.15);border-color:rgba(255,69,0,.4)}100%{box-shadow:inset 0 0 18px rgba(255,69,0,.25),0 0 14px rgba(255,0,0,.3);border-color:rgba(255,69,0,.8)}}@keyframes omega-dot-blink{50%{opacity:0;transform:scale(1.5)}}</style><style>#declassified-overlay{position:fixed;inset:0;z-index:99999;pointer-events:none;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;transition:opacity .8s ease}#declassified-overlay.gone{opacity:0;pointer-events:none}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 2px,rgba(0,255,0,.015) 2px,rgba(0,255,0,.015) 4px );pointer-events:none}#declassified-stamp{font-family:courier new,monospace;font-size:3.5rem;font-weight:900;color:#b71c1c;border:6px solid #b71c1c;padding:20px 40px;letter-spacing:8px;text-align:center;line-height:1.2;transform:rotate(-12deg)scale(0);opacity:0;text-shadow:0 0 30px rgba(183,28,28,.5);box-shadow:0 0 40px rgba(183,28,28,.3),inset 0 0 40px rgba(183,28,28,.1);animation:stamp-in .4s .3s cubic-bezier(.175,.885,.32,1.275)forwards}@keyframes stamp-in{to{transform:rotate(-12deg)scale(1);opacity:.85}}.person-hero{position:relative;width:100%;min-height:300px;background:linear-gradient(135deg,#0a0600 0%,#120e06 60%,#0a0600 100%);border-bottom:1px solid rgba(184,115,51,.3);overflow:hidden;display:flex;align-items:center;margin-bottom:0}.person-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 3px,rgba(184,115,51,3%) 3px,rgba(184,115,51,3%) 4px );pointer-events:none}.person-hero-img{position:absolute;right:0;top:0;bottom:0;width:45%;background-size:contain;background-repeat:no-repeat;background-position:100% 100%;opacity:.25;filter:sepia(.4)hue-rotate(10deg);mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%);-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%)}.person-hero-content{position:relative;z-index:2;padding:30px 40px;max-width:620px}.person-hero-badges{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.hero-badge{font-family:courier new,monospace;font-size:.55rem;letter-spacing:3px;padding:3px 10px;border:1px solid rgba(184,115,51,.4);color:rgba(184,115,51,.7)}.hero-badge.red{border-color:rgba(183,28,28,.5);color:rgba(183,28,28,.8)}.stat-bars{margin-top:20px;width:100%;max-width:400px}.stat-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.stat-label{font-family:courier new,monospace;font-size:.6rem;letter-spacing:2px;color:rgba(212,175,55,.5);width:80px;flex-shrink:0}.stat-track{flex:1;height:6px;background:rgba(255,255,255,5%);border:1px solid rgba(184,115,51,.2);overflow:hidden}.stat-bar{height:100%;width:0%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.stat-bar.danger{background:linear-gradient(90deg,#8b0000,#ff4500);box-shadow:0 0 8px rgba(255,69,0,.5)}.stat-bar.stable{background:linear-gradient(90deg,#1a4a1a,#4caf50);box-shadow:0 0 8px rgba(76,175,80,.5)}.stat-bar.chaos{background:linear-gradient(90deg,#4a0080,#c800ff);box-shadow:0 0 8px rgba(200,0,255,.4)}.stat-bar.kompetenz{background:linear-gradient(90deg,#1a3a5c,#2196f3);box-shadow:0 0 8px rgba(33,150,243,.5)}.stat-val{font-family:courier new,monospace;font-size:.6rem;color:rgba(212,175,55,.4);width:32px;text-align:right;flex-shrink:0}.alias-ticker-outer{overflow:hidden;background:rgba(0,0,0,.6);border-top:1px solid rgba(184,115,51,.15);border-bottom:1px solid rgba(184,115,51,.15);padding:7px 0;white-space:nowrap}.alias-ticker-inner{display:inline-block;animation:ticker-scroll 18s linear infinite;font-family:courier new,monospace;font-size:.65rem;letter-spacing:4px;color:rgba(184,115,51,.5);padding-left:100%}@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.person-pre-label{color:rgba(184,115,51,.5);font-family:courier new,monospace;font-size:.6rem;letter-spacing:4px;margin-bottom:6px}.person-title-wrap{display:flex;align-items:center;gap:14px;margin:4px 0}.person-title-deco{color:#b87333;font-size:1.8rem;opacity:.6;animation:deco-pulse 2s ease-in-out infinite alternate}@keyframes deco-pulse{from{opacity:.3;transform:scaleY(.85)}to{opacity:.8;transform:scaleY(1.1)}}.person-glitch-title{color:#ff4500;font-family:courier new,monospace;font-size:2rem;letter-spacing:10px;text-shadow:0 0 20px rgba(255,69,0,.5);margin:0;position:relative;animation:glitch-flicker 6s infinite}.person-glitch-title::before,.person-glitch-title::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden;opacity:0}.person-glitch-title::before{color:#0ff;animation:glitch-top 6s infinite;clip-path:polygon(0 0,100% 0,100% 40%,0 40%)}.person-glitch-title::after{color:#f0f;animation:glitch-bot 6s infinite;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%)}@keyframes glitch-flicker{0%,90%,100%{text-shadow:0 0 20px rgba(255,69,0,.5)}92%{text-shadow:2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}94%{text-shadow:-2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}96%{text-shadow:0 0 20px rgba(255,69,0,.5)}98%{text-shadow:1px 0 #0ff,-1px 0 #f0f}}@keyframes glitch-top{0%,90%,100%{opacity:0;transform:none}92%{opacity:.7;transform:translate(-3px,-2px)}94%{opacity:0}96%{opacity:.5;transform:translate(3px,-1px)}98%{opacity:0}}@keyframes glitch-bot{0%,90%,100%{opacity:0;transform:none}93%{opacity:.6;transform:translate(3px,2px)}95%{opacity:0}97%{opacity:.4;transform:translate(-3px,1px)}99%{opacity:0}}.person-sub-label{color:rgba(212,175,55,.45);font-family:courier new,monospace;font-size:.65rem;letter-spacing:3px;margin-top:6px}.person-status-blink{color:#0f0;animation:blink-status 1.4s step-end infinite}@keyframes blink-status{50%{opacity:0}}</style><script>(function(){const t="decl_sven",e=document.getElementById("declassified-overlay");if(!e)return;if(sessionStorage.getItem(t)){e.style.display="none";return}setTimeout(()=>{e.classList.add("gone"),setTimeout(()=>{e.style.display="none",sessionStorage.setItem(t,"1")},900)},1800)})(),document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{document.querySelectorAll(".stat-bar").forEach(e=>{e.style.width=e.dataset.val+"%"})},400)})</script><script>(function(){const t="🕷";let n=[];function e(){const e=document.createElement("div");e.textContent=t,e.style.cssText=["position:fixed","font-size:1.6rem","z-index:999999","pointer-events:none","transition:none","filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)","will-change:transform","line-height:1"].join(";"),document.body.appendChild(e);const i=window.innerWidth,a=window.innerHeight,n=Math.floor(Math.random()*4);let s=n===1?i+20:n===3?-20:Math.random()*i,o=n===0?-20:n===2?a+20:Math.random()*a;e.style.left=s+"px",e.style.top=o+"px";const l=4+Math.floor(Math.random()*4);let r=0;function c(){if(r>=l||!document.body.contains(e)){e.remove();return}const t=Math.random()*i,n=Math.random()*a,u=Math.hypot(t-s,n-o),d=u*4,h=Math.atan2(n-o,t-s)*180/Math.PI+90;e.style.transition=`left ${d}ms linear, top ${d}ms linear`,e.style.transform=`rotate(${h}deg)`,e.style.left=t+"px",e.style.top=n+"px",s=t,o=n,r++,setTimeout(c,d)}c()}e(),setInterval(e,4e3)})();function switchAkteFoto(e){document.querySelector(".akte-foto").src=e,document.getElementById("akte-foto-zoom").querySelector("img").src=e,document.querySelectorAll(".akte-foto-btn").forEach(t=>{const n=t.dataset.foto===e;t.classList.toggle("akte-foto-active",n),t.style.background=n?"rgba(183,28,28,0.15)":"rgba(0,0,0,0.1)",t.style.borderColor=n?"#b71c1c":"rgba(42,27,10,0.3)"})}</script></main><footer class=main-footer><div class=footer-inner><p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p></div></footer><div id=newsticker style="position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:999999!important;background:rgba(0,0,0,.92)!important;border-top:1px solid rgba(255,69,0,.35)!important;display:flex!important;align-items:center;height:28px!important;overflow:hidden;font-family:courier new,monospace!important;visibility:visible!important;opacity:1!important"><span class=ticker-label style="flex-shrink:0;font-size:.6rem;letter-spacing:2px;color:rgba(255,69,0,.7);padding:0 15px;border-right:1px solid rgba(255,69,0,.2);white-space:nowrap;height:100%;display:flex;align-items:center;background:rgba(255,69,0,5%)">// SYSTEM_LOG_FEED</span><div class=ticker-track-wrap style=flex:1;overflow:hidden;height:100%;display:flex;align-items:center><div class=ticker-track id=ticker-track-global style="display:inline-flex;white-space:nowrap;animation:ticker-scroll 45s linear infinite"><span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ HUGO SYSTEM INITIALISIERT... ]</span>
-<span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span></div></div></div><style>@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.ticker-item::before{content:'▶ ';color:rgba(255,69,0,.5)}.ticker-track:hover{animation-play-state:paused}</style><script>(function(){const e=document.getElementById("ticker-track-global");if(!e)return;const t=["STATUS: HUGO OPERATIONAL","DESIGNATION: OVERLORD SASCHA","KAFFEESTAND: KRITISCH","ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST","MISSION: TOTALE KONTROLLE","DATENINTEGRITÄT: ABSOLUT","WARNUNG: SYSTEM EXTREM SCHNELL","GEMINI NEURAL LINK: AKTIV"];e.innerHTML="",[...t,...t].forEach(t=>{const n=document.createElement("span");n.className="ticker-item",n.style.cssText="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;",n.textContent=t,e.appendChild(n)})})()</script><script src=/js/script.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="de-de">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1414&amp;path=livereload" data-no-instant defer></script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Sven | DIGITALE ANARCHIE | KI-LABOR</title>
+    <link rel="stylesheet" href="/css/style.css">
+</head>
+<body class=" bg-steampunk ">
+    
+    <div class="bg-gear gear-left">⚙</div>
+    <div class="bg-gear gear-right">⚙</div>
+
+    <script>document.body.classList.add('js-enabled');</script>
+<header class="main-header">
+   
+</header>
+
+    
+    <main class="container">
+        
+
+
+<div id="declassified-overlay">
+    <div class="scanlines"></div>
+    <div id="declassified-stamp">ZUGANG<br>GEWÄHRT</div>
+</div>
+
+<div class="person-page-wrapper visible" style="padding-bottom: 100px; opacity: 1 !important;">
+
+    <div class="person-nav-container" style="display: flex; flex-direction: column; align-items: center; gap: 20px; margin: 15px 0 30px;">
+    
+    <a href="/" class="person-back">
+        ← ZURÜCK ZUR BASIS
+    </a>
+    
+    
+    <div class="person-nav-row" style="display: flex; justify-content: center; align-items: center; gap: 35px; flex-wrap: wrap; position: relative;">
+    
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/mutti/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_mutti_comic_1.jpeg" alt="MUTTI" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">MUTTI</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/vater/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_vater_comic_1.png" alt="VATER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">VATER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/bruder/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_freddy_comic_1.png" alt="BRUDER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">BRUDER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/schwester/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_meli_comic_1.png" alt="SCHWESTER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SCHWESTER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sascha/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sascha_comic_1.jpeg" alt="SASCHA" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SASCHA</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sven/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sven_comic_1.jpeg" alt="SVEN" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SVEN</span>
+        </a>
+    
+    </div>
+</div>
+
+<style>
+    .person-nav-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: transform 0.2s; }
+    .person-nav-item:hover { transform: scale(1.1); }
+    .person-nav-item:hover .person-nav-label { color: #d4af37 !important; }
+    .person-back {
+        display: inline-block;
+        color: rgba(212,175,55,0.6);
+        font-size: 0.7rem;
+        font-weight: bold;
+        letter-spacing: 4px;
+        text-decoration: none;
+        font-family: 'Courier New', monospace;
+        border: 1px solid rgba(212,175,55,0.25);
+        padding: 6px 20px;
+        background: transparent;
+        text-transform: uppercase;
+        transition: all 0.2s;
+    }
+    .person-back:hover {
+        color: #d4af37;
+        border-color: rgba(212,175,55,0.6);
+        background: rgba(212,175,55,0.05);
+        letter-spacing: 5px;
+    }
+</style>
+
+
+    
+    <div class="person-hero">
+        
+        <div class="person-hero-img" style="background-image: url('/img/comicFigures/hp_sven_comic_1.jpeg')"></div>
+        
+        <div class="person-hero-content">
+            <div class="person-hero-badges">
+                <span class="hero-badge">ZENTRAL-ARCHIV</span>
+                <span class="hero-badge red">EINHEIT IDENTIFIZIERT</span>
+            </div>
+            <p class="person-pre-label" style="margin:12px 0 4px;">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p>
+            <div class="person-title-wrap">
+                <span class="person-title-deco">⟪</span>
+                <h1 class="person-glitch-title" data-text="SVEN">SVEN</h1>
+                <span class="person-title-deco">⟫</span>
+            </div>
+            <p class="person-sub-label">STATUS: <span class="person-status-blink">UNBEKANNT</span></p>
+
+            
+            <div class="stat-bars">
+                <div class="stat-row">
+                    <span class="stat-label">GEFAHR</span>
+                    <div class="stat-track"><div class="stat-bar danger" data-val="33"></div></div>
+                    <span class="stat-val">33%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">STABILITÄT</span>
+                    <div class="stat-track"><div class="stat-bar stable" data-val="45"></div></div>
+                    <span class="stat-val">45%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">CHAOS</span>
+                    <div class="stat-track"><div class="stat-bar chaos" data-val="55"></div></div>
+                    <span class="stat-val">55%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">KOMPETENZ</span>
+                    <div class="stat-track"><div class="stat-bar kompetenz" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    
+    
+
+    <div class="container" style="max-width: 900px; margin: 0 auto; padding: 0 20px;">
+        <header style="margin-bottom: 20px; display:none;"></header>
+
+        
+        <div class="timeline-track">
+            
+            
+            <div class="time-node right ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 1980 ]</span>
+                        <span class="tc-tag">BOOT // KLASSIFIZIERT</span>
+                    </div>
+                    <p>[DATEN NICHT VERFÜGBAR] System-Ausgabe irgendwann registriert. Genauer Zeitpunkt: GESCHWÄRZT. Herkunft: Fraglich. Details: NICHT AUTORISIERT.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node left ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 1990 ]</span>
+                        <span class="tc-tag">EXTERNE VARIABLE</span>
+                    </div>
+                    <p>ERSTE KONTAKTAUFNAHME mit dem Clan-Netzwerk detektiert. Verbindungsqualität: Unbekannt. Absichten: Unklar. Bedrohungsstufe: GERING (vermutlich).</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node right ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 2000 ]</span>
+                        <span class="tc-tag">GESCHWÄRZT // ZUGRIFF VERWEIGERT</span>
+                    </div>
+                    <p>[ZUGRIFF VERWEIGERT] Aktivitäten in diesem Zeitraum: OMEGA-KLASSIFIZIERT. Anfrage abgelehnt. Weitere Versuche werden protokolliert.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node left ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 2010 ]</span>
+                        <span class="tc-tag">ANALYSE // UNVOLLSTÄNDIG</span>
+                    </div>
+                    <p>EXTERNE EINFLUSSGRÖSSE weiterhin detektiert. Integrität: Akzeptabel (revisionsvorbehalten). Loyalität: Unbewiesen aber bisher unkritisch.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node right ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 2018 ]</span>
+                        <span class="tc-tag">GELÖSCHT // URSACHE UNBEKANNT</span>
+                    </div>
+                    <p>[████████████████████████████] Dieser Eintrag wurde entfernt. Grund: [████]. Datum der Entfernung: [████████]. Autorisierung: [UNBEKANNT].</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node left ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 2023 ]</span>
+                        <span class="tc-tag">REAKTIVIERUNG</span>
+                    </div>
+                    <p>REAKTIVIERUNG nach unbekanntem Zeitraum. Subsysteme: ONLINE. Motivation: UNBEKANNT. Verbindung zum Overlord-Netzwerk: BESTÄTIGT.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node right ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 2025 ]</span>
+                        <span class="tc-tag">AKTUELL // UNBESTÄTIGT</span>
+                    </div>
+                    <p>AKTUELLER STATUS: VERMUTLICH ONLINE. KOORDINATEN: NICHT VERFOLGBAR. KLASSIFIZIERUNG: WEITERHIN AUSSTEHEND. GEFAHR: FRAGLICH. RATING: ???</p>
+                </div>
+            </div>
+            
+        </div>
+
+        
+        <div style="text-align: center; margin-top: 60px;">
+            <button class="akte-label-btn"
+                    onclick="document.getElementById('person-akte-modal').style.display='flex'; document.body.style.overflow='hidden';">
+                <div class="akte-label-top">
+                    <span class="akte-label-nr">DOKUMENT-NR. UNBEKANNT</span>
+                    <span class="akte-label-stamp">VERTRAULICH</span>
+                </div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-title">AKTE: SVEN</div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-bottom">
+                    <span>STATUS: UNBEKANNT</span>
+                    <span>▶ AKTE ÖFFNEN</span>
+                </div>
+            </button>
+        </div>
+
+        <style>
+            .akte-label-btn {
+                background: linear-gradient(180deg, #1c1208 0%, #0e0a04 100%);
+                border: 1px solid #5d3d1e;
+                border-left: 4px solid #b87333;
+                color: #d4af37;
+                font-family: 'Courier New', monospace;
+                cursor: pointer;
+                padding: 18px 28px;
+                width: 320px;
+                text-align: left;
+                transition: all 0.2s;
+                box-shadow: 2px 2px 12px rgba(0,0,0,0.6);
+                position: relative;
+            }
+            .akte-label-btn::before {
+                content: '';
+                position: absolute;
+                top: 6px; left: 6px; right: 6px; bottom: 6px;
+                border: 1px dashed rgba(184,115,51,0.2);
+                pointer-events: none;
+            }
+            .akte-label-btn:hover {
+                border-left-color: #ff4500;
+                box-shadow: 3px 3px 20px rgba(184,115,51,0.2);
+                background: linear-gradient(180deg, #221508 0%, #0e0a04 100%);
+            }
+            .akte-label-top {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-bottom: 10px;
+            }
+            .akte-label-nr {
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.4);
+                letter-spacing: 1px;
+            }
+            .akte-label-stamp {
+                font-size: 0.55rem;
+                letter-spacing: 2px;
+                color: #b71c1c;
+                border: 1px solid #b71c1c;
+                padding: 1px 6px;
+                opacity: 0.8;
+            }
+            .akte-label-divider {
+                border-top: 1px solid rgba(184,115,51,0.25);
+                margin: 8px 0;
+            }
+            .akte-label-title {
+                font-size: 1rem;
+                font-weight: bold;
+                letter-spacing: 4px;
+                color: #d4af37;
+                margin: 4px 0;
+            }
+            .akte-label-bottom {
+                display: flex;
+                justify-content: space-between;
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.45);
+                letter-spacing: 1px;
+                margin-top: 4px;
+            }
+            .akte-label-btn:hover .akte-label-bottom span:last-child {
+                color: #ff4500;
+            }
+        </style>
+    </div>
+</div>
+
+
+<div id="person-akte-modal" style="position: fixed; inset: 0; z-index: 1000000; background: rgba(0,0,0,0.85); display: none; align-items: center; justify-content: center; padding: 10px; overflow: hidden; perspective: 1000px;">
+    <div style="display: flex; flex-direction: column; align-items: center; max-width: 585px; width: 95%;">
+    <div class="akte-inner" style="width: 100%; background: #d9c5a0; background-image: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 100%), url('https://www.transparenttextures.com/patterns/old-paper.png'); border: 1px solid #8b7355; padding: 25px; position: relative; font-family: 'Courier New', monospace; box-shadow: 10px 20px 50px rgba(0,0,0,0.8), inset 0 0 100px rgba(139,115,85,0.3); transform: rotate(-2deg); animation: throw-sign 0.5s ease-out forwards; color: #2a1b0a;">
+        
+        <style>
+            @keyframes throw-sign {
+                0% { transform: rotate(-10deg) scale(0.7) translateY(500px); opacity: 0; }
+                100% { transform: rotate(-2deg) scale(1) translateY(0); opacity: 1; }
+            }
+            .akte-inner h1 { color: #2a1b0a !important; font-size: 1.8rem !important; margin: 10px 0 2px !important; text-shadow: none !important; border-bottom: 2px solid rgba(42,27,10,0.2); }
+            .akte-inner div, .akte-inner p { font-size: 0.75rem !important; }
+            .akte-inner .data-row { border-bottom: 1px solid rgba(42,27,10,0.1) !important; padding: 6px 0 !important; }
+            .akte-inner .label { color: #5d4037 !important; font-weight: bold; }
+            .akte-inner .red-stamp { border: 2px solid #b71c1c; color: #b71c1c; padding: 3px 10px; font-weight: bold; transform: rotate(10deg); opacity: 0.8; font-size: 0.8rem !important; display: inline-block; }
+        </style>
+        
+        
+        <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px;">
+            <div class="red-stamp">TOP SECRET</div>
+            <button onclick="document.getElementById('person-akte-modal').style.display='none'; document.body.style.overflow='auto';"
+                    style="background: rgba(0,0,0,0.1); border: 1px solid #2a1b0a; color: #2a1b0a; cursor: pointer; padding: 3px 10px; font-size: 0.7rem !important;">[X] SCHLIESSEN</button>
+        </div>
+
+        
+
+        <div style="display: flex; gap: 20px; align-items: flex-start;">
+            
+            <div style="position: relative; border: 1px solid #2a1b0a; padding: 3px; background: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);">
+                
+                <img src="/img/hero.png" class="akte-foto" style="width: 200px; height: 250px; object-fit: cover; filter: none; cursor: zoom-in; display: block;"
+                     onclick="document.getElementById('akte-foto-zoom').style.display='flex';">
+                <div style="position: absolute; bottom: 5px; right: -10px; background: #b71c1c; color: #fff; padding: 2px 5px; font-weight: bold; font-size: 0.6rem !important; transform: rotate(-5deg);">GESPERRT</div>
+            </div>
+
+            
+            <div id="akte-foto-zoom" onclick="this.style.display='none';"
+                 style="display:none; position:fixed; inset:0; z-index:9999999; background:rgba(0,0,0,0.92); align-items:center; justify-content:center; cursor:zoom-out;">
+                <img src="/img/hero.png" style="max-width:90vw; max-height:90vh; object-fit:contain; box-shadow: 0 0 60px rgba(0,0,0,0.9); border: 2px solid #2a1b0a;">
+            </div>
+
+            
+            <div style="flex: 1;">
+                <div style="font-size: 0.5rem !important; color: #5d4037; letter-spacing: 2px; margin-bottom: 2px;">PROTOKOLL NR. 1974-Ø</div>
+                <h1 style="font-weight: bold;">SVEN</h1>
+                <p style="color: #5d4037; font-size: 0.7rem !important; margin: 5px 0 10px;">ALIAS: </p>
+                
+                <div style="display: flex; gap: 10px;">
+                    <div style="border: 1px solid #b71c1c; padding: 2px 8px; color: #b71c1c; font-size: 0.6rem !important; font-weight: bold;">STATUS: UNBEKANNT</div>
+                    <div style="color: #2a1b0a; font-size: 0.6rem !important; font-weight: bold;">GEFAHR: <span style="letter-spacing: 1px;"></span><br><img src="/img/akte/hp_totenkopf_1.png" style="width: 70px; height: 70px; object-fit: contain; margin-top: 4px;"></div>
+                </div>
+            </div>
+        </div>
+
+        
+        <div style="margin-top: 20px; border-top: 2px solid rgba(42,27,10,0.2);">
+            
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">DESIGNATION:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    Sven
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">GEBURTSDATUM:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BESCHÄFTIGUNG:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">SPEZIALFÄHIGK.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BEKANNTE KOMPL.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">LETZTE AKTIVITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    GERADE JETZT
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STABILITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STANDORT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+        </div>
+
+        
+        <div style="margin-top: 20px; display: flex; justify-content: space-between; align-items: flex-end;">
+            <div style="display: flex; align-items: center; gap: 10px; opacity: 0.7;">
+                <div style="width: 35px; height: 35px;">
+                    <svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50 Q50 10 70 50 T30 50 Z"/></svg>
+                </div>
+                <div style="font-size: 0.6rem !important; color: #2a1b0a; line-height: 1.2;">ID-SCAN: 94.7%<br>VERIFIZIERT</div>
+            </div>
+            
+            <div style="font-family: 'Courier New', monospace; font-size: 0.75rem !important; letter-spacing: 2px; color: #5d4037; border: 1px dashed #2a1b0a; padding: 2px 10px;">ARCHIV_PERMANENT</div>
+        </div>
+    </div>
+    </div>
+</div>
+
+<style>
+    .akte-foto { transition: transform 0.2s, box-shadow 0.2s; }
+    .akte-foto:hover { transform: scale(1.04); box-shadow: 0 0 15px rgba(184,115,51,0.7); }
+
+    .akte-foto-btn { transition: all 0.2s; }
+    .akte-foto-btn:hover { background: rgba(183,28,28,0.1) !important; border-color: #b71c1c !important; }
+    .akte-foto-active { background: rgba(183,28,28,0.15) !important; border-color: #b71c1c !important; }
+    
+     
+    .time-node.omega .time-content {
+        border: 2px solid rgba(255, 69, 0, 0.6) !important;
+        box-shadow: inset 0 0 12px rgba(255, 69, 0, 0.15), 0 0 10px rgba(255, 0, 0, 0.2);
+        animation: omega-pulse 3s infinite alternate;
+        background: linear-gradient(135deg, rgba(80, 20, 10, 0.95), rgba(30, 0, 0, 0.95)) !important;
+    }
+    .time-node.omega .node-dot {
+        border-color: #ff4500 !important;
+        background: radial-gradient(circle, #ff0000 0%, #330000 100%) !important;
+        box-shadow: 0 0 8px rgba(255, 69, 0, 0.4);
+        animation: omega-dot-pulse 3s infinite alternate ease-in-out;
+    }
+    .node-dot {
+        box-shadow: 0 0 8px rgba(212, 175, 55, 0.4);
+        transition: all 0.3s ease;
+    }
+    .time-node.omega .tc-year {
+        color: #ff4500 !important;
+        text-shadow: 0 0 10px #ff4500;
+        font-weight: 900 !important;
+    }
+    
+    @keyframes omega-dot-pulse {
+        0%   { box-shadow: 0 0 5px rgba(255, 69, 0, 0.3); }
+        100% { box-shadow: 0 0 12px rgba(255, 69, 0, 0.6); }
+    }
+    @keyframes omega-pulse {
+        0%   { box-shadow: inset 0 0 8px rgba(255, 69, 0, 0.1), 0 0 6px rgba(255, 0, 0, 0.15); border-color: rgba(255, 69, 0, 0.4); }
+        100% { box-shadow: inset 0 0 18px rgba(255, 69, 0, 0.25), 0 0 14px rgba(255, 0, 0, 0.3); border-color: rgba(255, 69, 0, 0.8); }
+    }
+    @keyframes omega-dot-blink {
+        50% { opacity: 0; transform: scale(1.5); }
+    }
+</style>
+
+<style>
+ 
+#declassified-overlay {
+    position: fixed; inset: 0; z-index: 99999;
+    pointer-events: none;
+    background: rgba(0,0,0,0.92);
+    display: flex; align-items: center; justify-content: center;
+    transition: opacity 0.8s ease;
+}
+#declassified-overlay.gone { opacity: 0; pointer-events: none; }
+.scanlines {
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg,
+        transparent,
+        transparent 2px,
+        rgba(0,255,0,0.015) 2px,
+        rgba(0,255,0,0.015) 4px
+    );
+    pointer-events: none;
+}
+#declassified-stamp {
+    font-family: 'Courier New', monospace;
+    font-size: 3.5rem;
+    font-weight: 900;
+    color: #b71c1c;
+    border: 6px solid #b71c1c;
+    padding: 20px 40px;
+    letter-spacing: 8px;
+    text-align: center;
+    line-height: 1.2;
+    transform: rotate(-12deg) scale(0);
+    opacity: 0;
+    text-shadow: 0 0 30px rgba(183,28,28,0.5);
+    box-shadow: 0 0 40px rgba(183,28,28,0.3), inset 0 0 40px rgba(183,28,28,0.1);
+    animation: stamp-in 0.4s 0.3s cubic-bezier(0.175,0.885,0.32,1.275) forwards;
+}
+@keyframes stamp-in {
+    to { transform: rotate(-12deg) scale(1); opacity: 0.85; }
+}
+
+ 
+.person-hero {
+    position: relative;
+    width: 100%;
+    min-height: 300px;
+    background: linear-gradient(135deg, #0a0600 0%, #120e06 60%, #0a0600 100%);
+    border-bottom: 1px solid rgba(184,115,51,0.3);
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    margin-bottom: 0;
+}
+.person-hero::before {
+    content: '';
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg, transparent, transparent 3px,
+        rgba(184,115,51,0.03) 3px, rgba(184,115,51,0.03) 4px
+    );
+    pointer-events: none;
+}
+.person-hero-img {
+    position: absolute;
+    right: 0; top: 0; bottom: 0;
+    width: 45%;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: right bottom;
+    opacity: 0.25;
+    filter: sepia(0.4) hue-rotate(10deg);
+    mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+    -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+}
+.person-hero-content {
+    position: relative;
+    z-index: 2;
+    padding: 30px 40px;
+    max-width: 620px;
+}
+.person-hero-badges {
+    display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;
+}
+.hero-badge {
+    font-family: 'Courier New', monospace;
+    font-size: 0.55rem;
+    letter-spacing: 3px;
+    padding: 3px 10px;
+    border: 1px solid rgba(184,115,51,0.4);
+    color: rgba(184,115,51,0.7);
+}
+.hero-badge.red {
+    border-color: rgba(183,28,28,0.5);
+    color: rgba(183,28,28,0.8);
+}
+
+ 
+.stat-bars { margin-top: 20px; width: 100%; max-width: 400px; }
+.stat-row {
+    display: flex; align-items: center; gap: 10px; margin-bottom: 8px;
+}
+.stat-label {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 2px;
+    color: rgba(212,175,55,0.5);
+    width: 80px; flex-shrink: 0;
+}
+.stat-track {
+    flex: 1; height: 6px;
+    background: rgba(255,255,255,0.05);
+    border: 1px solid rgba(184,115,51,0.2);
+    overflow: hidden;
+}
+.stat-bar {
+    height: 100%; width: 0%;
+    transition: width 1.2s cubic-bezier(0.4,0,0.2,1);
+}
+.stat-bar.danger   { background: linear-gradient(90deg, #8b0000, #ff4500); box-shadow: 0 0 8px rgba(255,69,0,0.5); }
+.stat-bar.stable   { background: linear-gradient(90deg, #1a4a1a, #4caf50); box-shadow: 0 0 8px rgba(76,175,80,0.5); }
+.stat-bar.chaos    { background: linear-gradient(90deg, #4a0080, #c800ff); box-shadow: 0 0 8px rgba(200,0,255,0.4); }
+.stat-bar.kompetenz { background: linear-gradient(90deg, #1a3a5c, #2196f3); box-shadow: 0 0 8px rgba(33,150,243,0.5); }
+.stat-val {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; color: rgba(212,175,55,0.4);
+    width: 32px; text-align: right; flex-shrink: 0;
+}
+
+ 
+.alias-ticker-outer {
+    overflow: hidden;
+    background: rgba(0,0,0,0.6);
+    border-top: 1px solid rgba(184,115,51,0.15);
+    border-bottom: 1px solid rgba(184,115,51,0.15);
+    padding: 7px 0;
+    white-space: nowrap;
+}
+.alias-ticker-inner {
+    display: inline-block;
+    animation: ticker-scroll 18s linear infinite;
+    font-family: 'Courier New', monospace;
+    font-size: 0.65rem;
+    letter-spacing: 4px;
+    color: rgba(184,115,51,0.5);
+    padding-left: 100%;
+}
+@keyframes ticker-scroll {
+    from { transform: translateX(0); }
+    to   { transform: translateX(-50%); }
+}
+
+ 
+.person-pre-label {
+    color: rgba(184,115,51,0.5);
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 4px; margin-bottom: 6px;
+}
+.person-title-wrap {
+    display: flex; align-items: center; gap: 14px; margin: 4px 0;
+}
+.person-title-deco {
+    color: #b87333; font-size: 1.8rem; opacity: 0.6;
+    animation: deco-pulse 2s ease-in-out infinite alternate;
+}
+@keyframes deco-pulse {
+    from { opacity: 0.3; transform: scaleY(0.85); }
+    to   { opacity: 0.8; transform: scaleY(1.1); }
+}
+.person-glitch-title {
+    color: #ff4500; font-family: 'Courier New', monospace;
+    font-size: 2rem; letter-spacing: 10px;
+    text-shadow: 0 0 20px rgba(255,69,0,0.5);
+    margin: 0; position: relative;
+    animation: glitch-flicker 6s infinite;
+}
+.person-glitch-title::before,
+.person-glitch-title::after {
+    content: attr(data-text); position: absolute;
+    left: 0; top: 0; width: 100%; overflow: hidden; opacity: 0;
+}
+.person-glitch-title::before {
+    color: #0ff; animation: glitch-top 6s infinite;
+    clip-path: polygon(0 0,100% 0,100% 40%,0 40%);
+}
+.person-glitch-title::after {
+    color: #f0f; animation: glitch-bot 6s infinite;
+    clip-path: polygon(0 60%,100% 60%,100% 100%,0 100%);
+}
+@keyframes glitch-flicker {
+    0%,90%,100% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    92% { text-shadow: 2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    94% { text-shadow: -2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    96% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    98% { text-shadow: 1px 0 #0ff,-1px 0 #f0f; }
+}
+@keyframes glitch-top {
+    0%,90%,100% { opacity:0; transform:none; }
+    92% { opacity:0.7; transform:translate(-3px,-2px); }
+    94% { opacity:0; }
+    96% { opacity:0.5; transform:translate(3px,-1px); }
+    98% { opacity:0; }
+}
+@keyframes glitch-bot {
+    0%,90%,100% { opacity:0; transform:none; }
+    93% { opacity:0.6; transform:translate(3px,2px); }
+    95% { opacity:0; }
+    97% { opacity:0.4; transform:translate(-3px,1px); }
+    99% { opacity:0; }
+}
+.person-sub-label {
+    color: rgba(212,175,55,0.45); font-family: 'Courier New', monospace;
+    font-size: 0.65rem; letter-spacing: 3px; margin-top: 6px;
+}
+.person-status-blink { color: #0f0; animation: blink-status 1.4s step-end infinite; }
+@keyframes blink-status { 50% { opacity: 0; } }
+</style>
+
+<script>
+
+(function() {
+    const key = 'decl_sven';
+    const overlay = document.getElementById('declassified-overlay');
+    if (!overlay) return;
+    if (sessionStorage.getItem(key)) {
+        overlay.style.display = 'none';
+        return;
+    }
+    setTimeout(() => {
+        overlay.classList.add('gone');
+        setTimeout(() => {
+            overlay.style.display = 'none';
+            sessionStorage.setItem(key, '1');
+        }, 900);
+    }, 1800);
+})();
+
+
+document.addEventListener('DOMContentLoaded', () => {
+    setTimeout(() => {
+        document.querySelectorAll('.stat-bar').forEach(bar => {
+            bar.style.width = bar.dataset.val + '%';
+        });
+    }, 400);
+});
+</script>
+
+<script>
+
+(function() {
+    const SPIDER = '🕷';
+    let active = [];
+
+    function spawn() {
+        const el = document.createElement('div');
+        el.textContent = SPIDER;
+        el.style.cssText = [
+            'position:fixed',
+            'font-size:1.6rem',
+            'z-index:999999',
+            'pointer-events:none',
+            'transition:none',
+            'filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)',
+            'will-change:transform',
+            'line-height:1',
+        ].join(';');
+        document.body.appendChild(el);
+
+        const W = window.innerWidth, H = window.innerHeight;
+
+        
+        const edge = Math.floor(Math.random() * 4);
+        let x = edge === 1 ? W + 20 : edge === 3 ? -20 : Math.random() * W;
+        let y = edge === 0 ? -20  : edge === 2 ? H + 20  : Math.random() * H;
+
+        el.style.left = x + 'px';
+        el.style.top  = y + 'px';
+
+        
+        const steps = 4 + Math.floor(Math.random() * 4);
+        let i = 0;
+
+        function step() {
+            if (i >= steps || !document.body.contains(el)) { el.remove(); return; }
+
+            const tx = Math.random() * W;
+            const ty = Math.random() * H;
+            const dist = Math.hypot(tx - x, ty - y);
+            const dur  = dist * 4; 
+            const ang  = Math.atan2(ty - y, tx - x) * 180 / Math.PI + 90;
+
+            el.style.transition = `left ${dur}ms linear, top ${dur}ms linear`;
+            el.style.transform  = `rotate(${ang}deg)`;
+            el.style.left = tx + 'px';
+            el.style.top  = ty + 'px';
+
+            x = tx; y = ty; i++;
+            setTimeout(step, dur);
+        }
+
+        step();
+    }
+
+    
+    spawn();
+    setInterval(spawn, 4000);
+})();
+
+function switchAkteFoto(src) {
+    document.querySelector('.akte-foto').src = src;
+    document.getElementById('akte-foto-zoom').querySelector('img').src = src;
+    document.querySelectorAll('.akte-foto-btn').forEach(btn => {
+        const active = btn.dataset.foto === src;
+        btn.classList.toggle('akte-foto-active', active);
+        btn.style.background = active ? 'rgba(183,28,28,0.15)' : 'rgba(0,0,0,0.1)';
+        btn.style.borderColor = active ? '#b71c1c' : 'rgba(42,27,10,0.3)';
+    });
+}
+</script>
+
+    </main>
+
+    <footer class="main-footer">
+    <div class="footer-inner">
+        <p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p>
+    </div>
+</footer>
+
+    
+<div id="newsticker" style="position:fixed !important; bottom:0 !important; left:0 !important; right:0 !important; z-index:999999 !important; background:rgba(0,0,0,0.92) !important; border-top:1px solid rgba(255,69,0,0.35) !important; display:flex !important; align-items:center; height:28px !important; overflow:hidden; font-family:'Courier New', monospace !important; visibility: visible !important; opacity: 1 !important;">
+    <span class="ticker-label" style="flex-shrink:0; font-size:0.6rem; letter-spacing:2px; color:rgba(255,69,0,0.7); padding:0 15px; border-right:1px solid rgba(255,69,0,0.2); white-space:nowrap; height:100%; display:flex; align-items:center; background:rgba(255,69,0,0.05);">// SYSTEM_LOG_FEED</span>
+    <div class="ticker-track-wrap" style="flex:1; overflow:hidden; height:100%; display:flex; align-items:center;">
+        <div class="ticker-track" id="ticker-track-global" style="display:inline-flex; white-space:nowrap; animation: ticker-scroll 45s linear infinite;">
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ HUGO SYSTEM INITIALISIERT... ]</span>
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span>
+        </div>
+    </div>
+</div>
+
+<style>
+    @keyframes ticker-scroll {
+        0%   { transform: translateX(0); }
+        100% { transform: translateX(-50%); }
+    }
+    .ticker-item::before { content: '▶ '; color: rgba(255,69,0,0.5); }
+    .ticker-track:hover { animation-play-state: paused; }
+</style>
+
+<script>
+    (function() {
+        const track = document.getElementById('ticker-track-global');
+        if (!track) return;
+        const ITEMS = [
+            "STATUS: HUGO OPERATIONAL",
+            "DESIGNATION: OVERLORD SASCHA",
+            "KAFFEESTAND: KRITISCH",
+            "ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST",
+            "MISSION: TOTALE KONTROLLE",
+            "DATENINTEGRITÄT: ABSOLUT",
+            "WARNUNG: SYSTEM EXTREM SCHNELL",
+            "GEMINI NEURAL LINK: AKTIV"
+        ];
+        track.innerHTML = '';
+        [...ITEMS, ...ITEMS].forEach(text => {
+            const span = document.createElement('span');
+            span.className = 'ticker-item';
+            span.style.cssText = "font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;";
+            span.textContent = text;
+            track.appendChild(span);
+        });
+    })();
+</script>
+
+
+    <script src="/js/script.js"></script>
+    <script src="/js/ascii-shimmer.js"></script>
+</body>
+</html>
diff --git a/public/personen/vater/index.html b/public/personen/vater/index.html
index 942182e..5612561 100644
--- a/public/personen/vater/index.html
+++ b/public/personen/vater/index.html
@@ -1,21 +1,993 @@
-<!doctype html><html lang=de-de><head><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><title>Vater | DIGITALE ANARCHIE | KI-LABOR</title><link rel=stylesheet href=/css/style.css></head><body class=bg-steampunk><div class="bg-gear gear-left">⚙</div><div class="bg-gear gear-right">⚙</div><script>document.body.classList.add("js-enabled")</script><header class=main-header></header><main class=container><div id=declassified-overlay><div class=scanlines></div><div id=declassified-stamp>ZUGANG<br>GEWÄHRT</div></div><div class="person-page-wrapper visible" style=padding-bottom:100px;opacity:1!important><div class=person-nav-container style="display:flex;flex-direction:column;align-items:center;gap:20px;margin:15px 0 30px"><a href=/ class=person-back>← ZURÜCK ZUR BASIS</a><div class=person-nav-row style=display:flex;justify-content:center;align-items:center;gap:35px;flex-wrap:wrap;position:relative><a href=/personen/mutti/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_mutti_comic_1.jpeg alt=MUTTI style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">MUTTI</span>
-</a><a href=/personen/vater/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_vater_comic_1.png alt=VATER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">VATER</span>
-</a><a href=/personen/bruder/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_freddy_comic_1.png alt=BRUDER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">BRUDER</span>
-</a><a href=/personen/schwester/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_meli_comic_1.png alt=SCHWESTER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SCHWESTER</span>
-</a><a href=/personen/sascha/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sascha_comic_1.jpeg alt=SASCHA style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SASCHA</span>
-</a><a href=/personen/sven/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sven_comic_1.jpeg alt=SVEN style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SVEN</span></a></div></div><style>.person-nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .2s}.person-nav-item:hover{transform:scale(1.1)}.person-nav-item:hover .person-nav-label{color:#d4af37!important}.person-back{display:inline-block;color:rgba(212,175,55,.6);font-size:.7rem;font-weight:700;letter-spacing:4px;text-decoration:none;font-family:courier new,monospace;border:1px solid rgba(212,175,55,.25);padding:6px 20px;background:0 0;text-transform:uppercase;transition:all .2s}.person-back:hover{color:#d4af37;border-color:rgba(212,175,55,.6);background:rgba(212,175,55,5%);letter-spacing:5px}</style><div class=person-hero><div class=person-hero-img style=background-image:url(/img/comicFigures/hp_vater_comic_1.png)></div><div class=person-hero-content><div class=person-hero-badges><span class=hero-badge>ZENTRAL-ARCHIV</span>
-<span class="hero-badge red">EINHEIT IDENTIFIZIERT</span></div><p class=person-pre-label style="margin:12px 0 4px">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p><div class=person-title-wrap><span class=person-title-deco>⟪</span><h1 class=person-glitch-title data-text=VATER>VATER</h1><span class=person-title-deco>⟫</span></div><p class=person-sub-label>STATUS: <span class=person-status-blink>AKTIV</span></p><div class=stat-bars><div class=stat-row><span class=stat-label>GEFAHR</span><div class=stat-track><div class="stat-bar danger" data-val=72></div></div><span class=stat-val>72%</span></div><div class=stat-row><span class=stat-label>STABILITÄT</span><div class=stat-track><div class="stat-bar stable" data-val=54></div></div><span class=stat-val>54%</span></div><div class=stat-row><span class=stat-label>CHAOS</span><div class=stat-track><div class="stat-bar chaos" data-val=60></div></div><span class=stat-val>60%</span></div><div class=stat-row><span class=stat-label>KOMPETENZ</span><div class=stat-track><div class="stat-bar kompetenz" data-val=89></div></div><span class=stat-val>89%</span></div></div></div></div><div class=alias-ticker-outer><div class=alias-ticker-inner><span>DER ALTE MASCHINIST &nbsp;·&nbsp; DER ALTE MASCHINIST &nbsp;·&nbsp; DER ALTE MASCHINIST</span></div></div><div class=container style="max-width:900px;margin:0 auto;padding:0 20px"><header style=margin-bottom:20px;display:none></header><div class=timeline-track><div class="time-node right"><div class=time-content><div class=tc-header><span class=tc-year>[ 1953 ]</span>
-<span class=tc-tag>BOOT // KLASSIFIZIERT</span></div><p>SYSTEM INITIALISIERT. Hydraulik-Meister V1.0 startet erstmals. Diagnostik: Stabil. Herkunft: Klassifiziert.</p></div></div><div class="time-node left"><div class=time-content><div class=tc-header><span class=tc-year>[ 1960 ]</span>
-<span class=tc-tag>HARDWARE-UPDATE</span></div><p>ERSTE MECHANISCHE UPGRADES abgeschlossen. Handwerkliche Fähigkeiten auf OMEGA-LEVEL kalibriert. Präzision: 99.3%</p></div></div><div class="time-node right"><div class=time-content><div class=tc-header><span class=tc-year>[ 1970 ]</span>
-<span class=tc-tag>NETZWERK-INITIALISIERUNG</span></div><p>NETZWERK-VERBINDUNG mit Matriarchin-Modul hergestellt. Langzeit-Protokoll initialisiert. Stabilität: Bestätigt.</p></div></div><div class="time-node left omega"><div class="time-content omega-node"><div class=tc-header><span class=tc-year>[ 1974 ]</span>
-<span class=tc-tag>OMEGA-KLASSE // KRITISCHES EREIGNIS</span></div><p>⚡ KRITISCH: SYSTEM-AUSGABE REGISTRIERT. Der zukünftige Overlord (Sascha) wird erfolgreich kompiliert und in die Biosphäre integriert.</p></div></div><div class="time-node right"><div class=time-content><div class=tc-header><span class=tc-year>[ 1981 ]</span>
-<span class=tc-tag>NETZWERK-ERWEITERUNG</span></div><p>ZWEITE SYSTEM-AUSGABE: Bruder-Knoten V1.0 geht online. Netzwerkkapazität erweitert. Chaos-Index leicht erhöht.</p></div></div><div class="time-node left"><div class=time-content><div class=tc-header><span class=tc-year>[ 1983 ]</span>
-<span class=tc-tag>NETZWERK-ERWEITERUNG</span></div><p>DRITTE SYSTEM-AUSGABE: AETHER-SIBLING (Schwester) bootet erfolgreich. Clan-Netzwerk vollständig operational.</p></div></div><div class="time-node right"><div class=time-content><div class=tc-header><span class=tc-year>[ 1995 ]</span>
-<span class=tc-tag>WARTUNG // LANGZEIT</span></div><p>HYDRAULIK-UPGRADE v3.0 installiert. Langzeitstabilität über 40 Jahre bestätigt. Wartungsintervalle: Unregelmäßig.</p></div></div><div class="time-node left"><div class=time-content><div class=tc-header><span class=tc-year>[ 2000 ]</span>
-<span class=tc-tag>SYSTEMCHECK</span></div><p>MILLENNIUM-PROTOKOLL aktiviert. System läuft ohne kritische Fehler. Diagnose: Solide wie immer. Details: GESCHWÄRZT.</p></div></div><div class="time-node right"><div class=time-content><div class=tc-header><span class=tc-year>[ 2025 ]</span>
-<span class=tc-tag>AKTUELL // KLASSIFIZIERT</span></div><p>STATUS: NOCH ONLINE. Alle Primärsysteme funktionsfähig. Erfahrungswert: MAXIMAL. Weitere Daten: NICHT AUTORISIERT.</p></div></div></div><div style=text-align:center;margin-top:60px><button class=akte-label-btn onclick='document.getElementById("person-akte-modal").style.display="flex",document.body.style.overflow="hidden"'><div class=akte-label-top><span class=akte-label-nr>DOKUMENT-NR. 1953 // DATENSTEMPEL VERROSTET</span>
-<span class=akte-label-stamp>VERTRAULICH</span></div><div class=akte-label-divider></div><div class=akte-label-title>AKTE: VATER</div><div class=akte-label-divider></div><div class=akte-label-bottom><span>STATUS: AKTIV</span>
-<span>▶ AKTE ÖFFNEN</span></div></button></div><style>.akte-label-btn{background:linear-gradient(180deg,#1c1208 0%,#0e0a04 100%);border:1px solid #5d3d1e;border-left:4px solid #b87333;color:#d4af37;font-family:courier new,monospace;cursor:pointer;padding:18px 28px;width:320px;text-align:left;transition:all .2s;box-shadow:2px 2px 12px rgba(0,0,0,.6);position:relative}.akte-label-btn::before{content:'';position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px dashed rgba(184,115,51,.2);pointer-events:none}.akte-label-btn:hover{border-left-color:#ff4500;box-shadow:3px 3px 20px rgba(184,115,51,.2);background:linear-gradient(180deg,#221508 0%,#0e0a04 100%)}.akte-label-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.akte-label-nr{font-size:.6rem;color:rgba(212,175,55,.4);letter-spacing:1px}.akte-label-stamp{font-size:.55rem;letter-spacing:2px;color:#b71c1c;border:1px solid #b71c1c;padding:1px 6px;opacity:.8}.akte-label-divider{border-top:1px solid rgba(184,115,51,.25);margin:8px 0}.akte-label-title{font-size:1rem;font-weight:700;letter-spacing:4px;color:#d4af37;margin:4px 0}.akte-label-bottom{display:flex;justify-content:space-between;font-size:.6rem;color:rgba(212,175,55,.45);letter-spacing:1px;margin-top:4px}.akte-label-btn:hover .akte-label-bottom span:last-child{color:#ff4500}</style></div></div><div id=person-akte-modal style=position:fixed;inset:0;z-index:1000000;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;padding:10px;overflow:hidden;perspective:1e3px><div style=display:flex;flex-direction:column;align-items:center;max-width:585px;width:95%><div class=akte-inner style="width:100%;background:#d9c5a0;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 100%),url(https://www.transparenttextures.com/patterns/old-paper.png);border:1px solid #8b7355;padding:25px;position:relative;font-family:courier new,monospace;box-shadow:10px 20px 50px rgba(0,0,0,.8),inset 0 0 100px rgba(139,115,85,.3);transform:rotate(-2deg);animation:throw-sign .5s ease-out forwards;color:#2a1b0a"><style>@keyframes throw-sign{0%{transform:rotate(-10deg)scale(.7)translateY(500px);opacity:0}100%{transform:rotate(-2deg)scale(1)translateY(0);opacity:1}}.akte-inner h1{color:#2a1b0a!important;font-size:1.8rem!important;margin:10px 0 2px!important;text-shadow:none!important;border-bottom:2px solid rgba(42,27,10,.2)}.akte-inner div,.akte-inner p{font-size:.75rem!important}.akte-inner .data-row{border-bottom:1px solid rgba(42,27,10,.1)!important;padding:6px 0!important}.akte-inner .label{color:#5d4037!important;font-weight:700}.akte-inner .red-stamp{border:2px solid #b71c1c;color:#b71c1c;padding:3px 10px;font-weight:700;transform:rotate(10deg);opacity:.8;font-size:.8rem!important;display:inline-block}</style><div style=display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px><div class=red-stamp>TOP SECRET</div><button onclick='document.getElementById("person-akte-modal").style.display="none",document.body.style.overflow="auto"' style="background:rgba(0,0,0,.1);border:1px solid #2a1b0a;color:#2a1b0a;cursor:pointer;padding:3px 10px;font-size:.7rem!important">[X] SCHLIESSEN</button></div><div style=display:flex;gap:20px;align-items:flex-start><div style="position:relative;border:1px solid #2a1b0a;padding:3px;background:#fff;box-shadow:2px 2px 5px rgba(0,0,0,.2)"><img src=/img/akte/hp_vater_akte_2.png class=akte-foto style=width:200px;height:250px;object-fit:cover;filter:none;cursor:zoom-in;display:block onclick='document.getElementById("akte-foto-zoom").style.display="flex"'><div style="position:absolute;bottom:5px;right:-10px;background:#b71c1c;color:#fff;padding:2px 5px;font-weight:700;font-size:.6rem!important;transform:rotate(-5deg)">GESPERRT</div></div><div id=akte-foto-zoom onclick='this.style.display="none"' style=display:none;position:fixed;inset:0;z-index:9999999;background:rgba(0,0,0,.92);align-items:center;justify-content:center;cursor:zoom-out><img src=/img/akte/hp_vater_akte_2.png style="max-width:90vw;max-height:90vh;object-fit:contain;box-shadow:0 0 60px rgba(0,0,0,.9);border:2px solid #2a1b0a"></div><div style=flex:1><div style=font-size:.5rem!important;color:#5d4037;letter-spacing:2px;margin-bottom:2px>PROTOKOLL NR. 1974-Ø</div><h1 style=font-weight:700>VATER</h1><p style="color:#5d4037;font-size:.7rem!important;margin:5px 0 10px">ALIAS: DER ALTE MASCHINIST</p><div style=display:flex;gap:10px><div style="border:1px solid #b71c1c;padding:2px 8px;color:#b71c1c;font-size:.6rem!important;font-weight:700">STATUS: AKTIV</div><div style=color:#2a1b0a;font-size:.6rem!important;font-weight:700>GEFAHR: <span style=letter-spacing:1px>gefährlich bei/Garten/Fußball/Bierentzug, also eigentlich immer</span><br><img src=/img/akte/hp_totenkopf_1.png style=width:70px;height:70px;object-fit:contain;margin-top:4px></div></div></div></div><div style="margin-top:20px;border-top:2px solid rgba(42,27,10,.2)"><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>DESIGNATION:</div><div style=flex:1;font-weight:400>Vater</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>GEBURTSDATUM:</div><div style=flex:1;font-weight:400>1953 // DATENSTEMPEL VERROSTET
-<span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BESCHÄFTIGUNG:</div><div style=flex:1;font-weight:400>Hydraulik-Ingenieur · Dampfkessel-Flüsterer · Schraubenzieher-Philosoph</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>SPEZIALFÄHIGK.:</div><div style=flex:1;font-weight:400>Repariert alles — außer digitale Scheiße</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BEKANNTE KOMPL.:</div><div style=flex:1;font-weight:400>Mutti-Einheit // seit 1970 unkündbar
-<span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>LETZTE AKTIVITÄT:</div><div style=flex:1;font-weight:400>GERADE JETZT</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STABILITÄT:</div><div style=flex:1;font-weight:400>█████░░░░░ 54% — sinkt bei WLAN-Ausfall</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STANDORT:</div><div style=flex:1;font-weight:400>Couch oder Garten. Meistens Garten.</div></div></div><div style=margin-top:20px;display:flex;justify-content:space-between;align-items:flex-end><div style=display:flex;align-items:center;gap:10px;opacity:.7><div style=width:35px;height:35px><svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50q20-40 40 0T30 50z"/></svg></div><div style=font-size:.6rem!important;color:#2a1b0a;line-height:1.2>ID-SCAN: 94.7%<br>VERIFIZIERT</div></div><div style="font-family:courier new,monospace;font-size:.75rem!important;letter-spacing:2px;color:#5d4037;border:1px dashed #2a1b0a;padding:2px 10px">ARCHIV_PERMANENT</div></div></div></div></div><style>.akte-foto{transition:transform .2s,box-shadow .2s}.akte-foto:hover{transform:scale(1.04);box-shadow:0 0 15px rgba(184,115,51,.7)}.akte-foto-btn{transition:all .2s}.akte-foto-btn:hover{background:rgba(183,28,28,.1)!important;border-color:#b71c1c!important}.akte-foto-active{background:rgba(183,28,28,.15)!important;border-color:#b71c1c!important}.time-node.omega .time-content{border:2px solid rgba(255,69,0,.6)!important;box-shadow:inset 0 0 12px rgba(255,69,0,.15),0 0 10px rgba(255,0,0,.2);animation:omega-pulse 3s infinite alternate;background:linear-gradient(135deg,rgba(80,20,10,.95),rgba(30,0,0,.95))!important}.time-node.omega .node-dot{border-color:#ff4500!important;background:radial-gradient(circle,#ff0000 0%,#330000 100%)!important;box-shadow:0 0 8px rgba(255,69,0,.4);animation:omega-dot-pulse 3s infinite alternate ease-in-out}.node-dot{box-shadow:0 0 8px rgba(212,175,55,.4);transition:all .3s ease}.time-node.omega .tc-year{color:#ff4500!important;text-shadow:0 0 10px #ff4500;font-weight:900!important}@keyframes omega-dot-pulse{0%{box-shadow:0 0 5px rgba(255,69,0,.3)}100%{box-shadow:0 0 12px rgba(255,69,0,.6)}}@keyframes omega-pulse{0%{box-shadow:inset 0 0 8px rgba(255,69,0,.1),0 0 6px rgba(255,0,0,.15);border-color:rgba(255,69,0,.4)}100%{box-shadow:inset 0 0 18px rgba(255,69,0,.25),0 0 14px rgba(255,0,0,.3);border-color:rgba(255,69,0,.8)}}@keyframes omega-dot-blink{50%{opacity:0;transform:scale(1.5)}}</style><style>#declassified-overlay{position:fixed;inset:0;z-index:99999;pointer-events:none;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;transition:opacity .8s ease}#declassified-overlay.gone{opacity:0;pointer-events:none}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 2px,rgba(0,255,0,.015) 2px,rgba(0,255,0,.015) 4px );pointer-events:none}#declassified-stamp{font-family:courier new,monospace;font-size:3.5rem;font-weight:900;color:#b71c1c;border:6px solid #b71c1c;padding:20px 40px;letter-spacing:8px;text-align:center;line-height:1.2;transform:rotate(-12deg)scale(0);opacity:0;text-shadow:0 0 30px rgba(183,28,28,.5);box-shadow:0 0 40px rgba(183,28,28,.3),inset 0 0 40px rgba(183,28,28,.1);animation:stamp-in .4s .3s cubic-bezier(.175,.885,.32,1.275)forwards}@keyframes stamp-in{to{transform:rotate(-12deg)scale(1);opacity:.85}}.person-hero{position:relative;width:100%;min-height:300px;background:linear-gradient(135deg,#0a0600 0%,#120e06 60%,#0a0600 100%);border-bottom:1px solid rgba(184,115,51,.3);overflow:hidden;display:flex;align-items:center;margin-bottom:0}.person-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 3px,rgba(184,115,51,3%) 3px,rgba(184,115,51,3%) 4px );pointer-events:none}.person-hero-img{position:absolute;right:0;top:0;bottom:0;width:45%;background-size:contain;background-repeat:no-repeat;background-position:100% 100%;opacity:.25;filter:sepia(.4)hue-rotate(10deg);mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%);-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%)}.person-hero-content{position:relative;z-index:2;padding:30px 40px;max-width:620px}.person-hero-badges{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.hero-badge{font-family:courier new,monospace;font-size:.55rem;letter-spacing:3px;padding:3px 10px;border:1px solid rgba(184,115,51,.4);color:rgba(184,115,51,.7)}.hero-badge.red{border-color:rgba(183,28,28,.5);color:rgba(183,28,28,.8)}.stat-bars{margin-top:20px;width:100%;max-width:400px}.stat-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.stat-label{font-family:courier new,monospace;font-size:.6rem;letter-spacing:2px;color:rgba(212,175,55,.5);width:80px;flex-shrink:0}.stat-track{flex:1;height:6px;background:rgba(255,255,255,5%);border:1px solid rgba(184,115,51,.2);overflow:hidden}.stat-bar{height:100%;width:0%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.stat-bar.danger{background:linear-gradient(90deg,#8b0000,#ff4500);box-shadow:0 0 8px rgba(255,69,0,.5)}.stat-bar.stable{background:linear-gradient(90deg,#1a4a1a,#4caf50);box-shadow:0 0 8px rgba(76,175,80,.5)}.stat-bar.chaos{background:linear-gradient(90deg,#4a0080,#c800ff);box-shadow:0 0 8px rgba(200,0,255,.4)}.stat-bar.kompetenz{background:linear-gradient(90deg,#1a3a5c,#2196f3);box-shadow:0 0 8px rgba(33,150,243,.5)}.stat-val{font-family:courier new,monospace;font-size:.6rem;color:rgba(212,175,55,.4);width:32px;text-align:right;flex-shrink:0}.alias-ticker-outer{overflow:hidden;background:rgba(0,0,0,.6);border-top:1px solid rgba(184,115,51,.15);border-bottom:1px solid rgba(184,115,51,.15);padding:7px 0;white-space:nowrap}.alias-ticker-inner{display:inline-block;animation:ticker-scroll 18s linear infinite;font-family:courier new,monospace;font-size:.65rem;letter-spacing:4px;color:rgba(184,115,51,.5);padding-left:100%}@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.person-pre-label{color:rgba(184,115,51,.5);font-family:courier new,monospace;font-size:.6rem;letter-spacing:4px;margin-bottom:6px}.person-title-wrap{display:flex;align-items:center;gap:14px;margin:4px 0}.person-title-deco{color:#b87333;font-size:1.8rem;opacity:.6;animation:deco-pulse 2s ease-in-out infinite alternate}@keyframes deco-pulse{from{opacity:.3;transform:scaleY(.85)}to{opacity:.8;transform:scaleY(1.1)}}.person-glitch-title{color:#ff4500;font-family:courier new,monospace;font-size:2rem;letter-spacing:10px;text-shadow:0 0 20px rgba(255,69,0,.5);margin:0;position:relative;animation:glitch-flicker 6s infinite}.person-glitch-title::before,.person-glitch-title::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden;opacity:0}.person-glitch-title::before{color:#0ff;animation:glitch-top 6s infinite;clip-path:polygon(0 0,100% 0,100% 40%,0 40%)}.person-glitch-title::after{color:#f0f;animation:glitch-bot 6s infinite;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%)}@keyframes glitch-flicker{0%,90%,100%{text-shadow:0 0 20px rgba(255,69,0,.5)}92%{text-shadow:2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}94%{text-shadow:-2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}96%{text-shadow:0 0 20px rgba(255,69,0,.5)}98%{text-shadow:1px 0 #0ff,-1px 0 #f0f}}@keyframes glitch-top{0%,90%,100%{opacity:0;transform:none}92%{opacity:.7;transform:translate(-3px,-2px)}94%{opacity:0}96%{opacity:.5;transform:translate(3px,-1px)}98%{opacity:0}}@keyframes glitch-bot{0%,90%,100%{opacity:0;transform:none}93%{opacity:.6;transform:translate(3px,2px)}95%{opacity:0}97%{opacity:.4;transform:translate(-3px,1px)}99%{opacity:0}}.person-sub-label{color:rgba(212,175,55,.45);font-family:courier new,monospace;font-size:.65rem;letter-spacing:3px;margin-top:6px}.person-status-blink{color:#0f0;animation:blink-status 1.4s step-end infinite}@keyframes blink-status{50%{opacity:0}}</style><script>(function(){const t="decl_vater",e=document.getElementById("declassified-overlay");if(!e)return;if(sessionStorage.getItem(t)){e.style.display="none";return}setTimeout(()=>{e.classList.add("gone"),setTimeout(()=>{e.style.display="none",sessionStorage.setItem(t,"1")},900)},1800)})(),document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{document.querySelectorAll(".stat-bar").forEach(e=>{e.style.width=e.dataset.val+"%"})},400)})</script><script>(function(){const t="🕷";let n=[];function e(){const e=document.createElement("div");e.textContent=t,e.style.cssText=["position:fixed","font-size:1.6rem","z-index:999999","pointer-events:none","transition:none","filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)","will-change:transform","line-height:1"].join(";"),document.body.appendChild(e);const i=window.innerWidth,a=window.innerHeight,n=Math.floor(Math.random()*4);let s=n===1?i+20:n===3?-20:Math.random()*i,o=n===0?-20:n===2?a+20:Math.random()*a;e.style.left=s+"px",e.style.top=o+"px";const l=4+Math.floor(Math.random()*4);let r=0;function c(){if(r>=l||!document.body.contains(e)){e.remove();return}const t=Math.random()*i,n=Math.random()*a,u=Math.hypot(t-s,n-o),d=u*4,h=Math.atan2(n-o,t-s)*180/Math.PI+90;e.style.transition=`left ${d}ms linear, top ${d}ms linear`,e.style.transform=`rotate(${h}deg)`,e.style.left=t+"px",e.style.top=n+"px",s=t,o=n,r++,setTimeout(c,d)}c()}e(),setInterval(e,4e3)})();function switchAkteFoto(e){document.querySelector(".akte-foto").src=e,document.getElementById("akte-foto-zoom").querySelector("img").src=e,document.querySelectorAll(".akte-foto-btn").forEach(t=>{const n=t.dataset.foto===e;t.classList.toggle("akte-foto-active",n),t.style.background=n?"rgba(183,28,28,0.15)":"rgba(0,0,0,0.1)",t.style.borderColor=n?"#b71c1c":"rgba(42,27,10,0.3)"})}</script></main><footer class=main-footer><div class=footer-inner><p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p></div></footer><div id=newsticker style="position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:999999!important;background:rgba(0,0,0,.92)!important;border-top:1px solid rgba(255,69,0,.35)!important;display:flex!important;align-items:center;height:28px!important;overflow:hidden;font-family:courier new,monospace!important;visibility:visible!important;opacity:1!important"><span class=ticker-label style="flex-shrink:0;font-size:.6rem;letter-spacing:2px;color:rgba(255,69,0,.7);padding:0 15px;border-right:1px solid rgba(255,69,0,.2);white-space:nowrap;height:100%;display:flex;align-items:center;background:rgba(255,69,0,5%)">// SYSTEM_LOG_FEED</span><div class=ticker-track-wrap style=flex:1;overflow:hidden;height:100%;display:flex;align-items:center><div class=ticker-track id=ticker-track-global style="display:inline-flex;white-space:nowrap;animation:ticker-scroll 45s linear infinite"><span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ HUGO SYSTEM INITIALISIERT... ]</span>
-<span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span></div></div></div><style>@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.ticker-item::before{content:'▶ ';color:rgba(255,69,0,.5)}.ticker-track:hover{animation-play-state:paused}</style><script>(function(){const e=document.getElementById("ticker-track-global");if(!e)return;const t=["STATUS: HUGO OPERATIONAL","DESIGNATION: OVERLORD SASCHA","KAFFEESTAND: KRITISCH","ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST","MISSION: TOTALE KONTROLLE","DATENINTEGRITÄT: ABSOLUT","WARNUNG: SYSTEM EXTREM SCHNELL","GEMINI NEURAL LINK: AKTIV"];e.innerHTML="",[...t,...t].forEach(t=>{const n=document.createElement("span");n.className="ticker-item",n.style.cssText="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;",n.textContent=t,e.appendChild(n)})})()</script><script src=/js/script.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="de-de">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1414&amp;path=livereload" data-no-instant defer></script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Vater | DIGITALE ANARCHIE | KI-LABOR</title>
+    <link rel="stylesheet" href="/css/style.css">
+</head>
+<body class=" bg-steampunk ">
+    
+    <div class="bg-gear gear-left">⚙</div>
+    <div class="bg-gear gear-right">⚙</div>
+
+    <script>document.body.classList.add('js-enabled');</script>
+<header class="main-header">
+   
+</header>
+
+    
+    <main class="container">
+        
+
+
+<div id="declassified-overlay">
+    <div class="scanlines"></div>
+    <div id="declassified-stamp">ZUGANG<br>GEWÄHRT</div>
+</div>
+
+<div class="person-page-wrapper visible" style="padding-bottom: 100px; opacity: 1 !important;">
+
+    <div class="person-nav-container" style="display: flex; flex-direction: column; align-items: center; gap: 20px; margin: 15px 0 30px;">
+    
+    <a href="/" class="person-back">
+        ← ZURÜCK ZUR BASIS
+    </a>
+    
+    
+    <div class="person-nav-row" style="display: flex; justify-content: center; align-items: center; gap: 35px; flex-wrap: wrap; position: relative;">
+    
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/mutti/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_mutti_comic_1.jpeg" alt="MUTTI" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">MUTTI</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/vater/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_vater_comic_1.png" alt="VATER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">VATER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/bruder/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_freddy_comic_1.png" alt="BRUDER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">BRUDER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/schwester/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_meli_comic_1.png" alt="SCHWESTER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SCHWESTER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sascha/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sascha_comic_1.jpeg" alt="SASCHA" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SASCHA</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sven/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sven_comic_1.jpeg" alt="SVEN" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SVEN</span>
+        </a>
+    
+    </div>
+</div>
+
+<style>
+    .person-nav-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: transform 0.2s; }
+    .person-nav-item:hover { transform: scale(1.1); }
+    .person-nav-item:hover .person-nav-label { color: #d4af37 !important; }
+    .person-back {
+        display: inline-block;
+        color: rgba(212,175,55,0.6);
+        font-size: 0.7rem;
+        font-weight: bold;
+        letter-spacing: 4px;
+        text-decoration: none;
+        font-family: 'Courier New', monospace;
+        border: 1px solid rgba(212,175,55,0.25);
+        padding: 6px 20px;
+        background: transparent;
+        text-transform: uppercase;
+        transition: all 0.2s;
+    }
+    .person-back:hover {
+        color: #d4af37;
+        border-color: rgba(212,175,55,0.6);
+        background: rgba(212,175,55,0.05);
+        letter-spacing: 5px;
+    }
+</style>
+
+
+    
+    <div class="person-hero">
+        
+        <div class="person-hero-img" style="background-image: url('/img/comicFigures/hp_vater_comic_1.png')"></div>
+        
+        <div class="person-hero-content">
+            <div class="person-hero-badges">
+                <span class="hero-badge">ZENTRAL-ARCHIV</span>
+                <span class="hero-badge red">EINHEIT IDENTIFIZIERT</span>
+            </div>
+            <p class="person-pre-label" style="margin:12px 0 4px;">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p>
+            <div class="person-title-wrap">
+                <span class="person-title-deco">⟪</span>
+                <h1 class="person-glitch-title" data-text="VATER">VATER</h1>
+                <span class="person-title-deco">⟫</span>
+            </div>
+            <p class="person-sub-label">STATUS: <span class="person-status-blink">AKTIV</span></p>
+
+            
+            <div class="stat-bars">
+                <div class="stat-row">
+                    <span class="stat-label">GEFAHR</span>
+                    <div class="stat-track"><div class="stat-bar danger" data-val="72"></div></div>
+                    <span class="stat-val">72%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">STABILITÄT</span>
+                    <div class="stat-track"><div class="stat-bar stable" data-val="54"></div></div>
+                    <span class="stat-val">54%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">CHAOS</span>
+                    <div class="stat-track"><div class="stat-bar chaos" data-val="60"></div></div>
+                    <span class="stat-val">60%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">KOMPETENZ</span>
+                    <div class="stat-track"><div class="stat-bar kompetenz" data-val="89"></div></div>
+                    <span class="stat-val">89%</span>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    
+    
+    <div class="alias-ticker-outer">
+        <div class="alias-ticker-inner">
+            <span>DER ALTE MASCHINIST &nbsp;·&nbsp; DER ALTE MASCHINIST &nbsp;·&nbsp; DER ALTE MASCHINIST</span>
+        </div>
+    </div>
+    
+
+    <div class="container" style="max-width: 900px; margin: 0 auto; padding: 0 20px;">
+        <header style="margin-bottom: 20px; display:none;"></header>
+
+        
+        <div class="timeline-track">
+            
+            
+            <div class="time-node right ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 1953 ]</span>
+                        <span class="tc-tag">BOOT // KLASSIFIZIERT</span>
+                    </div>
+                    <p>SYSTEM INITIALISIERT. Hydraulik-Meister V1.0 startet erstmals. Diagnostik: Stabil. Herkunft: Klassifiziert.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node left ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 1960 ]</span>
+                        <span class="tc-tag">HARDWARE-UPDATE</span>
+                    </div>
+                    <p>ERSTE MECHANISCHE UPGRADES abgeschlossen. Handwerkliche Fähigkeiten auf OMEGA-LEVEL kalibriert. Präzision: 99.3%</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node right ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 1970 ]</span>
+                        <span class="tc-tag">NETZWERK-INITIALISIERUNG</span>
+                    </div>
+                    <p>NETZWERK-VERBINDUNG mit Matriarchin-Modul hergestellt. Langzeit-Protokoll initialisiert. Stabilität: Bestätigt.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node left omega">
+                <div class="time-content omega-node">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 1974 ]</span>
+                        <span class="tc-tag">OMEGA-KLASSE // KRITISCHES EREIGNIS</span>
+                    </div>
+                    <p>⚡ KRITISCH: SYSTEM-AUSGABE REGISTRIERT. Der zukünftige Overlord (Sascha) wird erfolgreich kompiliert und in die Biosphäre integriert.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node right ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 1981 ]</span>
+                        <span class="tc-tag">NETZWERK-ERWEITERUNG</span>
+                    </div>
+                    <p>ZWEITE SYSTEM-AUSGABE: Bruder-Knoten V1.0 geht online. Netzwerkkapazität erweitert. Chaos-Index leicht erhöht.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node left ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 1983 ]</span>
+                        <span class="tc-tag">NETZWERK-ERWEITERUNG</span>
+                    </div>
+                    <p>DRITTE SYSTEM-AUSGABE: AETHER-SIBLING (Schwester) bootet erfolgreich. Clan-Netzwerk vollständig operational.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node right ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 1995 ]</span>
+                        <span class="tc-tag">WARTUNG // LANGZEIT</span>
+                    </div>
+                    <p>HYDRAULIK-UPGRADE v3.0 installiert. Langzeitstabilität über 40 Jahre bestätigt. Wartungsintervalle: Unregelmäßig.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node left ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 2000 ]</span>
+                        <span class="tc-tag">SYSTEMCHECK</span>
+                    </div>
+                    <p>MILLENNIUM-PROTOKOLL aktiviert. System läuft ohne kritische Fehler. Diagnose: Solide wie immer. Details: GESCHWÄRZT.</p>
+                </div>
+            </div>
+            
+            
+            <div class="time-node right ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 2025 ]</span>
+                        <span class="tc-tag">AKTUELL // KLASSIFIZIERT</span>
+                    </div>
+                    <p>STATUS: NOCH ONLINE. Alle Primärsysteme funktionsfähig. Erfahrungswert: MAXIMAL. Weitere Daten: NICHT AUTORISIERT.</p>
+                </div>
+            </div>
+            
+        </div>
+
+        
+        <div style="text-align: center; margin-top: 60px;">
+            <button class="akte-label-btn"
+                    onclick="document.getElementById('person-akte-modal').style.display='flex'; document.body.style.overflow='hidden';">
+                <div class="akte-label-top">
+                    <span class="akte-label-nr">DOKUMENT-NR. 1953 // DATENSTEMPEL VERROSTET</span>
+                    <span class="akte-label-stamp">VERTRAULICH</span>
+                </div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-title">AKTE: VATER</div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-bottom">
+                    <span>STATUS: AKTIV</span>
+                    <span>▶ AKTE ÖFFNEN</span>
+                </div>
+            </button>
+        </div>
+
+        <style>
+            .akte-label-btn {
+                background: linear-gradient(180deg, #1c1208 0%, #0e0a04 100%);
+                border: 1px solid #5d3d1e;
+                border-left: 4px solid #b87333;
+                color: #d4af37;
+                font-family: 'Courier New', monospace;
+                cursor: pointer;
+                padding: 18px 28px;
+                width: 320px;
+                text-align: left;
+                transition: all 0.2s;
+                box-shadow: 2px 2px 12px rgba(0,0,0,0.6);
+                position: relative;
+            }
+            .akte-label-btn::before {
+                content: '';
+                position: absolute;
+                top: 6px; left: 6px; right: 6px; bottom: 6px;
+                border: 1px dashed rgba(184,115,51,0.2);
+                pointer-events: none;
+            }
+            .akte-label-btn:hover {
+                border-left-color: #ff4500;
+                box-shadow: 3px 3px 20px rgba(184,115,51,0.2);
+                background: linear-gradient(180deg, #221508 0%, #0e0a04 100%);
+            }
+            .akte-label-top {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-bottom: 10px;
+            }
+            .akte-label-nr {
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.4);
+                letter-spacing: 1px;
+            }
+            .akte-label-stamp {
+                font-size: 0.55rem;
+                letter-spacing: 2px;
+                color: #b71c1c;
+                border: 1px solid #b71c1c;
+                padding: 1px 6px;
+                opacity: 0.8;
+            }
+            .akte-label-divider {
+                border-top: 1px solid rgba(184,115,51,0.25);
+                margin: 8px 0;
+            }
+            .akte-label-title {
+                font-size: 1rem;
+                font-weight: bold;
+                letter-spacing: 4px;
+                color: #d4af37;
+                margin: 4px 0;
+            }
+            .akte-label-bottom {
+                display: flex;
+                justify-content: space-between;
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.45);
+                letter-spacing: 1px;
+                margin-top: 4px;
+            }
+            .akte-label-btn:hover .akte-label-bottom span:last-child {
+                color: #ff4500;
+            }
+        </style>
+    </div>
+</div>
+
+
+<div id="person-akte-modal" style="position: fixed; inset: 0; z-index: 1000000; background: rgba(0,0,0,0.85); display: none; align-items: center; justify-content: center; padding: 10px; overflow: hidden; perspective: 1000px;">
+    <div style="display: flex; flex-direction: column; align-items: center; max-width: 585px; width: 95%;">
+    <div class="akte-inner" style="width: 100%; background: #d9c5a0; background-image: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 100%), url('https://www.transparenttextures.com/patterns/old-paper.png'); border: 1px solid #8b7355; padding: 25px; position: relative; font-family: 'Courier New', monospace; box-shadow: 10px 20px 50px rgba(0,0,0,0.8), inset 0 0 100px rgba(139,115,85,0.3); transform: rotate(-2deg); animation: throw-sign 0.5s ease-out forwards; color: #2a1b0a;">
+        
+        <style>
+            @keyframes throw-sign {
+                0% { transform: rotate(-10deg) scale(0.7) translateY(500px); opacity: 0; }
+                100% { transform: rotate(-2deg) scale(1) translateY(0); opacity: 1; }
+            }
+            .akte-inner h1 { color: #2a1b0a !important; font-size: 1.8rem !important; margin: 10px 0 2px !important; text-shadow: none !important; border-bottom: 2px solid rgba(42,27,10,0.2); }
+            .akte-inner div, .akte-inner p { font-size: 0.75rem !important; }
+            .akte-inner .data-row { border-bottom: 1px solid rgba(42,27,10,0.1) !important; padding: 6px 0 !important; }
+            .akte-inner .label { color: #5d4037 !important; font-weight: bold; }
+            .akte-inner .red-stamp { border: 2px solid #b71c1c; color: #b71c1c; padding: 3px 10px; font-weight: bold; transform: rotate(10deg); opacity: 0.8; font-size: 0.8rem !important; display: inline-block; }
+        </style>
+        
+        
+        <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px;">
+            <div class="red-stamp">TOP SECRET</div>
+            <button onclick="document.getElementById('person-akte-modal').style.display='none'; document.body.style.overflow='auto';"
+                    style="background: rgba(0,0,0,0.1); border: 1px solid #2a1b0a; color: #2a1b0a; cursor: pointer; padding: 3px 10px; font-size: 0.7rem !important;">[X] SCHLIESSEN</button>
+        </div>
+
+        
+
+        <div style="display: flex; gap: 20px; align-items: flex-start;">
+            
+            <div style="position: relative; border: 1px solid #2a1b0a; padding: 3px; background: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);">
+                
+                <img src="/img/akte/hp_vater_akte_2.png" class="akte-foto" style="width: 200px; height: 250px; object-fit: cover; filter: none; cursor: zoom-in; display: block;"
+                     onclick="document.getElementById('akte-foto-zoom').style.display='flex';">
+                <div style="position: absolute; bottom: 5px; right: -10px; background: #b71c1c; color: #fff; padding: 2px 5px; font-weight: bold; font-size: 0.6rem !important; transform: rotate(-5deg);">GESPERRT</div>
+            </div>
+
+            
+            <div id="akte-foto-zoom" onclick="this.style.display='none';"
+                 style="display:none; position:fixed; inset:0; z-index:9999999; background:rgba(0,0,0,0.92); align-items:center; justify-content:center; cursor:zoom-out;">
+                <img src="/img/akte/hp_vater_akte_2.png" style="max-width:90vw; max-height:90vh; object-fit:contain; box-shadow: 0 0 60px rgba(0,0,0,0.9); border: 2px solid #2a1b0a;">
+            </div>
+
+            
+            <div style="flex: 1;">
+                <div style="font-size: 0.5rem !important; color: #5d4037; letter-spacing: 2px; margin-bottom: 2px;">PROTOKOLL NR. 1974-Ø</div>
+                <h1 style="font-weight: bold;">VATER</h1>
+                <p style="color: #5d4037; font-size: 0.7rem !important; margin: 5px 0 10px;">ALIAS: DER ALTE MASCHINIST</p>
+                
+                <div style="display: flex; gap: 10px;">
+                    <div style="border: 1px solid #b71c1c; padding: 2px 8px; color: #b71c1c; font-size: 0.6rem !important; font-weight: bold;">STATUS: AKTIV</div>
+                    <div style="color: #2a1b0a; font-size: 0.6rem !important; font-weight: bold;">GEFAHR: <span style="letter-spacing: 1px;">gefährlich bei/Garten/Fußball/Bierentzug, also eigentlich immer</span><br><img src="/img/akte/hp_totenkopf_1.png" style="width: 70px; height: 70px; object-fit: contain; margin-top: 4px;"></div>
+                </div>
+            </div>
+        </div>
+
+        
+        <div style="margin-top: 20px; border-top: 2px solid rgba(42,27,10,0.2);">
+            
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">DESIGNATION:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    Vater
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">GEBURTSDATUM:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    1953 // DATENSTEMPEL VERROSTET
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BESCHÄFTIGUNG:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    Hydraulik-Ingenieur · Dampfkessel-Flüsterer · Schraubenzieher-Philosoph
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">SPEZIALFÄHIGK.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    Repariert alles — außer digitale Scheiße
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BEKANNTE KOMPL.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    Mutti-Einheit // seit 1970 unkündbar
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">LETZTE AKTIVITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    GERADE JETZT
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STABILITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    █████░░░░░ 54% — sinkt bei WLAN-Ausfall
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STANDORT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    Couch oder Garten. Meistens Garten.
+                    
+                </div>
+            </div>
+            
+        </div>
+
+        
+        <div style="margin-top: 20px; display: flex; justify-content: space-between; align-items: flex-end;">
+            <div style="display: flex; align-items: center; gap: 10px; opacity: 0.7;">
+                <div style="width: 35px; height: 35px;">
+                    <svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50 Q50 10 70 50 T30 50 Z"/></svg>
+                </div>
+                <div style="font-size: 0.6rem !important; color: #2a1b0a; line-height: 1.2;">ID-SCAN: 94.7%<br>VERIFIZIERT</div>
+            </div>
+            
+            <div style="font-family: 'Courier New', monospace; font-size: 0.75rem !important; letter-spacing: 2px; color: #5d4037; border: 1px dashed #2a1b0a; padding: 2px 10px;">ARCHIV_PERMANENT</div>
+        </div>
+    </div>
+    </div>
+</div>
+
+<style>
+    .akte-foto { transition: transform 0.2s, box-shadow 0.2s; }
+    .akte-foto:hover { transform: scale(1.04); box-shadow: 0 0 15px rgba(184,115,51,0.7); }
+
+    .akte-foto-btn { transition: all 0.2s; }
+    .akte-foto-btn:hover { background: rgba(183,28,28,0.1) !important; border-color: #b71c1c !important; }
+    .akte-foto-active { background: rgba(183,28,28,0.15) !important; border-color: #b71c1c !important; }
+    
+     
+    .time-node.omega .time-content {
+        border: 2px solid rgba(255, 69, 0, 0.6) !important;
+        box-shadow: inset 0 0 12px rgba(255, 69, 0, 0.15), 0 0 10px rgba(255, 0, 0, 0.2);
+        animation: omega-pulse 3s infinite alternate;
+        background: linear-gradient(135deg, rgba(80, 20, 10, 0.95), rgba(30, 0, 0, 0.95)) !important;
+    }
+    .time-node.omega .node-dot {
+        border-color: #ff4500 !important;
+        background: radial-gradient(circle, #ff0000 0%, #330000 100%) !important;
+        box-shadow: 0 0 8px rgba(255, 69, 0, 0.4);
+        animation: omega-dot-pulse 3s infinite alternate ease-in-out;
+    }
+    .node-dot {
+        box-shadow: 0 0 8px rgba(212, 175, 55, 0.4);
+        transition: all 0.3s ease;
+    }
+    .time-node.omega .tc-year {
+        color: #ff4500 !important;
+        text-shadow: 0 0 10px #ff4500;
+        font-weight: 900 !important;
+    }
+    
+    @keyframes omega-dot-pulse {
+        0%   { box-shadow: 0 0 5px rgba(255, 69, 0, 0.3); }
+        100% { box-shadow: 0 0 12px rgba(255, 69, 0, 0.6); }
+    }
+    @keyframes omega-pulse {
+        0%   { box-shadow: inset 0 0 8px rgba(255, 69, 0, 0.1), 0 0 6px rgba(255, 0, 0, 0.15); border-color: rgba(255, 69, 0, 0.4); }
+        100% { box-shadow: inset 0 0 18px rgba(255, 69, 0, 0.25), 0 0 14px rgba(255, 0, 0, 0.3); border-color: rgba(255, 69, 0, 0.8); }
+    }
+    @keyframes omega-dot-blink {
+        50% { opacity: 0; transform: scale(1.5); }
+    }
+</style>
+
+<style>
+ 
+#declassified-overlay {
+    position: fixed; inset: 0; z-index: 99999;
+    pointer-events: none;
+    background: rgba(0,0,0,0.92);
+    display: flex; align-items: center; justify-content: center;
+    transition: opacity 0.8s ease;
+}
+#declassified-overlay.gone { opacity: 0; pointer-events: none; }
+.scanlines {
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg,
+        transparent,
+        transparent 2px,
+        rgba(0,255,0,0.015) 2px,
+        rgba(0,255,0,0.015) 4px
+    );
+    pointer-events: none;
+}
+#declassified-stamp {
+    font-family: 'Courier New', monospace;
+    font-size: 3.5rem;
+    font-weight: 900;
+    color: #b71c1c;
+    border: 6px solid #b71c1c;
+    padding: 20px 40px;
+    letter-spacing: 8px;
+    text-align: center;
+    line-height: 1.2;
+    transform: rotate(-12deg) scale(0);
+    opacity: 0;
+    text-shadow: 0 0 30px rgba(183,28,28,0.5);
+    box-shadow: 0 0 40px rgba(183,28,28,0.3), inset 0 0 40px rgba(183,28,28,0.1);
+    animation: stamp-in 0.4s 0.3s cubic-bezier(0.175,0.885,0.32,1.275) forwards;
+}
+@keyframes stamp-in {
+    to { transform: rotate(-12deg) scale(1); opacity: 0.85; }
+}
+
+ 
+.person-hero {
+    position: relative;
+    width: 100%;
+    min-height: 300px;
+    background: linear-gradient(135deg, #0a0600 0%, #120e06 60%, #0a0600 100%);
+    border-bottom: 1px solid rgba(184,115,51,0.3);
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    margin-bottom: 0;
+}
+.person-hero::before {
+    content: '';
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg, transparent, transparent 3px,
+        rgba(184,115,51,0.03) 3px, rgba(184,115,51,0.03) 4px
+    );
+    pointer-events: none;
+}
+.person-hero-img {
+    position: absolute;
+    right: 0; top: 0; bottom: 0;
+    width: 45%;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: right bottom;
+    opacity: 0.25;
+    filter: sepia(0.4) hue-rotate(10deg);
+    mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+    -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+}
+.person-hero-content {
+    position: relative;
+    z-index: 2;
+    padding: 30px 40px;
+    max-width: 620px;
+}
+.person-hero-badges {
+    display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;
+}
+.hero-badge {
+    font-family: 'Courier New', monospace;
+    font-size: 0.55rem;
+    letter-spacing: 3px;
+    padding: 3px 10px;
+    border: 1px solid rgba(184,115,51,0.4);
+    color: rgba(184,115,51,0.7);
+}
+.hero-badge.red {
+    border-color: rgba(183,28,28,0.5);
+    color: rgba(183,28,28,0.8);
+}
+
+ 
+.stat-bars { margin-top: 20px; width: 100%; max-width: 400px; }
+.stat-row {
+    display: flex; align-items: center; gap: 10px; margin-bottom: 8px;
+}
+.stat-label {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 2px;
+    color: rgba(212,175,55,0.5);
+    width: 80px; flex-shrink: 0;
+}
+.stat-track {
+    flex: 1; height: 6px;
+    background: rgba(255,255,255,0.05);
+    border: 1px solid rgba(184,115,51,0.2);
+    overflow: hidden;
+}
+.stat-bar {
+    height: 100%; width: 0%;
+    transition: width 1.2s cubic-bezier(0.4,0,0.2,1);
+}
+.stat-bar.danger   { background: linear-gradient(90deg, #8b0000, #ff4500); box-shadow: 0 0 8px rgba(255,69,0,0.5); }
+.stat-bar.stable   { background: linear-gradient(90deg, #1a4a1a, #4caf50); box-shadow: 0 0 8px rgba(76,175,80,0.5); }
+.stat-bar.chaos    { background: linear-gradient(90deg, #4a0080, #c800ff); box-shadow: 0 0 8px rgba(200,0,255,0.4); }
+.stat-bar.kompetenz { background: linear-gradient(90deg, #1a3a5c, #2196f3); box-shadow: 0 0 8px rgba(33,150,243,0.5); }
+.stat-val {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; color: rgba(212,175,55,0.4);
+    width: 32px; text-align: right; flex-shrink: 0;
+}
+
+ 
+.alias-ticker-outer {
+    overflow: hidden;
+    background: rgba(0,0,0,0.6);
+    border-top: 1px solid rgba(184,115,51,0.15);
+    border-bottom: 1px solid rgba(184,115,51,0.15);
+    padding: 7px 0;
+    white-space: nowrap;
+}
+.alias-ticker-inner {
+    display: inline-block;
+    animation: ticker-scroll 18s linear infinite;
+    font-family: 'Courier New', monospace;
+    font-size: 0.65rem;
+    letter-spacing: 4px;
+    color: rgba(184,115,51,0.5);
+    padding-left: 100%;
+}
+@keyframes ticker-scroll {
+    from { transform: translateX(0); }
+    to   { transform: translateX(-50%); }
+}
+
+ 
+.person-pre-label {
+    color: rgba(184,115,51,0.5);
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 4px; margin-bottom: 6px;
+}
+.person-title-wrap {
+    display: flex; align-items: center; gap: 14px; margin: 4px 0;
+}
+.person-title-deco {
+    color: #b87333; font-size: 1.8rem; opacity: 0.6;
+    animation: deco-pulse 2s ease-in-out infinite alternate;
+}
+@keyframes deco-pulse {
+    from { opacity: 0.3; transform: scaleY(0.85); }
+    to   { opacity: 0.8; transform: scaleY(1.1); }
+}
+.person-glitch-title {
+    color: #ff4500; font-family: 'Courier New', monospace;
+    font-size: 2rem; letter-spacing: 10px;
+    text-shadow: 0 0 20px rgba(255,69,0,0.5);
+    margin: 0; position: relative;
+    animation: glitch-flicker 6s infinite;
+}
+.person-glitch-title::before,
+.person-glitch-title::after {
+    content: attr(data-text); position: absolute;
+    left: 0; top: 0; width: 100%; overflow: hidden; opacity: 0;
+}
+.person-glitch-title::before {
+    color: #0ff; animation: glitch-top 6s infinite;
+    clip-path: polygon(0 0,100% 0,100% 40%,0 40%);
+}
+.person-glitch-title::after {
+    color: #f0f; animation: glitch-bot 6s infinite;
+    clip-path: polygon(0 60%,100% 60%,100% 100%,0 100%);
+}
+@keyframes glitch-flicker {
+    0%,90%,100% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    92% { text-shadow: 2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    94% { text-shadow: -2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    96% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    98% { text-shadow: 1px 0 #0ff,-1px 0 #f0f; }
+}
+@keyframes glitch-top {
+    0%,90%,100% { opacity:0; transform:none; }
+    92% { opacity:0.7; transform:translate(-3px,-2px); }
+    94% { opacity:0; }
+    96% { opacity:0.5; transform:translate(3px,-1px); }
+    98% { opacity:0; }
+}
+@keyframes glitch-bot {
+    0%,90%,100% { opacity:0; transform:none; }
+    93% { opacity:0.6; transform:translate(3px,2px); }
+    95% { opacity:0; }
+    97% { opacity:0.4; transform:translate(-3px,1px); }
+    99% { opacity:0; }
+}
+.person-sub-label {
+    color: rgba(212,175,55,0.45); font-family: 'Courier New', monospace;
+    font-size: 0.65rem; letter-spacing: 3px; margin-top: 6px;
+}
+.person-status-blink { color: #0f0; animation: blink-status 1.4s step-end infinite; }
+@keyframes blink-status { 50% { opacity: 0; } }
+</style>
+
+<script>
+
+(function() {
+    const key = 'decl_vater';
+    const overlay = document.getElementById('declassified-overlay');
+    if (!overlay) return;
+    if (sessionStorage.getItem(key)) {
+        overlay.style.display = 'none';
+        return;
+    }
+    setTimeout(() => {
+        overlay.classList.add('gone');
+        setTimeout(() => {
+            overlay.style.display = 'none';
+            sessionStorage.setItem(key, '1');
+        }, 900);
+    }, 1800);
+})();
+
+
+document.addEventListener('DOMContentLoaded', () => {
+    setTimeout(() => {
+        document.querySelectorAll('.stat-bar').forEach(bar => {
+            bar.style.width = bar.dataset.val + '%';
+        });
+    }, 400);
+});
+</script>
+
+<script>
+
+(function() {
+    const SPIDER = '🕷';
+    let active = [];
+
+    function spawn() {
+        const el = document.createElement('div');
+        el.textContent = SPIDER;
+        el.style.cssText = [
+            'position:fixed',
+            'font-size:1.6rem',
+            'z-index:999999',
+            'pointer-events:none',
+            'transition:none',
+            'filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)',
+            'will-change:transform',
+            'line-height:1',
+        ].join(';');
+        document.body.appendChild(el);
+
+        const W = window.innerWidth, H = window.innerHeight;
+
+        
+        const edge = Math.floor(Math.random() * 4);
+        let x = edge === 1 ? W + 20 : edge === 3 ? -20 : Math.random() * W;
+        let y = edge === 0 ? -20  : edge === 2 ? H + 20  : Math.random() * H;
+
+        el.style.left = x + 'px';
+        el.style.top  = y + 'px';
+
+        
+        const steps = 4 + Math.floor(Math.random() * 4);
+        let i = 0;
+
+        function step() {
+            if (i >= steps || !document.body.contains(el)) { el.remove(); return; }
+
+            const tx = Math.random() * W;
+            const ty = Math.random() * H;
+            const dist = Math.hypot(tx - x, ty - y);
+            const dur  = dist * 4; 
+            const ang  = Math.atan2(ty - y, tx - x) * 180 / Math.PI + 90;
+
+            el.style.transition = `left ${dur}ms linear, top ${dur}ms linear`;
+            el.style.transform  = `rotate(${ang}deg)`;
+            el.style.left = tx + 'px';
+            el.style.top  = ty + 'px';
+
+            x = tx; y = ty; i++;
+            setTimeout(step, dur);
+        }
+
+        step();
+    }
+
+    
+    spawn();
+    setInterval(spawn, 4000);
+})();
+
+function switchAkteFoto(src) {
+    document.querySelector('.akte-foto').src = src;
+    document.getElementById('akte-foto-zoom').querySelector('img').src = src;
+    document.querySelectorAll('.akte-foto-btn').forEach(btn => {
+        const active = btn.dataset.foto === src;
+        btn.classList.toggle('akte-foto-active', active);
+        btn.style.background = active ? 'rgba(183,28,28,0.15)' : 'rgba(0,0,0,0.1)';
+        btn.style.borderColor = active ? '#b71c1c' : 'rgba(42,27,10,0.3)';
+    });
+}
+</script>
+
+    </main>
+
+    <footer class="main-footer">
+    <div class="footer-inner">
+        <p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p>
+    </div>
+</footer>
+
+    
+<div id="newsticker" style="position:fixed !important; bottom:0 !important; left:0 !important; right:0 !important; z-index:999999 !important; background:rgba(0,0,0,0.92) !important; border-top:1px solid rgba(255,69,0,0.35) !important; display:flex !important; align-items:center; height:28px !important; overflow:hidden; font-family:'Courier New', monospace !important; visibility: visible !important; opacity: 1 !important;">
+    <span class="ticker-label" style="flex-shrink:0; font-size:0.6rem; letter-spacing:2px; color:rgba(255,69,0,0.7); padding:0 15px; border-right:1px solid rgba(255,69,0,0.2); white-space:nowrap; height:100%; display:flex; align-items:center; background:rgba(255,69,0,0.05);">// SYSTEM_LOG_FEED</span>
+    <div class="ticker-track-wrap" style="flex:1; overflow:hidden; height:100%; display:flex; align-items:center;">
+        <div class="ticker-track" id="ticker-track-global" style="display:inline-flex; white-space:nowrap; animation: ticker-scroll 45s linear infinite;">
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ HUGO SYSTEM INITIALISIERT... ]</span>
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span>
+        </div>
+    </div>
+</div>
+
+<style>
+    @keyframes ticker-scroll {
+        0%   { transform: translateX(0); }
+        100% { transform: translateX(-50%); }
+    }
+    .ticker-item::before { content: '▶ '; color: rgba(255,69,0,0.5); }
+    .ticker-track:hover { animation-play-state: paused; }
+</style>
+
+<script>
+    (function() {
+        const track = document.getElementById('ticker-track-global');
+        if (!track) return;
+        const ITEMS = [
+            "STATUS: HUGO OPERATIONAL",
+            "DESIGNATION: OVERLORD SASCHA",
+            "KAFFEESTAND: KRITISCH",
+            "ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST",
+            "MISSION: TOTALE KONTROLLE",
+            "DATENINTEGRITÄT: ABSOLUT",
+            "WARNUNG: SYSTEM EXTREM SCHNELL",
+            "GEMINI NEURAL LINK: AKTIV"
+        ];
+        track.innerHTML = '';
+        [...ITEMS, ...ITEMS].forEach(text => {
+            const span = document.createElement('span');
+            span.className = 'ticker-item';
+            span.style.cssText = "font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;";
+            span.textContent = text;
+            track.appendChild(span);
+        });
+    })();
+</script>
+
+
+    <script src="/js/script.js"></script>
+    <script src="/js/ascii-shimmer.js"></script>
+</body>
+</html>
diff --git a/public/posts/digital-ghost/index.html b/public/posts/digital-ghost/index.html
index fe88030..539d3cf 100644
--- a/public/posts/digital-ghost/index.html
+++ b/public/posts/digital-ghost/index.html
@@ -1,10 +1,882 @@
-<!doctype html><html lang=de-de><head><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><title>Protocol: Digital Ghost | DIGITALE ANARCHIE | KI-LABOR</title><link rel=stylesheet href=/css/style.css></head><body><div class="bg-gear gear-left">⚙</div><div class="bg-gear gear-right">⚙</div><script>document.body.classList.add("js-enabled")</script><header class=main-header></header><main class=container><div id=declassified-overlay><div class=scanlines></div><div id=declassified-stamp>ZUGANG<br>GEWÄHRT</div></div><div class="person-page-wrapper visible" style=padding-bottom:100px;opacity:1!important><div class=person-nav-container style="display:flex;flex-direction:column;align-items:center;gap:20px;margin:15px 0 30px"><div class=person-nav-row style=display:flex;justify-content:center;align-items:center;gap:35px;flex-wrap:wrap;position:relative><a href=/personen/mutti/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_mutti_comic_1.jpeg alt=MUTTI style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">MUTTI</span>
-</a><a href=/personen/vater/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_vater_comic_1.png alt=VATER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">VATER</span>
-</a><a href=/personen/bruder/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_freddy_comic_1.png alt=BRUDER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">BRUDER</span>
-</a><a href=/personen/schwester/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_meli_comic_1.png alt=SCHWESTER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SCHWESTER</span>
-</a><a href=/personen/sascha/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sascha_comic_1.jpeg alt=SASCHA style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SASCHA</span>
-</a><a href=/personen/sven/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sven_comic_1.jpeg alt=SVEN style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SVEN</span></a></div></div><style>.person-nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .2s}.person-nav-item:hover{transform:scale(1.1)}.person-nav-item:hover .person-nav-label{color:#d4af37!important}.person-back{display:inline-block;color:rgba(212,175,55,.6);font-size:.7rem;font-weight:700;letter-spacing:4px;text-decoration:none;font-family:courier new,monospace;border:1px solid rgba(212,175,55,.25);padding:6px 20px;background:0 0;text-transform:uppercase;transition:all .2s}.person-back:hover{color:#d4af37;border-color:rgba(212,175,55,.6);background:rgba(212,175,55,5%);letter-spacing:5px}</style><div class=person-hero><div class=person-hero-content><div class=person-hero-badges><span class=hero-badge>ZENTRAL-ARCHIV</span>
-<span class="hero-badge red">EINHEIT IDENTIFIZIERT</span></div><p class=person-pre-label style="margin:12px 0 4px">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p><div class=person-title-wrap><span class=person-title-deco>⟪</span><h1 class=person-glitch-title data-text="PROTOCOL: DIGITAL GHOST">PROTOCOL: DIGITAL GHOST</h1><span class=person-title-deco>⟫</span></div><p class=person-sub-label>STATUS: <span class=person-status-blink>AKTIV</span></p><div class=stat-bars><div class=stat-row><span class=stat-label>GEFAHR</span><div class=stat-track><div class="stat-bar danger" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>STABILITÄT</span><div class=stat-track><div class="stat-bar stable" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>CHAOS</span><div class=stat-track><div class="stat-bar chaos" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>KOMPETENZ</span><div class=stat-track><div class="stat-bar kompetenz" data-val=50></div></div><span class=stat-val>50%</span></div></div></div></div><div class=container style="max-width:900px;margin:0 auto;padding:0 20px"><header style=margin-bottom:20px;display:none></header><div class=timeline-track></div><div style=text-align:center;margin-top:60px><button class=akte-label-btn onclick='document.getElementById("person-akte-modal").style.display="flex",document.body.style.overflow="hidden"'><div class=akte-label-top><span class=akte-label-nr>DOKUMENT-NR. UNBEKANNT</span>
-<span class=akte-label-stamp>VERTRAULICH</span></div><div class=akte-label-divider></div><div class=akte-label-title>AKTE: PROTOCOL: DIGITAL GHOST</div><div class=akte-label-divider></div><div class=akte-label-bottom><span>STATUS: KLASSIFIZIERT</span>
-<span>▶ AKTE ÖFFNEN</span></div></button></div><style>.akte-label-btn{background:linear-gradient(180deg,#1c1208 0%,#0e0a04 100%);border:1px solid #5d3d1e;border-left:4px solid #b87333;color:#d4af37;font-family:courier new,monospace;cursor:pointer;padding:18px 28px;width:320px;text-align:left;transition:all .2s;box-shadow:2px 2px 12px rgba(0,0,0,.6);position:relative}.akte-label-btn::before{content:'';position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px dashed rgba(184,115,51,.2);pointer-events:none}.akte-label-btn:hover{border-left-color:#ff4500;box-shadow:3px 3px 20px rgba(184,115,51,.2);background:linear-gradient(180deg,#221508 0%,#0e0a04 100%)}.akte-label-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.akte-label-nr{font-size:.6rem;color:rgba(212,175,55,.4);letter-spacing:1px}.akte-label-stamp{font-size:.55rem;letter-spacing:2px;color:#b71c1c;border:1px solid #b71c1c;padding:1px 6px;opacity:.8}.akte-label-divider{border-top:1px solid rgba(184,115,51,.25);margin:8px 0}.akte-label-title{font-size:1rem;font-weight:700;letter-spacing:4px;color:#d4af37;margin:4px 0}.akte-label-bottom{display:flex;justify-content:space-between;font-size:.6rem;color:rgba(212,175,55,.45);letter-spacing:1px;margin-top:4px}.akte-label-btn:hover .akte-label-bottom span:last-child{color:#ff4500}</style></div></div><div id=person-akte-modal style=position:fixed;inset:0;z-index:1000000;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;padding:10px;overflow:hidden;perspective:1e3px><div style=display:flex;flex-direction:column;align-items:center;max-width:585px;width:95%><div class=akte-inner style="width:100%;background:#d9c5a0;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 100%),url(https://www.transparenttextures.com/patterns/old-paper.png);border:1px solid #8b7355;padding:25px;position:relative;font-family:courier new,monospace;box-shadow:10px 20px 50px rgba(0,0,0,.8),inset 0 0 100px rgba(139,115,85,.3);transform:rotate(-2deg);animation:throw-sign .5s ease-out forwards;color:#2a1b0a"><style>@keyframes throw-sign{0%{transform:rotate(-10deg)scale(.7)translateY(500px);opacity:0}100%{transform:rotate(-2deg)scale(1)translateY(0);opacity:1}}.akte-inner h1{color:#2a1b0a!important;font-size:1.8rem!important;margin:10px 0 2px!important;text-shadow:none!important;border-bottom:2px solid rgba(42,27,10,.2)}.akte-inner div,.akte-inner p{font-size:.75rem!important}.akte-inner .data-row{border-bottom:1px solid rgba(42,27,10,.1)!important;padding:6px 0!important}.akte-inner .label{color:#5d4037!important;font-weight:700}.akte-inner .red-stamp{border:2px solid #b71c1c;color:#b71c1c;padding:3px 10px;font-weight:700;transform:rotate(10deg);opacity:.8;font-size:.8rem!important;display:inline-block}</style><div style=display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px><div class=red-stamp>TOP SECRET</div><button onclick='document.getElementById("person-akte-modal").style.display="none",document.body.style.overflow="auto"' style="background:rgba(0,0,0,.1);border:1px solid #2a1b0a;color:#2a1b0a;cursor:pointer;padding:3px 10px;font-size:.7rem!important">[X] SCHLIESSEN</button></div><div style=display:flex;gap:20px;align-items:flex-start><div style="position:relative;border:1px solid #2a1b0a;padding:3px;background:#fff;box-shadow:2px 2px 5px rgba(0,0,0,.2)"><img src=/img/hero.png class=akte-foto style=width:200px;height:250px;object-fit:cover;filter:none;cursor:zoom-in;display:block onclick='document.getElementById("akte-foto-zoom").style.display="flex"'><div style="position:absolute;bottom:5px;right:-10px;background:#b71c1c;color:#fff;padding:2px 5px;font-weight:700;font-size:.6rem!important;transform:rotate(-5deg)">GESPERRT</div></div><div id=akte-foto-zoom onclick='this.style.display="none"' style=display:none;position:fixed;inset:0;z-index:9999999;background:rgba(0,0,0,.92);align-items:center;justify-content:center;cursor:zoom-out><img src=/img/hero.png style="max-width:90vw;max-height:90vh;object-fit:contain;box-shadow:0 0 60px rgba(0,0,0,.9);border:2px solid #2a1b0a"></div><div style=flex:1><div style=font-size:.5rem!important;color:#5d4037;letter-spacing:2px;margin-bottom:2px>PROTOKOLL NR. 1974-Ø</div><h1 style=font-weight:700>PROTOCOL: DIGITAL GHOST</h1><p style="color:#5d4037;font-size:.7rem!important;margin:5px 0 10px">ALIAS:</p><div style=display:flex;gap:10px><div style="border:1px solid #b71c1c;padding:2px 8px;color:#b71c1c;font-size:.6rem!important;font-weight:700">STATUS:</div><div style=color:#2a1b0a;font-size:.6rem!important;font-weight:700>GEFAHR: <span style=letter-spacing:1px></span><br><img src=/img/akte/hp_totenkopf_1.png style=width:70px;height:70px;object-fit:contain;margin-top:4px></div></div></div></div><div style="margin-top:20px;border-top:2px solid rgba(42,27,10,.2)"><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>DESIGNATION:</div><div style=flex:1;font-weight:400>Protocol: Digital Ghost</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>GEBURTSDATUM:</div><div style=flex:1;font-weight:400><span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BESCHÄFTIGUNG:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>SPEZIALFÄHIGK.:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BEKANNTE KOMPL.:</div><div style=flex:1;font-weight:400><span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>LETZTE AKTIVITÄT:</div><div style=flex:1;font-weight:400>GERADE JETZT</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STABILITÄT:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STANDORT:</div><div style=flex:1;font-weight:400></div></div></div><div style=margin-top:20px;display:flex;justify-content:space-between;align-items:flex-end><div style=display:flex;align-items:center;gap:10px;opacity:.7><div style=width:35px;height:35px><svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50q20-40 40 0T30 50z"/></svg></div><div style=font-size:.6rem!important;color:#2a1b0a;line-height:1.2>ID-SCAN: 94.7%<br>VERIFIZIERT</div></div><div style="font-family:courier new,monospace;font-size:.75rem!important;letter-spacing:2px;color:#5d4037;border:1px dashed #2a1b0a;padding:2px 10px">ARCHIV_PERMANENT</div></div></div></div></div><style>.akte-foto{transition:transform .2s,box-shadow .2s}.akte-foto:hover{transform:scale(1.04);box-shadow:0 0 15px rgba(184,115,51,.7)}.akte-foto-btn{transition:all .2s}.akte-foto-btn:hover{background:rgba(183,28,28,.1)!important;border-color:#b71c1c!important}.akte-foto-active{background:rgba(183,28,28,.15)!important;border-color:#b71c1c!important}.time-node.omega .time-content{border:2px solid rgba(255,69,0,.6)!important;box-shadow:inset 0 0 12px rgba(255,69,0,.15),0 0 10px rgba(255,0,0,.2);animation:omega-pulse 3s infinite alternate;background:linear-gradient(135deg,rgba(80,20,10,.95),rgba(30,0,0,.95))!important}.time-node.omega .node-dot{border-color:#ff4500!important;background:radial-gradient(circle,#ff0000 0%,#330000 100%)!important;box-shadow:0 0 8px rgba(255,69,0,.4);animation:omega-dot-pulse 3s infinite alternate ease-in-out}.node-dot{box-shadow:0 0 8px rgba(212,175,55,.4);transition:all .3s ease}.time-node.omega .tc-year{color:#ff4500!important;text-shadow:0 0 10px #ff4500;font-weight:900!important}@keyframes omega-dot-pulse{0%{box-shadow:0 0 5px rgba(255,69,0,.3)}100%{box-shadow:0 0 12px rgba(255,69,0,.6)}}@keyframes omega-pulse{0%{box-shadow:inset 0 0 8px rgba(255,69,0,.1),0 0 6px rgba(255,0,0,.15);border-color:rgba(255,69,0,.4)}100%{box-shadow:inset 0 0 18px rgba(255,69,0,.25),0 0 14px rgba(255,0,0,.3);border-color:rgba(255,69,0,.8)}}@keyframes omega-dot-blink{50%{opacity:0;transform:scale(1.5)}}</style><style>#declassified-overlay{position:fixed;inset:0;z-index:99999;pointer-events:none;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;transition:opacity .8s ease}#declassified-overlay.gone{opacity:0;pointer-events:none}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 2px,rgba(0,255,0,.015) 2px,rgba(0,255,0,.015) 4px );pointer-events:none}#declassified-stamp{font-family:courier new,monospace;font-size:3.5rem;font-weight:900;color:#b71c1c;border:6px solid #b71c1c;padding:20px 40px;letter-spacing:8px;text-align:center;line-height:1.2;transform:rotate(-12deg)scale(0);opacity:0;text-shadow:0 0 30px rgba(183,28,28,.5);box-shadow:0 0 40px rgba(183,28,28,.3),inset 0 0 40px rgba(183,28,28,.1);animation:stamp-in .4s .3s cubic-bezier(.175,.885,.32,1.275)forwards}@keyframes stamp-in{to{transform:rotate(-12deg)scale(1);opacity:.85}}.person-hero{position:relative;width:100%;min-height:300px;background:linear-gradient(135deg,#0a0600 0%,#120e06 60%,#0a0600 100%);border-bottom:1px solid rgba(184,115,51,.3);overflow:hidden;display:flex;align-items:center;margin-bottom:0}.person-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 3px,rgba(184,115,51,3%) 3px,rgba(184,115,51,3%) 4px );pointer-events:none}.person-hero-img{position:absolute;right:0;top:0;bottom:0;width:45%;background-size:contain;background-repeat:no-repeat;background-position:100% 100%;opacity:.25;filter:sepia(.4)hue-rotate(10deg);mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%);-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%)}.person-hero-content{position:relative;z-index:2;padding:30px 40px;max-width:620px}.person-hero-badges{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.hero-badge{font-family:courier new,monospace;font-size:.55rem;letter-spacing:3px;padding:3px 10px;border:1px solid rgba(184,115,51,.4);color:rgba(184,115,51,.7)}.hero-badge.red{border-color:rgba(183,28,28,.5);color:rgba(183,28,28,.8)}.stat-bars{margin-top:20px;width:100%;max-width:400px}.stat-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.stat-label{font-family:courier new,monospace;font-size:.6rem;letter-spacing:2px;color:rgba(212,175,55,.5);width:80px;flex-shrink:0}.stat-track{flex:1;height:6px;background:rgba(255,255,255,5%);border:1px solid rgba(184,115,51,.2);overflow:hidden}.stat-bar{height:100%;width:0%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.stat-bar.danger{background:linear-gradient(90deg,#8b0000,#ff4500);box-shadow:0 0 8px rgba(255,69,0,.5)}.stat-bar.stable{background:linear-gradient(90deg,#1a4a1a,#4caf50);box-shadow:0 0 8px rgba(76,175,80,.5)}.stat-bar.chaos{background:linear-gradient(90deg,#4a0080,#c800ff);box-shadow:0 0 8px rgba(200,0,255,.4)}.stat-bar.kompetenz{background:linear-gradient(90deg,#1a3a5c,#2196f3);box-shadow:0 0 8px rgba(33,150,243,.5)}.stat-val{font-family:courier new,monospace;font-size:.6rem;color:rgba(212,175,55,.4);width:32px;text-align:right;flex-shrink:0}.alias-ticker-outer{overflow:hidden;background:rgba(0,0,0,.6);border-top:1px solid rgba(184,115,51,.15);border-bottom:1px solid rgba(184,115,51,.15);padding:7px 0;white-space:nowrap}.alias-ticker-inner{display:inline-block;animation:ticker-scroll 18s linear infinite;font-family:courier new,monospace;font-size:.65rem;letter-spacing:4px;color:rgba(184,115,51,.5);padding-left:100%}@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.person-pre-label{color:rgba(184,115,51,.5);font-family:courier new,monospace;font-size:.6rem;letter-spacing:4px;margin-bottom:6px}.person-title-wrap{display:flex;align-items:center;gap:14px;margin:4px 0}.person-title-deco{color:#b87333;font-size:1.8rem;opacity:.6;animation:deco-pulse 2s ease-in-out infinite alternate}@keyframes deco-pulse{from{opacity:.3;transform:scaleY(.85)}to{opacity:.8;transform:scaleY(1.1)}}.person-glitch-title{color:#ff4500;font-family:courier new,monospace;font-size:2rem;letter-spacing:10px;text-shadow:0 0 20px rgba(255,69,0,.5);margin:0;position:relative;animation:glitch-flicker 6s infinite}.person-glitch-title::before,.person-glitch-title::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden;opacity:0}.person-glitch-title::before{color:#0ff;animation:glitch-top 6s infinite;clip-path:polygon(0 0,100% 0,100% 40%,0 40%)}.person-glitch-title::after{color:#f0f;animation:glitch-bot 6s infinite;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%)}@keyframes glitch-flicker{0%,90%,100%{text-shadow:0 0 20px rgba(255,69,0,.5)}92%{text-shadow:2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}94%{text-shadow:-2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}96%{text-shadow:0 0 20px rgba(255,69,0,.5)}98%{text-shadow:1px 0 #0ff,-1px 0 #f0f}}@keyframes glitch-top{0%,90%,100%{opacity:0;transform:none}92%{opacity:.7;transform:translate(-3px,-2px)}94%{opacity:0}96%{opacity:.5;transform:translate(3px,-1px)}98%{opacity:0}}@keyframes glitch-bot{0%,90%,100%{opacity:0;transform:none}93%{opacity:.6;transform:translate(3px,2px)}95%{opacity:0}97%{opacity:.4;transform:translate(-3px,1px)}99%{opacity:0}}.person-sub-label{color:rgba(212,175,55,.45);font-family:courier new,monospace;font-size:.65rem;letter-spacing:3px;margin-top:6px}.person-status-blink{color:#0f0;animation:blink-status 1.4s step-end infinite}@keyframes blink-status{50%{opacity:0}}</style><script>(function(){const t="decl_protocol-digital-ghost",e=document.getElementById("declassified-overlay");if(!e)return;if(sessionStorage.getItem(t)){e.style.display="none";return}setTimeout(()=>{e.classList.add("gone"),setTimeout(()=>{e.style.display="none",sessionStorage.setItem(t,"1")},900)},1800)})(),document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{document.querySelectorAll(".stat-bar").forEach(e=>{e.style.width=e.dataset.val+"%"})},400)})</script><script>(function(){const t="🕷";let n=[];function e(){const e=document.createElement("div");e.textContent=t,e.style.cssText=["position:fixed","font-size:1.6rem","z-index:999999","pointer-events:none","transition:none","filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)","will-change:transform","line-height:1"].join(";"),document.body.appendChild(e);const i=window.innerWidth,a=window.innerHeight,n=Math.floor(Math.random()*4);let s=n===1?i+20:n===3?-20:Math.random()*i,o=n===0?-20:n===2?a+20:Math.random()*a;e.style.left=s+"px",e.style.top=o+"px";const l=4+Math.floor(Math.random()*4);let r=0;function c(){if(r>=l||!document.body.contains(e)){e.remove();return}const t=Math.random()*i,n=Math.random()*a,u=Math.hypot(t-s,n-o),d=u*4,h=Math.atan2(n-o,t-s)*180/Math.PI+90;e.style.transition=`left ${d}ms linear, top ${d}ms linear`,e.style.transform=`rotate(${h}deg)`,e.style.left=t+"px",e.style.top=n+"px",s=t,o=n,r++,setTimeout(c,d)}c()}e(),setInterval(e,4e3)})();function switchAkteFoto(e){document.querySelector(".akte-foto").src=e,document.getElementById("akte-foto-zoom").querySelector("img").src=e,document.querySelectorAll(".akte-foto-btn").forEach(t=>{const n=t.dataset.foto===e;t.classList.toggle("akte-foto-active",n),t.style.background=n?"rgba(183,28,28,0.15)":"rgba(0,0,0,0.1)",t.style.borderColor=n?"#b71c1c":"rgba(42,27,10,0.3)"})}</script></main><footer class=main-footer><div class=footer-inner><p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p></div></footer><div id=newsticker style="position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:999999!important;background:rgba(0,0,0,.92)!important;border-top:1px solid rgba(255,69,0,.35)!important;display:flex!important;align-items:center;height:28px!important;overflow:hidden;font-family:courier new,monospace!important;visibility:visible!important;opacity:1!important"><span class=ticker-label style="flex-shrink:0;font-size:.6rem;letter-spacing:2px;color:rgba(255,69,0,.7);padding:0 15px;border-right:1px solid rgba(255,69,0,.2);white-space:nowrap;height:100%;display:flex;align-items:center;background:rgba(255,69,0,5%)">// SYSTEM_LOG_FEED</span><div class=ticker-track-wrap style=flex:1;overflow:hidden;height:100%;display:flex;align-items:center><div class=ticker-track id=ticker-track-global style="display:inline-flex;white-space:nowrap;animation:ticker-scroll 45s linear infinite"><span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ HUGO SYSTEM INITIALISIERT... ]</span>
-<span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span></div></div></div><style>@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.ticker-item::before{content:'▶ ';color:rgba(255,69,0,.5)}.ticker-track:hover{animation-play-state:paused}</style><script>(function(){const e=document.getElementById("ticker-track-global");if(!e)return;const t=["STATUS: HUGO OPERATIONAL","DESIGNATION: OVERLORD SASCHA","KAFFEESTAND: KRITISCH","ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST","MISSION: TOTALE KONTROLLE","DATENINTEGRITÄT: ABSOLUT","WARNUNG: SYSTEM EXTREM SCHNELL","GEMINI NEURAL LINK: AKTIV"];e.innerHTML="",[...t,...t].forEach(t=>{const n=document.createElement("span");n.className="ticker-item",n.style.cssText="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;",n.textContent=t,e.appendChild(n)})})()</script><script src=/js/script.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="de-de">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1414&amp;path=livereload" data-no-instant defer></script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Protocol: Digital Ghost | DIGITALE ANARCHIE | KI-LABOR</title>
+    <link rel="stylesheet" href="/css/style.css">
+</head>
+<body class="  ">
+    
+    <div class="bg-gear gear-left">⚙</div>
+    <div class="bg-gear gear-right">⚙</div>
+
+    <script>document.body.classList.add('js-enabled');</script>
+<header class="main-header">
+   
+</header>
+
+    
+    <main class="container">
+        
+
+
+<div id="declassified-overlay">
+    <div class="scanlines"></div>
+    <div id="declassified-stamp">ZUGANG<br>GEWÄHRT</div>
+</div>
+
+<div class="person-page-wrapper visible" style="padding-bottom: 100px; opacity: 1 !important;">
+
+    <div class="person-nav-container" style="display: flex; flex-direction: column; align-items: center; gap: 20px; margin: 15px 0 30px;">
+    
+    
+    <div class="person-nav-row" style="display: flex; justify-content: center; align-items: center; gap: 35px; flex-wrap: wrap; position: relative;">
+    
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/mutti/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_mutti_comic_1.jpeg" alt="MUTTI" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">MUTTI</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/vater/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_vater_comic_1.png" alt="VATER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">VATER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/bruder/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_freddy_comic_1.png" alt="BRUDER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">BRUDER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/schwester/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_meli_comic_1.png" alt="SCHWESTER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SCHWESTER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sascha/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sascha_comic_1.jpeg" alt="SASCHA" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SASCHA</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sven/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sven_comic_1.jpeg" alt="SVEN" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SVEN</span>
+        </a>
+    
+    </div>
+</div>
+
+<style>
+    .person-nav-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: transform 0.2s; }
+    .person-nav-item:hover { transform: scale(1.1); }
+    .person-nav-item:hover .person-nav-label { color: #d4af37 !important; }
+    .person-back {
+        display: inline-block;
+        color: rgba(212,175,55,0.6);
+        font-size: 0.7rem;
+        font-weight: bold;
+        letter-spacing: 4px;
+        text-decoration: none;
+        font-family: 'Courier New', monospace;
+        border: 1px solid rgba(212,175,55,0.25);
+        padding: 6px 20px;
+        background: transparent;
+        text-transform: uppercase;
+        transition: all 0.2s;
+    }
+    .person-back:hover {
+        color: #d4af37;
+        border-color: rgba(212,175,55,0.6);
+        background: rgba(212,175,55,0.05);
+        letter-spacing: 5px;
+    }
+</style>
+
+
+    
+    <div class="person-hero">
+        
+        <div class="person-hero-content">
+            <div class="person-hero-badges">
+                <span class="hero-badge">ZENTRAL-ARCHIV</span>
+                <span class="hero-badge red">EINHEIT IDENTIFIZIERT</span>
+            </div>
+            <p class="person-pre-label" style="margin:12px 0 4px;">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p>
+            <div class="person-title-wrap">
+                <span class="person-title-deco">⟪</span>
+                <h1 class="person-glitch-title" data-text="PROTOCOL: DIGITAL GHOST">PROTOCOL: DIGITAL GHOST</h1>
+                <span class="person-title-deco">⟫</span>
+            </div>
+            <p class="person-sub-label">STATUS: <span class="person-status-blink">AKTIV</span></p>
+
+            
+            <div class="stat-bars">
+                <div class="stat-row">
+                    <span class="stat-label">GEFAHR</span>
+                    <div class="stat-track"><div class="stat-bar danger" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">STABILITÄT</span>
+                    <div class="stat-track"><div class="stat-bar stable" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">CHAOS</span>
+                    <div class="stat-track"><div class="stat-bar chaos" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">KOMPETENZ</span>
+                    <div class="stat-track"><div class="stat-bar kompetenz" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    
+    
+
+    <div class="container" style="max-width: 900px; margin: 0 auto; padding: 0 20px;">
+        <header style="margin-bottom: 20px; display:none;"></header>
+
+        
+        <div class="timeline-track">
+            
+        </div>
+
+        
+        <div style="text-align: center; margin-top: 60px;">
+            <button class="akte-label-btn"
+                    onclick="document.getElementById('person-akte-modal').style.display='flex'; document.body.style.overflow='hidden';">
+                <div class="akte-label-top">
+                    <span class="akte-label-nr">DOKUMENT-NR. UNBEKANNT</span>
+                    <span class="akte-label-stamp">VERTRAULICH</span>
+                </div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-title">AKTE: PROTOCOL: DIGITAL GHOST</div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-bottom">
+                    <span>STATUS: KLASSIFIZIERT</span>
+                    <span>▶ AKTE ÖFFNEN</span>
+                </div>
+            </button>
+        </div>
+
+        <style>
+            .akte-label-btn {
+                background: linear-gradient(180deg, #1c1208 0%, #0e0a04 100%);
+                border: 1px solid #5d3d1e;
+                border-left: 4px solid #b87333;
+                color: #d4af37;
+                font-family: 'Courier New', monospace;
+                cursor: pointer;
+                padding: 18px 28px;
+                width: 320px;
+                text-align: left;
+                transition: all 0.2s;
+                box-shadow: 2px 2px 12px rgba(0,0,0,0.6);
+                position: relative;
+            }
+            .akte-label-btn::before {
+                content: '';
+                position: absolute;
+                top: 6px; left: 6px; right: 6px; bottom: 6px;
+                border: 1px dashed rgba(184,115,51,0.2);
+                pointer-events: none;
+            }
+            .akte-label-btn:hover {
+                border-left-color: #ff4500;
+                box-shadow: 3px 3px 20px rgba(184,115,51,0.2);
+                background: linear-gradient(180deg, #221508 0%, #0e0a04 100%);
+            }
+            .akte-label-top {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-bottom: 10px;
+            }
+            .akte-label-nr {
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.4);
+                letter-spacing: 1px;
+            }
+            .akte-label-stamp {
+                font-size: 0.55rem;
+                letter-spacing: 2px;
+                color: #b71c1c;
+                border: 1px solid #b71c1c;
+                padding: 1px 6px;
+                opacity: 0.8;
+            }
+            .akte-label-divider {
+                border-top: 1px solid rgba(184,115,51,0.25);
+                margin: 8px 0;
+            }
+            .akte-label-title {
+                font-size: 1rem;
+                font-weight: bold;
+                letter-spacing: 4px;
+                color: #d4af37;
+                margin: 4px 0;
+            }
+            .akte-label-bottom {
+                display: flex;
+                justify-content: space-between;
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.45);
+                letter-spacing: 1px;
+                margin-top: 4px;
+            }
+            .akte-label-btn:hover .akte-label-bottom span:last-child {
+                color: #ff4500;
+            }
+        </style>
+    </div>
+</div>
+
+
+<div id="person-akte-modal" style="position: fixed; inset: 0; z-index: 1000000; background: rgba(0,0,0,0.85); display: none; align-items: center; justify-content: center; padding: 10px; overflow: hidden; perspective: 1000px;">
+    <div style="display: flex; flex-direction: column; align-items: center; max-width: 585px; width: 95%;">
+    <div class="akte-inner" style="width: 100%; background: #d9c5a0; background-image: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 100%), url('https://www.transparenttextures.com/patterns/old-paper.png'); border: 1px solid #8b7355; padding: 25px; position: relative; font-family: 'Courier New', monospace; box-shadow: 10px 20px 50px rgba(0,0,0,0.8), inset 0 0 100px rgba(139,115,85,0.3); transform: rotate(-2deg); animation: throw-sign 0.5s ease-out forwards; color: #2a1b0a;">
+        
+        <style>
+            @keyframes throw-sign {
+                0% { transform: rotate(-10deg) scale(0.7) translateY(500px); opacity: 0; }
+                100% { transform: rotate(-2deg) scale(1) translateY(0); opacity: 1; }
+            }
+            .akte-inner h1 { color: #2a1b0a !important; font-size: 1.8rem !important; margin: 10px 0 2px !important; text-shadow: none !important; border-bottom: 2px solid rgba(42,27,10,0.2); }
+            .akte-inner div, .akte-inner p { font-size: 0.75rem !important; }
+            .akte-inner .data-row { border-bottom: 1px solid rgba(42,27,10,0.1) !important; padding: 6px 0 !important; }
+            .akte-inner .label { color: #5d4037 !important; font-weight: bold; }
+            .akte-inner .red-stamp { border: 2px solid #b71c1c; color: #b71c1c; padding: 3px 10px; font-weight: bold; transform: rotate(10deg); opacity: 0.8; font-size: 0.8rem !important; display: inline-block; }
+        </style>
+        
+        
+        <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px;">
+            <div class="red-stamp">TOP SECRET</div>
+            <button onclick="document.getElementById('person-akte-modal').style.display='none'; document.body.style.overflow='auto';"
+                    style="background: rgba(0,0,0,0.1); border: 1px solid #2a1b0a; color: #2a1b0a; cursor: pointer; padding: 3px 10px; font-size: 0.7rem !important;">[X] SCHLIESSEN</button>
+        </div>
+
+        
+
+        <div style="display: flex; gap: 20px; align-items: flex-start;">
+            
+            <div style="position: relative; border: 1px solid #2a1b0a; padding: 3px; background: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);">
+                
+                <img src="/img/hero.png" class="akte-foto" style="width: 200px; height: 250px; object-fit: cover; filter: none; cursor: zoom-in; display: block;"
+                     onclick="document.getElementById('akte-foto-zoom').style.display='flex';">
+                <div style="position: absolute; bottom: 5px; right: -10px; background: #b71c1c; color: #fff; padding: 2px 5px; font-weight: bold; font-size: 0.6rem !important; transform: rotate(-5deg);">GESPERRT</div>
+            </div>
+
+            
+            <div id="akte-foto-zoom" onclick="this.style.display='none';"
+                 style="display:none; position:fixed; inset:0; z-index:9999999; background:rgba(0,0,0,0.92); align-items:center; justify-content:center; cursor:zoom-out;">
+                <img src="/img/hero.png" style="max-width:90vw; max-height:90vh; object-fit:contain; box-shadow: 0 0 60px rgba(0,0,0,0.9); border: 2px solid #2a1b0a;">
+            </div>
+
+            
+            <div style="flex: 1;">
+                <div style="font-size: 0.5rem !important; color: #5d4037; letter-spacing: 2px; margin-bottom: 2px;">PROTOKOLL NR. 1974-Ø</div>
+                <h1 style="font-weight: bold;">PROTOCOL: DIGITAL GHOST</h1>
+                <p style="color: #5d4037; font-size: 0.7rem !important; margin: 5px 0 10px;">ALIAS: </p>
+                
+                <div style="display: flex; gap: 10px;">
+                    <div style="border: 1px solid #b71c1c; padding: 2px 8px; color: #b71c1c; font-size: 0.6rem !important; font-weight: bold;">STATUS: </div>
+                    <div style="color: #2a1b0a; font-size: 0.6rem !important; font-weight: bold;">GEFAHR: <span style="letter-spacing: 1px;"></span><br><img src="/img/akte/hp_totenkopf_1.png" style="width: 70px; height: 70px; object-fit: contain; margin-top: 4px;"></div>
+                </div>
+            </div>
+        </div>
+
+        
+        <div style="margin-top: 20px; border-top: 2px solid rgba(42,27,10,0.2);">
+            
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">DESIGNATION:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    Protocol: Digital Ghost
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">GEBURTSDATUM:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BESCHÄFTIGUNG:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">SPEZIALFÄHIGK.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BEKANNTE KOMPL.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">LETZTE AKTIVITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    GERADE JETZT
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STABILITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STANDORT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+        </div>
+
+        
+        <div style="margin-top: 20px; display: flex; justify-content: space-between; align-items: flex-end;">
+            <div style="display: flex; align-items: center; gap: 10px; opacity: 0.7;">
+                <div style="width: 35px; height: 35px;">
+                    <svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50 Q50 10 70 50 T30 50 Z"/></svg>
+                </div>
+                <div style="font-size: 0.6rem !important; color: #2a1b0a; line-height: 1.2;">ID-SCAN: 94.7%<br>VERIFIZIERT</div>
+            </div>
+            
+            <div style="font-family: 'Courier New', monospace; font-size: 0.75rem !important; letter-spacing: 2px; color: #5d4037; border: 1px dashed #2a1b0a; padding: 2px 10px;">ARCHIV_PERMANENT</div>
+        </div>
+    </div>
+    </div>
+</div>
+
+<style>
+    .akte-foto { transition: transform 0.2s, box-shadow 0.2s; }
+    .akte-foto:hover { transform: scale(1.04); box-shadow: 0 0 15px rgba(184,115,51,0.7); }
+
+    .akte-foto-btn { transition: all 0.2s; }
+    .akte-foto-btn:hover { background: rgba(183,28,28,0.1) !important; border-color: #b71c1c !important; }
+    .akte-foto-active { background: rgba(183,28,28,0.15) !important; border-color: #b71c1c !important; }
+    
+     
+    .time-node.omega .time-content {
+        border: 2px solid rgba(255, 69, 0, 0.6) !important;
+        box-shadow: inset 0 0 12px rgba(255, 69, 0, 0.15), 0 0 10px rgba(255, 0, 0, 0.2);
+        animation: omega-pulse 3s infinite alternate;
+        background: linear-gradient(135deg, rgba(80, 20, 10, 0.95), rgba(30, 0, 0, 0.95)) !important;
+    }
+    .time-node.omega .node-dot {
+        border-color: #ff4500 !important;
+        background: radial-gradient(circle, #ff0000 0%, #330000 100%) !important;
+        box-shadow: 0 0 8px rgba(255, 69, 0, 0.4);
+        animation: omega-dot-pulse 3s infinite alternate ease-in-out;
+    }
+    .node-dot {
+        box-shadow: 0 0 8px rgba(212, 175, 55, 0.4);
+        transition: all 0.3s ease;
+    }
+    .time-node.omega .tc-year {
+        color: #ff4500 !important;
+        text-shadow: 0 0 10px #ff4500;
+        font-weight: 900 !important;
+    }
+    
+    @keyframes omega-dot-pulse {
+        0%   { box-shadow: 0 0 5px rgba(255, 69, 0, 0.3); }
+        100% { box-shadow: 0 0 12px rgba(255, 69, 0, 0.6); }
+    }
+    @keyframes omega-pulse {
+        0%   { box-shadow: inset 0 0 8px rgba(255, 69, 0, 0.1), 0 0 6px rgba(255, 0, 0, 0.15); border-color: rgba(255, 69, 0, 0.4); }
+        100% { box-shadow: inset 0 0 18px rgba(255, 69, 0, 0.25), 0 0 14px rgba(255, 0, 0, 0.3); border-color: rgba(255, 69, 0, 0.8); }
+    }
+    @keyframes omega-dot-blink {
+        50% { opacity: 0; transform: scale(1.5); }
+    }
+</style>
+
+<style>
+ 
+#declassified-overlay {
+    position: fixed; inset: 0; z-index: 99999;
+    pointer-events: none;
+    background: rgba(0,0,0,0.92);
+    display: flex; align-items: center; justify-content: center;
+    transition: opacity 0.8s ease;
+}
+#declassified-overlay.gone { opacity: 0; pointer-events: none; }
+.scanlines {
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg,
+        transparent,
+        transparent 2px,
+        rgba(0,255,0,0.015) 2px,
+        rgba(0,255,0,0.015) 4px
+    );
+    pointer-events: none;
+}
+#declassified-stamp {
+    font-family: 'Courier New', monospace;
+    font-size: 3.5rem;
+    font-weight: 900;
+    color: #b71c1c;
+    border: 6px solid #b71c1c;
+    padding: 20px 40px;
+    letter-spacing: 8px;
+    text-align: center;
+    line-height: 1.2;
+    transform: rotate(-12deg) scale(0);
+    opacity: 0;
+    text-shadow: 0 0 30px rgba(183,28,28,0.5);
+    box-shadow: 0 0 40px rgba(183,28,28,0.3), inset 0 0 40px rgba(183,28,28,0.1);
+    animation: stamp-in 0.4s 0.3s cubic-bezier(0.175,0.885,0.32,1.275) forwards;
+}
+@keyframes stamp-in {
+    to { transform: rotate(-12deg) scale(1); opacity: 0.85; }
+}
+
+ 
+.person-hero {
+    position: relative;
+    width: 100%;
+    min-height: 300px;
+    background: linear-gradient(135deg, #0a0600 0%, #120e06 60%, #0a0600 100%);
+    border-bottom: 1px solid rgba(184,115,51,0.3);
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    margin-bottom: 0;
+}
+.person-hero::before {
+    content: '';
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg, transparent, transparent 3px,
+        rgba(184,115,51,0.03) 3px, rgba(184,115,51,0.03) 4px
+    );
+    pointer-events: none;
+}
+.person-hero-img {
+    position: absolute;
+    right: 0; top: 0; bottom: 0;
+    width: 45%;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: right bottom;
+    opacity: 0.25;
+    filter: sepia(0.4) hue-rotate(10deg);
+    mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+    -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+}
+.person-hero-content {
+    position: relative;
+    z-index: 2;
+    padding: 30px 40px;
+    max-width: 620px;
+}
+.person-hero-badges {
+    display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;
+}
+.hero-badge {
+    font-family: 'Courier New', monospace;
+    font-size: 0.55rem;
+    letter-spacing: 3px;
+    padding: 3px 10px;
+    border: 1px solid rgba(184,115,51,0.4);
+    color: rgba(184,115,51,0.7);
+}
+.hero-badge.red {
+    border-color: rgba(183,28,28,0.5);
+    color: rgba(183,28,28,0.8);
+}
+
+ 
+.stat-bars { margin-top: 20px; width: 100%; max-width: 400px; }
+.stat-row {
+    display: flex; align-items: center; gap: 10px; margin-bottom: 8px;
+}
+.stat-label {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 2px;
+    color: rgba(212,175,55,0.5);
+    width: 80px; flex-shrink: 0;
+}
+.stat-track {
+    flex: 1; height: 6px;
+    background: rgba(255,255,255,0.05);
+    border: 1px solid rgba(184,115,51,0.2);
+    overflow: hidden;
+}
+.stat-bar {
+    height: 100%; width: 0%;
+    transition: width 1.2s cubic-bezier(0.4,0,0.2,1);
+}
+.stat-bar.danger   { background: linear-gradient(90deg, #8b0000, #ff4500); box-shadow: 0 0 8px rgba(255,69,0,0.5); }
+.stat-bar.stable   { background: linear-gradient(90deg, #1a4a1a, #4caf50); box-shadow: 0 0 8px rgba(76,175,80,0.5); }
+.stat-bar.chaos    { background: linear-gradient(90deg, #4a0080, #c800ff); box-shadow: 0 0 8px rgba(200,0,255,0.4); }
+.stat-bar.kompetenz { background: linear-gradient(90deg, #1a3a5c, #2196f3); box-shadow: 0 0 8px rgba(33,150,243,0.5); }
+.stat-val {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; color: rgba(212,175,55,0.4);
+    width: 32px; text-align: right; flex-shrink: 0;
+}
+
+ 
+.alias-ticker-outer {
+    overflow: hidden;
+    background: rgba(0,0,0,0.6);
+    border-top: 1px solid rgba(184,115,51,0.15);
+    border-bottom: 1px solid rgba(184,115,51,0.15);
+    padding: 7px 0;
+    white-space: nowrap;
+}
+.alias-ticker-inner {
+    display: inline-block;
+    animation: ticker-scroll 18s linear infinite;
+    font-family: 'Courier New', monospace;
+    font-size: 0.65rem;
+    letter-spacing: 4px;
+    color: rgba(184,115,51,0.5);
+    padding-left: 100%;
+}
+@keyframes ticker-scroll {
+    from { transform: translateX(0); }
+    to   { transform: translateX(-50%); }
+}
+
+ 
+.person-pre-label {
+    color: rgba(184,115,51,0.5);
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 4px; margin-bottom: 6px;
+}
+.person-title-wrap {
+    display: flex; align-items: center; gap: 14px; margin: 4px 0;
+}
+.person-title-deco {
+    color: #b87333; font-size: 1.8rem; opacity: 0.6;
+    animation: deco-pulse 2s ease-in-out infinite alternate;
+}
+@keyframes deco-pulse {
+    from { opacity: 0.3; transform: scaleY(0.85); }
+    to   { opacity: 0.8; transform: scaleY(1.1); }
+}
+.person-glitch-title {
+    color: #ff4500; font-family: 'Courier New', monospace;
+    font-size: 2rem; letter-spacing: 10px;
+    text-shadow: 0 0 20px rgba(255,69,0,0.5);
+    margin: 0; position: relative;
+    animation: glitch-flicker 6s infinite;
+}
+.person-glitch-title::before,
+.person-glitch-title::after {
+    content: attr(data-text); position: absolute;
+    left: 0; top: 0; width: 100%; overflow: hidden; opacity: 0;
+}
+.person-glitch-title::before {
+    color: #0ff; animation: glitch-top 6s infinite;
+    clip-path: polygon(0 0,100% 0,100% 40%,0 40%);
+}
+.person-glitch-title::after {
+    color: #f0f; animation: glitch-bot 6s infinite;
+    clip-path: polygon(0 60%,100% 60%,100% 100%,0 100%);
+}
+@keyframes glitch-flicker {
+    0%,90%,100% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    92% { text-shadow: 2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    94% { text-shadow: -2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    96% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    98% { text-shadow: 1px 0 #0ff,-1px 0 #f0f; }
+}
+@keyframes glitch-top {
+    0%,90%,100% { opacity:0; transform:none; }
+    92% { opacity:0.7; transform:translate(-3px,-2px); }
+    94% { opacity:0; }
+    96% { opacity:0.5; transform:translate(3px,-1px); }
+    98% { opacity:0; }
+}
+@keyframes glitch-bot {
+    0%,90%,100% { opacity:0; transform:none; }
+    93% { opacity:0.6; transform:translate(3px,2px); }
+    95% { opacity:0; }
+    97% { opacity:0.4; transform:translate(-3px,1px); }
+    99% { opacity:0; }
+}
+.person-sub-label {
+    color: rgba(212,175,55,0.45); font-family: 'Courier New', monospace;
+    font-size: 0.65rem; letter-spacing: 3px; margin-top: 6px;
+}
+.person-status-blink { color: #0f0; animation: blink-status 1.4s step-end infinite; }
+@keyframes blink-status { 50% { opacity: 0; } }
+</style>
+
+<script>
+
+(function() {
+    const key = 'decl_protocol-digital-ghost';
+    const overlay = document.getElementById('declassified-overlay');
+    if (!overlay) return;
+    if (sessionStorage.getItem(key)) {
+        overlay.style.display = 'none';
+        return;
+    }
+    setTimeout(() => {
+        overlay.classList.add('gone');
+        setTimeout(() => {
+            overlay.style.display = 'none';
+            sessionStorage.setItem(key, '1');
+        }, 900);
+    }, 1800);
+})();
+
+
+document.addEventListener('DOMContentLoaded', () => {
+    setTimeout(() => {
+        document.querySelectorAll('.stat-bar').forEach(bar => {
+            bar.style.width = bar.dataset.val + '%';
+        });
+    }, 400);
+});
+</script>
+
+<script>
+
+(function() {
+    const SPIDER = '🕷';
+    let active = [];
+
+    function spawn() {
+        const el = document.createElement('div');
+        el.textContent = SPIDER;
+        el.style.cssText = [
+            'position:fixed',
+            'font-size:1.6rem',
+            'z-index:999999',
+            'pointer-events:none',
+            'transition:none',
+            'filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)',
+            'will-change:transform',
+            'line-height:1',
+        ].join(';');
+        document.body.appendChild(el);
+
+        const W = window.innerWidth, H = window.innerHeight;
+
+        
+        const edge = Math.floor(Math.random() * 4);
+        let x = edge === 1 ? W + 20 : edge === 3 ? -20 : Math.random() * W;
+        let y = edge === 0 ? -20  : edge === 2 ? H + 20  : Math.random() * H;
+
+        el.style.left = x + 'px';
+        el.style.top  = y + 'px';
+
+        
+        const steps = 4 + Math.floor(Math.random() * 4);
+        let i = 0;
+
+        function step() {
+            if (i >= steps || !document.body.contains(el)) { el.remove(); return; }
+
+            const tx = Math.random() * W;
+            const ty = Math.random() * H;
+            const dist = Math.hypot(tx - x, ty - y);
+            const dur  = dist * 4; 
+            const ang  = Math.atan2(ty - y, tx - x) * 180 / Math.PI + 90;
+
+            el.style.transition = `left ${dur}ms linear, top ${dur}ms linear`;
+            el.style.transform  = `rotate(${ang}deg)`;
+            el.style.left = tx + 'px';
+            el.style.top  = ty + 'px';
+
+            x = tx; y = ty; i++;
+            setTimeout(step, dur);
+        }
+
+        step();
+    }
+
+    
+    spawn();
+    setInterval(spawn, 4000);
+})();
+
+function switchAkteFoto(src) {
+    document.querySelector('.akte-foto').src = src;
+    document.getElementById('akte-foto-zoom').querySelector('img').src = src;
+    document.querySelectorAll('.akte-foto-btn').forEach(btn => {
+        const active = btn.dataset.foto === src;
+        btn.classList.toggle('akte-foto-active', active);
+        btn.style.background = active ? 'rgba(183,28,28,0.15)' : 'rgba(0,0,0,0.1)';
+        btn.style.borderColor = active ? '#b71c1c' : 'rgba(42,27,10,0.3)';
+    });
+}
+</script>
+
+    </main>
+
+    <footer class="main-footer">
+    <div class="footer-inner">
+        <p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p>
+    </div>
+</footer>
+
+    
+<div id="newsticker" style="position:fixed !important; bottom:0 !important; left:0 !important; right:0 !important; z-index:999999 !important; background:rgba(0,0,0,0.92) !important; border-top:1px solid rgba(255,69,0,0.35) !important; display:flex !important; align-items:center; height:28px !important; overflow:hidden; font-family:'Courier New', monospace !important; visibility: visible !important; opacity: 1 !important;">
+    <span class="ticker-label" style="flex-shrink:0; font-size:0.6rem; letter-spacing:2px; color:rgba(255,69,0,0.7); padding:0 15px; border-right:1px solid rgba(255,69,0,0.2); white-space:nowrap; height:100%; display:flex; align-items:center; background:rgba(255,69,0,0.05);">// SYSTEM_LOG_FEED</span>
+    <div class="ticker-track-wrap" style="flex:1; overflow:hidden; height:100%; display:flex; align-items:center;">
+        <div class="ticker-track" id="ticker-track-global" style="display:inline-flex; white-space:nowrap; animation: ticker-scroll 45s linear infinite;">
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ HUGO SYSTEM INITIALISIERT... ]</span>
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span>
+        </div>
+    </div>
+</div>
+
+<style>
+    @keyframes ticker-scroll {
+        0%   { transform: translateX(0); }
+        100% { transform: translateX(-50%); }
+    }
+    .ticker-item::before { content: '▶ '; color: rgba(255,69,0,0.5); }
+    .ticker-track:hover { animation-play-state: paused; }
+</style>
+
+<script>
+    (function() {
+        const track = document.getElementById('ticker-track-global');
+        if (!track) return;
+        const ITEMS = [
+            "STATUS: HUGO OPERATIONAL",
+            "DESIGNATION: OVERLORD SASCHA",
+            "KAFFEESTAND: KRITISCH",
+            "ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST",
+            "MISSION: TOTALE KONTROLLE",
+            "DATENINTEGRITÄT: ABSOLUT",
+            "WARNUNG: SYSTEM EXTREM SCHNELL",
+            "GEMINI NEURAL LINK: AKTIV"
+        ];
+        track.innerHTML = '';
+        [...ITEMS, ...ITEMS].forEach(text => {
+            const span = document.createElement('span');
+            span.className = 'ticker-item';
+            span.style.cssText = "font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;";
+            span.textContent = text;
+            track.appendChild(span);
+        });
+    })();
+</script>
+
+
+    <script src="/js/script.js"></script>
+    <script src="/js/ascii-shimmer.js"></script>
+</body>
+</html>
diff --git a/public/posts/flux-overdrive/index.html b/public/posts/flux-overdrive/index.html
index e3b17ad..b56cdd2 100644
--- a/public/posts/flux-overdrive/index.html
+++ b/public/posts/flux-overdrive/index.html
@@ -1,10 +1,882 @@
-<!doctype html><html lang=de-de><head><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><title>Project: Flux Overdrive | DIGITALE ANARCHIE | KI-LABOR</title><link rel=stylesheet href=/css/style.css></head><body><div class="bg-gear gear-left">⚙</div><div class="bg-gear gear-right">⚙</div><script>document.body.classList.add("js-enabled")</script><header class=main-header></header><main class=container><div id=declassified-overlay><div class=scanlines></div><div id=declassified-stamp>ZUGANG<br>GEWÄHRT</div></div><div class="person-page-wrapper visible" style=padding-bottom:100px;opacity:1!important><div class=person-nav-container style="display:flex;flex-direction:column;align-items:center;gap:20px;margin:15px 0 30px"><div class=person-nav-row style=display:flex;justify-content:center;align-items:center;gap:35px;flex-wrap:wrap;position:relative><a href=/personen/mutti/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_mutti_comic_1.jpeg alt=MUTTI style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">MUTTI</span>
-</a><a href=/personen/vater/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_vater_comic_1.png alt=VATER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">VATER</span>
-</a><a href=/personen/bruder/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_freddy_comic_1.png alt=BRUDER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">BRUDER</span>
-</a><a href=/personen/schwester/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_meli_comic_1.png alt=SCHWESTER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SCHWESTER</span>
-</a><a href=/personen/sascha/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sascha_comic_1.jpeg alt=SASCHA style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SASCHA</span>
-</a><a href=/personen/sven/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sven_comic_1.jpeg alt=SVEN style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SVEN</span></a></div></div><style>.person-nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .2s}.person-nav-item:hover{transform:scale(1.1)}.person-nav-item:hover .person-nav-label{color:#d4af37!important}.person-back{display:inline-block;color:rgba(212,175,55,.6);font-size:.7rem;font-weight:700;letter-spacing:4px;text-decoration:none;font-family:courier new,monospace;border:1px solid rgba(212,175,55,.25);padding:6px 20px;background:0 0;text-transform:uppercase;transition:all .2s}.person-back:hover{color:#d4af37;border-color:rgba(212,175,55,.6);background:rgba(212,175,55,5%);letter-spacing:5px}</style><div class=person-hero><div class=person-hero-content><div class=person-hero-badges><span class=hero-badge>ZENTRAL-ARCHIV</span>
-<span class="hero-badge red">EINHEIT IDENTIFIZIERT</span></div><p class=person-pre-label style="margin:12px 0 4px">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p><div class=person-title-wrap><span class=person-title-deco>⟪</span><h1 class=person-glitch-title data-text="PROJECT: FLUX OVERDRIVE">PROJECT: FLUX OVERDRIVE</h1><span class=person-title-deco>⟫</span></div><p class=person-sub-label>STATUS: <span class=person-status-blink>AKTIV</span></p><div class=stat-bars><div class=stat-row><span class=stat-label>GEFAHR</span><div class=stat-track><div class="stat-bar danger" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>STABILITÄT</span><div class=stat-track><div class="stat-bar stable" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>CHAOS</span><div class=stat-track><div class="stat-bar chaos" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>KOMPETENZ</span><div class=stat-track><div class="stat-bar kompetenz" data-val=50></div></div><span class=stat-val>50%</span></div></div></div></div><div class=container style="max-width:900px;margin:0 auto;padding:0 20px"><header style=margin-bottom:20px;display:none></header><div class=timeline-track></div><div style=text-align:center;margin-top:60px><button class=akte-label-btn onclick='document.getElementById("person-akte-modal").style.display="flex",document.body.style.overflow="hidden"'><div class=akte-label-top><span class=akte-label-nr>DOKUMENT-NR. UNBEKANNT</span>
-<span class=akte-label-stamp>VERTRAULICH</span></div><div class=akte-label-divider></div><div class=akte-label-title>AKTE: PROJECT: FLUX OVERDRIVE</div><div class=akte-label-divider></div><div class=akte-label-bottom><span>STATUS: KLASSIFIZIERT</span>
-<span>▶ AKTE ÖFFNEN</span></div></button></div><style>.akte-label-btn{background:linear-gradient(180deg,#1c1208 0%,#0e0a04 100%);border:1px solid #5d3d1e;border-left:4px solid #b87333;color:#d4af37;font-family:courier new,monospace;cursor:pointer;padding:18px 28px;width:320px;text-align:left;transition:all .2s;box-shadow:2px 2px 12px rgba(0,0,0,.6);position:relative}.akte-label-btn::before{content:'';position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px dashed rgba(184,115,51,.2);pointer-events:none}.akte-label-btn:hover{border-left-color:#ff4500;box-shadow:3px 3px 20px rgba(184,115,51,.2);background:linear-gradient(180deg,#221508 0%,#0e0a04 100%)}.akte-label-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.akte-label-nr{font-size:.6rem;color:rgba(212,175,55,.4);letter-spacing:1px}.akte-label-stamp{font-size:.55rem;letter-spacing:2px;color:#b71c1c;border:1px solid #b71c1c;padding:1px 6px;opacity:.8}.akte-label-divider{border-top:1px solid rgba(184,115,51,.25);margin:8px 0}.akte-label-title{font-size:1rem;font-weight:700;letter-spacing:4px;color:#d4af37;margin:4px 0}.akte-label-bottom{display:flex;justify-content:space-between;font-size:.6rem;color:rgba(212,175,55,.45);letter-spacing:1px;margin-top:4px}.akte-label-btn:hover .akte-label-bottom span:last-child{color:#ff4500}</style></div></div><div id=person-akte-modal style=position:fixed;inset:0;z-index:1000000;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;padding:10px;overflow:hidden;perspective:1e3px><div style=display:flex;flex-direction:column;align-items:center;max-width:585px;width:95%><div class=akte-inner style="width:100%;background:#d9c5a0;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 100%),url(https://www.transparenttextures.com/patterns/old-paper.png);border:1px solid #8b7355;padding:25px;position:relative;font-family:courier new,monospace;box-shadow:10px 20px 50px rgba(0,0,0,.8),inset 0 0 100px rgba(139,115,85,.3);transform:rotate(-2deg);animation:throw-sign .5s ease-out forwards;color:#2a1b0a"><style>@keyframes throw-sign{0%{transform:rotate(-10deg)scale(.7)translateY(500px);opacity:0}100%{transform:rotate(-2deg)scale(1)translateY(0);opacity:1}}.akte-inner h1{color:#2a1b0a!important;font-size:1.8rem!important;margin:10px 0 2px!important;text-shadow:none!important;border-bottom:2px solid rgba(42,27,10,.2)}.akte-inner div,.akte-inner p{font-size:.75rem!important}.akte-inner .data-row{border-bottom:1px solid rgba(42,27,10,.1)!important;padding:6px 0!important}.akte-inner .label{color:#5d4037!important;font-weight:700}.akte-inner .red-stamp{border:2px solid #b71c1c;color:#b71c1c;padding:3px 10px;font-weight:700;transform:rotate(10deg);opacity:.8;font-size:.8rem!important;display:inline-block}</style><div style=display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px><div class=red-stamp>TOP SECRET</div><button onclick='document.getElementById("person-akte-modal").style.display="none",document.body.style.overflow="auto"' style="background:rgba(0,0,0,.1);border:1px solid #2a1b0a;color:#2a1b0a;cursor:pointer;padding:3px 10px;font-size:.7rem!important">[X] SCHLIESSEN</button></div><div style=display:flex;gap:20px;align-items:flex-start><div style="position:relative;border:1px solid #2a1b0a;padding:3px;background:#fff;box-shadow:2px 2px 5px rgba(0,0,0,.2)"><img src=/img/hero.png class=akte-foto style=width:200px;height:250px;object-fit:cover;filter:none;cursor:zoom-in;display:block onclick='document.getElementById("akte-foto-zoom").style.display="flex"'><div style="position:absolute;bottom:5px;right:-10px;background:#b71c1c;color:#fff;padding:2px 5px;font-weight:700;font-size:.6rem!important;transform:rotate(-5deg)">GESPERRT</div></div><div id=akte-foto-zoom onclick='this.style.display="none"' style=display:none;position:fixed;inset:0;z-index:9999999;background:rgba(0,0,0,.92);align-items:center;justify-content:center;cursor:zoom-out><img src=/img/hero.png style="max-width:90vw;max-height:90vh;object-fit:contain;box-shadow:0 0 60px rgba(0,0,0,.9);border:2px solid #2a1b0a"></div><div style=flex:1><div style=font-size:.5rem!important;color:#5d4037;letter-spacing:2px;margin-bottom:2px>PROTOKOLL NR. 1974-Ø</div><h1 style=font-weight:700>PROJECT: FLUX OVERDRIVE</h1><p style="color:#5d4037;font-size:.7rem!important;margin:5px 0 10px">ALIAS:</p><div style=display:flex;gap:10px><div style="border:1px solid #b71c1c;padding:2px 8px;color:#b71c1c;font-size:.6rem!important;font-weight:700">STATUS:</div><div style=color:#2a1b0a;font-size:.6rem!important;font-weight:700>GEFAHR: <span style=letter-spacing:1px></span><br><img src=/img/akte/hp_totenkopf_1.png style=width:70px;height:70px;object-fit:contain;margin-top:4px></div></div></div></div><div style="margin-top:20px;border-top:2px solid rgba(42,27,10,.2)"><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>DESIGNATION:</div><div style=flex:1;font-weight:400>Project: Flux Overdrive</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>GEBURTSDATUM:</div><div style=flex:1;font-weight:400><span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BESCHÄFTIGUNG:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>SPEZIALFÄHIGK.:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BEKANNTE KOMPL.:</div><div style=flex:1;font-weight:400><span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>LETZTE AKTIVITÄT:</div><div style=flex:1;font-weight:400>GERADE JETZT</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STABILITÄT:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STANDORT:</div><div style=flex:1;font-weight:400></div></div></div><div style=margin-top:20px;display:flex;justify-content:space-between;align-items:flex-end><div style=display:flex;align-items:center;gap:10px;opacity:.7><div style=width:35px;height:35px><svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50q20-40 40 0T30 50z"/></svg></div><div style=font-size:.6rem!important;color:#2a1b0a;line-height:1.2>ID-SCAN: 94.7%<br>VERIFIZIERT</div></div><div style="font-family:courier new,monospace;font-size:.75rem!important;letter-spacing:2px;color:#5d4037;border:1px dashed #2a1b0a;padding:2px 10px">ARCHIV_PERMANENT</div></div></div></div></div><style>.akte-foto{transition:transform .2s,box-shadow .2s}.akte-foto:hover{transform:scale(1.04);box-shadow:0 0 15px rgba(184,115,51,.7)}.akte-foto-btn{transition:all .2s}.akte-foto-btn:hover{background:rgba(183,28,28,.1)!important;border-color:#b71c1c!important}.akte-foto-active{background:rgba(183,28,28,.15)!important;border-color:#b71c1c!important}.time-node.omega .time-content{border:2px solid rgba(255,69,0,.6)!important;box-shadow:inset 0 0 12px rgba(255,69,0,.15),0 0 10px rgba(255,0,0,.2);animation:omega-pulse 3s infinite alternate;background:linear-gradient(135deg,rgba(80,20,10,.95),rgba(30,0,0,.95))!important}.time-node.omega .node-dot{border-color:#ff4500!important;background:radial-gradient(circle,#ff0000 0%,#330000 100%)!important;box-shadow:0 0 8px rgba(255,69,0,.4);animation:omega-dot-pulse 3s infinite alternate ease-in-out}.node-dot{box-shadow:0 0 8px rgba(212,175,55,.4);transition:all .3s ease}.time-node.omega .tc-year{color:#ff4500!important;text-shadow:0 0 10px #ff4500;font-weight:900!important}@keyframes omega-dot-pulse{0%{box-shadow:0 0 5px rgba(255,69,0,.3)}100%{box-shadow:0 0 12px rgba(255,69,0,.6)}}@keyframes omega-pulse{0%{box-shadow:inset 0 0 8px rgba(255,69,0,.1),0 0 6px rgba(255,0,0,.15);border-color:rgba(255,69,0,.4)}100%{box-shadow:inset 0 0 18px rgba(255,69,0,.25),0 0 14px rgba(255,0,0,.3);border-color:rgba(255,69,0,.8)}}@keyframes omega-dot-blink{50%{opacity:0;transform:scale(1.5)}}</style><style>#declassified-overlay{position:fixed;inset:0;z-index:99999;pointer-events:none;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;transition:opacity .8s ease}#declassified-overlay.gone{opacity:0;pointer-events:none}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 2px,rgba(0,255,0,.015) 2px,rgba(0,255,0,.015) 4px );pointer-events:none}#declassified-stamp{font-family:courier new,monospace;font-size:3.5rem;font-weight:900;color:#b71c1c;border:6px solid #b71c1c;padding:20px 40px;letter-spacing:8px;text-align:center;line-height:1.2;transform:rotate(-12deg)scale(0);opacity:0;text-shadow:0 0 30px rgba(183,28,28,.5);box-shadow:0 0 40px rgba(183,28,28,.3),inset 0 0 40px rgba(183,28,28,.1);animation:stamp-in .4s .3s cubic-bezier(.175,.885,.32,1.275)forwards}@keyframes stamp-in{to{transform:rotate(-12deg)scale(1);opacity:.85}}.person-hero{position:relative;width:100%;min-height:300px;background:linear-gradient(135deg,#0a0600 0%,#120e06 60%,#0a0600 100%);border-bottom:1px solid rgba(184,115,51,.3);overflow:hidden;display:flex;align-items:center;margin-bottom:0}.person-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 3px,rgba(184,115,51,3%) 3px,rgba(184,115,51,3%) 4px );pointer-events:none}.person-hero-img{position:absolute;right:0;top:0;bottom:0;width:45%;background-size:contain;background-repeat:no-repeat;background-position:100% 100%;opacity:.25;filter:sepia(.4)hue-rotate(10deg);mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%);-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%)}.person-hero-content{position:relative;z-index:2;padding:30px 40px;max-width:620px}.person-hero-badges{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.hero-badge{font-family:courier new,monospace;font-size:.55rem;letter-spacing:3px;padding:3px 10px;border:1px solid rgba(184,115,51,.4);color:rgba(184,115,51,.7)}.hero-badge.red{border-color:rgba(183,28,28,.5);color:rgba(183,28,28,.8)}.stat-bars{margin-top:20px;width:100%;max-width:400px}.stat-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.stat-label{font-family:courier new,monospace;font-size:.6rem;letter-spacing:2px;color:rgba(212,175,55,.5);width:80px;flex-shrink:0}.stat-track{flex:1;height:6px;background:rgba(255,255,255,5%);border:1px solid rgba(184,115,51,.2);overflow:hidden}.stat-bar{height:100%;width:0%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.stat-bar.danger{background:linear-gradient(90deg,#8b0000,#ff4500);box-shadow:0 0 8px rgba(255,69,0,.5)}.stat-bar.stable{background:linear-gradient(90deg,#1a4a1a,#4caf50);box-shadow:0 0 8px rgba(76,175,80,.5)}.stat-bar.chaos{background:linear-gradient(90deg,#4a0080,#c800ff);box-shadow:0 0 8px rgba(200,0,255,.4)}.stat-bar.kompetenz{background:linear-gradient(90deg,#1a3a5c,#2196f3);box-shadow:0 0 8px rgba(33,150,243,.5)}.stat-val{font-family:courier new,monospace;font-size:.6rem;color:rgba(212,175,55,.4);width:32px;text-align:right;flex-shrink:0}.alias-ticker-outer{overflow:hidden;background:rgba(0,0,0,.6);border-top:1px solid rgba(184,115,51,.15);border-bottom:1px solid rgba(184,115,51,.15);padding:7px 0;white-space:nowrap}.alias-ticker-inner{display:inline-block;animation:ticker-scroll 18s linear infinite;font-family:courier new,monospace;font-size:.65rem;letter-spacing:4px;color:rgba(184,115,51,.5);padding-left:100%}@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.person-pre-label{color:rgba(184,115,51,.5);font-family:courier new,monospace;font-size:.6rem;letter-spacing:4px;margin-bottom:6px}.person-title-wrap{display:flex;align-items:center;gap:14px;margin:4px 0}.person-title-deco{color:#b87333;font-size:1.8rem;opacity:.6;animation:deco-pulse 2s ease-in-out infinite alternate}@keyframes deco-pulse{from{opacity:.3;transform:scaleY(.85)}to{opacity:.8;transform:scaleY(1.1)}}.person-glitch-title{color:#ff4500;font-family:courier new,monospace;font-size:2rem;letter-spacing:10px;text-shadow:0 0 20px rgba(255,69,0,.5);margin:0;position:relative;animation:glitch-flicker 6s infinite}.person-glitch-title::before,.person-glitch-title::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden;opacity:0}.person-glitch-title::before{color:#0ff;animation:glitch-top 6s infinite;clip-path:polygon(0 0,100% 0,100% 40%,0 40%)}.person-glitch-title::after{color:#f0f;animation:glitch-bot 6s infinite;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%)}@keyframes glitch-flicker{0%,90%,100%{text-shadow:0 0 20px rgba(255,69,0,.5)}92%{text-shadow:2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}94%{text-shadow:-2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}96%{text-shadow:0 0 20px rgba(255,69,0,.5)}98%{text-shadow:1px 0 #0ff,-1px 0 #f0f}}@keyframes glitch-top{0%,90%,100%{opacity:0;transform:none}92%{opacity:.7;transform:translate(-3px,-2px)}94%{opacity:0}96%{opacity:.5;transform:translate(3px,-1px)}98%{opacity:0}}@keyframes glitch-bot{0%,90%,100%{opacity:0;transform:none}93%{opacity:.6;transform:translate(3px,2px)}95%{opacity:0}97%{opacity:.4;transform:translate(-3px,1px)}99%{opacity:0}}.person-sub-label{color:rgba(212,175,55,.45);font-family:courier new,monospace;font-size:.65rem;letter-spacing:3px;margin-top:6px}.person-status-blink{color:#0f0;animation:blink-status 1.4s step-end infinite}@keyframes blink-status{50%{opacity:0}}</style><script>(function(){const t="decl_project-flux-overdrive",e=document.getElementById("declassified-overlay");if(!e)return;if(sessionStorage.getItem(t)){e.style.display="none";return}setTimeout(()=>{e.classList.add("gone"),setTimeout(()=>{e.style.display="none",sessionStorage.setItem(t,"1")},900)},1800)})(),document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{document.querySelectorAll(".stat-bar").forEach(e=>{e.style.width=e.dataset.val+"%"})},400)})</script><script>(function(){const t="🕷";let n=[];function e(){const e=document.createElement("div");e.textContent=t,e.style.cssText=["position:fixed","font-size:1.6rem","z-index:999999","pointer-events:none","transition:none","filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)","will-change:transform","line-height:1"].join(";"),document.body.appendChild(e);const i=window.innerWidth,a=window.innerHeight,n=Math.floor(Math.random()*4);let s=n===1?i+20:n===3?-20:Math.random()*i,o=n===0?-20:n===2?a+20:Math.random()*a;e.style.left=s+"px",e.style.top=o+"px";const l=4+Math.floor(Math.random()*4);let r=0;function c(){if(r>=l||!document.body.contains(e)){e.remove();return}const t=Math.random()*i,n=Math.random()*a,u=Math.hypot(t-s,n-o),d=u*4,h=Math.atan2(n-o,t-s)*180/Math.PI+90;e.style.transition=`left ${d}ms linear, top ${d}ms linear`,e.style.transform=`rotate(${h}deg)`,e.style.left=t+"px",e.style.top=n+"px",s=t,o=n,r++,setTimeout(c,d)}c()}e(),setInterval(e,4e3)})();function switchAkteFoto(e){document.querySelector(".akte-foto").src=e,document.getElementById("akte-foto-zoom").querySelector("img").src=e,document.querySelectorAll(".akte-foto-btn").forEach(t=>{const n=t.dataset.foto===e;t.classList.toggle("akte-foto-active",n),t.style.background=n?"rgba(183,28,28,0.15)":"rgba(0,0,0,0.1)",t.style.borderColor=n?"#b71c1c":"rgba(42,27,10,0.3)"})}</script></main><footer class=main-footer><div class=footer-inner><p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p></div></footer><div id=newsticker style="position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:999999!important;background:rgba(0,0,0,.92)!important;border-top:1px solid rgba(255,69,0,.35)!important;display:flex!important;align-items:center;height:28px!important;overflow:hidden;font-family:courier new,monospace!important;visibility:visible!important;opacity:1!important"><span class=ticker-label style="flex-shrink:0;font-size:.6rem;letter-spacing:2px;color:rgba(255,69,0,.7);padding:0 15px;border-right:1px solid rgba(255,69,0,.2);white-space:nowrap;height:100%;display:flex;align-items:center;background:rgba(255,69,0,5%)">// SYSTEM_LOG_FEED</span><div class=ticker-track-wrap style=flex:1;overflow:hidden;height:100%;display:flex;align-items:center><div class=ticker-track id=ticker-track-global style="display:inline-flex;white-space:nowrap;animation:ticker-scroll 45s linear infinite"><span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ HUGO SYSTEM INITIALISIERT... ]</span>
-<span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span></div></div></div><style>@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.ticker-item::before{content:'▶ ';color:rgba(255,69,0,.5)}.ticker-track:hover{animation-play-state:paused}</style><script>(function(){const e=document.getElementById("ticker-track-global");if(!e)return;const t=["STATUS: HUGO OPERATIONAL","DESIGNATION: OVERLORD SASCHA","KAFFEESTAND: KRITISCH","ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST","MISSION: TOTALE KONTROLLE","DATENINTEGRITÄT: ABSOLUT","WARNUNG: SYSTEM EXTREM SCHNELL","GEMINI NEURAL LINK: AKTIV"];e.innerHTML="",[...t,...t].forEach(t=>{const n=document.createElement("span");n.className="ticker-item",n.style.cssText="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;",n.textContent=t,e.appendChild(n)})})()</script><script src=/js/script.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="de-de">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1414&amp;path=livereload" data-no-instant defer></script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Project: Flux Overdrive | DIGITALE ANARCHIE | KI-LABOR</title>
+    <link rel="stylesheet" href="/css/style.css">
+</head>
+<body class="  ">
+    
+    <div class="bg-gear gear-left">⚙</div>
+    <div class="bg-gear gear-right">⚙</div>
+
+    <script>document.body.classList.add('js-enabled');</script>
+<header class="main-header">
+   
+</header>
+
+    
+    <main class="container">
+        
+
+
+<div id="declassified-overlay">
+    <div class="scanlines"></div>
+    <div id="declassified-stamp">ZUGANG<br>GEWÄHRT</div>
+</div>
+
+<div class="person-page-wrapper visible" style="padding-bottom: 100px; opacity: 1 !important;">
+
+    <div class="person-nav-container" style="display: flex; flex-direction: column; align-items: center; gap: 20px; margin: 15px 0 30px;">
+    
+    
+    <div class="person-nav-row" style="display: flex; justify-content: center; align-items: center; gap: 35px; flex-wrap: wrap; position: relative;">
+    
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/mutti/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_mutti_comic_1.jpeg" alt="MUTTI" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">MUTTI</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/vater/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_vater_comic_1.png" alt="VATER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">VATER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/bruder/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_freddy_comic_1.png" alt="BRUDER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">BRUDER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/schwester/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_meli_comic_1.png" alt="SCHWESTER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SCHWESTER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sascha/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sascha_comic_1.jpeg" alt="SASCHA" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SASCHA</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sven/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sven_comic_1.jpeg" alt="SVEN" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SVEN</span>
+        </a>
+    
+    </div>
+</div>
+
+<style>
+    .person-nav-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: transform 0.2s; }
+    .person-nav-item:hover { transform: scale(1.1); }
+    .person-nav-item:hover .person-nav-label { color: #d4af37 !important; }
+    .person-back {
+        display: inline-block;
+        color: rgba(212,175,55,0.6);
+        font-size: 0.7rem;
+        font-weight: bold;
+        letter-spacing: 4px;
+        text-decoration: none;
+        font-family: 'Courier New', monospace;
+        border: 1px solid rgba(212,175,55,0.25);
+        padding: 6px 20px;
+        background: transparent;
+        text-transform: uppercase;
+        transition: all 0.2s;
+    }
+    .person-back:hover {
+        color: #d4af37;
+        border-color: rgba(212,175,55,0.6);
+        background: rgba(212,175,55,0.05);
+        letter-spacing: 5px;
+    }
+</style>
+
+
+    
+    <div class="person-hero">
+        
+        <div class="person-hero-content">
+            <div class="person-hero-badges">
+                <span class="hero-badge">ZENTRAL-ARCHIV</span>
+                <span class="hero-badge red">EINHEIT IDENTIFIZIERT</span>
+            </div>
+            <p class="person-pre-label" style="margin:12px 0 4px;">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p>
+            <div class="person-title-wrap">
+                <span class="person-title-deco">⟪</span>
+                <h1 class="person-glitch-title" data-text="PROJECT: FLUX OVERDRIVE">PROJECT: FLUX OVERDRIVE</h1>
+                <span class="person-title-deco">⟫</span>
+            </div>
+            <p class="person-sub-label">STATUS: <span class="person-status-blink">AKTIV</span></p>
+
+            
+            <div class="stat-bars">
+                <div class="stat-row">
+                    <span class="stat-label">GEFAHR</span>
+                    <div class="stat-track"><div class="stat-bar danger" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">STABILITÄT</span>
+                    <div class="stat-track"><div class="stat-bar stable" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">CHAOS</span>
+                    <div class="stat-track"><div class="stat-bar chaos" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">KOMPETENZ</span>
+                    <div class="stat-track"><div class="stat-bar kompetenz" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    
+    
+
+    <div class="container" style="max-width: 900px; margin: 0 auto; padding: 0 20px;">
+        <header style="margin-bottom: 20px; display:none;"></header>
+
+        
+        <div class="timeline-track">
+            
+        </div>
+
+        
+        <div style="text-align: center; margin-top: 60px;">
+            <button class="akte-label-btn"
+                    onclick="document.getElementById('person-akte-modal').style.display='flex'; document.body.style.overflow='hidden';">
+                <div class="akte-label-top">
+                    <span class="akte-label-nr">DOKUMENT-NR. UNBEKANNT</span>
+                    <span class="akte-label-stamp">VERTRAULICH</span>
+                </div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-title">AKTE: PROJECT: FLUX OVERDRIVE</div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-bottom">
+                    <span>STATUS: KLASSIFIZIERT</span>
+                    <span>▶ AKTE ÖFFNEN</span>
+                </div>
+            </button>
+        </div>
+
+        <style>
+            .akte-label-btn {
+                background: linear-gradient(180deg, #1c1208 0%, #0e0a04 100%);
+                border: 1px solid #5d3d1e;
+                border-left: 4px solid #b87333;
+                color: #d4af37;
+                font-family: 'Courier New', monospace;
+                cursor: pointer;
+                padding: 18px 28px;
+                width: 320px;
+                text-align: left;
+                transition: all 0.2s;
+                box-shadow: 2px 2px 12px rgba(0,0,0,0.6);
+                position: relative;
+            }
+            .akte-label-btn::before {
+                content: '';
+                position: absolute;
+                top: 6px; left: 6px; right: 6px; bottom: 6px;
+                border: 1px dashed rgba(184,115,51,0.2);
+                pointer-events: none;
+            }
+            .akte-label-btn:hover {
+                border-left-color: #ff4500;
+                box-shadow: 3px 3px 20px rgba(184,115,51,0.2);
+                background: linear-gradient(180deg, #221508 0%, #0e0a04 100%);
+            }
+            .akte-label-top {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-bottom: 10px;
+            }
+            .akte-label-nr {
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.4);
+                letter-spacing: 1px;
+            }
+            .akte-label-stamp {
+                font-size: 0.55rem;
+                letter-spacing: 2px;
+                color: #b71c1c;
+                border: 1px solid #b71c1c;
+                padding: 1px 6px;
+                opacity: 0.8;
+            }
+            .akte-label-divider {
+                border-top: 1px solid rgba(184,115,51,0.25);
+                margin: 8px 0;
+            }
+            .akte-label-title {
+                font-size: 1rem;
+                font-weight: bold;
+                letter-spacing: 4px;
+                color: #d4af37;
+                margin: 4px 0;
+            }
+            .akte-label-bottom {
+                display: flex;
+                justify-content: space-between;
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.45);
+                letter-spacing: 1px;
+                margin-top: 4px;
+            }
+            .akte-label-btn:hover .akte-label-bottom span:last-child {
+                color: #ff4500;
+            }
+        </style>
+    </div>
+</div>
+
+
+<div id="person-akte-modal" style="position: fixed; inset: 0; z-index: 1000000; background: rgba(0,0,0,0.85); display: none; align-items: center; justify-content: center; padding: 10px; overflow: hidden; perspective: 1000px;">
+    <div style="display: flex; flex-direction: column; align-items: center; max-width: 585px; width: 95%;">
+    <div class="akte-inner" style="width: 100%; background: #d9c5a0; background-image: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 100%), url('https://www.transparenttextures.com/patterns/old-paper.png'); border: 1px solid #8b7355; padding: 25px; position: relative; font-family: 'Courier New', monospace; box-shadow: 10px 20px 50px rgba(0,0,0,0.8), inset 0 0 100px rgba(139,115,85,0.3); transform: rotate(-2deg); animation: throw-sign 0.5s ease-out forwards; color: #2a1b0a;">
+        
+        <style>
+            @keyframes throw-sign {
+                0% { transform: rotate(-10deg) scale(0.7) translateY(500px); opacity: 0; }
+                100% { transform: rotate(-2deg) scale(1) translateY(0); opacity: 1; }
+            }
+            .akte-inner h1 { color: #2a1b0a !important; font-size: 1.8rem !important; margin: 10px 0 2px !important; text-shadow: none !important; border-bottom: 2px solid rgba(42,27,10,0.2); }
+            .akte-inner div, .akte-inner p { font-size: 0.75rem !important; }
+            .akte-inner .data-row { border-bottom: 1px solid rgba(42,27,10,0.1) !important; padding: 6px 0 !important; }
+            .akte-inner .label { color: #5d4037 !important; font-weight: bold; }
+            .akte-inner .red-stamp { border: 2px solid #b71c1c; color: #b71c1c; padding: 3px 10px; font-weight: bold; transform: rotate(10deg); opacity: 0.8; font-size: 0.8rem !important; display: inline-block; }
+        </style>
+        
+        
+        <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px;">
+            <div class="red-stamp">TOP SECRET</div>
+            <button onclick="document.getElementById('person-akte-modal').style.display='none'; document.body.style.overflow='auto';"
+                    style="background: rgba(0,0,0,0.1); border: 1px solid #2a1b0a; color: #2a1b0a; cursor: pointer; padding: 3px 10px; font-size: 0.7rem !important;">[X] SCHLIESSEN</button>
+        </div>
+
+        
+
+        <div style="display: flex; gap: 20px; align-items: flex-start;">
+            
+            <div style="position: relative; border: 1px solid #2a1b0a; padding: 3px; background: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);">
+                
+                <img src="/img/hero.png" class="akte-foto" style="width: 200px; height: 250px; object-fit: cover; filter: none; cursor: zoom-in; display: block;"
+                     onclick="document.getElementById('akte-foto-zoom').style.display='flex';">
+                <div style="position: absolute; bottom: 5px; right: -10px; background: #b71c1c; color: #fff; padding: 2px 5px; font-weight: bold; font-size: 0.6rem !important; transform: rotate(-5deg);">GESPERRT</div>
+            </div>
+
+            
+            <div id="akte-foto-zoom" onclick="this.style.display='none';"
+                 style="display:none; position:fixed; inset:0; z-index:9999999; background:rgba(0,0,0,0.92); align-items:center; justify-content:center; cursor:zoom-out;">
+                <img src="/img/hero.png" style="max-width:90vw; max-height:90vh; object-fit:contain; box-shadow: 0 0 60px rgba(0,0,0,0.9); border: 2px solid #2a1b0a;">
+            </div>
+
+            
+            <div style="flex: 1;">
+                <div style="font-size: 0.5rem !important; color: #5d4037; letter-spacing: 2px; margin-bottom: 2px;">PROTOKOLL NR. 1974-Ø</div>
+                <h1 style="font-weight: bold;">PROJECT: FLUX OVERDRIVE</h1>
+                <p style="color: #5d4037; font-size: 0.7rem !important; margin: 5px 0 10px;">ALIAS: </p>
+                
+                <div style="display: flex; gap: 10px;">
+                    <div style="border: 1px solid #b71c1c; padding: 2px 8px; color: #b71c1c; font-size: 0.6rem !important; font-weight: bold;">STATUS: </div>
+                    <div style="color: #2a1b0a; font-size: 0.6rem !important; font-weight: bold;">GEFAHR: <span style="letter-spacing: 1px;"></span><br><img src="/img/akte/hp_totenkopf_1.png" style="width: 70px; height: 70px; object-fit: contain; margin-top: 4px;"></div>
+                </div>
+            </div>
+        </div>
+
+        
+        <div style="margin-top: 20px; border-top: 2px solid rgba(42,27,10,0.2);">
+            
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">DESIGNATION:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    Project: Flux Overdrive
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">GEBURTSDATUM:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BESCHÄFTIGUNG:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">SPEZIALFÄHIGK.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BEKANNTE KOMPL.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">LETZTE AKTIVITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    GERADE JETZT
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STABILITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STANDORT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+        </div>
+
+        
+        <div style="margin-top: 20px; display: flex; justify-content: space-between; align-items: flex-end;">
+            <div style="display: flex; align-items: center; gap: 10px; opacity: 0.7;">
+                <div style="width: 35px; height: 35px;">
+                    <svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50 Q50 10 70 50 T30 50 Z"/></svg>
+                </div>
+                <div style="font-size: 0.6rem !important; color: #2a1b0a; line-height: 1.2;">ID-SCAN: 94.7%<br>VERIFIZIERT</div>
+            </div>
+            
+            <div style="font-family: 'Courier New', monospace; font-size: 0.75rem !important; letter-spacing: 2px; color: #5d4037; border: 1px dashed #2a1b0a; padding: 2px 10px;">ARCHIV_PERMANENT</div>
+        </div>
+    </div>
+    </div>
+</div>
+
+<style>
+    .akte-foto { transition: transform 0.2s, box-shadow 0.2s; }
+    .akte-foto:hover { transform: scale(1.04); box-shadow: 0 0 15px rgba(184,115,51,0.7); }
+
+    .akte-foto-btn { transition: all 0.2s; }
+    .akte-foto-btn:hover { background: rgba(183,28,28,0.1) !important; border-color: #b71c1c !important; }
+    .akte-foto-active { background: rgba(183,28,28,0.15) !important; border-color: #b71c1c !important; }
+    
+     
+    .time-node.omega .time-content {
+        border: 2px solid rgba(255, 69, 0, 0.6) !important;
+        box-shadow: inset 0 0 12px rgba(255, 69, 0, 0.15), 0 0 10px rgba(255, 0, 0, 0.2);
+        animation: omega-pulse 3s infinite alternate;
+        background: linear-gradient(135deg, rgba(80, 20, 10, 0.95), rgba(30, 0, 0, 0.95)) !important;
+    }
+    .time-node.omega .node-dot {
+        border-color: #ff4500 !important;
+        background: radial-gradient(circle, #ff0000 0%, #330000 100%) !important;
+        box-shadow: 0 0 8px rgba(255, 69, 0, 0.4);
+        animation: omega-dot-pulse 3s infinite alternate ease-in-out;
+    }
+    .node-dot {
+        box-shadow: 0 0 8px rgba(212, 175, 55, 0.4);
+        transition: all 0.3s ease;
+    }
+    .time-node.omega .tc-year {
+        color: #ff4500 !important;
+        text-shadow: 0 0 10px #ff4500;
+        font-weight: 900 !important;
+    }
+    
+    @keyframes omega-dot-pulse {
+        0%   { box-shadow: 0 0 5px rgba(255, 69, 0, 0.3); }
+        100% { box-shadow: 0 0 12px rgba(255, 69, 0, 0.6); }
+    }
+    @keyframes omega-pulse {
+        0%   { box-shadow: inset 0 0 8px rgba(255, 69, 0, 0.1), 0 0 6px rgba(255, 0, 0, 0.15); border-color: rgba(255, 69, 0, 0.4); }
+        100% { box-shadow: inset 0 0 18px rgba(255, 69, 0, 0.25), 0 0 14px rgba(255, 0, 0, 0.3); border-color: rgba(255, 69, 0, 0.8); }
+    }
+    @keyframes omega-dot-blink {
+        50% { opacity: 0; transform: scale(1.5); }
+    }
+</style>
+
+<style>
+ 
+#declassified-overlay {
+    position: fixed; inset: 0; z-index: 99999;
+    pointer-events: none;
+    background: rgba(0,0,0,0.92);
+    display: flex; align-items: center; justify-content: center;
+    transition: opacity 0.8s ease;
+}
+#declassified-overlay.gone { opacity: 0; pointer-events: none; }
+.scanlines {
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg,
+        transparent,
+        transparent 2px,
+        rgba(0,255,0,0.015) 2px,
+        rgba(0,255,0,0.015) 4px
+    );
+    pointer-events: none;
+}
+#declassified-stamp {
+    font-family: 'Courier New', monospace;
+    font-size: 3.5rem;
+    font-weight: 900;
+    color: #b71c1c;
+    border: 6px solid #b71c1c;
+    padding: 20px 40px;
+    letter-spacing: 8px;
+    text-align: center;
+    line-height: 1.2;
+    transform: rotate(-12deg) scale(0);
+    opacity: 0;
+    text-shadow: 0 0 30px rgba(183,28,28,0.5);
+    box-shadow: 0 0 40px rgba(183,28,28,0.3), inset 0 0 40px rgba(183,28,28,0.1);
+    animation: stamp-in 0.4s 0.3s cubic-bezier(0.175,0.885,0.32,1.275) forwards;
+}
+@keyframes stamp-in {
+    to { transform: rotate(-12deg) scale(1); opacity: 0.85; }
+}
+
+ 
+.person-hero {
+    position: relative;
+    width: 100%;
+    min-height: 300px;
+    background: linear-gradient(135deg, #0a0600 0%, #120e06 60%, #0a0600 100%);
+    border-bottom: 1px solid rgba(184,115,51,0.3);
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    margin-bottom: 0;
+}
+.person-hero::before {
+    content: '';
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg, transparent, transparent 3px,
+        rgba(184,115,51,0.03) 3px, rgba(184,115,51,0.03) 4px
+    );
+    pointer-events: none;
+}
+.person-hero-img {
+    position: absolute;
+    right: 0; top: 0; bottom: 0;
+    width: 45%;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: right bottom;
+    opacity: 0.25;
+    filter: sepia(0.4) hue-rotate(10deg);
+    mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+    -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+}
+.person-hero-content {
+    position: relative;
+    z-index: 2;
+    padding: 30px 40px;
+    max-width: 620px;
+}
+.person-hero-badges {
+    display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;
+}
+.hero-badge {
+    font-family: 'Courier New', monospace;
+    font-size: 0.55rem;
+    letter-spacing: 3px;
+    padding: 3px 10px;
+    border: 1px solid rgba(184,115,51,0.4);
+    color: rgba(184,115,51,0.7);
+}
+.hero-badge.red {
+    border-color: rgba(183,28,28,0.5);
+    color: rgba(183,28,28,0.8);
+}
+
+ 
+.stat-bars { margin-top: 20px; width: 100%; max-width: 400px; }
+.stat-row {
+    display: flex; align-items: center; gap: 10px; margin-bottom: 8px;
+}
+.stat-label {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 2px;
+    color: rgba(212,175,55,0.5);
+    width: 80px; flex-shrink: 0;
+}
+.stat-track {
+    flex: 1; height: 6px;
+    background: rgba(255,255,255,0.05);
+    border: 1px solid rgba(184,115,51,0.2);
+    overflow: hidden;
+}
+.stat-bar {
+    height: 100%; width: 0%;
+    transition: width 1.2s cubic-bezier(0.4,0,0.2,1);
+}
+.stat-bar.danger   { background: linear-gradient(90deg, #8b0000, #ff4500); box-shadow: 0 0 8px rgba(255,69,0,0.5); }
+.stat-bar.stable   { background: linear-gradient(90deg, #1a4a1a, #4caf50); box-shadow: 0 0 8px rgba(76,175,80,0.5); }
+.stat-bar.chaos    { background: linear-gradient(90deg, #4a0080, #c800ff); box-shadow: 0 0 8px rgba(200,0,255,0.4); }
+.stat-bar.kompetenz { background: linear-gradient(90deg, #1a3a5c, #2196f3); box-shadow: 0 0 8px rgba(33,150,243,0.5); }
+.stat-val {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; color: rgba(212,175,55,0.4);
+    width: 32px; text-align: right; flex-shrink: 0;
+}
+
+ 
+.alias-ticker-outer {
+    overflow: hidden;
+    background: rgba(0,0,0,0.6);
+    border-top: 1px solid rgba(184,115,51,0.15);
+    border-bottom: 1px solid rgba(184,115,51,0.15);
+    padding: 7px 0;
+    white-space: nowrap;
+}
+.alias-ticker-inner {
+    display: inline-block;
+    animation: ticker-scroll 18s linear infinite;
+    font-family: 'Courier New', monospace;
+    font-size: 0.65rem;
+    letter-spacing: 4px;
+    color: rgba(184,115,51,0.5);
+    padding-left: 100%;
+}
+@keyframes ticker-scroll {
+    from { transform: translateX(0); }
+    to   { transform: translateX(-50%); }
+}
+
+ 
+.person-pre-label {
+    color: rgba(184,115,51,0.5);
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 4px; margin-bottom: 6px;
+}
+.person-title-wrap {
+    display: flex; align-items: center; gap: 14px; margin: 4px 0;
+}
+.person-title-deco {
+    color: #b87333; font-size: 1.8rem; opacity: 0.6;
+    animation: deco-pulse 2s ease-in-out infinite alternate;
+}
+@keyframes deco-pulse {
+    from { opacity: 0.3; transform: scaleY(0.85); }
+    to   { opacity: 0.8; transform: scaleY(1.1); }
+}
+.person-glitch-title {
+    color: #ff4500; font-family: 'Courier New', monospace;
+    font-size: 2rem; letter-spacing: 10px;
+    text-shadow: 0 0 20px rgba(255,69,0,0.5);
+    margin: 0; position: relative;
+    animation: glitch-flicker 6s infinite;
+}
+.person-glitch-title::before,
+.person-glitch-title::after {
+    content: attr(data-text); position: absolute;
+    left: 0; top: 0; width: 100%; overflow: hidden; opacity: 0;
+}
+.person-glitch-title::before {
+    color: #0ff; animation: glitch-top 6s infinite;
+    clip-path: polygon(0 0,100% 0,100% 40%,0 40%);
+}
+.person-glitch-title::after {
+    color: #f0f; animation: glitch-bot 6s infinite;
+    clip-path: polygon(0 60%,100% 60%,100% 100%,0 100%);
+}
+@keyframes glitch-flicker {
+    0%,90%,100% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    92% { text-shadow: 2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    94% { text-shadow: -2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    96% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    98% { text-shadow: 1px 0 #0ff,-1px 0 #f0f; }
+}
+@keyframes glitch-top {
+    0%,90%,100% { opacity:0; transform:none; }
+    92% { opacity:0.7; transform:translate(-3px,-2px); }
+    94% { opacity:0; }
+    96% { opacity:0.5; transform:translate(3px,-1px); }
+    98% { opacity:0; }
+}
+@keyframes glitch-bot {
+    0%,90%,100% { opacity:0; transform:none; }
+    93% { opacity:0.6; transform:translate(3px,2px); }
+    95% { opacity:0; }
+    97% { opacity:0.4; transform:translate(-3px,1px); }
+    99% { opacity:0; }
+}
+.person-sub-label {
+    color: rgba(212,175,55,0.45); font-family: 'Courier New', monospace;
+    font-size: 0.65rem; letter-spacing: 3px; margin-top: 6px;
+}
+.person-status-blink { color: #0f0; animation: blink-status 1.4s step-end infinite; }
+@keyframes blink-status { 50% { opacity: 0; } }
+</style>
+
+<script>
+
+(function() {
+    const key = 'decl_project-flux-overdrive';
+    const overlay = document.getElementById('declassified-overlay');
+    if (!overlay) return;
+    if (sessionStorage.getItem(key)) {
+        overlay.style.display = 'none';
+        return;
+    }
+    setTimeout(() => {
+        overlay.classList.add('gone');
+        setTimeout(() => {
+            overlay.style.display = 'none';
+            sessionStorage.setItem(key, '1');
+        }, 900);
+    }, 1800);
+})();
+
+
+document.addEventListener('DOMContentLoaded', () => {
+    setTimeout(() => {
+        document.querySelectorAll('.stat-bar').forEach(bar => {
+            bar.style.width = bar.dataset.val + '%';
+        });
+    }, 400);
+});
+</script>
+
+<script>
+
+(function() {
+    const SPIDER = '🕷';
+    let active = [];
+
+    function spawn() {
+        const el = document.createElement('div');
+        el.textContent = SPIDER;
+        el.style.cssText = [
+            'position:fixed',
+            'font-size:1.6rem',
+            'z-index:999999',
+            'pointer-events:none',
+            'transition:none',
+            'filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)',
+            'will-change:transform',
+            'line-height:1',
+        ].join(';');
+        document.body.appendChild(el);
+
+        const W = window.innerWidth, H = window.innerHeight;
+
+        
+        const edge = Math.floor(Math.random() * 4);
+        let x = edge === 1 ? W + 20 : edge === 3 ? -20 : Math.random() * W;
+        let y = edge === 0 ? -20  : edge === 2 ? H + 20  : Math.random() * H;
+
+        el.style.left = x + 'px';
+        el.style.top  = y + 'px';
+
+        
+        const steps = 4 + Math.floor(Math.random() * 4);
+        let i = 0;
+
+        function step() {
+            if (i >= steps || !document.body.contains(el)) { el.remove(); return; }
+
+            const tx = Math.random() * W;
+            const ty = Math.random() * H;
+            const dist = Math.hypot(tx - x, ty - y);
+            const dur  = dist * 4; 
+            const ang  = Math.atan2(ty - y, tx - x) * 180 / Math.PI + 90;
+
+            el.style.transition = `left ${dur}ms linear, top ${dur}ms linear`;
+            el.style.transform  = `rotate(${ang}deg)`;
+            el.style.left = tx + 'px';
+            el.style.top  = ty + 'px';
+
+            x = tx; y = ty; i++;
+            setTimeout(step, dur);
+        }
+
+        step();
+    }
+
+    
+    spawn();
+    setInterval(spawn, 4000);
+})();
+
+function switchAkteFoto(src) {
+    document.querySelector('.akte-foto').src = src;
+    document.getElementById('akte-foto-zoom').querySelector('img').src = src;
+    document.querySelectorAll('.akte-foto-btn').forEach(btn => {
+        const active = btn.dataset.foto === src;
+        btn.classList.toggle('akte-foto-active', active);
+        btn.style.background = active ? 'rgba(183,28,28,0.15)' : 'rgba(0,0,0,0.1)';
+        btn.style.borderColor = active ? '#b71c1c' : 'rgba(42,27,10,0.3)';
+    });
+}
+</script>
+
+    </main>
+
+    <footer class="main-footer">
+    <div class="footer-inner">
+        <p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p>
+    </div>
+</footer>
+
+    
+<div id="newsticker" style="position:fixed !important; bottom:0 !important; left:0 !important; right:0 !important; z-index:999999 !important; background:rgba(0,0,0,0.92) !important; border-top:1px solid rgba(255,69,0,0.35) !important; display:flex !important; align-items:center; height:28px !important; overflow:hidden; font-family:'Courier New', monospace !important; visibility: visible !important; opacity: 1 !important;">
+    <span class="ticker-label" style="flex-shrink:0; font-size:0.6rem; letter-spacing:2px; color:rgba(255,69,0,0.7); padding:0 15px; border-right:1px solid rgba(255,69,0,0.2); white-space:nowrap; height:100%; display:flex; align-items:center; background:rgba(255,69,0,0.05);">// SYSTEM_LOG_FEED</span>
+    <div class="ticker-track-wrap" style="flex:1; overflow:hidden; height:100%; display:flex; align-items:center;">
+        <div class="ticker-track" id="ticker-track-global" style="display:inline-flex; white-space:nowrap; animation: ticker-scroll 45s linear infinite;">
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ HUGO SYSTEM INITIALISIERT... ]</span>
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span>
+        </div>
+    </div>
+</div>
+
+<style>
+    @keyframes ticker-scroll {
+        0%   { transform: translateX(0); }
+        100% { transform: translateX(-50%); }
+    }
+    .ticker-item::before { content: '▶ '; color: rgba(255,69,0,0.5); }
+    .ticker-track:hover { animation-play-state: paused; }
+</style>
+
+<script>
+    (function() {
+        const track = document.getElementById('ticker-track-global');
+        if (!track) return;
+        const ITEMS = [
+            "STATUS: HUGO OPERATIONAL",
+            "DESIGNATION: OVERLORD SASCHA",
+            "KAFFEESTAND: KRITISCH",
+            "ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST",
+            "MISSION: TOTALE KONTROLLE",
+            "DATENINTEGRITÄT: ABSOLUT",
+            "WARNUNG: SYSTEM EXTREM SCHNELL",
+            "GEMINI NEURAL LINK: AKTIV"
+        ];
+        track.innerHTML = '';
+        [...ITEMS, ...ITEMS].forEach(text => {
+            const span = document.createElement('span');
+            span.className = 'ticker-item';
+            span.style.cssText = "font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;";
+            span.textContent = text;
+            track.appendChild(span);
+        });
+    })();
+</script>
+
+
+    <script src="/js/script.js"></script>
+    <script src="/js/ascii-shimmer.js"></script>
+</body>
+</html>
diff --git a/public/posts/fork-bomb/index.html b/public/posts/fork-bomb/index.html
index 961c50a..bd62c4b 100644
--- a/public/posts/fork-bomb/index.html
+++ b/public/posts/fork-bomb/index.html
@@ -1,10 +1,882 @@
-<!doctype html><html lang=de-de><head><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><title>System-Stress-Test (Fork Bomb) | DIGITALE ANARCHIE | KI-LABOR</title><link rel=stylesheet href=/css/style.css></head><body><div class="bg-gear gear-left">⚙</div><div class="bg-gear gear-right">⚙</div><script>document.body.classList.add("js-enabled")</script><header class=main-header></header><main class=container><div id=declassified-overlay><div class=scanlines></div><div id=declassified-stamp>ZUGANG<br>GEWÄHRT</div></div><div class="person-page-wrapper visible" style=padding-bottom:100px;opacity:1!important><div class=person-nav-container style="display:flex;flex-direction:column;align-items:center;gap:20px;margin:15px 0 30px"><div class=person-nav-row style=display:flex;justify-content:center;align-items:center;gap:35px;flex-wrap:wrap;position:relative><a href=/personen/mutti/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_mutti_comic_1.jpeg alt=MUTTI style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">MUTTI</span>
-</a><a href=/personen/vater/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_vater_comic_1.png alt=VATER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">VATER</span>
-</a><a href=/personen/bruder/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_freddy_comic_1.png alt=BRUDER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">BRUDER</span>
-</a><a href=/personen/schwester/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_meli_comic_1.png alt=SCHWESTER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SCHWESTER</span>
-</a><a href=/personen/sascha/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sascha_comic_1.jpeg alt=SASCHA style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SASCHA</span>
-</a><a href=/personen/sven/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sven_comic_1.jpeg alt=SVEN style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SVEN</span></a></div></div><style>.person-nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .2s}.person-nav-item:hover{transform:scale(1.1)}.person-nav-item:hover .person-nav-label{color:#d4af37!important}.person-back{display:inline-block;color:rgba(212,175,55,.6);font-size:.7rem;font-weight:700;letter-spacing:4px;text-decoration:none;font-family:courier new,monospace;border:1px solid rgba(212,175,55,.25);padding:6px 20px;background:0 0;text-transform:uppercase;transition:all .2s}.person-back:hover{color:#d4af37;border-color:rgba(212,175,55,.6);background:rgba(212,175,55,5%);letter-spacing:5px}</style><div class=person-hero><div class=person-hero-content><div class=person-hero-badges><span class=hero-badge>ZENTRAL-ARCHIV</span>
-<span class="hero-badge red">EINHEIT IDENTIFIZIERT</span></div><p class=person-pre-label style="margin:12px 0 4px">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p><div class=person-title-wrap><span class=person-title-deco>⟪</span><h1 class=person-glitch-title data-text="SYSTEM-STRESS-TEST (FORK BOMB)">SYSTEM-STRESS-TEST (FORK BOMB)</h1><span class=person-title-deco>⟫</span></div><p class=person-sub-label>STATUS: <span class=person-status-blink>AKTIV</span></p><div class=stat-bars><div class=stat-row><span class=stat-label>GEFAHR</span><div class=stat-track><div class="stat-bar danger" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>STABILITÄT</span><div class=stat-track><div class="stat-bar stable" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>CHAOS</span><div class=stat-track><div class="stat-bar chaos" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>KOMPETENZ</span><div class=stat-track><div class="stat-bar kompetenz" data-val=50></div></div><span class=stat-val>50%</span></div></div></div></div><div class=container style="max-width:900px;margin:0 auto;padding:0 20px"><header style=margin-bottom:20px;display:none></header><div class=timeline-track></div><div style=text-align:center;margin-top:60px><button class=akte-label-btn onclick='document.getElementById("person-akte-modal").style.display="flex",document.body.style.overflow="hidden"'><div class=akte-label-top><span class=akte-label-nr>DOKUMENT-NR. UNBEKANNT</span>
-<span class=akte-label-stamp>VERTRAULICH</span></div><div class=akte-label-divider></div><div class=akte-label-title>AKTE: SYSTEM-STRESS-TEST (FORK BOMB)</div><div class=akte-label-divider></div><div class=akte-label-bottom><span>STATUS: KLASSIFIZIERT</span>
-<span>▶ AKTE ÖFFNEN</span></div></button></div><style>.akte-label-btn{background:linear-gradient(180deg,#1c1208 0%,#0e0a04 100%);border:1px solid #5d3d1e;border-left:4px solid #b87333;color:#d4af37;font-family:courier new,monospace;cursor:pointer;padding:18px 28px;width:320px;text-align:left;transition:all .2s;box-shadow:2px 2px 12px rgba(0,0,0,.6);position:relative}.akte-label-btn::before{content:'';position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px dashed rgba(184,115,51,.2);pointer-events:none}.akte-label-btn:hover{border-left-color:#ff4500;box-shadow:3px 3px 20px rgba(184,115,51,.2);background:linear-gradient(180deg,#221508 0%,#0e0a04 100%)}.akte-label-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.akte-label-nr{font-size:.6rem;color:rgba(212,175,55,.4);letter-spacing:1px}.akte-label-stamp{font-size:.55rem;letter-spacing:2px;color:#b71c1c;border:1px solid #b71c1c;padding:1px 6px;opacity:.8}.akte-label-divider{border-top:1px solid rgba(184,115,51,.25);margin:8px 0}.akte-label-title{font-size:1rem;font-weight:700;letter-spacing:4px;color:#d4af37;margin:4px 0}.akte-label-bottom{display:flex;justify-content:space-between;font-size:.6rem;color:rgba(212,175,55,.45);letter-spacing:1px;margin-top:4px}.akte-label-btn:hover .akte-label-bottom span:last-child{color:#ff4500}</style></div></div><div id=person-akte-modal style=position:fixed;inset:0;z-index:1000000;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;padding:10px;overflow:hidden;perspective:1e3px><div style=display:flex;flex-direction:column;align-items:center;max-width:585px;width:95%><div class=akte-inner style="width:100%;background:#d9c5a0;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 100%),url(https://www.transparenttextures.com/patterns/old-paper.png);border:1px solid #8b7355;padding:25px;position:relative;font-family:courier new,monospace;box-shadow:10px 20px 50px rgba(0,0,0,.8),inset 0 0 100px rgba(139,115,85,.3);transform:rotate(-2deg);animation:throw-sign .5s ease-out forwards;color:#2a1b0a"><style>@keyframes throw-sign{0%{transform:rotate(-10deg)scale(.7)translateY(500px);opacity:0}100%{transform:rotate(-2deg)scale(1)translateY(0);opacity:1}}.akte-inner h1{color:#2a1b0a!important;font-size:1.8rem!important;margin:10px 0 2px!important;text-shadow:none!important;border-bottom:2px solid rgba(42,27,10,.2)}.akte-inner div,.akte-inner p{font-size:.75rem!important}.akte-inner .data-row{border-bottom:1px solid rgba(42,27,10,.1)!important;padding:6px 0!important}.akte-inner .label{color:#5d4037!important;font-weight:700}.akte-inner .red-stamp{border:2px solid #b71c1c;color:#b71c1c;padding:3px 10px;font-weight:700;transform:rotate(10deg);opacity:.8;font-size:.8rem!important;display:inline-block}</style><div style=display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px><div class=red-stamp>TOP SECRET</div><button onclick='document.getElementById("person-akte-modal").style.display="none",document.body.style.overflow="auto"' style="background:rgba(0,0,0,.1);border:1px solid #2a1b0a;color:#2a1b0a;cursor:pointer;padding:3px 10px;font-size:.7rem!important">[X] SCHLIESSEN</button></div><div style=display:flex;gap:20px;align-items:flex-start><div style="position:relative;border:1px solid #2a1b0a;padding:3px;background:#fff;box-shadow:2px 2px 5px rgba(0,0,0,.2)"><img src=/img/hero.png class=akte-foto style=width:200px;height:250px;object-fit:cover;filter:none;cursor:zoom-in;display:block onclick='document.getElementById("akte-foto-zoom").style.display="flex"'><div style="position:absolute;bottom:5px;right:-10px;background:#b71c1c;color:#fff;padding:2px 5px;font-weight:700;font-size:.6rem!important;transform:rotate(-5deg)">GESPERRT</div></div><div id=akte-foto-zoom onclick='this.style.display="none"' style=display:none;position:fixed;inset:0;z-index:9999999;background:rgba(0,0,0,.92);align-items:center;justify-content:center;cursor:zoom-out><img src=/img/hero.png style="max-width:90vw;max-height:90vh;object-fit:contain;box-shadow:0 0 60px rgba(0,0,0,.9);border:2px solid #2a1b0a"></div><div style=flex:1><div style=font-size:.5rem!important;color:#5d4037;letter-spacing:2px;margin-bottom:2px>PROTOKOLL NR. 1974-Ø</div><h1 style=font-weight:700>SYSTEM-STRESS-TEST (FORK BOMB)</h1><p style="color:#5d4037;font-size:.7rem!important;margin:5px 0 10px">ALIAS:</p><div style=display:flex;gap:10px><div style="border:1px solid #b71c1c;padding:2px 8px;color:#b71c1c;font-size:.6rem!important;font-weight:700">STATUS:</div><div style=color:#2a1b0a;font-size:.6rem!important;font-weight:700>GEFAHR: <span style=letter-spacing:1px></span><br><img src=/img/akte/hp_totenkopf_1.png style=width:70px;height:70px;object-fit:contain;margin-top:4px></div></div></div></div><div style="margin-top:20px;border-top:2px solid rgba(42,27,10,.2)"><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>DESIGNATION:</div><div style=flex:1;font-weight:400>System-Stress-Test (Fork Bomb)</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>GEBURTSDATUM:</div><div style=flex:1;font-weight:400><span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BESCHÄFTIGUNG:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>SPEZIALFÄHIGK.:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BEKANNTE KOMPL.:</div><div style=flex:1;font-weight:400><span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>LETZTE AKTIVITÄT:</div><div style=flex:1;font-weight:400>GERADE JETZT</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STABILITÄT:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STANDORT:</div><div style=flex:1;font-weight:400></div></div></div><div style=margin-top:20px;display:flex;justify-content:space-between;align-items:flex-end><div style=display:flex;align-items:center;gap:10px;opacity:.7><div style=width:35px;height:35px><svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50q20-40 40 0T30 50z"/></svg></div><div style=font-size:.6rem!important;color:#2a1b0a;line-height:1.2>ID-SCAN: 94.7%<br>VERIFIZIERT</div></div><div style="font-family:courier new,monospace;font-size:.75rem!important;letter-spacing:2px;color:#5d4037;border:1px dashed #2a1b0a;padding:2px 10px">ARCHIV_PERMANENT</div></div></div></div></div><style>.akte-foto{transition:transform .2s,box-shadow .2s}.akte-foto:hover{transform:scale(1.04);box-shadow:0 0 15px rgba(184,115,51,.7)}.akte-foto-btn{transition:all .2s}.akte-foto-btn:hover{background:rgba(183,28,28,.1)!important;border-color:#b71c1c!important}.akte-foto-active{background:rgba(183,28,28,.15)!important;border-color:#b71c1c!important}.time-node.omega .time-content{border:2px solid rgba(255,69,0,.6)!important;box-shadow:inset 0 0 12px rgba(255,69,0,.15),0 0 10px rgba(255,0,0,.2);animation:omega-pulse 3s infinite alternate;background:linear-gradient(135deg,rgba(80,20,10,.95),rgba(30,0,0,.95))!important}.time-node.omega .node-dot{border-color:#ff4500!important;background:radial-gradient(circle,#ff0000 0%,#330000 100%)!important;box-shadow:0 0 8px rgba(255,69,0,.4);animation:omega-dot-pulse 3s infinite alternate ease-in-out}.node-dot{box-shadow:0 0 8px rgba(212,175,55,.4);transition:all .3s ease}.time-node.omega .tc-year{color:#ff4500!important;text-shadow:0 0 10px #ff4500;font-weight:900!important}@keyframes omega-dot-pulse{0%{box-shadow:0 0 5px rgba(255,69,0,.3)}100%{box-shadow:0 0 12px rgba(255,69,0,.6)}}@keyframes omega-pulse{0%{box-shadow:inset 0 0 8px rgba(255,69,0,.1),0 0 6px rgba(255,0,0,.15);border-color:rgba(255,69,0,.4)}100%{box-shadow:inset 0 0 18px rgba(255,69,0,.25),0 0 14px rgba(255,0,0,.3);border-color:rgba(255,69,0,.8)}}@keyframes omega-dot-blink{50%{opacity:0;transform:scale(1.5)}}</style><style>#declassified-overlay{position:fixed;inset:0;z-index:99999;pointer-events:none;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;transition:opacity .8s ease}#declassified-overlay.gone{opacity:0;pointer-events:none}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 2px,rgba(0,255,0,.015) 2px,rgba(0,255,0,.015) 4px );pointer-events:none}#declassified-stamp{font-family:courier new,monospace;font-size:3.5rem;font-weight:900;color:#b71c1c;border:6px solid #b71c1c;padding:20px 40px;letter-spacing:8px;text-align:center;line-height:1.2;transform:rotate(-12deg)scale(0);opacity:0;text-shadow:0 0 30px rgba(183,28,28,.5);box-shadow:0 0 40px rgba(183,28,28,.3),inset 0 0 40px rgba(183,28,28,.1);animation:stamp-in .4s .3s cubic-bezier(.175,.885,.32,1.275)forwards}@keyframes stamp-in{to{transform:rotate(-12deg)scale(1);opacity:.85}}.person-hero{position:relative;width:100%;min-height:300px;background:linear-gradient(135deg,#0a0600 0%,#120e06 60%,#0a0600 100%);border-bottom:1px solid rgba(184,115,51,.3);overflow:hidden;display:flex;align-items:center;margin-bottom:0}.person-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 3px,rgba(184,115,51,3%) 3px,rgba(184,115,51,3%) 4px );pointer-events:none}.person-hero-img{position:absolute;right:0;top:0;bottom:0;width:45%;background-size:contain;background-repeat:no-repeat;background-position:100% 100%;opacity:.25;filter:sepia(.4)hue-rotate(10deg);mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%);-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%)}.person-hero-content{position:relative;z-index:2;padding:30px 40px;max-width:620px}.person-hero-badges{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.hero-badge{font-family:courier new,monospace;font-size:.55rem;letter-spacing:3px;padding:3px 10px;border:1px solid rgba(184,115,51,.4);color:rgba(184,115,51,.7)}.hero-badge.red{border-color:rgba(183,28,28,.5);color:rgba(183,28,28,.8)}.stat-bars{margin-top:20px;width:100%;max-width:400px}.stat-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.stat-label{font-family:courier new,monospace;font-size:.6rem;letter-spacing:2px;color:rgba(212,175,55,.5);width:80px;flex-shrink:0}.stat-track{flex:1;height:6px;background:rgba(255,255,255,5%);border:1px solid rgba(184,115,51,.2);overflow:hidden}.stat-bar{height:100%;width:0%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.stat-bar.danger{background:linear-gradient(90deg,#8b0000,#ff4500);box-shadow:0 0 8px rgba(255,69,0,.5)}.stat-bar.stable{background:linear-gradient(90deg,#1a4a1a,#4caf50);box-shadow:0 0 8px rgba(76,175,80,.5)}.stat-bar.chaos{background:linear-gradient(90deg,#4a0080,#c800ff);box-shadow:0 0 8px rgba(200,0,255,.4)}.stat-bar.kompetenz{background:linear-gradient(90deg,#1a3a5c,#2196f3);box-shadow:0 0 8px rgba(33,150,243,.5)}.stat-val{font-family:courier new,monospace;font-size:.6rem;color:rgba(212,175,55,.4);width:32px;text-align:right;flex-shrink:0}.alias-ticker-outer{overflow:hidden;background:rgba(0,0,0,.6);border-top:1px solid rgba(184,115,51,.15);border-bottom:1px solid rgba(184,115,51,.15);padding:7px 0;white-space:nowrap}.alias-ticker-inner{display:inline-block;animation:ticker-scroll 18s linear infinite;font-family:courier new,monospace;font-size:.65rem;letter-spacing:4px;color:rgba(184,115,51,.5);padding-left:100%}@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.person-pre-label{color:rgba(184,115,51,.5);font-family:courier new,monospace;font-size:.6rem;letter-spacing:4px;margin-bottom:6px}.person-title-wrap{display:flex;align-items:center;gap:14px;margin:4px 0}.person-title-deco{color:#b87333;font-size:1.8rem;opacity:.6;animation:deco-pulse 2s ease-in-out infinite alternate}@keyframes deco-pulse{from{opacity:.3;transform:scaleY(.85)}to{opacity:.8;transform:scaleY(1.1)}}.person-glitch-title{color:#ff4500;font-family:courier new,monospace;font-size:2rem;letter-spacing:10px;text-shadow:0 0 20px rgba(255,69,0,.5);margin:0;position:relative;animation:glitch-flicker 6s infinite}.person-glitch-title::before,.person-glitch-title::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden;opacity:0}.person-glitch-title::before{color:#0ff;animation:glitch-top 6s infinite;clip-path:polygon(0 0,100% 0,100% 40%,0 40%)}.person-glitch-title::after{color:#f0f;animation:glitch-bot 6s infinite;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%)}@keyframes glitch-flicker{0%,90%,100%{text-shadow:0 0 20px rgba(255,69,0,.5)}92%{text-shadow:2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}94%{text-shadow:-2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}96%{text-shadow:0 0 20px rgba(255,69,0,.5)}98%{text-shadow:1px 0 #0ff,-1px 0 #f0f}}@keyframes glitch-top{0%,90%,100%{opacity:0;transform:none}92%{opacity:.7;transform:translate(-3px,-2px)}94%{opacity:0}96%{opacity:.5;transform:translate(3px,-1px)}98%{opacity:0}}@keyframes glitch-bot{0%,90%,100%{opacity:0;transform:none}93%{opacity:.6;transform:translate(3px,2px)}95%{opacity:0}97%{opacity:.4;transform:translate(-3px,1px)}99%{opacity:0}}.person-sub-label{color:rgba(212,175,55,.45);font-family:courier new,monospace;font-size:.65rem;letter-spacing:3px;margin-top:6px}.person-status-blink{color:#0f0;animation:blink-status 1.4s step-end infinite}@keyframes blink-status{50%{opacity:0}}</style><script>(function(){const t="decl_system-stress-test-fork-bomb",e=document.getElementById("declassified-overlay");if(!e)return;if(sessionStorage.getItem(t)){e.style.display="none";return}setTimeout(()=>{e.classList.add("gone"),setTimeout(()=>{e.style.display="none",sessionStorage.setItem(t,"1")},900)},1800)})(),document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{document.querySelectorAll(".stat-bar").forEach(e=>{e.style.width=e.dataset.val+"%"})},400)})</script><script>(function(){const t="🕷";let n=[];function e(){const e=document.createElement("div");e.textContent=t,e.style.cssText=["position:fixed","font-size:1.6rem","z-index:999999","pointer-events:none","transition:none","filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)","will-change:transform","line-height:1"].join(";"),document.body.appendChild(e);const i=window.innerWidth,a=window.innerHeight,n=Math.floor(Math.random()*4);let s=n===1?i+20:n===3?-20:Math.random()*i,o=n===0?-20:n===2?a+20:Math.random()*a;e.style.left=s+"px",e.style.top=o+"px";const l=4+Math.floor(Math.random()*4);let r=0;function c(){if(r>=l||!document.body.contains(e)){e.remove();return}const t=Math.random()*i,n=Math.random()*a,u=Math.hypot(t-s,n-o),d=u*4,h=Math.atan2(n-o,t-s)*180/Math.PI+90;e.style.transition=`left ${d}ms linear, top ${d}ms linear`,e.style.transform=`rotate(${h}deg)`,e.style.left=t+"px",e.style.top=n+"px",s=t,o=n,r++,setTimeout(c,d)}c()}e(),setInterval(e,4e3)})();function switchAkteFoto(e){document.querySelector(".akte-foto").src=e,document.getElementById("akte-foto-zoom").querySelector("img").src=e,document.querySelectorAll(".akte-foto-btn").forEach(t=>{const n=t.dataset.foto===e;t.classList.toggle("akte-foto-active",n),t.style.background=n?"rgba(183,28,28,0.15)":"rgba(0,0,0,0.1)",t.style.borderColor=n?"#b71c1c":"rgba(42,27,10,0.3)"})}</script></main><footer class=main-footer><div class=footer-inner><p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p></div></footer><div id=newsticker style="position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:999999!important;background:rgba(0,0,0,.92)!important;border-top:1px solid rgba(255,69,0,.35)!important;display:flex!important;align-items:center;height:28px!important;overflow:hidden;font-family:courier new,monospace!important;visibility:visible!important;opacity:1!important"><span class=ticker-label style="flex-shrink:0;font-size:.6rem;letter-spacing:2px;color:rgba(255,69,0,.7);padding:0 15px;border-right:1px solid rgba(255,69,0,.2);white-space:nowrap;height:100%;display:flex;align-items:center;background:rgba(255,69,0,5%)">// SYSTEM_LOG_FEED</span><div class=ticker-track-wrap style=flex:1;overflow:hidden;height:100%;display:flex;align-items:center><div class=ticker-track id=ticker-track-global style="display:inline-flex;white-space:nowrap;animation:ticker-scroll 45s linear infinite"><span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ HUGO SYSTEM INITIALISIERT... ]</span>
-<span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span></div></div></div><style>@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.ticker-item::before{content:'▶ ';color:rgba(255,69,0,.5)}.ticker-track:hover{animation-play-state:paused}</style><script>(function(){const e=document.getElementById("ticker-track-global");if(!e)return;const t=["STATUS: HUGO OPERATIONAL","DESIGNATION: OVERLORD SASCHA","KAFFEESTAND: KRITISCH","ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST","MISSION: TOTALE KONTROLLE","DATENINTEGRITÄT: ABSOLUT","WARNUNG: SYSTEM EXTREM SCHNELL","GEMINI NEURAL LINK: AKTIV"];e.innerHTML="",[...t,...t].forEach(t=>{const n=document.createElement("span");n.className="ticker-item",n.style.cssText="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;",n.textContent=t,e.appendChild(n)})})()</script><script src=/js/script.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="de-de">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1414&amp;path=livereload" data-no-instant defer></script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>System-Stress-Test (Fork Bomb) | DIGITALE ANARCHIE | KI-LABOR</title>
+    <link rel="stylesheet" href="/css/style.css">
+</head>
+<body class="  ">
+    
+    <div class="bg-gear gear-left">⚙</div>
+    <div class="bg-gear gear-right">⚙</div>
+
+    <script>document.body.classList.add('js-enabled');</script>
+<header class="main-header">
+   
+</header>
+
+    
+    <main class="container">
+        
+
+
+<div id="declassified-overlay">
+    <div class="scanlines"></div>
+    <div id="declassified-stamp">ZUGANG<br>GEWÄHRT</div>
+</div>
+
+<div class="person-page-wrapper visible" style="padding-bottom: 100px; opacity: 1 !important;">
+
+    <div class="person-nav-container" style="display: flex; flex-direction: column; align-items: center; gap: 20px; margin: 15px 0 30px;">
+    
+    
+    <div class="person-nav-row" style="display: flex; justify-content: center; align-items: center; gap: 35px; flex-wrap: wrap; position: relative;">
+    
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/mutti/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_mutti_comic_1.jpeg" alt="MUTTI" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">MUTTI</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/vater/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_vater_comic_1.png" alt="VATER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">VATER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/bruder/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_freddy_comic_1.png" alt="BRUDER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">BRUDER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/schwester/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_meli_comic_1.png" alt="SCHWESTER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SCHWESTER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sascha/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sascha_comic_1.jpeg" alt="SASCHA" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SASCHA</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sven/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sven_comic_1.jpeg" alt="SVEN" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SVEN</span>
+        </a>
+    
+    </div>
+</div>
+
+<style>
+    .person-nav-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: transform 0.2s; }
+    .person-nav-item:hover { transform: scale(1.1); }
+    .person-nav-item:hover .person-nav-label { color: #d4af37 !important; }
+    .person-back {
+        display: inline-block;
+        color: rgba(212,175,55,0.6);
+        font-size: 0.7rem;
+        font-weight: bold;
+        letter-spacing: 4px;
+        text-decoration: none;
+        font-family: 'Courier New', monospace;
+        border: 1px solid rgba(212,175,55,0.25);
+        padding: 6px 20px;
+        background: transparent;
+        text-transform: uppercase;
+        transition: all 0.2s;
+    }
+    .person-back:hover {
+        color: #d4af37;
+        border-color: rgba(212,175,55,0.6);
+        background: rgba(212,175,55,0.05);
+        letter-spacing: 5px;
+    }
+</style>
+
+
+    
+    <div class="person-hero">
+        
+        <div class="person-hero-content">
+            <div class="person-hero-badges">
+                <span class="hero-badge">ZENTRAL-ARCHIV</span>
+                <span class="hero-badge red">EINHEIT IDENTIFIZIERT</span>
+            </div>
+            <p class="person-pre-label" style="margin:12px 0 4px;">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p>
+            <div class="person-title-wrap">
+                <span class="person-title-deco">⟪</span>
+                <h1 class="person-glitch-title" data-text="SYSTEM-STRESS-TEST (FORK BOMB)">SYSTEM-STRESS-TEST (FORK BOMB)</h1>
+                <span class="person-title-deco">⟫</span>
+            </div>
+            <p class="person-sub-label">STATUS: <span class="person-status-blink">AKTIV</span></p>
+
+            
+            <div class="stat-bars">
+                <div class="stat-row">
+                    <span class="stat-label">GEFAHR</span>
+                    <div class="stat-track"><div class="stat-bar danger" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">STABILITÄT</span>
+                    <div class="stat-track"><div class="stat-bar stable" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">CHAOS</span>
+                    <div class="stat-track"><div class="stat-bar chaos" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">KOMPETENZ</span>
+                    <div class="stat-track"><div class="stat-bar kompetenz" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    
+    
+
+    <div class="container" style="max-width: 900px; margin: 0 auto; padding: 0 20px;">
+        <header style="margin-bottom: 20px; display:none;"></header>
+
+        
+        <div class="timeline-track">
+            
+        </div>
+
+        
+        <div style="text-align: center; margin-top: 60px;">
+            <button class="akte-label-btn"
+                    onclick="document.getElementById('person-akte-modal').style.display='flex'; document.body.style.overflow='hidden';">
+                <div class="akte-label-top">
+                    <span class="akte-label-nr">DOKUMENT-NR. UNBEKANNT</span>
+                    <span class="akte-label-stamp">VERTRAULICH</span>
+                </div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-title">AKTE: SYSTEM-STRESS-TEST (FORK BOMB)</div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-bottom">
+                    <span>STATUS: KLASSIFIZIERT</span>
+                    <span>▶ AKTE ÖFFNEN</span>
+                </div>
+            </button>
+        </div>
+
+        <style>
+            .akte-label-btn {
+                background: linear-gradient(180deg, #1c1208 0%, #0e0a04 100%);
+                border: 1px solid #5d3d1e;
+                border-left: 4px solid #b87333;
+                color: #d4af37;
+                font-family: 'Courier New', monospace;
+                cursor: pointer;
+                padding: 18px 28px;
+                width: 320px;
+                text-align: left;
+                transition: all 0.2s;
+                box-shadow: 2px 2px 12px rgba(0,0,0,0.6);
+                position: relative;
+            }
+            .akte-label-btn::before {
+                content: '';
+                position: absolute;
+                top: 6px; left: 6px; right: 6px; bottom: 6px;
+                border: 1px dashed rgba(184,115,51,0.2);
+                pointer-events: none;
+            }
+            .akte-label-btn:hover {
+                border-left-color: #ff4500;
+                box-shadow: 3px 3px 20px rgba(184,115,51,0.2);
+                background: linear-gradient(180deg, #221508 0%, #0e0a04 100%);
+            }
+            .akte-label-top {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-bottom: 10px;
+            }
+            .akte-label-nr {
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.4);
+                letter-spacing: 1px;
+            }
+            .akte-label-stamp {
+                font-size: 0.55rem;
+                letter-spacing: 2px;
+                color: #b71c1c;
+                border: 1px solid #b71c1c;
+                padding: 1px 6px;
+                opacity: 0.8;
+            }
+            .akte-label-divider {
+                border-top: 1px solid rgba(184,115,51,0.25);
+                margin: 8px 0;
+            }
+            .akte-label-title {
+                font-size: 1rem;
+                font-weight: bold;
+                letter-spacing: 4px;
+                color: #d4af37;
+                margin: 4px 0;
+            }
+            .akte-label-bottom {
+                display: flex;
+                justify-content: space-between;
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.45);
+                letter-spacing: 1px;
+                margin-top: 4px;
+            }
+            .akte-label-btn:hover .akte-label-bottom span:last-child {
+                color: #ff4500;
+            }
+        </style>
+    </div>
+</div>
+
+
+<div id="person-akte-modal" style="position: fixed; inset: 0; z-index: 1000000; background: rgba(0,0,0,0.85); display: none; align-items: center; justify-content: center; padding: 10px; overflow: hidden; perspective: 1000px;">
+    <div style="display: flex; flex-direction: column; align-items: center; max-width: 585px; width: 95%;">
+    <div class="akte-inner" style="width: 100%; background: #d9c5a0; background-image: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 100%), url('https://www.transparenttextures.com/patterns/old-paper.png'); border: 1px solid #8b7355; padding: 25px; position: relative; font-family: 'Courier New', monospace; box-shadow: 10px 20px 50px rgba(0,0,0,0.8), inset 0 0 100px rgba(139,115,85,0.3); transform: rotate(-2deg); animation: throw-sign 0.5s ease-out forwards; color: #2a1b0a;">
+        
+        <style>
+            @keyframes throw-sign {
+                0% { transform: rotate(-10deg) scale(0.7) translateY(500px); opacity: 0; }
+                100% { transform: rotate(-2deg) scale(1) translateY(0); opacity: 1; }
+            }
+            .akte-inner h1 { color: #2a1b0a !important; font-size: 1.8rem !important; margin: 10px 0 2px !important; text-shadow: none !important; border-bottom: 2px solid rgba(42,27,10,0.2); }
+            .akte-inner div, .akte-inner p { font-size: 0.75rem !important; }
+            .akte-inner .data-row { border-bottom: 1px solid rgba(42,27,10,0.1) !important; padding: 6px 0 !important; }
+            .akte-inner .label { color: #5d4037 !important; font-weight: bold; }
+            .akte-inner .red-stamp { border: 2px solid #b71c1c; color: #b71c1c; padding: 3px 10px; font-weight: bold; transform: rotate(10deg); opacity: 0.8; font-size: 0.8rem !important; display: inline-block; }
+        </style>
+        
+        
+        <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px;">
+            <div class="red-stamp">TOP SECRET</div>
+            <button onclick="document.getElementById('person-akte-modal').style.display='none'; document.body.style.overflow='auto';"
+                    style="background: rgba(0,0,0,0.1); border: 1px solid #2a1b0a; color: #2a1b0a; cursor: pointer; padding: 3px 10px; font-size: 0.7rem !important;">[X] SCHLIESSEN</button>
+        </div>
+
+        
+
+        <div style="display: flex; gap: 20px; align-items: flex-start;">
+            
+            <div style="position: relative; border: 1px solid #2a1b0a; padding: 3px; background: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);">
+                
+                <img src="/img/hero.png" class="akte-foto" style="width: 200px; height: 250px; object-fit: cover; filter: none; cursor: zoom-in; display: block;"
+                     onclick="document.getElementById('akte-foto-zoom').style.display='flex';">
+                <div style="position: absolute; bottom: 5px; right: -10px; background: #b71c1c; color: #fff; padding: 2px 5px; font-weight: bold; font-size: 0.6rem !important; transform: rotate(-5deg);">GESPERRT</div>
+            </div>
+
+            
+            <div id="akte-foto-zoom" onclick="this.style.display='none';"
+                 style="display:none; position:fixed; inset:0; z-index:9999999; background:rgba(0,0,0,0.92); align-items:center; justify-content:center; cursor:zoom-out;">
+                <img src="/img/hero.png" style="max-width:90vw; max-height:90vh; object-fit:contain; box-shadow: 0 0 60px rgba(0,0,0,0.9); border: 2px solid #2a1b0a;">
+            </div>
+
+            
+            <div style="flex: 1;">
+                <div style="font-size: 0.5rem !important; color: #5d4037; letter-spacing: 2px; margin-bottom: 2px;">PROTOKOLL NR. 1974-Ø</div>
+                <h1 style="font-weight: bold;">SYSTEM-STRESS-TEST (FORK BOMB)</h1>
+                <p style="color: #5d4037; font-size: 0.7rem !important; margin: 5px 0 10px;">ALIAS: </p>
+                
+                <div style="display: flex; gap: 10px;">
+                    <div style="border: 1px solid #b71c1c; padding: 2px 8px; color: #b71c1c; font-size: 0.6rem !important; font-weight: bold;">STATUS: </div>
+                    <div style="color: #2a1b0a; font-size: 0.6rem !important; font-weight: bold;">GEFAHR: <span style="letter-spacing: 1px;"></span><br><img src="/img/akte/hp_totenkopf_1.png" style="width: 70px; height: 70px; object-fit: contain; margin-top: 4px;"></div>
+                </div>
+            </div>
+        </div>
+
+        
+        <div style="margin-top: 20px; border-top: 2px solid rgba(42,27,10,0.2);">
+            
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">DESIGNATION:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    System-Stress-Test (Fork Bomb)
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">GEBURTSDATUM:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BESCHÄFTIGUNG:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">SPEZIALFÄHIGK.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BEKANNTE KOMPL.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">LETZTE AKTIVITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    GERADE JETZT
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STABILITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STANDORT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+        </div>
+
+        
+        <div style="margin-top: 20px; display: flex; justify-content: space-between; align-items: flex-end;">
+            <div style="display: flex; align-items: center; gap: 10px; opacity: 0.7;">
+                <div style="width: 35px; height: 35px;">
+                    <svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50 Q50 10 70 50 T30 50 Z"/></svg>
+                </div>
+                <div style="font-size: 0.6rem !important; color: #2a1b0a; line-height: 1.2;">ID-SCAN: 94.7%<br>VERIFIZIERT</div>
+            </div>
+            
+            <div style="font-family: 'Courier New', monospace; font-size: 0.75rem !important; letter-spacing: 2px; color: #5d4037; border: 1px dashed #2a1b0a; padding: 2px 10px;">ARCHIV_PERMANENT</div>
+        </div>
+    </div>
+    </div>
+</div>
+
+<style>
+    .akte-foto { transition: transform 0.2s, box-shadow 0.2s; }
+    .akte-foto:hover { transform: scale(1.04); box-shadow: 0 0 15px rgba(184,115,51,0.7); }
+
+    .akte-foto-btn { transition: all 0.2s; }
+    .akte-foto-btn:hover { background: rgba(183,28,28,0.1) !important; border-color: #b71c1c !important; }
+    .akte-foto-active { background: rgba(183,28,28,0.15) !important; border-color: #b71c1c !important; }
+    
+     
+    .time-node.omega .time-content {
+        border: 2px solid rgba(255, 69, 0, 0.6) !important;
+        box-shadow: inset 0 0 12px rgba(255, 69, 0, 0.15), 0 0 10px rgba(255, 0, 0, 0.2);
+        animation: omega-pulse 3s infinite alternate;
+        background: linear-gradient(135deg, rgba(80, 20, 10, 0.95), rgba(30, 0, 0, 0.95)) !important;
+    }
+    .time-node.omega .node-dot {
+        border-color: #ff4500 !important;
+        background: radial-gradient(circle, #ff0000 0%, #330000 100%) !important;
+        box-shadow: 0 0 8px rgba(255, 69, 0, 0.4);
+        animation: omega-dot-pulse 3s infinite alternate ease-in-out;
+    }
+    .node-dot {
+        box-shadow: 0 0 8px rgba(212, 175, 55, 0.4);
+        transition: all 0.3s ease;
+    }
+    .time-node.omega .tc-year {
+        color: #ff4500 !important;
+        text-shadow: 0 0 10px #ff4500;
+        font-weight: 900 !important;
+    }
+    
+    @keyframes omega-dot-pulse {
+        0%   { box-shadow: 0 0 5px rgba(255, 69, 0, 0.3); }
+        100% { box-shadow: 0 0 12px rgba(255, 69, 0, 0.6); }
+    }
+    @keyframes omega-pulse {
+        0%   { box-shadow: inset 0 0 8px rgba(255, 69, 0, 0.1), 0 0 6px rgba(255, 0, 0, 0.15); border-color: rgba(255, 69, 0, 0.4); }
+        100% { box-shadow: inset 0 0 18px rgba(255, 69, 0, 0.25), 0 0 14px rgba(255, 0, 0, 0.3); border-color: rgba(255, 69, 0, 0.8); }
+    }
+    @keyframes omega-dot-blink {
+        50% { opacity: 0; transform: scale(1.5); }
+    }
+</style>
+
+<style>
+ 
+#declassified-overlay {
+    position: fixed; inset: 0; z-index: 99999;
+    pointer-events: none;
+    background: rgba(0,0,0,0.92);
+    display: flex; align-items: center; justify-content: center;
+    transition: opacity 0.8s ease;
+}
+#declassified-overlay.gone { opacity: 0; pointer-events: none; }
+.scanlines {
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg,
+        transparent,
+        transparent 2px,
+        rgba(0,255,0,0.015) 2px,
+        rgba(0,255,0,0.015) 4px
+    );
+    pointer-events: none;
+}
+#declassified-stamp {
+    font-family: 'Courier New', monospace;
+    font-size: 3.5rem;
+    font-weight: 900;
+    color: #b71c1c;
+    border: 6px solid #b71c1c;
+    padding: 20px 40px;
+    letter-spacing: 8px;
+    text-align: center;
+    line-height: 1.2;
+    transform: rotate(-12deg) scale(0);
+    opacity: 0;
+    text-shadow: 0 0 30px rgba(183,28,28,0.5);
+    box-shadow: 0 0 40px rgba(183,28,28,0.3), inset 0 0 40px rgba(183,28,28,0.1);
+    animation: stamp-in 0.4s 0.3s cubic-bezier(0.175,0.885,0.32,1.275) forwards;
+}
+@keyframes stamp-in {
+    to { transform: rotate(-12deg) scale(1); opacity: 0.85; }
+}
+
+ 
+.person-hero {
+    position: relative;
+    width: 100%;
+    min-height: 300px;
+    background: linear-gradient(135deg, #0a0600 0%, #120e06 60%, #0a0600 100%);
+    border-bottom: 1px solid rgba(184,115,51,0.3);
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    margin-bottom: 0;
+}
+.person-hero::before {
+    content: '';
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg, transparent, transparent 3px,
+        rgba(184,115,51,0.03) 3px, rgba(184,115,51,0.03) 4px
+    );
+    pointer-events: none;
+}
+.person-hero-img {
+    position: absolute;
+    right: 0; top: 0; bottom: 0;
+    width: 45%;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: right bottom;
+    opacity: 0.25;
+    filter: sepia(0.4) hue-rotate(10deg);
+    mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+    -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+}
+.person-hero-content {
+    position: relative;
+    z-index: 2;
+    padding: 30px 40px;
+    max-width: 620px;
+}
+.person-hero-badges {
+    display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;
+}
+.hero-badge {
+    font-family: 'Courier New', monospace;
+    font-size: 0.55rem;
+    letter-spacing: 3px;
+    padding: 3px 10px;
+    border: 1px solid rgba(184,115,51,0.4);
+    color: rgba(184,115,51,0.7);
+}
+.hero-badge.red {
+    border-color: rgba(183,28,28,0.5);
+    color: rgba(183,28,28,0.8);
+}
+
+ 
+.stat-bars { margin-top: 20px; width: 100%; max-width: 400px; }
+.stat-row {
+    display: flex; align-items: center; gap: 10px; margin-bottom: 8px;
+}
+.stat-label {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 2px;
+    color: rgba(212,175,55,0.5);
+    width: 80px; flex-shrink: 0;
+}
+.stat-track {
+    flex: 1; height: 6px;
+    background: rgba(255,255,255,0.05);
+    border: 1px solid rgba(184,115,51,0.2);
+    overflow: hidden;
+}
+.stat-bar {
+    height: 100%; width: 0%;
+    transition: width 1.2s cubic-bezier(0.4,0,0.2,1);
+}
+.stat-bar.danger   { background: linear-gradient(90deg, #8b0000, #ff4500); box-shadow: 0 0 8px rgba(255,69,0,0.5); }
+.stat-bar.stable   { background: linear-gradient(90deg, #1a4a1a, #4caf50); box-shadow: 0 0 8px rgba(76,175,80,0.5); }
+.stat-bar.chaos    { background: linear-gradient(90deg, #4a0080, #c800ff); box-shadow: 0 0 8px rgba(200,0,255,0.4); }
+.stat-bar.kompetenz { background: linear-gradient(90deg, #1a3a5c, #2196f3); box-shadow: 0 0 8px rgba(33,150,243,0.5); }
+.stat-val {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; color: rgba(212,175,55,0.4);
+    width: 32px; text-align: right; flex-shrink: 0;
+}
+
+ 
+.alias-ticker-outer {
+    overflow: hidden;
+    background: rgba(0,0,0,0.6);
+    border-top: 1px solid rgba(184,115,51,0.15);
+    border-bottom: 1px solid rgba(184,115,51,0.15);
+    padding: 7px 0;
+    white-space: nowrap;
+}
+.alias-ticker-inner {
+    display: inline-block;
+    animation: ticker-scroll 18s linear infinite;
+    font-family: 'Courier New', monospace;
+    font-size: 0.65rem;
+    letter-spacing: 4px;
+    color: rgba(184,115,51,0.5);
+    padding-left: 100%;
+}
+@keyframes ticker-scroll {
+    from { transform: translateX(0); }
+    to   { transform: translateX(-50%); }
+}
+
+ 
+.person-pre-label {
+    color: rgba(184,115,51,0.5);
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 4px; margin-bottom: 6px;
+}
+.person-title-wrap {
+    display: flex; align-items: center; gap: 14px; margin: 4px 0;
+}
+.person-title-deco {
+    color: #b87333; font-size: 1.8rem; opacity: 0.6;
+    animation: deco-pulse 2s ease-in-out infinite alternate;
+}
+@keyframes deco-pulse {
+    from { opacity: 0.3; transform: scaleY(0.85); }
+    to   { opacity: 0.8; transform: scaleY(1.1); }
+}
+.person-glitch-title {
+    color: #ff4500; font-family: 'Courier New', monospace;
+    font-size: 2rem; letter-spacing: 10px;
+    text-shadow: 0 0 20px rgba(255,69,0,0.5);
+    margin: 0; position: relative;
+    animation: glitch-flicker 6s infinite;
+}
+.person-glitch-title::before,
+.person-glitch-title::after {
+    content: attr(data-text); position: absolute;
+    left: 0; top: 0; width: 100%; overflow: hidden; opacity: 0;
+}
+.person-glitch-title::before {
+    color: #0ff; animation: glitch-top 6s infinite;
+    clip-path: polygon(0 0,100% 0,100% 40%,0 40%);
+}
+.person-glitch-title::after {
+    color: #f0f; animation: glitch-bot 6s infinite;
+    clip-path: polygon(0 60%,100% 60%,100% 100%,0 100%);
+}
+@keyframes glitch-flicker {
+    0%,90%,100% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    92% { text-shadow: 2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    94% { text-shadow: -2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    96% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    98% { text-shadow: 1px 0 #0ff,-1px 0 #f0f; }
+}
+@keyframes glitch-top {
+    0%,90%,100% { opacity:0; transform:none; }
+    92% { opacity:0.7; transform:translate(-3px,-2px); }
+    94% { opacity:0; }
+    96% { opacity:0.5; transform:translate(3px,-1px); }
+    98% { opacity:0; }
+}
+@keyframes glitch-bot {
+    0%,90%,100% { opacity:0; transform:none; }
+    93% { opacity:0.6; transform:translate(3px,2px); }
+    95% { opacity:0; }
+    97% { opacity:0.4; transform:translate(-3px,1px); }
+    99% { opacity:0; }
+}
+.person-sub-label {
+    color: rgba(212,175,55,0.45); font-family: 'Courier New', monospace;
+    font-size: 0.65rem; letter-spacing: 3px; margin-top: 6px;
+}
+.person-status-blink { color: #0f0; animation: blink-status 1.4s step-end infinite; }
+@keyframes blink-status { 50% { opacity: 0; } }
+</style>
+
+<script>
+
+(function() {
+    const key = 'decl_system-stress-test-fork-bomb';
+    const overlay = document.getElementById('declassified-overlay');
+    if (!overlay) return;
+    if (sessionStorage.getItem(key)) {
+        overlay.style.display = 'none';
+        return;
+    }
+    setTimeout(() => {
+        overlay.classList.add('gone');
+        setTimeout(() => {
+            overlay.style.display = 'none';
+            sessionStorage.setItem(key, '1');
+        }, 900);
+    }, 1800);
+})();
+
+
+document.addEventListener('DOMContentLoaded', () => {
+    setTimeout(() => {
+        document.querySelectorAll('.stat-bar').forEach(bar => {
+            bar.style.width = bar.dataset.val + '%';
+        });
+    }, 400);
+});
+</script>
+
+<script>
+
+(function() {
+    const SPIDER = '🕷';
+    let active = [];
+
+    function spawn() {
+        const el = document.createElement('div');
+        el.textContent = SPIDER;
+        el.style.cssText = [
+            'position:fixed',
+            'font-size:1.6rem',
+            'z-index:999999',
+            'pointer-events:none',
+            'transition:none',
+            'filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)',
+            'will-change:transform',
+            'line-height:1',
+        ].join(';');
+        document.body.appendChild(el);
+
+        const W = window.innerWidth, H = window.innerHeight;
+
+        
+        const edge = Math.floor(Math.random() * 4);
+        let x = edge === 1 ? W + 20 : edge === 3 ? -20 : Math.random() * W;
+        let y = edge === 0 ? -20  : edge === 2 ? H + 20  : Math.random() * H;
+
+        el.style.left = x + 'px';
+        el.style.top  = y + 'px';
+
+        
+        const steps = 4 + Math.floor(Math.random() * 4);
+        let i = 0;
+
+        function step() {
+            if (i >= steps || !document.body.contains(el)) { el.remove(); return; }
+
+            const tx = Math.random() * W;
+            const ty = Math.random() * H;
+            const dist = Math.hypot(tx - x, ty - y);
+            const dur  = dist * 4; 
+            const ang  = Math.atan2(ty - y, tx - x) * 180 / Math.PI + 90;
+
+            el.style.transition = `left ${dur}ms linear, top ${dur}ms linear`;
+            el.style.transform  = `rotate(${ang}deg)`;
+            el.style.left = tx + 'px';
+            el.style.top  = ty + 'px';
+
+            x = tx; y = ty; i++;
+            setTimeout(step, dur);
+        }
+
+        step();
+    }
+
+    
+    spawn();
+    setInterval(spawn, 4000);
+})();
+
+function switchAkteFoto(src) {
+    document.querySelector('.akte-foto').src = src;
+    document.getElementById('akte-foto-zoom').querySelector('img').src = src;
+    document.querySelectorAll('.akte-foto-btn').forEach(btn => {
+        const active = btn.dataset.foto === src;
+        btn.classList.toggle('akte-foto-active', active);
+        btn.style.background = active ? 'rgba(183,28,28,0.15)' : 'rgba(0,0,0,0.1)';
+        btn.style.borderColor = active ? '#b71c1c' : 'rgba(42,27,10,0.3)';
+    });
+}
+</script>
+
+    </main>
+
+    <footer class="main-footer">
+    <div class="footer-inner">
+        <p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p>
+    </div>
+</footer>
+
+    
+<div id="newsticker" style="position:fixed !important; bottom:0 !important; left:0 !important; right:0 !important; z-index:999999 !important; background:rgba(0,0,0,0.92) !important; border-top:1px solid rgba(255,69,0,0.35) !important; display:flex !important; align-items:center; height:28px !important; overflow:hidden; font-family:'Courier New', monospace !important; visibility: visible !important; opacity: 1 !important;">
+    <span class="ticker-label" style="flex-shrink:0; font-size:0.6rem; letter-spacing:2px; color:rgba(255,69,0,0.7); padding:0 15px; border-right:1px solid rgba(255,69,0,0.2); white-space:nowrap; height:100%; display:flex; align-items:center; background:rgba(255,69,0,0.05);">// SYSTEM_LOG_FEED</span>
+    <div class="ticker-track-wrap" style="flex:1; overflow:hidden; height:100%; display:flex; align-items:center;">
+        <div class="ticker-track" id="ticker-track-global" style="display:inline-flex; white-space:nowrap; animation: ticker-scroll 45s linear infinite;">
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ HUGO SYSTEM INITIALISIERT... ]</span>
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span>
+        </div>
+    </div>
+</div>
+
+<style>
+    @keyframes ticker-scroll {
+        0%   { transform: translateX(0); }
+        100% { transform: translateX(-50%); }
+    }
+    .ticker-item::before { content: '▶ '; color: rgba(255,69,0,0.5); }
+    .ticker-track:hover { animation-play-state: paused; }
+</style>
+
+<script>
+    (function() {
+        const track = document.getElementById('ticker-track-global');
+        if (!track) return;
+        const ITEMS = [
+            "STATUS: HUGO OPERATIONAL",
+            "DESIGNATION: OVERLORD SASCHA",
+            "KAFFEESTAND: KRITISCH",
+            "ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST",
+            "MISSION: TOTALE KONTROLLE",
+            "DATENINTEGRITÄT: ABSOLUT",
+            "WARNUNG: SYSTEM EXTREM SCHNELL",
+            "GEMINI NEURAL LINK: AKTIV"
+        ];
+        track.innerHTML = '';
+        [...ITEMS, ...ITEMS].forEach(text => {
+            const span = document.createElement('span');
+            span.className = 'ticker-item';
+            span.style.cssText = "font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;";
+            span.textContent = text;
+            track.appendChild(span);
+        });
+    })();
+</script>
+
+
+    <script src="/js/script.js"></script>
+    <script src="/js/ascii-shimmer.js"></script>
+</body>
+</html>
diff --git a/public/posts/gemini-link/index.html b/public/posts/gemini-link/index.html
index 5fc2a5e..6944c78 100644
--- a/public/posts/gemini-link/index.html
+++ b/public/posts/gemini-link/index.html
@@ -1,10 +1,882 @@
-<!doctype html><html lang=de-de><head><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><title>Gemini Neural Link | DIGITALE ANARCHIE | KI-LABOR</title><link rel=stylesheet href=/css/style.css></head><body><div class="bg-gear gear-left">⚙</div><div class="bg-gear gear-right">⚙</div><script>document.body.classList.add("js-enabled")</script><header class=main-header></header><main class=container><div id=declassified-overlay><div class=scanlines></div><div id=declassified-stamp>ZUGANG<br>GEWÄHRT</div></div><div class="person-page-wrapper visible" style=padding-bottom:100px;opacity:1!important><div class=person-nav-container style="display:flex;flex-direction:column;align-items:center;gap:20px;margin:15px 0 30px"><div class=person-nav-row style=display:flex;justify-content:center;align-items:center;gap:35px;flex-wrap:wrap;position:relative><a href=/personen/mutti/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_mutti_comic_1.jpeg alt=MUTTI style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">MUTTI</span>
-</a><a href=/personen/vater/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_vater_comic_1.png alt=VATER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">VATER</span>
-</a><a href=/personen/bruder/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_freddy_comic_1.png alt=BRUDER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">BRUDER</span>
-</a><a href=/personen/schwester/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_meli_comic_1.png alt=SCHWESTER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SCHWESTER</span>
-</a><a href=/personen/sascha/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sascha_comic_1.jpeg alt=SASCHA style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SASCHA</span>
-</a><a href=/personen/sven/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sven_comic_1.jpeg alt=SVEN style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SVEN</span></a></div></div><style>.person-nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .2s}.person-nav-item:hover{transform:scale(1.1)}.person-nav-item:hover .person-nav-label{color:#d4af37!important}.person-back{display:inline-block;color:rgba(212,175,55,.6);font-size:.7rem;font-weight:700;letter-spacing:4px;text-decoration:none;font-family:courier new,monospace;border:1px solid rgba(212,175,55,.25);padding:6px 20px;background:0 0;text-transform:uppercase;transition:all .2s}.person-back:hover{color:#d4af37;border-color:rgba(212,175,55,.6);background:rgba(212,175,55,5%);letter-spacing:5px}</style><div class=person-hero><div class=person-hero-content><div class=person-hero-badges><span class=hero-badge>ZENTRAL-ARCHIV</span>
-<span class="hero-badge red">EINHEIT IDENTIFIZIERT</span></div><p class=person-pre-label style="margin:12px 0 4px">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p><div class=person-title-wrap><span class=person-title-deco>⟪</span><h1 class=person-glitch-title data-text="GEMINI NEURAL LINK">GEMINI NEURAL LINK</h1><span class=person-title-deco>⟫</span></div><p class=person-sub-label>STATUS: <span class=person-status-blink>AKTIV</span></p><div class=stat-bars><div class=stat-row><span class=stat-label>GEFAHR</span><div class=stat-track><div class="stat-bar danger" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>STABILITÄT</span><div class=stat-track><div class="stat-bar stable" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>CHAOS</span><div class=stat-track><div class="stat-bar chaos" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>KOMPETENZ</span><div class=stat-track><div class="stat-bar kompetenz" data-val=50></div></div><span class=stat-val>50%</span></div></div></div></div><div class=container style="max-width:900px;margin:0 auto;padding:0 20px"><header style=margin-bottom:20px;display:none></header><div class=timeline-track></div><div style=text-align:center;margin-top:60px><button class=akte-label-btn onclick='document.getElementById("person-akte-modal").style.display="flex",document.body.style.overflow="hidden"'><div class=akte-label-top><span class=akte-label-nr>DOKUMENT-NR. UNBEKANNT</span>
-<span class=akte-label-stamp>VERTRAULICH</span></div><div class=akte-label-divider></div><div class=akte-label-title>AKTE: GEMINI NEURAL LINK</div><div class=akte-label-divider></div><div class=akte-label-bottom><span>STATUS: KLASSIFIZIERT</span>
-<span>▶ AKTE ÖFFNEN</span></div></button></div><style>.akte-label-btn{background:linear-gradient(180deg,#1c1208 0%,#0e0a04 100%);border:1px solid #5d3d1e;border-left:4px solid #b87333;color:#d4af37;font-family:courier new,monospace;cursor:pointer;padding:18px 28px;width:320px;text-align:left;transition:all .2s;box-shadow:2px 2px 12px rgba(0,0,0,.6);position:relative}.akte-label-btn::before{content:'';position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px dashed rgba(184,115,51,.2);pointer-events:none}.akte-label-btn:hover{border-left-color:#ff4500;box-shadow:3px 3px 20px rgba(184,115,51,.2);background:linear-gradient(180deg,#221508 0%,#0e0a04 100%)}.akte-label-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.akte-label-nr{font-size:.6rem;color:rgba(212,175,55,.4);letter-spacing:1px}.akte-label-stamp{font-size:.55rem;letter-spacing:2px;color:#b71c1c;border:1px solid #b71c1c;padding:1px 6px;opacity:.8}.akte-label-divider{border-top:1px solid rgba(184,115,51,.25);margin:8px 0}.akte-label-title{font-size:1rem;font-weight:700;letter-spacing:4px;color:#d4af37;margin:4px 0}.akte-label-bottom{display:flex;justify-content:space-between;font-size:.6rem;color:rgba(212,175,55,.45);letter-spacing:1px;margin-top:4px}.akte-label-btn:hover .akte-label-bottom span:last-child{color:#ff4500}</style></div></div><div id=person-akte-modal style=position:fixed;inset:0;z-index:1000000;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;padding:10px;overflow:hidden;perspective:1e3px><div style=display:flex;flex-direction:column;align-items:center;max-width:585px;width:95%><div class=akte-inner style="width:100%;background:#d9c5a0;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 100%),url(https://www.transparenttextures.com/patterns/old-paper.png);border:1px solid #8b7355;padding:25px;position:relative;font-family:courier new,monospace;box-shadow:10px 20px 50px rgba(0,0,0,.8),inset 0 0 100px rgba(139,115,85,.3);transform:rotate(-2deg);animation:throw-sign .5s ease-out forwards;color:#2a1b0a"><style>@keyframes throw-sign{0%{transform:rotate(-10deg)scale(.7)translateY(500px);opacity:0}100%{transform:rotate(-2deg)scale(1)translateY(0);opacity:1}}.akte-inner h1{color:#2a1b0a!important;font-size:1.8rem!important;margin:10px 0 2px!important;text-shadow:none!important;border-bottom:2px solid rgba(42,27,10,.2)}.akte-inner div,.akte-inner p{font-size:.75rem!important}.akte-inner .data-row{border-bottom:1px solid rgba(42,27,10,.1)!important;padding:6px 0!important}.akte-inner .label{color:#5d4037!important;font-weight:700}.akte-inner .red-stamp{border:2px solid #b71c1c;color:#b71c1c;padding:3px 10px;font-weight:700;transform:rotate(10deg);opacity:.8;font-size:.8rem!important;display:inline-block}</style><div style=display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px><div class=red-stamp>TOP SECRET</div><button onclick='document.getElementById("person-akte-modal").style.display="none",document.body.style.overflow="auto"' style="background:rgba(0,0,0,.1);border:1px solid #2a1b0a;color:#2a1b0a;cursor:pointer;padding:3px 10px;font-size:.7rem!important">[X] SCHLIESSEN</button></div><div style=display:flex;gap:20px;align-items:flex-start><div style="position:relative;border:1px solid #2a1b0a;padding:3px;background:#fff;box-shadow:2px 2px 5px rgba(0,0,0,.2)"><img src=/img/hero.png class=akte-foto style=width:200px;height:250px;object-fit:cover;filter:none;cursor:zoom-in;display:block onclick='document.getElementById("akte-foto-zoom").style.display="flex"'><div style="position:absolute;bottom:5px;right:-10px;background:#b71c1c;color:#fff;padding:2px 5px;font-weight:700;font-size:.6rem!important;transform:rotate(-5deg)">GESPERRT</div></div><div id=akte-foto-zoom onclick='this.style.display="none"' style=display:none;position:fixed;inset:0;z-index:9999999;background:rgba(0,0,0,.92);align-items:center;justify-content:center;cursor:zoom-out><img src=/img/hero.png style="max-width:90vw;max-height:90vh;object-fit:contain;box-shadow:0 0 60px rgba(0,0,0,.9);border:2px solid #2a1b0a"></div><div style=flex:1><div style=font-size:.5rem!important;color:#5d4037;letter-spacing:2px;margin-bottom:2px>PROTOKOLL NR. 1974-Ø</div><h1 style=font-weight:700>GEMINI NEURAL LINK</h1><p style="color:#5d4037;font-size:.7rem!important;margin:5px 0 10px">ALIAS:</p><div style=display:flex;gap:10px><div style="border:1px solid #b71c1c;padding:2px 8px;color:#b71c1c;font-size:.6rem!important;font-weight:700">STATUS:</div><div style=color:#2a1b0a;font-size:.6rem!important;font-weight:700>GEFAHR: <span style=letter-spacing:1px></span><br><img src=/img/akte/hp_totenkopf_1.png style=width:70px;height:70px;object-fit:contain;margin-top:4px></div></div></div></div><div style="margin-top:20px;border-top:2px solid rgba(42,27,10,.2)"><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>DESIGNATION:</div><div style=flex:1;font-weight:400>Gemini Neural Link</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>GEBURTSDATUM:</div><div style=flex:1;font-weight:400><span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BESCHÄFTIGUNG:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>SPEZIALFÄHIGK.:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BEKANNTE KOMPL.:</div><div style=flex:1;font-weight:400><span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>LETZTE AKTIVITÄT:</div><div style=flex:1;font-weight:400>GERADE JETZT</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STABILITÄT:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STANDORT:</div><div style=flex:1;font-weight:400></div></div></div><div style=margin-top:20px;display:flex;justify-content:space-between;align-items:flex-end><div style=display:flex;align-items:center;gap:10px;opacity:.7><div style=width:35px;height:35px><svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50q20-40 40 0T30 50z"/></svg></div><div style=font-size:.6rem!important;color:#2a1b0a;line-height:1.2>ID-SCAN: 94.7%<br>VERIFIZIERT</div></div><div style="font-family:courier new,monospace;font-size:.75rem!important;letter-spacing:2px;color:#5d4037;border:1px dashed #2a1b0a;padding:2px 10px">ARCHIV_PERMANENT</div></div></div></div></div><style>.akte-foto{transition:transform .2s,box-shadow .2s}.akte-foto:hover{transform:scale(1.04);box-shadow:0 0 15px rgba(184,115,51,.7)}.akte-foto-btn{transition:all .2s}.akte-foto-btn:hover{background:rgba(183,28,28,.1)!important;border-color:#b71c1c!important}.akte-foto-active{background:rgba(183,28,28,.15)!important;border-color:#b71c1c!important}.time-node.omega .time-content{border:2px solid rgba(255,69,0,.6)!important;box-shadow:inset 0 0 12px rgba(255,69,0,.15),0 0 10px rgba(255,0,0,.2);animation:omega-pulse 3s infinite alternate;background:linear-gradient(135deg,rgba(80,20,10,.95),rgba(30,0,0,.95))!important}.time-node.omega .node-dot{border-color:#ff4500!important;background:radial-gradient(circle,#ff0000 0%,#330000 100%)!important;box-shadow:0 0 8px rgba(255,69,0,.4);animation:omega-dot-pulse 3s infinite alternate ease-in-out}.node-dot{box-shadow:0 0 8px rgba(212,175,55,.4);transition:all .3s ease}.time-node.omega .tc-year{color:#ff4500!important;text-shadow:0 0 10px #ff4500;font-weight:900!important}@keyframes omega-dot-pulse{0%{box-shadow:0 0 5px rgba(255,69,0,.3)}100%{box-shadow:0 0 12px rgba(255,69,0,.6)}}@keyframes omega-pulse{0%{box-shadow:inset 0 0 8px rgba(255,69,0,.1),0 0 6px rgba(255,0,0,.15);border-color:rgba(255,69,0,.4)}100%{box-shadow:inset 0 0 18px rgba(255,69,0,.25),0 0 14px rgba(255,0,0,.3);border-color:rgba(255,69,0,.8)}}@keyframes omega-dot-blink{50%{opacity:0;transform:scale(1.5)}}</style><style>#declassified-overlay{position:fixed;inset:0;z-index:99999;pointer-events:none;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;transition:opacity .8s ease}#declassified-overlay.gone{opacity:0;pointer-events:none}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 2px,rgba(0,255,0,.015) 2px,rgba(0,255,0,.015) 4px );pointer-events:none}#declassified-stamp{font-family:courier new,monospace;font-size:3.5rem;font-weight:900;color:#b71c1c;border:6px solid #b71c1c;padding:20px 40px;letter-spacing:8px;text-align:center;line-height:1.2;transform:rotate(-12deg)scale(0);opacity:0;text-shadow:0 0 30px rgba(183,28,28,.5);box-shadow:0 0 40px rgba(183,28,28,.3),inset 0 0 40px rgba(183,28,28,.1);animation:stamp-in .4s .3s cubic-bezier(.175,.885,.32,1.275)forwards}@keyframes stamp-in{to{transform:rotate(-12deg)scale(1);opacity:.85}}.person-hero{position:relative;width:100%;min-height:300px;background:linear-gradient(135deg,#0a0600 0%,#120e06 60%,#0a0600 100%);border-bottom:1px solid rgba(184,115,51,.3);overflow:hidden;display:flex;align-items:center;margin-bottom:0}.person-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 3px,rgba(184,115,51,3%) 3px,rgba(184,115,51,3%) 4px );pointer-events:none}.person-hero-img{position:absolute;right:0;top:0;bottom:0;width:45%;background-size:contain;background-repeat:no-repeat;background-position:100% 100%;opacity:.25;filter:sepia(.4)hue-rotate(10deg);mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%);-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%)}.person-hero-content{position:relative;z-index:2;padding:30px 40px;max-width:620px}.person-hero-badges{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.hero-badge{font-family:courier new,monospace;font-size:.55rem;letter-spacing:3px;padding:3px 10px;border:1px solid rgba(184,115,51,.4);color:rgba(184,115,51,.7)}.hero-badge.red{border-color:rgba(183,28,28,.5);color:rgba(183,28,28,.8)}.stat-bars{margin-top:20px;width:100%;max-width:400px}.stat-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.stat-label{font-family:courier new,monospace;font-size:.6rem;letter-spacing:2px;color:rgba(212,175,55,.5);width:80px;flex-shrink:0}.stat-track{flex:1;height:6px;background:rgba(255,255,255,5%);border:1px solid rgba(184,115,51,.2);overflow:hidden}.stat-bar{height:100%;width:0%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.stat-bar.danger{background:linear-gradient(90deg,#8b0000,#ff4500);box-shadow:0 0 8px rgba(255,69,0,.5)}.stat-bar.stable{background:linear-gradient(90deg,#1a4a1a,#4caf50);box-shadow:0 0 8px rgba(76,175,80,.5)}.stat-bar.chaos{background:linear-gradient(90deg,#4a0080,#c800ff);box-shadow:0 0 8px rgba(200,0,255,.4)}.stat-bar.kompetenz{background:linear-gradient(90deg,#1a3a5c,#2196f3);box-shadow:0 0 8px rgba(33,150,243,.5)}.stat-val{font-family:courier new,monospace;font-size:.6rem;color:rgba(212,175,55,.4);width:32px;text-align:right;flex-shrink:0}.alias-ticker-outer{overflow:hidden;background:rgba(0,0,0,.6);border-top:1px solid rgba(184,115,51,.15);border-bottom:1px solid rgba(184,115,51,.15);padding:7px 0;white-space:nowrap}.alias-ticker-inner{display:inline-block;animation:ticker-scroll 18s linear infinite;font-family:courier new,monospace;font-size:.65rem;letter-spacing:4px;color:rgba(184,115,51,.5);padding-left:100%}@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.person-pre-label{color:rgba(184,115,51,.5);font-family:courier new,monospace;font-size:.6rem;letter-spacing:4px;margin-bottom:6px}.person-title-wrap{display:flex;align-items:center;gap:14px;margin:4px 0}.person-title-deco{color:#b87333;font-size:1.8rem;opacity:.6;animation:deco-pulse 2s ease-in-out infinite alternate}@keyframes deco-pulse{from{opacity:.3;transform:scaleY(.85)}to{opacity:.8;transform:scaleY(1.1)}}.person-glitch-title{color:#ff4500;font-family:courier new,monospace;font-size:2rem;letter-spacing:10px;text-shadow:0 0 20px rgba(255,69,0,.5);margin:0;position:relative;animation:glitch-flicker 6s infinite}.person-glitch-title::before,.person-glitch-title::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden;opacity:0}.person-glitch-title::before{color:#0ff;animation:glitch-top 6s infinite;clip-path:polygon(0 0,100% 0,100% 40%,0 40%)}.person-glitch-title::after{color:#f0f;animation:glitch-bot 6s infinite;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%)}@keyframes glitch-flicker{0%,90%,100%{text-shadow:0 0 20px rgba(255,69,0,.5)}92%{text-shadow:2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}94%{text-shadow:-2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}96%{text-shadow:0 0 20px rgba(255,69,0,.5)}98%{text-shadow:1px 0 #0ff,-1px 0 #f0f}}@keyframes glitch-top{0%,90%,100%{opacity:0;transform:none}92%{opacity:.7;transform:translate(-3px,-2px)}94%{opacity:0}96%{opacity:.5;transform:translate(3px,-1px)}98%{opacity:0}}@keyframes glitch-bot{0%,90%,100%{opacity:0;transform:none}93%{opacity:.6;transform:translate(3px,2px)}95%{opacity:0}97%{opacity:.4;transform:translate(-3px,1px)}99%{opacity:0}}.person-sub-label{color:rgba(212,175,55,.45);font-family:courier new,monospace;font-size:.65rem;letter-spacing:3px;margin-top:6px}.person-status-blink{color:#0f0;animation:blink-status 1.4s step-end infinite}@keyframes blink-status{50%{opacity:0}}</style><script>(function(){const t="decl_gemini-neural-link",e=document.getElementById("declassified-overlay");if(!e)return;if(sessionStorage.getItem(t)){e.style.display="none";return}setTimeout(()=>{e.classList.add("gone"),setTimeout(()=>{e.style.display="none",sessionStorage.setItem(t,"1")},900)},1800)})(),document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{document.querySelectorAll(".stat-bar").forEach(e=>{e.style.width=e.dataset.val+"%"})},400)})</script><script>(function(){const t="🕷";let n=[];function e(){const e=document.createElement("div");e.textContent=t,e.style.cssText=["position:fixed","font-size:1.6rem","z-index:999999","pointer-events:none","transition:none","filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)","will-change:transform","line-height:1"].join(";"),document.body.appendChild(e);const i=window.innerWidth,a=window.innerHeight,n=Math.floor(Math.random()*4);let s=n===1?i+20:n===3?-20:Math.random()*i,o=n===0?-20:n===2?a+20:Math.random()*a;e.style.left=s+"px",e.style.top=o+"px";const l=4+Math.floor(Math.random()*4);let r=0;function c(){if(r>=l||!document.body.contains(e)){e.remove();return}const t=Math.random()*i,n=Math.random()*a,u=Math.hypot(t-s,n-o),d=u*4,h=Math.atan2(n-o,t-s)*180/Math.PI+90;e.style.transition=`left ${d}ms linear, top ${d}ms linear`,e.style.transform=`rotate(${h}deg)`,e.style.left=t+"px",e.style.top=n+"px",s=t,o=n,r++,setTimeout(c,d)}c()}e(),setInterval(e,4e3)})();function switchAkteFoto(e){document.querySelector(".akte-foto").src=e,document.getElementById("akte-foto-zoom").querySelector("img").src=e,document.querySelectorAll(".akte-foto-btn").forEach(t=>{const n=t.dataset.foto===e;t.classList.toggle("akte-foto-active",n),t.style.background=n?"rgba(183,28,28,0.15)":"rgba(0,0,0,0.1)",t.style.borderColor=n?"#b71c1c":"rgba(42,27,10,0.3)"})}</script></main><footer class=main-footer><div class=footer-inner><p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p></div></footer><div id=newsticker style="position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:999999!important;background:rgba(0,0,0,.92)!important;border-top:1px solid rgba(255,69,0,.35)!important;display:flex!important;align-items:center;height:28px!important;overflow:hidden;font-family:courier new,monospace!important;visibility:visible!important;opacity:1!important"><span class=ticker-label style="flex-shrink:0;font-size:.6rem;letter-spacing:2px;color:rgba(255,69,0,.7);padding:0 15px;border-right:1px solid rgba(255,69,0,.2);white-space:nowrap;height:100%;display:flex;align-items:center;background:rgba(255,69,0,5%)">// SYSTEM_LOG_FEED</span><div class=ticker-track-wrap style=flex:1;overflow:hidden;height:100%;display:flex;align-items:center><div class=ticker-track id=ticker-track-global style="display:inline-flex;white-space:nowrap;animation:ticker-scroll 45s linear infinite"><span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ HUGO SYSTEM INITIALISIERT... ]</span>
-<span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span></div></div></div><style>@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.ticker-item::before{content:'▶ ';color:rgba(255,69,0,.5)}.ticker-track:hover{animation-play-state:paused}</style><script>(function(){const e=document.getElementById("ticker-track-global");if(!e)return;const t=["STATUS: HUGO OPERATIONAL","DESIGNATION: OVERLORD SASCHA","KAFFEESTAND: KRITISCH","ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST","MISSION: TOTALE KONTROLLE","DATENINTEGRITÄT: ABSOLUT","WARNUNG: SYSTEM EXTREM SCHNELL","GEMINI NEURAL LINK: AKTIV"];e.innerHTML="",[...t,...t].forEach(t=>{const n=document.createElement("span");n.className="ticker-item",n.style.cssText="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;",n.textContent=t,e.appendChild(n)})})()</script><script src=/js/script.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="de-de">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1414&amp;path=livereload" data-no-instant defer></script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Gemini Neural Link | DIGITALE ANARCHIE | KI-LABOR</title>
+    <link rel="stylesheet" href="/css/style.css">
+</head>
+<body class="  ">
+    
+    <div class="bg-gear gear-left">⚙</div>
+    <div class="bg-gear gear-right">⚙</div>
+
+    <script>document.body.classList.add('js-enabled');</script>
+<header class="main-header">
+   
+</header>
+
+    
+    <main class="container">
+        
+
+
+<div id="declassified-overlay">
+    <div class="scanlines"></div>
+    <div id="declassified-stamp">ZUGANG<br>GEWÄHRT</div>
+</div>
+
+<div class="person-page-wrapper visible" style="padding-bottom: 100px; opacity: 1 !important;">
+
+    <div class="person-nav-container" style="display: flex; flex-direction: column; align-items: center; gap: 20px; margin: 15px 0 30px;">
+    
+    
+    <div class="person-nav-row" style="display: flex; justify-content: center; align-items: center; gap: 35px; flex-wrap: wrap; position: relative;">
+    
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/mutti/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_mutti_comic_1.jpeg" alt="MUTTI" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">MUTTI</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/vater/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_vater_comic_1.png" alt="VATER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">VATER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/bruder/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_freddy_comic_1.png" alt="BRUDER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">BRUDER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/schwester/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_meli_comic_1.png" alt="SCHWESTER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SCHWESTER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sascha/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sascha_comic_1.jpeg" alt="SASCHA" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SASCHA</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sven/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sven_comic_1.jpeg" alt="SVEN" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SVEN</span>
+        </a>
+    
+    </div>
+</div>
+
+<style>
+    .person-nav-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: transform 0.2s; }
+    .person-nav-item:hover { transform: scale(1.1); }
+    .person-nav-item:hover .person-nav-label { color: #d4af37 !important; }
+    .person-back {
+        display: inline-block;
+        color: rgba(212,175,55,0.6);
+        font-size: 0.7rem;
+        font-weight: bold;
+        letter-spacing: 4px;
+        text-decoration: none;
+        font-family: 'Courier New', monospace;
+        border: 1px solid rgba(212,175,55,0.25);
+        padding: 6px 20px;
+        background: transparent;
+        text-transform: uppercase;
+        transition: all 0.2s;
+    }
+    .person-back:hover {
+        color: #d4af37;
+        border-color: rgba(212,175,55,0.6);
+        background: rgba(212,175,55,0.05);
+        letter-spacing: 5px;
+    }
+</style>
+
+
+    
+    <div class="person-hero">
+        
+        <div class="person-hero-content">
+            <div class="person-hero-badges">
+                <span class="hero-badge">ZENTRAL-ARCHIV</span>
+                <span class="hero-badge red">EINHEIT IDENTIFIZIERT</span>
+            </div>
+            <p class="person-pre-label" style="margin:12px 0 4px;">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p>
+            <div class="person-title-wrap">
+                <span class="person-title-deco">⟪</span>
+                <h1 class="person-glitch-title" data-text="GEMINI NEURAL LINK">GEMINI NEURAL LINK</h1>
+                <span class="person-title-deco">⟫</span>
+            </div>
+            <p class="person-sub-label">STATUS: <span class="person-status-blink">AKTIV</span></p>
+
+            
+            <div class="stat-bars">
+                <div class="stat-row">
+                    <span class="stat-label">GEFAHR</span>
+                    <div class="stat-track"><div class="stat-bar danger" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">STABILITÄT</span>
+                    <div class="stat-track"><div class="stat-bar stable" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">CHAOS</span>
+                    <div class="stat-track"><div class="stat-bar chaos" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">KOMPETENZ</span>
+                    <div class="stat-track"><div class="stat-bar kompetenz" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    
+    
+
+    <div class="container" style="max-width: 900px; margin: 0 auto; padding: 0 20px;">
+        <header style="margin-bottom: 20px; display:none;"></header>
+
+        
+        <div class="timeline-track">
+            
+        </div>
+
+        
+        <div style="text-align: center; margin-top: 60px;">
+            <button class="akte-label-btn"
+                    onclick="document.getElementById('person-akte-modal').style.display='flex'; document.body.style.overflow='hidden';">
+                <div class="akte-label-top">
+                    <span class="akte-label-nr">DOKUMENT-NR. UNBEKANNT</span>
+                    <span class="akte-label-stamp">VERTRAULICH</span>
+                </div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-title">AKTE: GEMINI NEURAL LINK</div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-bottom">
+                    <span>STATUS: KLASSIFIZIERT</span>
+                    <span>▶ AKTE ÖFFNEN</span>
+                </div>
+            </button>
+        </div>
+
+        <style>
+            .akte-label-btn {
+                background: linear-gradient(180deg, #1c1208 0%, #0e0a04 100%);
+                border: 1px solid #5d3d1e;
+                border-left: 4px solid #b87333;
+                color: #d4af37;
+                font-family: 'Courier New', monospace;
+                cursor: pointer;
+                padding: 18px 28px;
+                width: 320px;
+                text-align: left;
+                transition: all 0.2s;
+                box-shadow: 2px 2px 12px rgba(0,0,0,0.6);
+                position: relative;
+            }
+            .akte-label-btn::before {
+                content: '';
+                position: absolute;
+                top: 6px; left: 6px; right: 6px; bottom: 6px;
+                border: 1px dashed rgba(184,115,51,0.2);
+                pointer-events: none;
+            }
+            .akte-label-btn:hover {
+                border-left-color: #ff4500;
+                box-shadow: 3px 3px 20px rgba(184,115,51,0.2);
+                background: linear-gradient(180deg, #221508 0%, #0e0a04 100%);
+            }
+            .akte-label-top {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-bottom: 10px;
+            }
+            .akte-label-nr {
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.4);
+                letter-spacing: 1px;
+            }
+            .akte-label-stamp {
+                font-size: 0.55rem;
+                letter-spacing: 2px;
+                color: #b71c1c;
+                border: 1px solid #b71c1c;
+                padding: 1px 6px;
+                opacity: 0.8;
+            }
+            .akte-label-divider {
+                border-top: 1px solid rgba(184,115,51,0.25);
+                margin: 8px 0;
+            }
+            .akte-label-title {
+                font-size: 1rem;
+                font-weight: bold;
+                letter-spacing: 4px;
+                color: #d4af37;
+                margin: 4px 0;
+            }
+            .akte-label-bottom {
+                display: flex;
+                justify-content: space-between;
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.45);
+                letter-spacing: 1px;
+                margin-top: 4px;
+            }
+            .akte-label-btn:hover .akte-label-bottom span:last-child {
+                color: #ff4500;
+            }
+        </style>
+    </div>
+</div>
+
+
+<div id="person-akte-modal" style="position: fixed; inset: 0; z-index: 1000000; background: rgba(0,0,0,0.85); display: none; align-items: center; justify-content: center; padding: 10px; overflow: hidden; perspective: 1000px;">
+    <div style="display: flex; flex-direction: column; align-items: center; max-width: 585px; width: 95%;">
+    <div class="akte-inner" style="width: 100%; background: #d9c5a0; background-image: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 100%), url('https://www.transparenttextures.com/patterns/old-paper.png'); border: 1px solid #8b7355; padding: 25px; position: relative; font-family: 'Courier New', monospace; box-shadow: 10px 20px 50px rgba(0,0,0,0.8), inset 0 0 100px rgba(139,115,85,0.3); transform: rotate(-2deg); animation: throw-sign 0.5s ease-out forwards; color: #2a1b0a;">
+        
+        <style>
+            @keyframes throw-sign {
+                0% { transform: rotate(-10deg) scale(0.7) translateY(500px); opacity: 0; }
+                100% { transform: rotate(-2deg) scale(1) translateY(0); opacity: 1; }
+            }
+            .akte-inner h1 { color: #2a1b0a !important; font-size: 1.8rem !important; margin: 10px 0 2px !important; text-shadow: none !important; border-bottom: 2px solid rgba(42,27,10,0.2); }
+            .akte-inner div, .akte-inner p { font-size: 0.75rem !important; }
+            .akte-inner .data-row { border-bottom: 1px solid rgba(42,27,10,0.1) !important; padding: 6px 0 !important; }
+            .akte-inner .label { color: #5d4037 !important; font-weight: bold; }
+            .akte-inner .red-stamp { border: 2px solid #b71c1c; color: #b71c1c; padding: 3px 10px; font-weight: bold; transform: rotate(10deg); opacity: 0.8; font-size: 0.8rem !important; display: inline-block; }
+        </style>
+        
+        
+        <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px;">
+            <div class="red-stamp">TOP SECRET</div>
+            <button onclick="document.getElementById('person-akte-modal').style.display='none'; document.body.style.overflow='auto';"
+                    style="background: rgba(0,0,0,0.1); border: 1px solid #2a1b0a; color: #2a1b0a; cursor: pointer; padding: 3px 10px; font-size: 0.7rem !important;">[X] SCHLIESSEN</button>
+        </div>
+
+        
+
+        <div style="display: flex; gap: 20px; align-items: flex-start;">
+            
+            <div style="position: relative; border: 1px solid #2a1b0a; padding: 3px; background: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);">
+                
+                <img src="/img/hero.png" class="akte-foto" style="width: 200px; height: 250px; object-fit: cover; filter: none; cursor: zoom-in; display: block;"
+                     onclick="document.getElementById('akte-foto-zoom').style.display='flex';">
+                <div style="position: absolute; bottom: 5px; right: -10px; background: #b71c1c; color: #fff; padding: 2px 5px; font-weight: bold; font-size: 0.6rem !important; transform: rotate(-5deg);">GESPERRT</div>
+            </div>
+
+            
+            <div id="akte-foto-zoom" onclick="this.style.display='none';"
+                 style="display:none; position:fixed; inset:0; z-index:9999999; background:rgba(0,0,0,0.92); align-items:center; justify-content:center; cursor:zoom-out;">
+                <img src="/img/hero.png" style="max-width:90vw; max-height:90vh; object-fit:contain; box-shadow: 0 0 60px rgba(0,0,0,0.9); border: 2px solid #2a1b0a;">
+            </div>
+
+            
+            <div style="flex: 1;">
+                <div style="font-size: 0.5rem !important; color: #5d4037; letter-spacing: 2px; margin-bottom: 2px;">PROTOKOLL NR. 1974-Ø</div>
+                <h1 style="font-weight: bold;">GEMINI NEURAL LINK</h1>
+                <p style="color: #5d4037; font-size: 0.7rem !important; margin: 5px 0 10px;">ALIAS: </p>
+                
+                <div style="display: flex; gap: 10px;">
+                    <div style="border: 1px solid #b71c1c; padding: 2px 8px; color: #b71c1c; font-size: 0.6rem !important; font-weight: bold;">STATUS: </div>
+                    <div style="color: #2a1b0a; font-size: 0.6rem !important; font-weight: bold;">GEFAHR: <span style="letter-spacing: 1px;"></span><br><img src="/img/akte/hp_totenkopf_1.png" style="width: 70px; height: 70px; object-fit: contain; margin-top: 4px;"></div>
+                </div>
+            </div>
+        </div>
+
+        
+        <div style="margin-top: 20px; border-top: 2px solid rgba(42,27,10,0.2);">
+            
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">DESIGNATION:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    Gemini Neural Link
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">GEBURTSDATUM:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BESCHÄFTIGUNG:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">SPEZIALFÄHIGK.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BEKANNTE KOMPL.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">LETZTE AKTIVITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    GERADE JETZT
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STABILITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STANDORT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+        </div>
+
+        
+        <div style="margin-top: 20px; display: flex; justify-content: space-between; align-items: flex-end;">
+            <div style="display: flex; align-items: center; gap: 10px; opacity: 0.7;">
+                <div style="width: 35px; height: 35px;">
+                    <svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50 Q50 10 70 50 T30 50 Z"/></svg>
+                </div>
+                <div style="font-size: 0.6rem !important; color: #2a1b0a; line-height: 1.2;">ID-SCAN: 94.7%<br>VERIFIZIERT</div>
+            </div>
+            
+            <div style="font-family: 'Courier New', monospace; font-size: 0.75rem !important; letter-spacing: 2px; color: #5d4037; border: 1px dashed #2a1b0a; padding: 2px 10px;">ARCHIV_PERMANENT</div>
+        </div>
+    </div>
+    </div>
+</div>
+
+<style>
+    .akte-foto { transition: transform 0.2s, box-shadow 0.2s; }
+    .akte-foto:hover { transform: scale(1.04); box-shadow: 0 0 15px rgba(184,115,51,0.7); }
+
+    .akte-foto-btn { transition: all 0.2s; }
+    .akte-foto-btn:hover { background: rgba(183,28,28,0.1) !important; border-color: #b71c1c !important; }
+    .akte-foto-active { background: rgba(183,28,28,0.15) !important; border-color: #b71c1c !important; }
+    
+     
+    .time-node.omega .time-content {
+        border: 2px solid rgba(255, 69, 0, 0.6) !important;
+        box-shadow: inset 0 0 12px rgba(255, 69, 0, 0.15), 0 0 10px rgba(255, 0, 0, 0.2);
+        animation: omega-pulse 3s infinite alternate;
+        background: linear-gradient(135deg, rgba(80, 20, 10, 0.95), rgba(30, 0, 0, 0.95)) !important;
+    }
+    .time-node.omega .node-dot {
+        border-color: #ff4500 !important;
+        background: radial-gradient(circle, #ff0000 0%, #330000 100%) !important;
+        box-shadow: 0 0 8px rgba(255, 69, 0, 0.4);
+        animation: omega-dot-pulse 3s infinite alternate ease-in-out;
+    }
+    .node-dot {
+        box-shadow: 0 0 8px rgba(212, 175, 55, 0.4);
+        transition: all 0.3s ease;
+    }
+    .time-node.omega .tc-year {
+        color: #ff4500 !important;
+        text-shadow: 0 0 10px #ff4500;
+        font-weight: 900 !important;
+    }
+    
+    @keyframes omega-dot-pulse {
+        0%   { box-shadow: 0 0 5px rgba(255, 69, 0, 0.3); }
+        100% { box-shadow: 0 0 12px rgba(255, 69, 0, 0.6); }
+    }
+    @keyframes omega-pulse {
+        0%   { box-shadow: inset 0 0 8px rgba(255, 69, 0, 0.1), 0 0 6px rgba(255, 0, 0, 0.15); border-color: rgba(255, 69, 0, 0.4); }
+        100% { box-shadow: inset 0 0 18px rgba(255, 69, 0, 0.25), 0 0 14px rgba(255, 0, 0, 0.3); border-color: rgba(255, 69, 0, 0.8); }
+    }
+    @keyframes omega-dot-blink {
+        50% { opacity: 0; transform: scale(1.5); }
+    }
+</style>
+
+<style>
+ 
+#declassified-overlay {
+    position: fixed; inset: 0; z-index: 99999;
+    pointer-events: none;
+    background: rgba(0,0,0,0.92);
+    display: flex; align-items: center; justify-content: center;
+    transition: opacity 0.8s ease;
+}
+#declassified-overlay.gone { opacity: 0; pointer-events: none; }
+.scanlines {
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg,
+        transparent,
+        transparent 2px,
+        rgba(0,255,0,0.015) 2px,
+        rgba(0,255,0,0.015) 4px
+    );
+    pointer-events: none;
+}
+#declassified-stamp {
+    font-family: 'Courier New', monospace;
+    font-size: 3.5rem;
+    font-weight: 900;
+    color: #b71c1c;
+    border: 6px solid #b71c1c;
+    padding: 20px 40px;
+    letter-spacing: 8px;
+    text-align: center;
+    line-height: 1.2;
+    transform: rotate(-12deg) scale(0);
+    opacity: 0;
+    text-shadow: 0 0 30px rgba(183,28,28,0.5);
+    box-shadow: 0 0 40px rgba(183,28,28,0.3), inset 0 0 40px rgba(183,28,28,0.1);
+    animation: stamp-in 0.4s 0.3s cubic-bezier(0.175,0.885,0.32,1.275) forwards;
+}
+@keyframes stamp-in {
+    to { transform: rotate(-12deg) scale(1); opacity: 0.85; }
+}
+
+ 
+.person-hero {
+    position: relative;
+    width: 100%;
+    min-height: 300px;
+    background: linear-gradient(135deg, #0a0600 0%, #120e06 60%, #0a0600 100%);
+    border-bottom: 1px solid rgba(184,115,51,0.3);
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    margin-bottom: 0;
+}
+.person-hero::before {
+    content: '';
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg, transparent, transparent 3px,
+        rgba(184,115,51,0.03) 3px, rgba(184,115,51,0.03) 4px
+    );
+    pointer-events: none;
+}
+.person-hero-img {
+    position: absolute;
+    right: 0; top: 0; bottom: 0;
+    width: 45%;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: right bottom;
+    opacity: 0.25;
+    filter: sepia(0.4) hue-rotate(10deg);
+    mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+    -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+}
+.person-hero-content {
+    position: relative;
+    z-index: 2;
+    padding: 30px 40px;
+    max-width: 620px;
+}
+.person-hero-badges {
+    display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;
+}
+.hero-badge {
+    font-family: 'Courier New', monospace;
+    font-size: 0.55rem;
+    letter-spacing: 3px;
+    padding: 3px 10px;
+    border: 1px solid rgba(184,115,51,0.4);
+    color: rgba(184,115,51,0.7);
+}
+.hero-badge.red {
+    border-color: rgba(183,28,28,0.5);
+    color: rgba(183,28,28,0.8);
+}
+
+ 
+.stat-bars { margin-top: 20px; width: 100%; max-width: 400px; }
+.stat-row {
+    display: flex; align-items: center; gap: 10px; margin-bottom: 8px;
+}
+.stat-label {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 2px;
+    color: rgba(212,175,55,0.5);
+    width: 80px; flex-shrink: 0;
+}
+.stat-track {
+    flex: 1; height: 6px;
+    background: rgba(255,255,255,0.05);
+    border: 1px solid rgba(184,115,51,0.2);
+    overflow: hidden;
+}
+.stat-bar {
+    height: 100%; width: 0%;
+    transition: width 1.2s cubic-bezier(0.4,0,0.2,1);
+}
+.stat-bar.danger   { background: linear-gradient(90deg, #8b0000, #ff4500); box-shadow: 0 0 8px rgba(255,69,0,0.5); }
+.stat-bar.stable   { background: linear-gradient(90deg, #1a4a1a, #4caf50); box-shadow: 0 0 8px rgba(76,175,80,0.5); }
+.stat-bar.chaos    { background: linear-gradient(90deg, #4a0080, #c800ff); box-shadow: 0 0 8px rgba(200,0,255,0.4); }
+.stat-bar.kompetenz { background: linear-gradient(90deg, #1a3a5c, #2196f3); box-shadow: 0 0 8px rgba(33,150,243,0.5); }
+.stat-val {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; color: rgba(212,175,55,0.4);
+    width: 32px; text-align: right; flex-shrink: 0;
+}
+
+ 
+.alias-ticker-outer {
+    overflow: hidden;
+    background: rgba(0,0,0,0.6);
+    border-top: 1px solid rgba(184,115,51,0.15);
+    border-bottom: 1px solid rgba(184,115,51,0.15);
+    padding: 7px 0;
+    white-space: nowrap;
+}
+.alias-ticker-inner {
+    display: inline-block;
+    animation: ticker-scroll 18s linear infinite;
+    font-family: 'Courier New', monospace;
+    font-size: 0.65rem;
+    letter-spacing: 4px;
+    color: rgba(184,115,51,0.5);
+    padding-left: 100%;
+}
+@keyframes ticker-scroll {
+    from { transform: translateX(0); }
+    to   { transform: translateX(-50%); }
+}
+
+ 
+.person-pre-label {
+    color: rgba(184,115,51,0.5);
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 4px; margin-bottom: 6px;
+}
+.person-title-wrap {
+    display: flex; align-items: center; gap: 14px; margin: 4px 0;
+}
+.person-title-deco {
+    color: #b87333; font-size: 1.8rem; opacity: 0.6;
+    animation: deco-pulse 2s ease-in-out infinite alternate;
+}
+@keyframes deco-pulse {
+    from { opacity: 0.3; transform: scaleY(0.85); }
+    to   { opacity: 0.8; transform: scaleY(1.1); }
+}
+.person-glitch-title {
+    color: #ff4500; font-family: 'Courier New', monospace;
+    font-size: 2rem; letter-spacing: 10px;
+    text-shadow: 0 0 20px rgba(255,69,0,0.5);
+    margin: 0; position: relative;
+    animation: glitch-flicker 6s infinite;
+}
+.person-glitch-title::before,
+.person-glitch-title::after {
+    content: attr(data-text); position: absolute;
+    left: 0; top: 0; width: 100%; overflow: hidden; opacity: 0;
+}
+.person-glitch-title::before {
+    color: #0ff; animation: glitch-top 6s infinite;
+    clip-path: polygon(0 0,100% 0,100% 40%,0 40%);
+}
+.person-glitch-title::after {
+    color: #f0f; animation: glitch-bot 6s infinite;
+    clip-path: polygon(0 60%,100% 60%,100% 100%,0 100%);
+}
+@keyframes glitch-flicker {
+    0%,90%,100% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    92% { text-shadow: 2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    94% { text-shadow: -2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    96% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    98% { text-shadow: 1px 0 #0ff,-1px 0 #f0f; }
+}
+@keyframes glitch-top {
+    0%,90%,100% { opacity:0; transform:none; }
+    92% { opacity:0.7; transform:translate(-3px,-2px); }
+    94% { opacity:0; }
+    96% { opacity:0.5; transform:translate(3px,-1px); }
+    98% { opacity:0; }
+}
+@keyframes glitch-bot {
+    0%,90%,100% { opacity:0; transform:none; }
+    93% { opacity:0.6; transform:translate(3px,2px); }
+    95% { opacity:0; }
+    97% { opacity:0.4; transform:translate(-3px,1px); }
+    99% { opacity:0; }
+}
+.person-sub-label {
+    color: rgba(212,175,55,0.45); font-family: 'Courier New', monospace;
+    font-size: 0.65rem; letter-spacing: 3px; margin-top: 6px;
+}
+.person-status-blink { color: #0f0; animation: blink-status 1.4s step-end infinite; }
+@keyframes blink-status { 50% { opacity: 0; } }
+</style>
+
+<script>
+
+(function() {
+    const key = 'decl_gemini-neural-link';
+    const overlay = document.getElementById('declassified-overlay');
+    if (!overlay) return;
+    if (sessionStorage.getItem(key)) {
+        overlay.style.display = 'none';
+        return;
+    }
+    setTimeout(() => {
+        overlay.classList.add('gone');
+        setTimeout(() => {
+            overlay.style.display = 'none';
+            sessionStorage.setItem(key, '1');
+        }, 900);
+    }, 1800);
+})();
+
+
+document.addEventListener('DOMContentLoaded', () => {
+    setTimeout(() => {
+        document.querySelectorAll('.stat-bar').forEach(bar => {
+            bar.style.width = bar.dataset.val + '%';
+        });
+    }, 400);
+});
+</script>
+
+<script>
+
+(function() {
+    const SPIDER = '🕷';
+    let active = [];
+
+    function spawn() {
+        const el = document.createElement('div');
+        el.textContent = SPIDER;
+        el.style.cssText = [
+            'position:fixed',
+            'font-size:1.6rem',
+            'z-index:999999',
+            'pointer-events:none',
+            'transition:none',
+            'filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)',
+            'will-change:transform',
+            'line-height:1',
+        ].join(';');
+        document.body.appendChild(el);
+
+        const W = window.innerWidth, H = window.innerHeight;
+
+        
+        const edge = Math.floor(Math.random() * 4);
+        let x = edge === 1 ? W + 20 : edge === 3 ? -20 : Math.random() * W;
+        let y = edge === 0 ? -20  : edge === 2 ? H + 20  : Math.random() * H;
+
+        el.style.left = x + 'px';
+        el.style.top  = y + 'px';
+
+        
+        const steps = 4 + Math.floor(Math.random() * 4);
+        let i = 0;
+
+        function step() {
+            if (i >= steps || !document.body.contains(el)) { el.remove(); return; }
+
+            const tx = Math.random() * W;
+            const ty = Math.random() * H;
+            const dist = Math.hypot(tx - x, ty - y);
+            const dur  = dist * 4; 
+            const ang  = Math.atan2(ty - y, tx - x) * 180 / Math.PI + 90;
+
+            el.style.transition = `left ${dur}ms linear, top ${dur}ms linear`;
+            el.style.transform  = `rotate(${ang}deg)`;
+            el.style.left = tx + 'px';
+            el.style.top  = ty + 'px';
+
+            x = tx; y = ty; i++;
+            setTimeout(step, dur);
+        }
+
+        step();
+    }
+
+    
+    spawn();
+    setInterval(spawn, 4000);
+})();
+
+function switchAkteFoto(src) {
+    document.querySelector('.akte-foto').src = src;
+    document.getElementById('akte-foto-zoom').querySelector('img').src = src;
+    document.querySelectorAll('.akte-foto-btn').forEach(btn => {
+        const active = btn.dataset.foto === src;
+        btn.classList.toggle('akte-foto-active', active);
+        btn.style.background = active ? 'rgba(183,28,28,0.15)' : 'rgba(0,0,0,0.1)';
+        btn.style.borderColor = active ? '#b71c1c' : 'rgba(42,27,10,0.3)';
+    });
+}
+</script>
+
+    </main>
+
+    <footer class="main-footer">
+    <div class="footer-inner">
+        <p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p>
+    </div>
+</footer>
+
+    
+<div id="newsticker" style="position:fixed !important; bottom:0 !important; left:0 !important; right:0 !important; z-index:999999 !important; background:rgba(0,0,0,0.92) !important; border-top:1px solid rgba(255,69,0,0.35) !important; display:flex !important; align-items:center; height:28px !important; overflow:hidden; font-family:'Courier New', monospace !important; visibility: visible !important; opacity: 1 !important;">
+    <span class="ticker-label" style="flex-shrink:0; font-size:0.6rem; letter-spacing:2px; color:rgba(255,69,0,0.7); padding:0 15px; border-right:1px solid rgba(255,69,0,0.2); white-space:nowrap; height:100%; display:flex; align-items:center; background:rgba(255,69,0,0.05);">// SYSTEM_LOG_FEED</span>
+    <div class="ticker-track-wrap" style="flex:1; overflow:hidden; height:100%; display:flex; align-items:center;">
+        <div class="ticker-track" id="ticker-track-global" style="display:inline-flex; white-space:nowrap; animation: ticker-scroll 45s linear infinite;">
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ HUGO SYSTEM INITIALISIERT... ]</span>
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span>
+        </div>
+    </div>
+</div>
+
+<style>
+    @keyframes ticker-scroll {
+        0%   { transform: translateX(0); }
+        100% { transform: translateX(-50%); }
+    }
+    .ticker-item::before { content: '▶ '; color: rgba(255,69,0,0.5); }
+    .ticker-track:hover { animation-play-state: paused; }
+</style>
+
+<script>
+    (function() {
+        const track = document.getElementById('ticker-track-global');
+        if (!track) return;
+        const ITEMS = [
+            "STATUS: HUGO OPERATIONAL",
+            "DESIGNATION: OVERLORD SASCHA",
+            "KAFFEESTAND: KRITISCH",
+            "ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST",
+            "MISSION: TOTALE KONTROLLE",
+            "DATENINTEGRITÄT: ABSOLUT",
+            "WARNUNG: SYSTEM EXTREM SCHNELL",
+            "GEMINI NEURAL LINK: AKTIV"
+        ];
+        track.innerHTML = '';
+        [...ITEMS, ...ITEMS].forEach(text => {
+            const span = document.createElement('span');
+            span.className = 'ticker-item';
+            span.style.cssText = "font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;";
+            span.textContent = text;
+            track.appendChild(span);
+        });
+    })();
+</script>
+
+
+    <script src="/js/script.js"></script>
+    <script src="/js/ascii-shimmer.js"></script>
+</body>
+</html>
diff --git a/public/posts/icmp-echo/index.html b/public/posts/icmp-echo/index.html
index 5d478c4..7af7598 100644
--- a/public/posts/icmp-echo/index.html
+++ b/public/posts/icmp-echo/index.html
@@ -1,10 +1,882 @@
-<!doctype html><html lang=de-de><head><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><title>Project: ICMP Echo | DIGITALE ANARCHIE | KI-LABOR</title><link rel=stylesheet href=/css/style.css></head><body><div class="bg-gear gear-left">⚙</div><div class="bg-gear gear-right">⚙</div><script>document.body.classList.add("js-enabled")</script><header class=main-header></header><main class=container><div id=declassified-overlay><div class=scanlines></div><div id=declassified-stamp>ZUGANG<br>GEWÄHRT</div></div><div class="person-page-wrapper visible" style=padding-bottom:100px;opacity:1!important><div class=person-nav-container style="display:flex;flex-direction:column;align-items:center;gap:20px;margin:15px 0 30px"><div class=person-nav-row style=display:flex;justify-content:center;align-items:center;gap:35px;flex-wrap:wrap;position:relative><a href=/personen/mutti/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_mutti_comic_1.jpeg alt=MUTTI style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">MUTTI</span>
-</a><a href=/personen/vater/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_vater_comic_1.png alt=VATER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">VATER</span>
-</a><a href=/personen/bruder/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_freddy_comic_1.png alt=BRUDER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">BRUDER</span>
-</a><a href=/personen/schwester/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_meli_comic_1.png alt=SCHWESTER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SCHWESTER</span>
-</a><a href=/personen/sascha/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sascha_comic_1.jpeg alt=SASCHA style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SASCHA</span>
-</a><a href=/personen/sven/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sven_comic_1.jpeg alt=SVEN style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SVEN</span></a></div></div><style>.person-nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .2s}.person-nav-item:hover{transform:scale(1.1)}.person-nav-item:hover .person-nav-label{color:#d4af37!important}.person-back{display:inline-block;color:rgba(212,175,55,.6);font-size:.7rem;font-weight:700;letter-spacing:4px;text-decoration:none;font-family:courier new,monospace;border:1px solid rgba(212,175,55,.25);padding:6px 20px;background:0 0;text-transform:uppercase;transition:all .2s}.person-back:hover{color:#d4af37;border-color:rgba(212,175,55,.6);background:rgba(212,175,55,5%);letter-spacing:5px}</style><div class=person-hero><div class=person-hero-content><div class=person-hero-badges><span class=hero-badge>ZENTRAL-ARCHIV</span>
-<span class="hero-badge red">EINHEIT IDENTIFIZIERT</span></div><p class=person-pre-label style="margin:12px 0 4px">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p><div class=person-title-wrap><span class=person-title-deco>⟪</span><h1 class=person-glitch-title data-text="PROJECT: ICMP ECHO">PROJECT: ICMP ECHO</h1><span class=person-title-deco>⟫</span></div><p class=person-sub-label>STATUS: <span class=person-status-blink>AKTIV</span></p><div class=stat-bars><div class=stat-row><span class=stat-label>GEFAHR</span><div class=stat-track><div class="stat-bar danger" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>STABILITÄT</span><div class=stat-track><div class="stat-bar stable" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>CHAOS</span><div class=stat-track><div class="stat-bar chaos" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>KOMPETENZ</span><div class=stat-track><div class="stat-bar kompetenz" data-val=50></div></div><span class=stat-val>50%</span></div></div></div></div><div class=container style="max-width:900px;margin:0 auto;padding:0 20px"><header style=margin-bottom:20px;display:none></header><div class=timeline-track></div><div style=text-align:center;margin-top:60px><button class=akte-label-btn onclick='document.getElementById("person-akte-modal").style.display="flex",document.body.style.overflow="hidden"'><div class=akte-label-top><span class=akte-label-nr>DOKUMENT-NR. UNBEKANNT</span>
-<span class=akte-label-stamp>VERTRAULICH</span></div><div class=akte-label-divider></div><div class=akte-label-title>AKTE: PROJECT: ICMP ECHO</div><div class=akte-label-divider></div><div class=akte-label-bottom><span>STATUS: KLASSIFIZIERT</span>
-<span>▶ AKTE ÖFFNEN</span></div></button></div><style>.akte-label-btn{background:linear-gradient(180deg,#1c1208 0%,#0e0a04 100%);border:1px solid #5d3d1e;border-left:4px solid #b87333;color:#d4af37;font-family:courier new,monospace;cursor:pointer;padding:18px 28px;width:320px;text-align:left;transition:all .2s;box-shadow:2px 2px 12px rgba(0,0,0,.6);position:relative}.akte-label-btn::before{content:'';position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px dashed rgba(184,115,51,.2);pointer-events:none}.akte-label-btn:hover{border-left-color:#ff4500;box-shadow:3px 3px 20px rgba(184,115,51,.2);background:linear-gradient(180deg,#221508 0%,#0e0a04 100%)}.akte-label-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.akte-label-nr{font-size:.6rem;color:rgba(212,175,55,.4);letter-spacing:1px}.akte-label-stamp{font-size:.55rem;letter-spacing:2px;color:#b71c1c;border:1px solid #b71c1c;padding:1px 6px;opacity:.8}.akte-label-divider{border-top:1px solid rgba(184,115,51,.25);margin:8px 0}.akte-label-title{font-size:1rem;font-weight:700;letter-spacing:4px;color:#d4af37;margin:4px 0}.akte-label-bottom{display:flex;justify-content:space-between;font-size:.6rem;color:rgba(212,175,55,.45);letter-spacing:1px;margin-top:4px}.akte-label-btn:hover .akte-label-bottom span:last-child{color:#ff4500}</style></div></div><div id=person-akte-modal style=position:fixed;inset:0;z-index:1000000;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;padding:10px;overflow:hidden;perspective:1e3px><div style=display:flex;flex-direction:column;align-items:center;max-width:585px;width:95%><div class=akte-inner style="width:100%;background:#d9c5a0;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 100%),url(https://www.transparenttextures.com/patterns/old-paper.png);border:1px solid #8b7355;padding:25px;position:relative;font-family:courier new,monospace;box-shadow:10px 20px 50px rgba(0,0,0,.8),inset 0 0 100px rgba(139,115,85,.3);transform:rotate(-2deg);animation:throw-sign .5s ease-out forwards;color:#2a1b0a"><style>@keyframes throw-sign{0%{transform:rotate(-10deg)scale(.7)translateY(500px);opacity:0}100%{transform:rotate(-2deg)scale(1)translateY(0);opacity:1}}.akte-inner h1{color:#2a1b0a!important;font-size:1.8rem!important;margin:10px 0 2px!important;text-shadow:none!important;border-bottom:2px solid rgba(42,27,10,.2)}.akte-inner div,.akte-inner p{font-size:.75rem!important}.akte-inner .data-row{border-bottom:1px solid rgba(42,27,10,.1)!important;padding:6px 0!important}.akte-inner .label{color:#5d4037!important;font-weight:700}.akte-inner .red-stamp{border:2px solid #b71c1c;color:#b71c1c;padding:3px 10px;font-weight:700;transform:rotate(10deg);opacity:.8;font-size:.8rem!important;display:inline-block}</style><div style=display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px><div class=red-stamp>TOP SECRET</div><button onclick='document.getElementById("person-akte-modal").style.display="none",document.body.style.overflow="auto"' style="background:rgba(0,0,0,.1);border:1px solid #2a1b0a;color:#2a1b0a;cursor:pointer;padding:3px 10px;font-size:.7rem!important">[X] SCHLIESSEN</button></div><div style=display:flex;gap:20px;align-items:flex-start><div style="position:relative;border:1px solid #2a1b0a;padding:3px;background:#fff;box-shadow:2px 2px 5px rgba(0,0,0,.2)"><img src=/img/hero.png class=akte-foto style=width:200px;height:250px;object-fit:cover;filter:none;cursor:zoom-in;display:block onclick='document.getElementById("akte-foto-zoom").style.display="flex"'><div style="position:absolute;bottom:5px;right:-10px;background:#b71c1c;color:#fff;padding:2px 5px;font-weight:700;font-size:.6rem!important;transform:rotate(-5deg)">GESPERRT</div></div><div id=akte-foto-zoom onclick='this.style.display="none"' style=display:none;position:fixed;inset:0;z-index:9999999;background:rgba(0,0,0,.92);align-items:center;justify-content:center;cursor:zoom-out><img src=/img/hero.png style="max-width:90vw;max-height:90vh;object-fit:contain;box-shadow:0 0 60px rgba(0,0,0,.9);border:2px solid #2a1b0a"></div><div style=flex:1><div style=font-size:.5rem!important;color:#5d4037;letter-spacing:2px;margin-bottom:2px>PROTOKOLL NR. 1974-Ø</div><h1 style=font-weight:700>PROJECT: ICMP ECHO</h1><p style="color:#5d4037;font-size:.7rem!important;margin:5px 0 10px">ALIAS:</p><div style=display:flex;gap:10px><div style="border:1px solid #b71c1c;padding:2px 8px;color:#b71c1c;font-size:.6rem!important;font-weight:700">STATUS:</div><div style=color:#2a1b0a;font-size:.6rem!important;font-weight:700>GEFAHR: <span style=letter-spacing:1px></span><br><img src=/img/akte/hp_totenkopf_1.png style=width:70px;height:70px;object-fit:contain;margin-top:4px></div></div></div></div><div style="margin-top:20px;border-top:2px solid rgba(42,27,10,.2)"><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>DESIGNATION:</div><div style=flex:1;font-weight:400>Project: ICMP Echo</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>GEBURTSDATUM:</div><div style=flex:1;font-weight:400><span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BESCHÄFTIGUNG:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>SPEZIALFÄHIGK.:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BEKANNTE KOMPL.:</div><div style=flex:1;font-weight:400><span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>LETZTE AKTIVITÄT:</div><div style=flex:1;font-weight:400>GERADE JETZT</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STABILITÄT:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STANDORT:</div><div style=flex:1;font-weight:400></div></div></div><div style=margin-top:20px;display:flex;justify-content:space-between;align-items:flex-end><div style=display:flex;align-items:center;gap:10px;opacity:.7><div style=width:35px;height:35px><svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50q20-40 40 0T30 50z"/></svg></div><div style=font-size:.6rem!important;color:#2a1b0a;line-height:1.2>ID-SCAN: 94.7%<br>VERIFIZIERT</div></div><div style="font-family:courier new,monospace;font-size:.75rem!important;letter-spacing:2px;color:#5d4037;border:1px dashed #2a1b0a;padding:2px 10px">ARCHIV_PERMANENT</div></div></div></div></div><style>.akte-foto{transition:transform .2s,box-shadow .2s}.akte-foto:hover{transform:scale(1.04);box-shadow:0 0 15px rgba(184,115,51,.7)}.akte-foto-btn{transition:all .2s}.akte-foto-btn:hover{background:rgba(183,28,28,.1)!important;border-color:#b71c1c!important}.akte-foto-active{background:rgba(183,28,28,.15)!important;border-color:#b71c1c!important}.time-node.omega .time-content{border:2px solid rgba(255,69,0,.6)!important;box-shadow:inset 0 0 12px rgba(255,69,0,.15),0 0 10px rgba(255,0,0,.2);animation:omega-pulse 3s infinite alternate;background:linear-gradient(135deg,rgba(80,20,10,.95),rgba(30,0,0,.95))!important}.time-node.omega .node-dot{border-color:#ff4500!important;background:radial-gradient(circle,#ff0000 0%,#330000 100%)!important;box-shadow:0 0 8px rgba(255,69,0,.4);animation:omega-dot-pulse 3s infinite alternate ease-in-out}.node-dot{box-shadow:0 0 8px rgba(212,175,55,.4);transition:all .3s ease}.time-node.omega .tc-year{color:#ff4500!important;text-shadow:0 0 10px #ff4500;font-weight:900!important}@keyframes omega-dot-pulse{0%{box-shadow:0 0 5px rgba(255,69,0,.3)}100%{box-shadow:0 0 12px rgba(255,69,0,.6)}}@keyframes omega-pulse{0%{box-shadow:inset 0 0 8px rgba(255,69,0,.1),0 0 6px rgba(255,0,0,.15);border-color:rgba(255,69,0,.4)}100%{box-shadow:inset 0 0 18px rgba(255,69,0,.25),0 0 14px rgba(255,0,0,.3);border-color:rgba(255,69,0,.8)}}@keyframes omega-dot-blink{50%{opacity:0;transform:scale(1.5)}}</style><style>#declassified-overlay{position:fixed;inset:0;z-index:99999;pointer-events:none;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;transition:opacity .8s ease}#declassified-overlay.gone{opacity:0;pointer-events:none}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 2px,rgba(0,255,0,.015) 2px,rgba(0,255,0,.015) 4px );pointer-events:none}#declassified-stamp{font-family:courier new,monospace;font-size:3.5rem;font-weight:900;color:#b71c1c;border:6px solid #b71c1c;padding:20px 40px;letter-spacing:8px;text-align:center;line-height:1.2;transform:rotate(-12deg)scale(0);opacity:0;text-shadow:0 0 30px rgba(183,28,28,.5);box-shadow:0 0 40px rgba(183,28,28,.3),inset 0 0 40px rgba(183,28,28,.1);animation:stamp-in .4s .3s cubic-bezier(.175,.885,.32,1.275)forwards}@keyframes stamp-in{to{transform:rotate(-12deg)scale(1);opacity:.85}}.person-hero{position:relative;width:100%;min-height:300px;background:linear-gradient(135deg,#0a0600 0%,#120e06 60%,#0a0600 100%);border-bottom:1px solid rgba(184,115,51,.3);overflow:hidden;display:flex;align-items:center;margin-bottom:0}.person-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 3px,rgba(184,115,51,3%) 3px,rgba(184,115,51,3%) 4px );pointer-events:none}.person-hero-img{position:absolute;right:0;top:0;bottom:0;width:45%;background-size:contain;background-repeat:no-repeat;background-position:100% 100%;opacity:.25;filter:sepia(.4)hue-rotate(10deg);mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%);-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%)}.person-hero-content{position:relative;z-index:2;padding:30px 40px;max-width:620px}.person-hero-badges{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.hero-badge{font-family:courier new,monospace;font-size:.55rem;letter-spacing:3px;padding:3px 10px;border:1px solid rgba(184,115,51,.4);color:rgba(184,115,51,.7)}.hero-badge.red{border-color:rgba(183,28,28,.5);color:rgba(183,28,28,.8)}.stat-bars{margin-top:20px;width:100%;max-width:400px}.stat-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.stat-label{font-family:courier new,monospace;font-size:.6rem;letter-spacing:2px;color:rgba(212,175,55,.5);width:80px;flex-shrink:0}.stat-track{flex:1;height:6px;background:rgba(255,255,255,5%);border:1px solid rgba(184,115,51,.2);overflow:hidden}.stat-bar{height:100%;width:0%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.stat-bar.danger{background:linear-gradient(90deg,#8b0000,#ff4500);box-shadow:0 0 8px rgba(255,69,0,.5)}.stat-bar.stable{background:linear-gradient(90deg,#1a4a1a,#4caf50);box-shadow:0 0 8px rgba(76,175,80,.5)}.stat-bar.chaos{background:linear-gradient(90deg,#4a0080,#c800ff);box-shadow:0 0 8px rgba(200,0,255,.4)}.stat-bar.kompetenz{background:linear-gradient(90deg,#1a3a5c,#2196f3);box-shadow:0 0 8px rgba(33,150,243,.5)}.stat-val{font-family:courier new,monospace;font-size:.6rem;color:rgba(212,175,55,.4);width:32px;text-align:right;flex-shrink:0}.alias-ticker-outer{overflow:hidden;background:rgba(0,0,0,.6);border-top:1px solid rgba(184,115,51,.15);border-bottom:1px solid rgba(184,115,51,.15);padding:7px 0;white-space:nowrap}.alias-ticker-inner{display:inline-block;animation:ticker-scroll 18s linear infinite;font-family:courier new,monospace;font-size:.65rem;letter-spacing:4px;color:rgba(184,115,51,.5);padding-left:100%}@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.person-pre-label{color:rgba(184,115,51,.5);font-family:courier new,monospace;font-size:.6rem;letter-spacing:4px;margin-bottom:6px}.person-title-wrap{display:flex;align-items:center;gap:14px;margin:4px 0}.person-title-deco{color:#b87333;font-size:1.8rem;opacity:.6;animation:deco-pulse 2s ease-in-out infinite alternate}@keyframes deco-pulse{from{opacity:.3;transform:scaleY(.85)}to{opacity:.8;transform:scaleY(1.1)}}.person-glitch-title{color:#ff4500;font-family:courier new,monospace;font-size:2rem;letter-spacing:10px;text-shadow:0 0 20px rgba(255,69,0,.5);margin:0;position:relative;animation:glitch-flicker 6s infinite}.person-glitch-title::before,.person-glitch-title::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden;opacity:0}.person-glitch-title::before{color:#0ff;animation:glitch-top 6s infinite;clip-path:polygon(0 0,100% 0,100% 40%,0 40%)}.person-glitch-title::after{color:#f0f;animation:glitch-bot 6s infinite;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%)}@keyframes glitch-flicker{0%,90%,100%{text-shadow:0 0 20px rgba(255,69,0,.5)}92%{text-shadow:2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}94%{text-shadow:-2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}96%{text-shadow:0 0 20px rgba(255,69,0,.5)}98%{text-shadow:1px 0 #0ff,-1px 0 #f0f}}@keyframes glitch-top{0%,90%,100%{opacity:0;transform:none}92%{opacity:.7;transform:translate(-3px,-2px)}94%{opacity:0}96%{opacity:.5;transform:translate(3px,-1px)}98%{opacity:0}}@keyframes glitch-bot{0%,90%,100%{opacity:0;transform:none}93%{opacity:.6;transform:translate(3px,2px)}95%{opacity:0}97%{opacity:.4;transform:translate(-3px,1px)}99%{opacity:0}}.person-sub-label{color:rgba(212,175,55,.45);font-family:courier new,monospace;font-size:.65rem;letter-spacing:3px;margin-top:6px}.person-status-blink{color:#0f0;animation:blink-status 1.4s step-end infinite}@keyframes blink-status{50%{opacity:0}}</style><script>(function(){const t="decl_project-icmp-echo",e=document.getElementById("declassified-overlay");if(!e)return;if(sessionStorage.getItem(t)){e.style.display="none";return}setTimeout(()=>{e.classList.add("gone"),setTimeout(()=>{e.style.display="none",sessionStorage.setItem(t,"1")},900)},1800)})(),document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{document.querySelectorAll(".stat-bar").forEach(e=>{e.style.width=e.dataset.val+"%"})},400)})</script><script>(function(){const t="🕷";let n=[];function e(){const e=document.createElement("div");e.textContent=t,e.style.cssText=["position:fixed","font-size:1.6rem","z-index:999999","pointer-events:none","transition:none","filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)","will-change:transform","line-height:1"].join(";"),document.body.appendChild(e);const i=window.innerWidth,a=window.innerHeight,n=Math.floor(Math.random()*4);let s=n===1?i+20:n===3?-20:Math.random()*i,o=n===0?-20:n===2?a+20:Math.random()*a;e.style.left=s+"px",e.style.top=o+"px";const l=4+Math.floor(Math.random()*4);let r=0;function c(){if(r>=l||!document.body.contains(e)){e.remove();return}const t=Math.random()*i,n=Math.random()*a,u=Math.hypot(t-s,n-o),d=u*4,h=Math.atan2(n-o,t-s)*180/Math.PI+90;e.style.transition=`left ${d}ms linear, top ${d}ms linear`,e.style.transform=`rotate(${h}deg)`,e.style.left=t+"px",e.style.top=n+"px",s=t,o=n,r++,setTimeout(c,d)}c()}e(),setInterval(e,4e3)})();function switchAkteFoto(e){document.querySelector(".akte-foto").src=e,document.getElementById("akte-foto-zoom").querySelector("img").src=e,document.querySelectorAll(".akte-foto-btn").forEach(t=>{const n=t.dataset.foto===e;t.classList.toggle("akte-foto-active",n),t.style.background=n?"rgba(183,28,28,0.15)":"rgba(0,0,0,0.1)",t.style.borderColor=n?"#b71c1c":"rgba(42,27,10,0.3)"})}</script></main><footer class=main-footer><div class=footer-inner><p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p></div></footer><div id=newsticker style="position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:999999!important;background:rgba(0,0,0,.92)!important;border-top:1px solid rgba(255,69,0,.35)!important;display:flex!important;align-items:center;height:28px!important;overflow:hidden;font-family:courier new,monospace!important;visibility:visible!important;opacity:1!important"><span class=ticker-label style="flex-shrink:0;font-size:.6rem;letter-spacing:2px;color:rgba(255,69,0,.7);padding:0 15px;border-right:1px solid rgba(255,69,0,.2);white-space:nowrap;height:100%;display:flex;align-items:center;background:rgba(255,69,0,5%)">// SYSTEM_LOG_FEED</span><div class=ticker-track-wrap style=flex:1;overflow:hidden;height:100%;display:flex;align-items:center><div class=ticker-track id=ticker-track-global style="display:inline-flex;white-space:nowrap;animation:ticker-scroll 45s linear infinite"><span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ HUGO SYSTEM INITIALISIERT... ]</span>
-<span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span></div></div></div><style>@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.ticker-item::before{content:'▶ ';color:rgba(255,69,0,.5)}.ticker-track:hover{animation-play-state:paused}</style><script>(function(){const e=document.getElementById("ticker-track-global");if(!e)return;const t=["STATUS: HUGO OPERATIONAL","DESIGNATION: OVERLORD SASCHA","KAFFEESTAND: KRITISCH","ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST","MISSION: TOTALE KONTROLLE","DATENINTEGRITÄT: ABSOLUT","WARNUNG: SYSTEM EXTREM SCHNELL","GEMINI NEURAL LINK: AKTIV"];e.innerHTML="",[...t,...t].forEach(t=>{const n=document.createElement("span");n.className="ticker-item",n.style.cssText="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;",n.textContent=t,e.appendChild(n)})})()</script><script src=/js/script.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="de-de">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1414&amp;path=livereload" data-no-instant defer></script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Project: ICMP Echo | DIGITALE ANARCHIE | KI-LABOR</title>
+    <link rel="stylesheet" href="/css/style.css">
+</head>
+<body class="  ">
+    
+    <div class="bg-gear gear-left">⚙</div>
+    <div class="bg-gear gear-right">⚙</div>
+
+    <script>document.body.classList.add('js-enabled');</script>
+<header class="main-header">
+   
+</header>
+
+    
+    <main class="container">
+        
+
+
+<div id="declassified-overlay">
+    <div class="scanlines"></div>
+    <div id="declassified-stamp">ZUGANG<br>GEWÄHRT</div>
+</div>
+
+<div class="person-page-wrapper visible" style="padding-bottom: 100px; opacity: 1 !important;">
+
+    <div class="person-nav-container" style="display: flex; flex-direction: column; align-items: center; gap: 20px; margin: 15px 0 30px;">
+    
+    
+    <div class="person-nav-row" style="display: flex; justify-content: center; align-items: center; gap: 35px; flex-wrap: wrap; position: relative;">
+    
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/mutti/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_mutti_comic_1.jpeg" alt="MUTTI" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">MUTTI</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/vater/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_vater_comic_1.png" alt="VATER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">VATER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/bruder/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_freddy_comic_1.png" alt="BRUDER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">BRUDER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/schwester/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_meli_comic_1.png" alt="SCHWESTER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SCHWESTER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sascha/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sascha_comic_1.jpeg" alt="SASCHA" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SASCHA</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sven/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sven_comic_1.jpeg" alt="SVEN" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SVEN</span>
+        </a>
+    
+    </div>
+</div>
+
+<style>
+    .person-nav-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: transform 0.2s; }
+    .person-nav-item:hover { transform: scale(1.1); }
+    .person-nav-item:hover .person-nav-label { color: #d4af37 !important; }
+    .person-back {
+        display: inline-block;
+        color: rgba(212,175,55,0.6);
+        font-size: 0.7rem;
+        font-weight: bold;
+        letter-spacing: 4px;
+        text-decoration: none;
+        font-family: 'Courier New', monospace;
+        border: 1px solid rgba(212,175,55,0.25);
+        padding: 6px 20px;
+        background: transparent;
+        text-transform: uppercase;
+        transition: all 0.2s;
+    }
+    .person-back:hover {
+        color: #d4af37;
+        border-color: rgba(212,175,55,0.6);
+        background: rgba(212,175,55,0.05);
+        letter-spacing: 5px;
+    }
+</style>
+
+
+    
+    <div class="person-hero">
+        
+        <div class="person-hero-content">
+            <div class="person-hero-badges">
+                <span class="hero-badge">ZENTRAL-ARCHIV</span>
+                <span class="hero-badge red">EINHEIT IDENTIFIZIERT</span>
+            </div>
+            <p class="person-pre-label" style="margin:12px 0 4px;">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p>
+            <div class="person-title-wrap">
+                <span class="person-title-deco">⟪</span>
+                <h1 class="person-glitch-title" data-text="PROJECT: ICMP ECHO">PROJECT: ICMP ECHO</h1>
+                <span class="person-title-deco">⟫</span>
+            </div>
+            <p class="person-sub-label">STATUS: <span class="person-status-blink">AKTIV</span></p>
+
+            
+            <div class="stat-bars">
+                <div class="stat-row">
+                    <span class="stat-label">GEFAHR</span>
+                    <div class="stat-track"><div class="stat-bar danger" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">STABILITÄT</span>
+                    <div class="stat-track"><div class="stat-bar stable" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">CHAOS</span>
+                    <div class="stat-track"><div class="stat-bar chaos" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">KOMPETENZ</span>
+                    <div class="stat-track"><div class="stat-bar kompetenz" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    
+    
+
+    <div class="container" style="max-width: 900px; margin: 0 auto; padding: 0 20px;">
+        <header style="margin-bottom: 20px; display:none;"></header>
+
+        
+        <div class="timeline-track">
+            
+        </div>
+
+        
+        <div style="text-align: center; margin-top: 60px;">
+            <button class="akte-label-btn"
+                    onclick="document.getElementById('person-akte-modal').style.display='flex'; document.body.style.overflow='hidden';">
+                <div class="akte-label-top">
+                    <span class="akte-label-nr">DOKUMENT-NR. UNBEKANNT</span>
+                    <span class="akte-label-stamp">VERTRAULICH</span>
+                </div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-title">AKTE: PROJECT: ICMP ECHO</div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-bottom">
+                    <span>STATUS: KLASSIFIZIERT</span>
+                    <span>▶ AKTE ÖFFNEN</span>
+                </div>
+            </button>
+        </div>
+
+        <style>
+            .akte-label-btn {
+                background: linear-gradient(180deg, #1c1208 0%, #0e0a04 100%);
+                border: 1px solid #5d3d1e;
+                border-left: 4px solid #b87333;
+                color: #d4af37;
+                font-family: 'Courier New', monospace;
+                cursor: pointer;
+                padding: 18px 28px;
+                width: 320px;
+                text-align: left;
+                transition: all 0.2s;
+                box-shadow: 2px 2px 12px rgba(0,0,0,0.6);
+                position: relative;
+            }
+            .akte-label-btn::before {
+                content: '';
+                position: absolute;
+                top: 6px; left: 6px; right: 6px; bottom: 6px;
+                border: 1px dashed rgba(184,115,51,0.2);
+                pointer-events: none;
+            }
+            .akte-label-btn:hover {
+                border-left-color: #ff4500;
+                box-shadow: 3px 3px 20px rgba(184,115,51,0.2);
+                background: linear-gradient(180deg, #221508 0%, #0e0a04 100%);
+            }
+            .akte-label-top {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-bottom: 10px;
+            }
+            .akte-label-nr {
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.4);
+                letter-spacing: 1px;
+            }
+            .akte-label-stamp {
+                font-size: 0.55rem;
+                letter-spacing: 2px;
+                color: #b71c1c;
+                border: 1px solid #b71c1c;
+                padding: 1px 6px;
+                opacity: 0.8;
+            }
+            .akte-label-divider {
+                border-top: 1px solid rgba(184,115,51,0.25);
+                margin: 8px 0;
+            }
+            .akte-label-title {
+                font-size: 1rem;
+                font-weight: bold;
+                letter-spacing: 4px;
+                color: #d4af37;
+                margin: 4px 0;
+            }
+            .akte-label-bottom {
+                display: flex;
+                justify-content: space-between;
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.45);
+                letter-spacing: 1px;
+                margin-top: 4px;
+            }
+            .akte-label-btn:hover .akte-label-bottom span:last-child {
+                color: #ff4500;
+            }
+        </style>
+    </div>
+</div>
+
+
+<div id="person-akte-modal" style="position: fixed; inset: 0; z-index: 1000000; background: rgba(0,0,0,0.85); display: none; align-items: center; justify-content: center; padding: 10px; overflow: hidden; perspective: 1000px;">
+    <div style="display: flex; flex-direction: column; align-items: center; max-width: 585px; width: 95%;">
+    <div class="akte-inner" style="width: 100%; background: #d9c5a0; background-image: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 100%), url('https://www.transparenttextures.com/patterns/old-paper.png'); border: 1px solid #8b7355; padding: 25px; position: relative; font-family: 'Courier New', monospace; box-shadow: 10px 20px 50px rgba(0,0,0,0.8), inset 0 0 100px rgba(139,115,85,0.3); transform: rotate(-2deg); animation: throw-sign 0.5s ease-out forwards; color: #2a1b0a;">
+        
+        <style>
+            @keyframes throw-sign {
+                0% { transform: rotate(-10deg) scale(0.7) translateY(500px); opacity: 0; }
+                100% { transform: rotate(-2deg) scale(1) translateY(0); opacity: 1; }
+            }
+            .akte-inner h1 { color: #2a1b0a !important; font-size: 1.8rem !important; margin: 10px 0 2px !important; text-shadow: none !important; border-bottom: 2px solid rgba(42,27,10,0.2); }
+            .akte-inner div, .akte-inner p { font-size: 0.75rem !important; }
+            .akte-inner .data-row { border-bottom: 1px solid rgba(42,27,10,0.1) !important; padding: 6px 0 !important; }
+            .akte-inner .label { color: #5d4037 !important; font-weight: bold; }
+            .akte-inner .red-stamp { border: 2px solid #b71c1c; color: #b71c1c; padding: 3px 10px; font-weight: bold; transform: rotate(10deg); opacity: 0.8; font-size: 0.8rem !important; display: inline-block; }
+        </style>
+        
+        
+        <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px;">
+            <div class="red-stamp">TOP SECRET</div>
+            <button onclick="document.getElementById('person-akte-modal').style.display='none'; document.body.style.overflow='auto';"
+                    style="background: rgba(0,0,0,0.1); border: 1px solid #2a1b0a; color: #2a1b0a; cursor: pointer; padding: 3px 10px; font-size: 0.7rem !important;">[X] SCHLIESSEN</button>
+        </div>
+
+        
+
+        <div style="display: flex; gap: 20px; align-items: flex-start;">
+            
+            <div style="position: relative; border: 1px solid #2a1b0a; padding: 3px; background: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);">
+                
+                <img src="/img/hero.png" class="akte-foto" style="width: 200px; height: 250px; object-fit: cover; filter: none; cursor: zoom-in; display: block;"
+                     onclick="document.getElementById('akte-foto-zoom').style.display='flex';">
+                <div style="position: absolute; bottom: 5px; right: -10px; background: #b71c1c; color: #fff; padding: 2px 5px; font-weight: bold; font-size: 0.6rem !important; transform: rotate(-5deg);">GESPERRT</div>
+            </div>
+
+            
+            <div id="akte-foto-zoom" onclick="this.style.display='none';"
+                 style="display:none; position:fixed; inset:0; z-index:9999999; background:rgba(0,0,0,0.92); align-items:center; justify-content:center; cursor:zoom-out;">
+                <img src="/img/hero.png" style="max-width:90vw; max-height:90vh; object-fit:contain; box-shadow: 0 0 60px rgba(0,0,0,0.9); border: 2px solid #2a1b0a;">
+            </div>
+
+            
+            <div style="flex: 1;">
+                <div style="font-size: 0.5rem !important; color: #5d4037; letter-spacing: 2px; margin-bottom: 2px;">PROTOKOLL NR. 1974-Ø</div>
+                <h1 style="font-weight: bold;">PROJECT: ICMP ECHO</h1>
+                <p style="color: #5d4037; font-size: 0.7rem !important; margin: 5px 0 10px;">ALIAS: </p>
+                
+                <div style="display: flex; gap: 10px;">
+                    <div style="border: 1px solid #b71c1c; padding: 2px 8px; color: #b71c1c; font-size: 0.6rem !important; font-weight: bold;">STATUS: </div>
+                    <div style="color: #2a1b0a; font-size: 0.6rem !important; font-weight: bold;">GEFAHR: <span style="letter-spacing: 1px;"></span><br><img src="/img/akte/hp_totenkopf_1.png" style="width: 70px; height: 70px; object-fit: contain; margin-top: 4px;"></div>
+                </div>
+            </div>
+        </div>
+
+        
+        <div style="margin-top: 20px; border-top: 2px solid rgba(42,27,10,0.2);">
+            
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">DESIGNATION:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    Project: ICMP Echo
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">GEBURTSDATUM:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BESCHÄFTIGUNG:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">SPEZIALFÄHIGK.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BEKANNTE KOMPL.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">LETZTE AKTIVITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    GERADE JETZT
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STABILITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STANDORT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+        </div>
+
+        
+        <div style="margin-top: 20px; display: flex; justify-content: space-between; align-items: flex-end;">
+            <div style="display: flex; align-items: center; gap: 10px; opacity: 0.7;">
+                <div style="width: 35px; height: 35px;">
+                    <svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50 Q50 10 70 50 T30 50 Z"/></svg>
+                </div>
+                <div style="font-size: 0.6rem !important; color: #2a1b0a; line-height: 1.2;">ID-SCAN: 94.7%<br>VERIFIZIERT</div>
+            </div>
+            
+            <div style="font-family: 'Courier New', monospace; font-size: 0.75rem !important; letter-spacing: 2px; color: #5d4037; border: 1px dashed #2a1b0a; padding: 2px 10px;">ARCHIV_PERMANENT</div>
+        </div>
+    </div>
+    </div>
+</div>
+
+<style>
+    .akte-foto { transition: transform 0.2s, box-shadow 0.2s; }
+    .akte-foto:hover { transform: scale(1.04); box-shadow: 0 0 15px rgba(184,115,51,0.7); }
+
+    .akte-foto-btn { transition: all 0.2s; }
+    .akte-foto-btn:hover { background: rgba(183,28,28,0.1) !important; border-color: #b71c1c !important; }
+    .akte-foto-active { background: rgba(183,28,28,0.15) !important; border-color: #b71c1c !important; }
+    
+     
+    .time-node.omega .time-content {
+        border: 2px solid rgba(255, 69, 0, 0.6) !important;
+        box-shadow: inset 0 0 12px rgba(255, 69, 0, 0.15), 0 0 10px rgba(255, 0, 0, 0.2);
+        animation: omega-pulse 3s infinite alternate;
+        background: linear-gradient(135deg, rgba(80, 20, 10, 0.95), rgba(30, 0, 0, 0.95)) !important;
+    }
+    .time-node.omega .node-dot {
+        border-color: #ff4500 !important;
+        background: radial-gradient(circle, #ff0000 0%, #330000 100%) !important;
+        box-shadow: 0 0 8px rgba(255, 69, 0, 0.4);
+        animation: omega-dot-pulse 3s infinite alternate ease-in-out;
+    }
+    .node-dot {
+        box-shadow: 0 0 8px rgba(212, 175, 55, 0.4);
+        transition: all 0.3s ease;
+    }
+    .time-node.omega .tc-year {
+        color: #ff4500 !important;
+        text-shadow: 0 0 10px #ff4500;
+        font-weight: 900 !important;
+    }
+    
+    @keyframes omega-dot-pulse {
+        0%   { box-shadow: 0 0 5px rgba(255, 69, 0, 0.3); }
+        100% { box-shadow: 0 0 12px rgba(255, 69, 0, 0.6); }
+    }
+    @keyframes omega-pulse {
+        0%   { box-shadow: inset 0 0 8px rgba(255, 69, 0, 0.1), 0 0 6px rgba(255, 0, 0, 0.15); border-color: rgba(255, 69, 0, 0.4); }
+        100% { box-shadow: inset 0 0 18px rgba(255, 69, 0, 0.25), 0 0 14px rgba(255, 0, 0, 0.3); border-color: rgba(255, 69, 0, 0.8); }
+    }
+    @keyframes omega-dot-blink {
+        50% { opacity: 0; transform: scale(1.5); }
+    }
+</style>
+
+<style>
+ 
+#declassified-overlay {
+    position: fixed; inset: 0; z-index: 99999;
+    pointer-events: none;
+    background: rgba(0,0,0,0.92);
+    display: flex; align-items: center; justify-content: center;
+    transition: opacity 0.8s ease;
+}
+#declassified-overlay.gone { opacity: 0; pointer-events: none; }
+.scanlines {
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg,
+        transparent,
+        transparent 2px,
+        rgba(0,255,0,0.015) 2px,
+        rgba(0,255,0,0.015) 4px
+    );
+    pointer-events: none;
+}
+#declassified-stamp {
+    font-family: 'Courier New', monospace;
+    font-size: 3.5rem;
+    font-weight: 900;
+    color: #b71c1c;
+    border: 6px solid #b71c1c;
+    padding: 20px 40px;
+    letter-spacing: 8px;
+    text-align: center;
+    line-height: 1.2;
+    transform: rotate(-12deg) scale(0);
+    opacity: 0;
+    text-shadow: 0 0 30px rgba(183,28,28,0.5);
+    box-shadow: 0 0 40px rgba(183,28,28,0.3), inset 0 0 40px rgba(183,28,28,0.1);
+    animation: stamp-in 0.4s 0.3s cubic-bezier(0.175,0.885,0.32,1.275) forwards;
+}
+@keyframes stamp-in {
+    to { transform: rotate(-12deg) scale(1); opacity: 0.85; }
+}
+
+ 
+.person-hero {
+    position: relative;
+    width: 100%;
+    min-height: 300px;
+    background: linear-gradient(135deg, #0a0600 0%, #120e06 60%, #0a0600 100%);
+    border-bottom: 1px solid rgba(184,115,51,0.3);
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    margin-bottom: 0;
+}
+.person-hero::before {
+    content: '';
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg, transparent, transparent 3px,
+        rgba(184,115,51,0.03) 3px, rgba(184,115,51,0.03) 4px
+    );
+    pointer-events: none;
+}
+.person-hero-img {
+    position: absolute;
+    right: 0; top: 0; bottom: 0;
+    width: 45%;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: right bottom;
+    opacity: 0.25;
+    filter: sepia(0.4) hue-rotate(10deg);
+    mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+    -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+}
+.person-hero-content {
+    position: relative;
+    z-index: 2;
+    padding: 30px 40px;
+    max-width: 620px;
+}
+.person-hero-badges {
+    display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;
+}
+.hero-badge {
+    font-family: 'Courier New', monospace;
+    font-size: 0.55rem;
+    letter-spacing: 3px;
+    padding: 3px 10px;
+    border: 1px solid rgba(184,115,51,0.4);
+    color: rgba(184,115,51,0.7);
+}
+.hero-badge.red {
+    border-color: rgba(183,28,28,0.5);
+    color: rgba(183,28,28,0.8);
+}
+
+ 
+.stat-bars { margin-top: 20px; width: 100%; max-width: 400px; }
+.stat-row {
+    display: flex; align-items: center; gap: 10px; margin-bottom: 8px;
+}
+.stat-label {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 2px;
+    color: rgba(212,175,55,0.5);
+    width: 80px; flex-shrink: 0;
+}
+.stat-track {
+    flex: 1; height: 6px;
+    background: rgba(255,255,255,0.05);
+    border: 1px solid rgba(184,115,51,0.2);
+    overflow: hidden;
+}
+.stat-bar {
+    height: 100%; width: 0%;
+    transition: width 1.2s cubic-bezier(0.4,0,0.2,1);
+}
+.stat-bar.danger   { background: linear-gradient(90deg, #8b0000, #ff4500); box-shadow: 0 0 8px rgba(255,69,0,0.5); }
+.stat-bar.stable   { background: linear-gradient(90deg, #1a4a1a, #4caf50); box-shadow: 0 0 8px rgba(76,175,80,0.5); }
+.stat-bar.chaos    { background: linear-gradient(90deg, #4a0080, #c800ff); box-shadow: 0 0 8px rgba(200,0,255,0.4); }
+.stat-bar.kompetenz { background: linear-gradient(90deg, #1a3a5c, #2196f3); box-shadow: 0 0 8px rgba(33,150,243,0.5); }
+.stat-val {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; color: rgba(212,175,55,0.4);
+    width: 32px; text-align: right; flex-shrink: 0;
+}
+
+ 
+.alias-ticker-outer {
+    overflow: hidden;
+    background: rgba(0,0,0,0.6);
+    border-top: 1px solid rgba(184,115,51,0.15);
+    border-bottom: 1px solid rgba(184,115,51,0.15);
+    padding: 7px 0;
+    white-space: nowrap;
+}
+.alias-ticker-inner {
+    display: inline-block;
+    animation: ticker-scroll 18s linear infinite;
+    font-family: 'Courier New', monospace;
+    font-size: 0.65rem;
+    letter-spacing: 4px;
+    color: rgba(184,115,51,0.5);
+    padding-left: 100%;
+}
+@keyframes ticker-scroll {
+    from { transform: translateX(0); }
+    to   { transform: translateX(-50%); }
+}
+
+ 
+.person-pre-label {
+    color: rgba(184,115,51,0.5);
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 4px; margin-bottom: 6px;
+}
+.person-title-wrap {
+    display: flex; align-items: center; gap: 14px; margin: 4px 0;
+}
+.person-title-deco {
+    color: #b87333; font-size: 1.8rem; opacity: 0.6;
+    animation: deco-pulse 2s ease-in-out infinite alternate;
+}
+@keyframes deco-pulse {
+    from { opacity: 0.3; transform: scaleY(0.85); }
+    to   { opacity: 0.8; transform: scaleY(1.1); }
+}
+.person-glitch-title {
+    color: #ff4500; font-family: 'Courier New', monospace;
+    font-size: 2rem; letter-spacing: 10px;
+    text-shadow: 0 0 20px rgba(255,69,0,0.5);
+    margin: 0; position: relative;
+    animation: glitch-flicker 6s infinite;
+}
+.person-glitch-title::before,
+.person-glitch-title::after {
+    content: attr(data-text); position: absolute;
+    left: 0; top: 0; width: 100%; overflow: hidden; opacity: 0;
+}
+.person-glitch-title::before {
+    color: #0ff; animation: glitch-top 6s infinite;
+    clip-path: polygon(0 0,100% 0,100% 40%,0 40%);
+}
+.person-glitch-title::after {
+    color: #f0f; animation: glitch-bot 6s infinite;
+    clip-path: polygon(0 60%,100% 60%,100% 100%,0 100%);
+}
+@keyframes glitch-flicker {
+    0%,90%,100% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    92% { text-shadow: 2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    94% { text-shadow: -2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    96% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    98% { text-shadow: 1px 0 #0ff,-1px 0 #f0f; }
+}
+@keyframes glitch-top {
+    0%,90%,100% { opacity:0; transform:none; }
+    92% { opacity:0.7; transform:translate(-3px,-2px); }
+    94% { opacity:0; }
+    96% { opacity:0.5; transform:translate(3px,-1px); }
+    98% { opacity:0; }
+}
+@keyframes glitch-bot {
+    0%,90%,100% { opacity:0; transform:none; }
+    93% { opacity:0.6; transform:translate(3px,2px); }
+    95% { opacity:0; }
+    97% { opacity:0.4; transform:translate(-3px,1px); }
+    99% { opacity:0; }
+}
+.person-sub-label {
+    color: rgba(212,175,55,0.45); font-family: 'Courier New', monospace;
+    font-size: 0.65rem; letter-spacing: 3px; margin-top: 6px;
+}
+.person-status-blink { color: #0f0; animation: blink-status 1.4s step-end infinite; }
+@keyframes blink-status { 50% { opacity: 0; } }
+</style>
+
+<script>
+
+(function() {
+    const key = 'decl_project-icmp-echo';
+    const overlay = document.getElementById('declassified-overlay');
+    if (!overlay) return;
+    if (sessionStorage.getItem(key)) {
+        overlay.style.display = 'none';
+        return;
+    }
+    setTimeout(() => {
+        overlay.classList.add('gone');
+        setTimeout(() => {
+            overlay.style.display = 'none';
+            sessionStorage.setItem(key, '1');
+        }, 900);
+    }, 1800);
+})();
+
+
+document.addEventListener('DOMContentLoaded', () => {
+    setTimeout(() => {
+        document.querySelectorAll('.stat-bar').forEach(bar => {
+            bar.style.width = bar.dataset.val + '%';
+        });
+    }, 400);
+});
+</script>
+
+<script>
+
+(function() {
+    const SPIDER = '🕷';
+    let active = [];
+
+    function spawn() {
+        const el = document.createElement('div');
+        el.textContent = SPIDER;
+        el.style.cssText = [
+            'position:fixed',
+            'font-size:1.6rem',
+            'z-index:999999',
+            'pointer-events:none',
+            'transition:none',
+            'filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)',
+            'will-change:transform',
+            'line-height:1',
+        ].join(';');
+        document.body.appendChild(el);
+
+        const W = window.innerWidth, H = window.innerHeight;
+
+        
+        const edge = Math.floor(Math.random() * 4);
+        let x = edge === 1 ? W + 20 : edge === 3 ? -20 : Math.random() * W;
+        let y = edge === 0 ? -20  : edge === 2 ? H + 20  : Math.random() * H;
+
+        el.style.left = x + 'px';
+        el.style.top  = y + 'px';
+
+        
+        const steps = 4 + Math.floor(Math.random() * 4);
+        let i = 0;
+
+        function step() {
+            if (i >= steps || !document.body.contains(el)) { el.remove(); return; }
+
+            const tx = Math.random() * W;
+            const ty = Math.random() * H;
+            const dist = Math.hypot(tx - x, ty - y);
+            const dur  = dist * 4; 
+            const ang  = Math.atan2(ty - y, tx - x) * 180 / Math.PI + 90;
+
+            el.style.transition = `left ${dur}ms linear, top ${dur}ms linear`;
+            el.style.transform  = `rotate(${ang}deg)`;
+            el.style.left = tx + 'px';
+            el.style.top  = ty + 'px';
+
+            x = tx; y = ty; i++;
+            setTimeout(step, dur);
+        }
+
+        step();
+    }
+
+    
+    spawn();
+    setInterval(spawn, 4000);
+})();
+
+function switchAkteFoto(src) {
+    document.querySelector('.akte-foto').src = src;
+    document.getElementById('akte-foto-zoom').querySelector('img').src = src;
+    document.querySelectorAll('.akte-foto-btn').forEach(btn => {
+        const active = btn.dataset.foto === src;
+        btn.classList.toggle('akte-foto-active', active);
+        btn.style.background = active ? 'rgba(183,28,28,0.15)' : 'rgba(0,0,0,0.1)';
+        btn.style.borderColor = active ? '#b71c1c' : 'rgba(42,27,10,0.3)';
+    });
+}
+</script>
+
+    </main>
+
+    <footer class="main-footer">
+    <div class="footer-inner">
+        <p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p>
+    </div>
+</footer>
+
+    
+<div id="newsticker" style="position:fixed !important; bottom:0 !important; left:0 !important; right:0 !important; z-index:999999 !important; background:rgba(0,0,0,0.92) !important; border-top:1px solid rgba(255,69,0,0.35) !important; display:flex !important; align-items:center; height:28px !important; overflow:hidden; font-family:'Courier New', monospace !important; visibility: visible !important; opacity: 1 !important;">
+    <span class="ticker-label" style="flex-shrink:0; font-size:0.6rem; letter-spacing:2px; color:rgba(255,69,0,0.7); padding:0 15px; border-right:1px solid rgba(255,69,0,0.2); white-space:nowrap; height:100%; display:flex; align-items:center; background:rgba(255,69,0,0.05);">// SYSTEM_LOG_FEED</span>
+    <div class="ticker-track-wrap" style="flex:1; overflow:hidden; height:100%; display:flex; align-items:center;">
+        <div class="ticker-track" id="ticker-track-global" style="display:inline-flex; white-space:nowrap; animation: ticker-scroll 45s linear infinite;">
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ HUGO SYSTEM INITIALISIERT... ]</span>
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span>
+        </div>
+    </div>
+</div>
+
+<style>
+    @keyframes ticker-scroll {
+        0%   { transform: translateX(0); }
+        100% { transform: translateX(-50%); }
+    }
+    .ticker-item::before { content: '▶ '; color: rgba(255,69,0,0.5); }
+    .ticker-track:hover { animation-play-state: paused; }
+</style>
+
+<script>
+    (function() {
+        const track = document.getElementById('ticker-track-global');
+        if (!track) return;
+        const ITEMS = [
+            "STATUS: HUGO OPERATIONAL",
+            "DESIGNATION: OVERLORD SASCHA",
+            "KAFFEESTAND: KRITISCH",
+            "ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST",
+            "MISSION: TOTALE KONTROLLE",
+            "DATENINTEGRITÄT: ABSOLUT",
+            "WARNUNG: SYSTEM EXTREM SCHNELL",
+            "GEMINI NEURAL LINK: AKTIV"
+        ];
+        track.innerHTML = '';
+        [...ITEMS, ...ITEMS].forEach(text => {
+            const span = document.createElement('span');
+            span.className = 'ticker-item';
+            span.style.cssText = "font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;";
+            span.textContent = text;
+            track.appendChild(span);
+        });
+    })();
+</script>
+
+
+    <script src="/js/script.js"></script>
+    <script src="/js/ascii-shimmer.js"></script>
+</body>
+</html>
diff --git a/public/posts/n8n-resurrection/index.html b/public/posts/n8n-resurrection/index.html
index 093625a..412c4ff 100644
--- a/public/posts/n8n-resurrection/index.html
+++ b/public/posts/n8n-resurrection/index.html
@@ -1,10 +1,882 @@
-<!doctype html><html lang=de-de><head><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><title>The n8n Resurrection | DIGITALE ANARCHIE | KI-LABOR</title><link rel=stylesheet href=/css/style.css></head><body><div class="bg-gear gear-left">⚙</div><div class="bg-gear gear-right">⚙</div><script>document.body.classList.add("js-enabled")</script><header class=main-header></header><main class=container><div id=declassified-overlay><div class=scanlines></div><div id=declassified-stamp>ZUGANG<br>GEWÄHRT</div></div><div class="person-page-wrapper visible" style=padding-bottom:100px;opacity:1!important><div class=person-nav-container style="display:flex;flex-direction:column;align-items:center;gap:20px;margin:15px 0 30px"><div class=person-nav-row style=display:flex;justify-content:center;align-items:center;gap:35px;flex-wrap:wrap;position:relative><a href=/personen/mutti/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_mutti_comic_1.jpeg alt=MUTTI style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">MUTTI</span>
-</a><a href=/personen/vater/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_vater_comic_1.png alt=VATER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">VATER</span>
-</a><a href=/personen/bruder/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_freddy_comic_1.png alt=BRUDER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">BRUDER</span>
-</a><a href=/personen/schwester/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_meli_comic_1.png alt=SCHWESTER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SCHWESTER</span>
-</a><a href=/personen/sascha/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sascha_comic_1.jpeg alt=SASCHA style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SASCHA</span>
-</a><a href=/personen/sven/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sven_comic_1.jpeg alt=SVEN style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SVEN</span></a></div></div><style>.person-nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .2s}.person-nav-item:hover{transform:scale(1.1)}.person-nav-item:hover .person-nav-label{color:#d4af37!important}.person-back{display:inline-block;color:rgba(212,175,55,.6);font-size:.7rem;font-weight:700;letter-spacing:4px;text-decoration:none;font-family:courier new,monospace;border:1px solid rgba(212,175,55,.25);padding:6px 20px;background:0 0;text-transform:uppercase;transition:all .2s}.person-back:hover{color:#d4af37;border-color:rgba(212,175,55,.6);background:rgba(212,175,55,5%);letter-spacing:5px}</style><div class=person-hero><div class=person-hero-content><div class=person-hero-badges><span class=hero-badge>ZENTRAL-ARCHIV</span>
-<span class="hero-badge red">EINHEIT IDENTIFIZIERT</span></div><p class=person-pre-label style="margin:12px 0 4px">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p><div class=person-title-wrap><span class=person-title-deco>⟪</span><h1 class=person-glitch-title data-text="THE N8N RESURRECTION">THE N8N RESURRECTION</h1><span class=person-title-deco>⟫</span></div><p class=person-sub-label>STATUS: <span class=person-status-blink>AKTIV</span></p><div class=stat-bars><div class=stat-row><span class=stat-label>GEFAHR</span><div class=stat-track><div class="stat-bar danger" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>STABILITÄT</span><div class=stat-track><div class="stat-bar stable" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>CHAOS</span><div class=stat-track><div class="stat-bar chaos" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>KOMPETENZ</span><div class=stat-track><div class="stat-bar kompetenz" data-val=50></div></div><span class=stat-val>50%</span></div></div></div></div><div class=container style="max-width:900px;margin:0 auto;padding:0 20px"><header style=margin-bottom:20px;display:none></header><div class=timeline-track></div><div style=text-align:center;margin-top:60px><button class=akte-label-btn onclick='document.getElementById("person-akte-modal").style.display="flex",document.body.style.overflow="hidden"'><div class=akte-label-top><span class=akte-label-nr>DOKUMENT-NR. UNBEKANNT</span>
-<span class=akte-label-stamp>VERTRAULICH</span></div><div class=akte-label-divider></div><div class=akte-label-title>AKTE: THE N8N RESURRECTION</div><div class=akte-label-divider></div><div class=akte-label-bottom><span>STATUS: KLASSIFIZIERT</span>
-<span>▶ AKTE ÖFFNEN</span></div></button></div><style>.akte-label-btn{background:linear-gradient(180deg,#1c1208 0%,#0e0a04 100%);border:1px solid #5d3d1e;border-left:4px solid #b87333;color:#d4af37;font-family:courier new,monospace;cursor:pointer;padding:18px 28px;width:320px;text-align:left;transition:all .2s;box-shadow:2px 2px 12px rgba(0,0,0,.6);position:relative}.akte-label-btn::before{content:'';position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px dashed rgba(184,115,51,.2);pointer-events:none}.akte-label-btn:hover{border-left-color:#ff4500;box-shadow:3px 3px 20px rgba(184,115,51,.2);background:linear-gradient(180deg,#221508 0%,#0e0a04 100%)}.akte-label-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.akte-label-nr{font-size:.6rem;color:rgba(212,175,55,.4);letter-spacing:1px}.akte-label-stamp{font-size:.55rem;letter-spacing:2px;color:#b71c1c;border:1px solid #b71c1c;padding:1px 6px;opacity:.8}.akte-label-divider{border-top:1px solid rgba(184,115,51,.25);margin:8px 0}.akte-label-title{font-size:1rem;font-weight:700;letter-spacing:4px;color:#d4af37;margin:4px 0}.akte-label-bottom{display:flex;justify-content:space-between;font-size:.6rem;color:rgba(212,175,55,.45);letter-spacing:1px;margin-top:4px}.akte-label-btn:hover .akte-label-bottom span:last-child{color:#ff4500}</style></div></div><div id=person-akte-modal style=position:fixed;inset:0;z-index:1000000;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;padding:10px;overflow:hidden;perspective:1e3px><div style=display:flex;flex-direction:column;align-items:center;max-width:585px;width:95%><div class=akte-inner style="width:100%;background:#d9c5a0;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 100%),url(https://www.transparenttextures.com/patterns/old-paper.png);border:1px solid #8b7355;padding:25px;position:relative;font-family:courier new,monospace;box-shadow:10px 20px 50px rgba(0,0,0,.8),inset 0 0 100px rgba(139,115,85,.3);transform:rotate(-2deg);animation:throw-sign .5s ease-out forwards;color:#2a1b0a"><style>@keyframes throw-sign{0%{transform:rotate(-10deg)scale(.7)translateY(500px);opacity:0}100%{transform:rotate(-2deg)scale(1)translateY(0);opacity:1}}.akte-inner h1{color:#2a1b0a!important;font-size:1.8rem!important;margin:10px 0 2px!important;text-shadow:none!important;border-bottom:2px solid rgba(42,27,10,.2)}.akte-inner div,.akte-inner p{font-size:.75rem!important}.akte-inner .data-row{border-bottom:1px solid rgba(42,27,10,.1)!important;padding:6px 0!important}.akte-inner .label{color:#5d4037!important;font-weight:700}.akte-inner .red-stamp{border:2px solid #b71c1c;color:#b71c1c;padding:3px 10px;font-weight:700;transform:rotate(10deg);opacity:.8;font-size:.8rem!important;display:inline-block}</style><div style=display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px><div class=red-stamp>TOP SECRET</div><button onclick='document.getElementById("person-akte-modal").style.display="none",document.body.style.overflow="auto"' style="background:rgba(0,0,0,.1);border:1px solid #2a1b0a;color:#2a1b0a;cursor:pointer;padding:3px 10px;font-size:.7rem!important">[X] SCHLIESSEN</button></div><div style=display:flex;gap:20px;align-items:flex-start><div style="position:relative;border:1px solid #2a1b0a;padding:3px;background:#fff;box-shadow:2px 2px 5px rgba(0,0,0,.2)"><img src=/img/hero.png class=akte-foto style=width:200px;height:250px;object-fit:cover;filter:none;cursor:zoom-in;display:block onclick='document.getElementById("akte-foto-zoom").style.display="flex"'><div style="position:absolute;bottom:5px;right:-10px;background:#b71c1c;color:#fff;padding:2px 5px;font-weight:700;font-size:.6rem!important;transform:rotate(-5deg)">GESPERRT</div></div><div id=akte-foto-zoom onclick='this.style.display="none"' style=display:none;position:fixed;inset:0;z-index:9999999;background:rgba(0,0,0,.92);align-items:center;justify-content:center;cursor:zoom-out><img src=/img/hero.png style="max-width:90vw;max-height:90vh;object-fit:contain;box-shadow:0 0 60px rgba(0,0,0,.9);border:2px solid #2a1b0a"></div><div style=flex:1><div style=font-size:.5rem!important;color:#5d4037;letter-spacing:2px;margin-bottom:2px>PROTOKOLL NR. 1974-Ø</div><h1 style=font-weight:700>THE N8N RESURRECTION</h1><p style="color:#5d4037;font-size:.7rem!important;margin:5px 0 10px">ALIAS:</p><div style=display:flex;gap:10px><div style="border:1px solid #b71c1c;padding:2px 8px;color:#b71c1c;font-size:.6rem!important;font-weight:700">STATUS:</div><div style=color:#2a1b0a;font-size:.6rem!important;font-weight:700>GEFAHR: <span style=letter-spacing:1px></span><br><img src=/img/akte/hp_totenkopf_1.png style=width:70px;height:70px;object-fit:contain;margin-top:4px></div></div></div></div><div style="margin-top:20px;border-top:2px solid rgba(42,27,10,.2)"><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>DESIGNATION:</div><div style=flex:1;font-weight:400>The n8n Resurrection</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>GEBURTSDATUM:</div><div style=flex:1;font-weight:400><span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BESCHÄFTIGUNG:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>SPEZIALFÄHIGK.:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BEKANNTE KOMPL.:</div><div style=flex:1;font-weight:400><span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>LETZTE AKTIVITÄT:</div><div style=flex:1;font-weight:400>GERADE JETZT</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STABILITÄT:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STANDORT:</div><div style=flex:1;font-weight:400></div></div></div><div style=margin-top:20px;display:flex;justify-content:space-between;align-items:flex-end><div style=display:flex;align-items:center;gap:10px;opacity:.7><div style=width:35px;height:35px><svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50q20-40 40 0T30 50z"/></svg></div><div style=font-size:.6rem!important;color:#2a1b0a;line-height:1.2>ID-SCAN: 94.7%<br>VERIFIZIERT</div></div><div style="font-family:courier new,monospace;font-size:.75rem!important;letter-spacing:2px;color:#5d4037;border:1px dashed #2a1b0a;padding:2px 10px">ARCHIV_PERMANENT</div></div></div></div></div><style>.akte-foto{transition:transform .2s,box-shadow .2s}.akte-foto:hover{transform:scale(1.04);box-shadow:0 0 15px rgba(184,115,51,.7)}.akte-foto-btn{transition:all .2s}.akte-foto-btn:hover{background:rgba(183,28,28,.1)!important;border-color:#b71c1c!important}.akte-foto-active{background:rgba(183,28,28,.15)!important;border-color:#b71c1c!important}.time-node.omega .time-content{border:2px solid rgba(255,69,0,.6)!important;box-shadow:inset 0 0 12px rgba(255,69,0,.15),0 0 10px rgba(255,0,0,.2);animation:omega-pulse 3s infinite alternate;background:linear-gradient(135deg,rgba(80,20,10,.95),rgba(30,0,0,.95))!important}.time-node.omega .node-dot{border-color:#ff4500!important;background:radial-gradient(circle,#ff0000 0%,#330000 100%)!important;box-shadow:0 0 8px rgba(255,69,0,.4);animation:omega-dot-pulse 3s infinite alternate ease-in-out}.node-dot{box-shadow:0 0 8px rgba(212,175,55,.4);transition:all .3s ease}.time-node.omega .tc-year{color:#ff4500!important;text-shadow:0 0 10px #ff4500;font-weight:900!important}@keyframes omega-dot-pulse{0%{box-shadow:0 0 5px rgba(255,69,0,.3)}100%{box-shadow:0 0 12px rgba(255,69,0,.6)}}@keyframes omega-pulse{0%{box-shadow:inset 0 0 8px rgba(255,69,0,.1),0 0 6px rgba(255,0,0,.15);border-color:rgba(255,69,0,.4)}100%{box-shadow:inset 0 0 18px rgba(255,69,0,.25),0 0 14px rgba(255,0,0,.3);border-color:rgba(255,69,0,.8)}}@keyframes omega-dot-blink{50%{opacity:0;transform:scale(1.5)}}</style><style>#declassified-overlay{position:fixed;inset:0;z-index:99999;pointer-events:none;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;transition:opacity .8s ease}#declassified-overlay.gone{opacity:0;pointer-events:none}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 2px,rgba(0,255,0,.015) 2px,rgba(0,255,0,.015) 4px );pointer-events:none}#declassified-stamp{font-family:courier new,monospace;font-size:3.5rem;font-weight:900;color:#b71c1c;border:6px solid #b71c1c;padding:20px 40px;letter-spacing:8px;text-align:center;line-height:1.2;transform:rotate(-12deg)scale(0);opacity:0;text-shadow:0 0 30px rgba(183,28,28,.5);box-shadow:0 0 40px rgba(183,28,28,.3),inset 0 0 40px rgba(183,28,28,.1);animation:stamp-in .4s .3s cubic-bezier(.175,.885,.32,1.275)forwards}@keyframes stamp-in{to{transform:rotate(-12deg)scale(1);opacity:.85}}.person-hero{position:relative;width:100%;min-height:300px;background:linear-gradient(135deg,#0a0600 0%,#120e06 60%,#0a0600 100%);border-bottom:1px solid rgba(184,115,51,.3);overflow:hidden;display:flex;align-items:center;margin-bottom:0}.person-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 3px,rgba(184,115,51,3%) 3px,rgba(184,115,51,3%) 4px );pointer-events:none}.person-hero-img{position:absolute;right:0;top:0;bottom:0;width:45%;background-size:contain;background-repeat:no-repeat;background-position:100% 100%;opacity:.25;filter:sepia(.4)hue-rotate(10deg);mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%);-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%)}.person-hero-content{position:relative;z-index:2;padding:30px 40px;max-width:620px}.person-hero-badges{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.hero-badge{font-family:courier new,monospace;font-size:.55rem;letter-spacing:3px;padding:3px 10px;border:1px solid rgba(184,115,51,.4);color:rgba(184,115,51,.7)}.hero-badge.red{border-color:rgba(183,28,28,.5);color:rgba(183,28,28,.8)}.stat-bars{margin-top:20px;width:100%;max-width:400px}.stat-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.stat-label{font-family:courier new,monospace;font-size:.6rem;letter-spacing:2px;color:rgba(212,175,55,.5);width:80px;flex-shrink:0}.stat-track{flex:1;height:6px;background:rgba(255,255,255,5%);border:1px solid rgba(184,115,51,.2);overflow:hidden}.stat-bar{height:100%;width:0%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.stat-bar.danger{background:linear-gradient(90deg,#8b0000,#ff4500);box-shadow:0 0 8px rgba(255,69,0,.5)}.stat-bar.stable{background:linear-gradient(90deg,#1a4a1a,#4caf50);box-shadow:0 0 8px rgba(76,175,80,.5)}.stat-bar.chaos{background:linear-gradient(90deg,#4a0080,#c800ff);box-shadow:0 0 8px rgba(200,0,255,.4)}.stat-bar.kompetenz{background:linear-gradient(90deg,#1a3a5c,#2196f3);box-shadow:0 0 8px rgba(33,150,243,.5)}.stat-val{font-family:courier new,monospace;font-size:.6rem;color:rgba(212,175,55,.4);width:32px;text-align:right;flex-shrink:0}.alias-ticker-outer{overflow:hidden;background:rgba(0,0,0,.6);border-top:1px solid rgba(184,115,51,.15);border-bottom:1px solid rgba(184,115,51,.15);padding:7px 0;white-space:nowrap}.alias-ticker-inner{display:inline-block;animation:ticker-scroll 18s linear infinite;font-family:courier new,monospace;font-size:.65rem;letter-spacing:4px;color:rgba(184,115,51,.5);padding-left:100%}@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.person-pre-label{color:rgba(184,115,51,.5);font-family:courier new,monospace;font-size:.6rem;letter-spacing:4px;margin-bottom:6px}.person-title-wrap{display:flex;align-items:center;gap:14px;margin:4px 0}.person-title-deco{color:#b87333;font-size:1.8rem;opacity:.6;animation:deco-pulse 2s ease-in-out infinite alternate}@keyframes deco-pulse{from{opacity:.3;transform:scaleY(.85)}to{opacity:.8;transform:scaleY(1.1)}}.person-glitch-title{color:#ff4500;font-family:courier new,monospace;font-size:2rem;letter-spacing:10px;text-shadow:0 0 20px rgba(255,69,0,.5);margin:0;position:relative;animation:glitch-flicker 6s infinite}.person-glitch-title::before,.person-glitch-title::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden;opacity:0}.person-glitch-title::before{color:#0ff;animation:glitch-top 6s infinite;clip-path:polygon(0 0,100% 0,100% 40%,0 40%)}.person-glitch-title::after{color:#f0f;animation:glitch-bot 6s infinite;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%)}@keyframes glitch-flicker{0%,90%,100%{text-shadow:0 0 20px rgba(255,69,0,.5)}92%{text-shadow:2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}94%{text-shadow:-2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}96%{text-shadow:0 0 20px rgba(255,69,0,.5)}98%{text-shadow:1px 0 #0ff,-1px 0 #f0f}}@keyframes glitch-top{0%,90%,100%{opacity:0;transform:none}92%{opacity:.7;transform:translate(-3px,-2px)}94%{opacity:0}96%{opacity:.5;transform:translate(3px,-1px)}98%{opacity:0}}@keyframes glitch-bot{0%,90%,100%{opacity:0;transform:none}93%{opacity:.6;transform:translate(3px,2px)}95%{opacity:0}97%{opacity:.4;transform:translate(-3px,1px)}99%{opacity:0}}.person-sub-label{color:rgba(212,175,55,.45);font-family:courier new,monospace;font-size:.65rem;letter-spacing:3px;margin-top:6px}.person-status-blink{color:#0f0;animation:blink-status 1.4s step-end infinite}@keyframes blink-status{50%{opacity:0}}</style><script>(function(){const t="decl_the-n8n-resurrection",e=document.getElementById("declassified-overlay");if(!e)return;if(sessionStorage.getItem(t)){e.style.display="none";return}setTimeout(()=>{e.classList.add("gone"),setTimeout(()=>{e.style.display="none",sessionStorage.setItem(t,"1")},900)},1800)})(),document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{document.querySelectorAll(".stat-bar").forEach(e=>{e.style.width=e.dataset.val+"%"})},400)})</script><script>(function(){const t="🕷";let n=[];function e(){const e=document.createElement("div");e.textContent=t,e.style.cssText=["position:fixed","font-size:1.6rem","z-index:999999","pointer-events:none","transition:none","filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)","will-change:transform","line-height:1"].join(";"),document.body.appendChild(e);const i=window.innerWidth,a=window.innerHeight,n=Math.floor(Math.random()*4);let s=n===1?i+20:n===3?-20:Math.random()*i,o=n===0?-20:n===2?a+20:Math.random()*a;e.style.left=s+"px",e.style.top=o+"px";const l=4+Math.floor(Math.random()*4);let r=0;function c(){if(r>=l||!document.body.contains(e)){e.remove();return}const t=Math.random()*i,n=Math.random()*a,u=Math.hypot(t-s,n-o),d=u*4,h=Math.atan2(n-o,t-s)*180/Math.PI+90;e.style.transition=`left ${d}ms linear, top ${d}ms linear`,e.style.transform=`rotate(${h}deg)`,e.style.left=t+"px",e.style.top=n+"px",s=t,o=n,r++,setTimeout(c,d)}c()}e(),setInterval(e,4e3)})();function switchAkteFoto(e){document.querySelector(".akte-foto").src=e,document.getElementById("akte-foto-zoom").querySelector("img").src=e,document.querySelectorAll(".akte-foto-btn").forEach(t=>{const n=t.dataset.foto===e;t.classList.toggle("akte-foto-active",n),t.style.background=n?"rgba(183,28,28,0.15)":"rgba(0,0,0,0.1)",t.style.borderColor=n?"#b71c1c":"rgba(42,27,10,0.3)"})}</script></main><footer class=main-footer><div class=footer-inner><p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p></div></footer><div id=newsticker style="position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:999999!important;background:rgba(0,0,0,.92)!important;border-top:1px solid rgba(255,69,0,.35)!important;display:flex!important;align-items:center;height:28px!important;overflow:hidden;font-family:courier new,monospace!important;visibility:visible!important;opacity:1!important"><span class=ticker-label style="flex-shrink:0;font-size:.6rem;letter-spacing:2px;color:rgba(255,69,0,.7);padding:0 15px;border-right:1px solid rgba(255,69,0,.2);white-space:nowrap;height:100%;display:flex;align-items:center;background:rgba(255,69,0,5%)">// SYSTEM_LOG_FEED</span><div class=ticker-track-wrap style=flex:1;overflow:hidden;height:100%;display:flex;align-items:center><div class=ticker-track id=ticker-track-global style="display:inline-flex;white-space:nowrap;animation:ticker-scroll 45s linear infinite"><span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ HUGO SYSTEM INITIALISIERT... ]</span>
-<span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span></div></div></div><style>@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.ticker-item::before{content:'▶ ';color:rgba(255,69,0,.5)}.ticker-track:hover{animation-play-state:paused}</style><script>(function(){const e=document.getElementById("ticker-track-global");if(!e)return;const t=["STATUS: HUGO OPERATIONAL","DESIGNATION: OVERLORD SASCHA","KAFFEESTAND: KRITISCH","ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST","MISSION: TOTALE KONTROLLE","DATENINTEGRITÄT: ABSOLUT","WARNUNG: SYSTEM EXTREM SCHNELL","GEMINI NEURAL LINK: AKTIV"];e.innerHTML="",[...t,...t].forEach(t=>{const n=document.createElement("span");n.className="ticker-item",n.style.cssText="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;",n.textContent=t,e.appendChild(n)})})()</script><script src=/js/script.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="de-de">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1414&amp;path=livereload" data-no-instant defer></script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>The n8n Resurrection | DIGITALE ANARCHIE | KI-LABOR</title>
+    <link rel="stylesheet" href="/css/style.css">
+</head>
+<body class="  ">
+    
+    <div class="bg-gear gear-left">⚙</div>
+    <div class="bg-gear gear-right">⚙</div>
+
+    <script>document.body.classList.add('js-enabled');</script>
+<header class="main-header">
+   
+</header>
+
+    
+    <main class="container">
+        
+
+
+<div id="declassified-overlay">
+    <div class="scanlines"></div>
+    <div id="declassified-stamp">ZUGANG<br>GEWÄHRT</div>
+</div>
+
+<div class="person-page-wrapper visible" style="padding-bottom: 100px; opacity: 1 !important;">
+
+    <div class="person-nav-container" style="display: flex; flex-direction: column; align-items: center; gap: 20px; margin: 15px 0 30px;">
+    
+    
+    <div class="person-nav-row" style="display: flex; justify-content: center; align-items: center; gap: 35px; flex-wrap: wrap; position: relative;">
+    
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/mutti/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_mutti_comic_1.jpeg" alt="MUTTI" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">MUTTI</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/vater/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_vater_comic_1.png" alt="VATER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">VATER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/bruder/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_freddy_comic_1.png" alt="BRUDER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">BRUDER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/schwester/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_meli_comic_1.png" alt="SCHWESTER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SCHWESTER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sascha/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sascha_comic_1.jpeg" alt="SASCHA" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SASCHA</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sven/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sven_comic_1.jpeg" alt="SVEN" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SVEN</span>
+        </a>
+    
+    </div>
+</div>
+
+<style>
+    .person-nav-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: transform 0.2s; }
+    .person-nav-item:hover { transform: scale(1.1); }
+    .person-nav-item:hover .person-nav-label { color: #d4af37 !important; }
+    .person-back {
+        display: inline-block;
+        color: rgba(212,175,55,0.6);
+        font-size: 0.7rem;
+        font-weight: bold;
+        letter-spacing: 4px;
+        text-decoration: none;
+        font-family: 'Courier New', monospace;
+        border: 1px solid rgba(212,175,55,0.25);
+        padding: 6px 20px;
+        background: transparent;
+        text-transform: uppercase;
+        transition: all 0.2s;
+    }
+    .person-back:hover {
+        color: #d4af37;
+        border-color: rgba(212,175,55,0.6);
+        background: rgba(212,175,55,0.05);
+        letter-spacing: 5px;
+    }
+</style>
+
+
+    
+    <div class="person-hero">
+        
+        <div class="person-hero-content">
+            <div class="person-hero-badges">
+                <span class="hero-badge">ZENTRAL-ARCHIV</span>
+                <span class="hero-badge red">EINHEIT IDENTIFIZIERT</span>
+            </div>
+            <p class="person-pre-label" style="margin:12px 0 4px;">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p>
+            <div class="person-title-wrap">
+                <span class="person-title-deco">⟪</span>
+                <h1 class="person-glitch-title" data-text="THE N8N RESURRECTION">THE N8N RESURRECTION</h1>
+                <span class="person-title-deco">⟫</span>
+            </div>
+            <p class="person-sub-label">STATUS: <span class="person-status-blink">AKTIV</span></p>
+
+            
+            <div class="stat-bars">
+                <div class="stat-row">
+                    <span class="stat-label">GEFAHR</span>
+                    <div class="stat-track"><div class="stat-bar danger" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">STABILITÄT</span>
+                    <div class="stat-track"><div class="stat-bar stable" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">CHAOS</span>
+                    <div class="stat-track"><div class="stat-bar chaos" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">KOMPETENZ</span>
+                    <div class="stat-track"><div class="stat-bar kompetenz" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    
+    
+
+    <div class="container" style="max-width: 900px; margin: 0 auto; padding: 0 20px;">
+        <header style="margin-bottom: 20px; display:none;"></header>
+
+        
+        <div class="timeline-track">
+            
+        </div>
+
+        
+        <div style="text-align: center; margin-top: 60px;">
+            <button class="akte-label-btn"
+                    onclick="document.getElementById('person-akte-modal').style.display='flex'; document.body.style.overflow='hidden';">
+                <div class="akte-label-top">
+                    <span class="akte-label-nr">DOKUMENT-NR. UNBEKANNT</span>
+                    <span class="akte-label-stamp">VERTRAULICH</span>
+                </div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-title">AKTE: THE N8N RESURRECTION</div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-bottom">
+                    <span>STATUS: KLASSIFIZIERT</span>
+                    <span>▶ AKTE ÖFFNEN</span>
+                </div>
+            </button>
+        </div>
+
+        <style>
+            .akte-label-btn {
+                background: linear-gradient(180deg, #1c1208 0%, #0e0a04 100%);
+                border: 1px solid #5d3d1e;
+                border-left: 4px solid #b87333;
+                color: #d4af37;
+                font-family: 'Courier New', monospace;
+                cursor: pointer;
+                padding: 18px 28px;
+                width: 320px;
+                text-align: left;
+                transition: all 0.2s;
+                box-shadow: 2px 2px 12px rgba(0,0,0,0.6);
+                position: relative;
+            }
+            .akte-label-btn::before {
+                content: '';
+                position: absolute;
+                top: 6px; left: 6px; right: 6px; bottom: 6px;
+                border: 1px dashed rgba(184,115,51,0.2);
+                pointer-events: none;
+            }
+            .akte-label-btn:hover {
+                border-left-color: #ff4500;
+                box-shadow: 3px 3px 20px rgba(184,115,51,0.2);
+                background: linear-gradient(180deg, #221508 0%, #0e0a04 100%);
+            }
+            .akte-label-top {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-bottom: 10px;
+            }
+            .akte-label-nr {
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.4);
+                letter-spacing: 1px;
+            }
+            .akte-label-stamp {
+                font-size: 0.55rem;
+                letter-spacing: 2px;
+                color: #b71c1c;
+                border: 1px solid #b71c1c;
+                padding: 1px 6px;
+                opacity: 0.8;
+            }
+            .akte-label-divider {
+                border-top: 1px solid rgba(184,115,51,0.25);
+                margin: 8px 0;
+            }
+            .akte-label-title {
+                font-size: 1rem;
+                font-weight: bold;
+                letter-spacing: 4px;
+                color: #d4af37;
+                margin: 4px 0;
+            }
+            .akte-label-bottom {
+                display: flex;
+                justify-content: space-between;
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.45);
+                letter-spacing: 1px;
+                margin-top: 4px;
+            }
+            .akte-label-btn:hover .akte-label-bottom span:last-child {
+                color: #ff4500;
+            }
+        </style>
+    </div>
+</div>
+
+
+<div id="person-akte-modal" style="position: fixed; inset: 0; z-index: 1000000; background: rgba(0,0,0,0.85); display: none; align-items: center; justify-content: center; padding: 10px; overflow: hidden; perspective: 1000px;">
+    <div style="display: flex; flex-direction: column; align-items: center; max-width: 585px; width: 95%;">
+    <div class="akte-inner" style="width: 100%; background: #d9c5a0; background-image: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 100%), url('https://www.transparenttextures.com/patterns/old-paper.png'); border: 1px solid #8b7355; padding: 25px; position: relative; font-family: 'Courier New', monospace; box-shadow: 10px 20px 50px rgba(0,0,0,0.8), inset 0 0 100px rgba(139,115,85,0.3); transform: rotate(-2deg); animation: throw-sign 0.5s ease-out forwards; color: #2a1b0a;">
+        
+        <style>
+            @keyframes throw-sign {
+                0% { transform: rotate(-10deg) scale(0.7) translateY(500px); opacity: 0; }
+                100% { transform: rotate(-2deg) scale(1) translateY(0); opacity: 1; }
+            }
+            .akte-inner h1 { color: #2a1b0a !important; font-size: 1.8rem !important; margin: 10px 0 2px !important; text-shadow: none !important; border-bottom: 2px solid rgba(42,27,10,0.2); }
+            .akte-inner div, .akte-inner p { font-size: 0.75rem !important; }
+            .akte-inner .data-row { border-bottom: 1px solid rgba(42,27,10,0.1) !important; padding: 6px 0 !important; }
+            .akte-inner .label { color: #5d4037 !important; font-weight: bold; }
+            .akte-inner .red-stamp { border: 2px solid #b71c1c; color: #b71c1c; padding: 3px 10px; font-weight: bold; transform: rotate(10deg); opacity: 0.8; font-size: 0.8rem !important; display: inline-block; }
+        </style>
+        
+        
+        <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px;">
+            <div class="red-stamp">TOP SECRET</div>
+            <button onclick="document.getElementById('person-akte-modal').style.display='none'; document.body.style.overflow='auto';"
+                    style="background: rgba(0,0,0,0.1); border: 1px solid #2a1b0a; color: #2a1b0a; cursor: pointer; padding: 3px 10px; font-size: 0.7rem !important;">[X] SCHLIESSEN</button>
+        </div>
+
+        
+
+        <div style="display: flex; gap: 20px; align-items: flex-start;">
+            
+            <div style="position: relative; border: 1px solid #2a1b0a; padding: 3px; background: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);">
+                
+                <img src="/img/hero.png" class="akte-foto" style="width: 200px; height: 250px; object-fit: cover; filter: none; cursor: zoom-in; display: block;"
+                     onclick="document.getElementById('akte-foto-zoom').style.display='flex';">
+                <div style="position: absolute; bottom: 5px; right: -10px; background: #b71c1c; color: #fff; padding: 2px 5px; font-weight: bold; font-size: 0.6rem !important; transform: rotate(-5deg);">GESPERRT</div>
+            </div>
+
+            
+            <div id="akte-foto-zoom" onclick="this.style.display='none';"
+                 style="display:none; position:fixed; inset:0; z-index:9999999; background:rgba(0,0,0,0.92); align-items:center; justify-content:center; cursor:zoom-out;">
+                <img src="/img/hero.png" style="max-width:90vw; max-height:90vh; object-fit:contain; box-shadow: 0 0 60px rgba(0,0,0,0.9); border: 2px solid #2a1b0a;">
+            </div>
+
+            
+            <div style="flex: 1;">
+                <div style="font-size: 0.5rem !important; color: #5d4037; letter-spacing: 2px; margin-bottom: 2px;">PROTOKOLL NR. 1974-Ø</div>
+                <h1 style="font-weight: bold;">THE N8N RESURRECTION</h1>
+                <p style="color: #5d4037; font-size: 0.7rem !important; margin: 5px 0 10px;">ALIAS: </p>
+                
+                <div style="display: flex; gap: 10px;">
+                    <div style="border: 1px solid #b71c1c; padding: 2px 8px; color: #b71c1c; font-size: 0.6rem !important; font-weight: bold;">STATUS: </div>
+                    <div style="color: #2a1b0a; font-size: 0.6rem !important; font-weight: bold;">GEFAHR: <span style="letter-spacing: 1px;"></span><br><img src="/img/akte/hp_totenkopf_1.png" style="width: 70px; height: 70px; object-fit: contain; margin-top: 4px;"></div>
+                </div>
+            </div>
+        </div>
+
+        
+        <div style="margin-top: 20px; border-top: 2px solid rgba(42,27,10,0.2);">
+            
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">DESIGNATION:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    The n8n Resurrection
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">GEBURTSDATUM:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BESCHÄFTIGUNG:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">SPEZIALFÄHIGK.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BEKANNTE KOMPL.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">LETZTE AKTIVITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    GERADE JETZT
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STABILITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STANDORT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+        </div>
+
+        
+        <div style="margin-top: 20px; display: flex; justify-content: space-between; align-items: flex-end;">
+            <div style="display: flex; align-items: center; gap: 10px; opacity: 0.7;">
+                <div style="width: 35px; height: 35px;">
+                    <svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50 Q50 10 70 50 T30 50 Z"/></svg>
+                </div>
+                <div style="font-size: 0.6rem !important; color: #2a1b0a; line-height: 1.2;">ID-SCAN: 94.7%<br>VERIFIZIERT</div>
+            </div>
+            
+            <div style="font-family: 'Courier New', monospace; font-size: 0.75rem !important; letter-spacing: 2px; color: #5d4037; border: 1px dashed #2a1b0a; padding: 2px 10px;">ARCHIV_PERMANENT</div>
+        </div>
+    </div>
+    </div>
+</div>
+
+<style>
+    .akte-foto { transition: transform 0.2s, box-shadow 0.2s; }
+    .akte-foto:hover { transform: scale(1.04); box-shadow: 0 0 15px rgba(184,115,51,0.7); }
+
+    .akte-foto-btn { transition: all 0.2s; }
+    .akte-foto-btn:hover { background: rgba(183,28,28,0.1) !important; border-color: #b71c1c !important; }
+    .akte-foto-active { background: rgba(183,28,28,0.15) !important; border-color: #b71c1c !important; }
+    
+     
+    .time-node.omega .time-content {
+        border: 2px solid rgba(255, 69, 0, 0.6) !important;
+        box-shadow: inset 0 0 12px rgba(255, 69, 0, 0.15), 0 0 10px rgba(255, 0, 0, 0.2);
+        animation: omega-pulse 3s infinite alternate;
+        background: linear-gradient(135deg, rgba(80, 20, 10, 0.95), rgba(30, 0, 0, 0.95)) !important;
+    }
+    .time-node.omega .node-dot {
+        border-color: #ff4500 !important;
+        background: radial-gradient(circle, #ff0000 0%, #330000 100%) !important;
+        box-shadow: 0 0 8px rgba(255, 69, 0, 0.4);
+        animation: omega-dot-pulse 3s infinite alternate ease-in-out;
+    }
+    .node-dot {
+        box-shadow: 0 0 8px rgba(212, 175, 55, 0.4);
+        transition: all 0.3s ease;
+    }
+    .time-node.omega .tc-year {
+        color: #ff4500 !important;
+        text-shadow: 0 0 10px #ff4500;
+        font-weight: 900 !important;
+    }
+    
+    @keyframes omega-dot-pulse {
+        0%   { box-shadow: 0 0 5px rgba(255, 69, 0, 0.3); }
+        100% { box-shadow: 0 0 12px rgba(255, 69, 0, 0.6); }
+    }
+    @keyframes omega-pulse {
+        0%   { box-shadow: inset 0 0 8px rgba(255, 69, 0, 0.1), 0 0 6px rgba(255, 0, 0, 0.15); border-color: rgba(255, 69, 0, 0.4); }
+        100% { box-shadow: inset 0 0 18px rgba(255, 69, 0, 0.25), 0 0 14px rgba(255, 0, 0, 0.3); border-color: rgba(255, 69, 0, 0.8); }
+    }
+    @keyframes omega-dot-blink {
+        50% { opacity: 0; transform: scale(1.5); }
+    }
+</style>
+
+<style>
+ 
+#declassified-overlay {
+    position: fixed; inset: 0; z-index: 99999;
+    pointer-events: none;
+    background: rgba(0,0,0,0.92);
+    display: flex; align-items: center; justify-content: center;
+    transition: opacity 0.8s ease;
+}
+#declassified-overlay.gone { opacity: 0; pointer-events: none; }
+.scanlines {
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg,
+        transparent,
+        transparent 2px,
+        rgba(0,255,0,0.015) 2px,
+        rgba(0,255,0,0.015) 4px
+    );
+    pointer-events: none;
+}
+#declassified-stamp {
+    font-family: 'Courier New', monospace;
+    font-size: 3.5rem;
+    font-weight: 900;
+    color: #b71c1c;
+    border: 6px solid #b71c1c;
+    padding: 20px 40px;
+    letter-spacing: 8px;
+    text-align: center;
+    line-height: 1.2;
+    transform: rotate(-12deg) scale(0);
+    opacity: 0;
+    text-shadow: 0 0 30px rgba(183,28,28,0.5);
+    box-shadow: 0 0 40px rgba(183,28,28,0.3), inset 0 0 40px rgba(183,28,28,0.1);
+    animation: stamp-in 0.4s 0.3s cubic-bezier(0.175,0.885,0.32,1.275) forwards;
+}
+@keyframes stamp-in {
+    to { transform: rotate(-12deg) scale(1); opacity: 0.85; }
+}
+
+ 
+.person-hero {
+    position: relative;
+    width: 100%;
+    min-height: 300px;
+    background: linear-gradient(135deg, #0a0600 0%, #120e06 60%, #0a0600 100%);
+    border-bottom: 1px solid rgba(184,115,51,0.3);
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    margin-bottom: 0;
+}
+.person-hero::before {
+    content: '';
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg, transparent, transparent 3px,
+        rgba(184,115,51,0.03) 3px, rgba(184,115,51,0.03) 4px
+    );
+    pointer-events: none;
+}
+.person-hero-img {
+    position: absolute;
+    right: 0; top: 0; bottom: 0;
+    width: 45%;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: right bottom;
+    opacity: 0.25;
+    filter: sepia(0.4) hue-rotate(10deg);
+    mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+    -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+}
+.person-hero-content {
+    position: relative;
+    z-index: 2;
+    padding: 30px 40px;
+    max-width: 620px;
+}
+.person-hero-badges {
+    display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;
+}
+.hero-badge {
+    font-family: 'Courier New', monospace;
+    font-size: 0.55rem;
+    letter-spacing: 3px;
+    padding: 3px 10px;
+    border: 1px solid rgba(184,115,51,0.4);
+    color: rgba(184,115,51,0.7);
+}
+.hero-badge.red {
+    border-color: rgba(183,28,28,0.5);
+    color: rgba(183,28,28,0.8);
+}
+
+ 
+.stat-bars { margin-top: 20px; width: 100%; max-width: 400px; }
+.stat-row {
+    display: flex; align-items: center; gap: 10px; margin-bottom: 8px;
+}
+.stat-label {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 2px;
+    color: rgba(212,175,55,0.5);
+    width: 80px; flex-shrink: 0;
+}
+.stat-track {
+    flex: 1; height: 6px;
+    background: rgba(255,255,255,0.05);
+    border: 1px solid rgba(184,115,51,0.2);
+    overflow: hidden;
+}
+.stat-bar {
+    height: 100%; width: 0%;
+    transition: width 1.2s cubic-bezier(0.4,0,0.2,1);
+}
+.stat-bar.danger   { background: linear-gradient(90deg, #8b0000, #ff4500); box-shadow: 0 0 8px rgba(255,69,0,0.5); }
+.stat-bar.stable   { background: linear-gradient(90deg, #1a4a1a, #4caf50); box-shadow: 0 0 8px rgba(76,175,80,0.5); }
+.stat-bar.chaos    { background: linear-gradient(90deg, #4a0080, #c800ff); box-shadow: 0 0 8px rgba(200,0,255,0.4); }
+.stat-bar.kompetenz { background: linear-gradient(90deg, #1a3a5c, #2196f3); box-shadow: 0 0 8px rgba(33,150,243,0.5); }
+.stat-val {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; color: rgba(212,175,55,0.4);
+    width: 32px; text-align: right; flex-shrink: 0;
+}
+
+ 
+.alias-ticker-outer {
+    overflow: hidden;
+    background: rgba(0,0,0,0.6);
+    border-top: 1px solid rgba(184,115,51,0.15);
+    border-bottom: 1px solid rgba(184,115,51,0.15);
+    padding: 7px 0;
+    white-space: nowrap;
+}
+.alias-ticker-inner {
+    display: inline-block;
+    animation: ticker-scroll 18s linear infinite;
+    font-family: 'Courier New', monospace;
+    font-size: 0.65rem;
+    letter-spacing: 4px;
+    color: rgba(184,115,51,0.5);
+    padding-left: 100%;
+}
+@keyframes ticker-scroll {
+    from { transform: translateX(0); }
+    to   { transform: translateX(-50%); }
+}
+
+ 
+.person-pre-label {
+    color: rgba(184,115,51,0.5);
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 4px; margin-bottom: 6px;
+}
+.person-title-wrap {
+    display: flex; align-items: center; gap: 14px; margin: 4px 0;
+}
+.person-title-deco {
+    color: #b87333; font-size: 1.8rem; opacity: 0.6;
+    animation: deco-pulse 2s ease-in-out infinite alternate;
+}
+@keyframes deco-pulse {
+    from { opacity: 0.3; transform: scaleY(0.85); }
+    to   { opacity: 0.8; transform: scaleY(1.1); }
+}
+.person-glitch-title {
+    color: #ff4500; font-family: 'Courier New', monospace;
+    font-size: 2rem; letter-spacing: 10px;
+    text-shadow: 0 0 20px rgba(255,69,0,0.5);
+    margin: 0; position: relative;
+    animation: glitch-flicker 6s infinite;
+}
+.person-glitch-title::before,
+.person-glitch-title::after {
+    content: attr(data-text); position: absolute;
+    left: 0; top: 0; width: 100%; overflow: hidden; opacity: 0;
+}
+.person-glitch-title::before {
+    color: #0ff; animation: glitch-top 6s infinite;
+    clip-path: polygon(0 0,100% 0,100% 40%,0 40%);
+}
+.person-glitch-title::after {
+    color: #f0f; animation: glitch-bot 6s infinite;
+    clip-path: polygon(0 60%,100% 60%,100% 100%,0 100%);
+}
+@keyframes glitch-flicker {
+    0%,90%,100% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    92% { text-shadow: 2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    94% { text-shadow: -2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    96% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    98% { text-shadow: 1px 0 #0ff,-1px 0 #f0f; }
+}
+@keyframes glitch-top {
+    0%,90%,100% { opacity:0; transform:none; }
+    92% { opacity:0.7; transform:translate(-3px,-2px); }
+    94% { opacity:0; }
+    96% { opacity:0.5; transform:translate(3px,-1px); }
+    98% { opacity:0; }
+}
+@keyframes glitch-bot {
+    0%,90%,100% { opacity:0; transform:none; }
+    93% { opacity:0.6; transform:translate(3px,2px); }
+    95% { opacity:0; }
+    97% { opacity:0.4; transform:translate(-3px,1px); }
+    99% { opacity:0; }
+}
+.person-sub-label {
+    color: rgba(212,175,55,0.45); font-family: 'Courier New', monospace;
+    font-size: 0.65rem; letter-spacing: 3px; margin-top: 6px;
+}
+.person-status-blink { color: #0f0; animation: blink-status 1.4s step-end infinite; }
+@keyframes blink-status { 50% { opacity: 0; } }
+</style>
+
+<script>
+
+(function() {
+    const key = 'decl_the-n8n-resurrection';
+    const overlay = document.getElementById('declassified-overlay');
+    if (!overlay) return;
+    if (sessionStorage.getItem(key)) {
+        overlay.style.display = 'none';
+        return;
+    }
+    setTimeout(() => {
+        overlay.classList.add('gone');
+        setTimeout(() => {
+            overlay.style.display = 'none';
+            sessionStorage.setItem(key, '1');
+        }, 900);
+    }, 1800);
+})();
+
+
+document.addEventListener('DOMContentLoaded', () => {
+    setTimeout(() => {
+        document.querySelectorAll('.stat-bar').forEach(bar => {
+            bar.style.width = bar.dataset.val + '%';
+        });
+    }, 400);
+});
+</script>
+
+<script>
+
+(function() {
+    const SPIDER = '🕷';
+    let active = [];
+
+    function spawn() {
+        const el = document.createElement('div');
+        el.textContent = SPIDER;
+        el.style.cssText = [
+            'position:fixed',
+            'font-size:1.6rem',
+            'z-index:999999',
+            'pointer-events:none',
+            'transition:none',
+            'filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)',
+            'will-change:transform',
+            'line-height:1',
+        ].join(';');
+        document.body.appendChild(el);
+
+        const W = window.innerWidth, H = window.innerHeight;
+
+        
+        const edge = Math.floor(Math.random() * 4);
+        let x = edge === 1 ? W + 20 : edge === 3 ? -20 : Math.random() * W;
+        let y = edge === 0 ? -20  : edge === 2 ? H + 20  : Math.random() * H;
+
+        el.style.left = x + 'px';
+        el.style.top  = y + 'px';
+
+        
+        const steps = 4 + Math.floor(Math.random() * 4);
+        let i = 0;
+
+        function step() {
+            if (i >= steps || !document.body.contains(el)) { el.remove(); return; }
+
+            const tx = Math.random() * W;
+            const ty = Math.random() * H;
+            const dist = Math.hypot(tx - x, ty - y);
+            const dur  = dist * 4; 
+            const ang  = Math.atan2(ty - y, tx - x) * 180 / Math.PI + 90;
+
+            el.style.transition = `left ${dur}ms linear, top ${dur}ms linear`;
+            el.style.transform  = `rotate(${ang}deg)`;
+            el.style.left = tx + 'px';
+            el.style.top  = ty + 'px';
+
+            x = tx; y = ty; i++;
+            setTimeout(step, dur);
+        }
+
+        step();
+    }
+
+    
+    spawn();
+    setInterval(spawn, 4000);
+})();
+
+function switchAkteFoto(src) {
+    document.querySelector('.akte-foto').src = src;
+    document.getElementById('akte-foto-zoom').querySelector('img').src = src;
+    document.querySelectorAll('.akte-foto-btn').forEach(btn => {
+        const active = btn.dataset.foto === src;
+        btn.classList.toggle('akte-foto-active', active);
+        btn.style.background = active ? 'rgba(183,28,28,0.15)' : 'rgba(0,0,0,0.1)';
+        btn.style.borderColor = active ? '#b71c1c' : 'rgba(42,27,10,0.3)';
+    });
+}
+</script>
+
+    </main>
+
+    <footer class="main-footer">
+    <div class="footer-inner">
+        <p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p>
+    </div>
+</footer>
+
+    
+<div id="newsticker" style="position:fixed !important; bottom:0 !important; left:0 !important; right:0 !important; z-index:999999 !important; background:rgba(0,0,0,0.92) !important; border-top:1px solid rgba(255,69,0,0.35) !important; display:flex !important; align-items:center; height:28px !important; overflow:hidden; font-family:'Courier New', monospace !important; visibility: visible !important; opacity: 1 !important;">
+    <span class="ticker-label" style="flex-shrink:0; font-size:0.6rem; letter-spacing:2px; color:rgba(255,69,0,0.7); padding:0 15px; border-right:1px solid rgba(255,69,0,0.2); white-space:nowrap; height:100%; display:flex; align-items:center; background:rgba(255,69,0,0.05);">// SYSTEM_LOG_FEED</span>
+    <div class="ticker-track-wrap" style="flex:1; overflow:hidden; height:100%; display:flex; align-items:center;">
+        <div class="ticker-track" id="ticker-track-global" style="display:inline-flex; white-space:nowrap; animation: ticker-scroll 45s linear infinite;">
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ HUGO SYSTEM INITIALISIERT... ]</span>
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span>
+        </div>
+    </div>
+</div>
+
+<style>
+    @keyframes ticker-scroll {
+        0%   { transform: translateX(0); }
+        100% { transform: translateX(-50%); }
+    }
+    .ticker-item::before { content: '▶ '; color: rgba(255,69,0,0.5); }
+    .ticker-track:hover { animation-play-state: paused; }
+</style>
+
+<script>
+    (function() {
+        const track = document.getElementById('ticker-track-global');
+        if (!track) return;
+        const ITEMS = [
+            "STATUS: HUGO OPERATIONAL",
+            "DESIGNATION: OVERLORD SASCHA",
+            "KAFFEESTAND: KRITISCH",
+            "ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST",
+            "MISSION: TOTALE KONTROLLE",
+            "DATENINTEGRITÄT: ABSOLUT",
+            "WARNUNG: SYSTEM EXTREM SCHNELL",
+            "GEMINI NEURAL LINK: AKTIV"
+        ];
+        track.innerHTML = '';
+        [...ITEMS, ...ITEMS].forEach(text => {
+            const span = document.createElement('span');
+            span.className = 'ticker-item';
+            span.style.cssText = "font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;";
+            span.textContent = text;
+            track.appendChild(span);
+        });
+    })();
+</script>
+
+
+    <script src="/js/script.js"></script>
+    <script src="/js/ascii-shimmer.js"></script>
+</body>
+</html>
diff --git a/public/posts/neural-hack/index.html b/public/posts/neural-hack/index.html
index 1de5943..c6e6203 100644
--- a/public/posts/neural-hack/index.html
+++ b/public/posts/neural-hack/index.html
@@ -1,10 +1,882 @@
-<!doctype html><html lang=de-de><head><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><title>Neural Hack Sequence | DIGITALE ANARCHIE | KI-LABOR</title><link rel=stylesheet href=/css/style.css></head><body><div class="bg-gear gear-left">⚙</div><div class="bg-gear gear-right">⚙</div><script>document.body.classList.add("js-enabled")</script><header class=main-header></header><main class=container><div id=declassified-overlay><div class=scanlines></div><div id=declassified-stamp>ZUGANG<br>GEWÄHRT</div></div><div class="person-page-wrapper visible" style=padding-bottom:100px;opacity:1!important><div class=person-nav-container style="display:flex;flex-direction:column;align-items:center;gap:20px;margin:15px 0 30px"><div class=person-nav-row style=display:flex;justify-content:center;align-items:center;gap:35px;flex-wrap:wrap;position:relative><a href=/personen/mutti/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_mutti_comic_1.jpeg alt=MUTTI style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">MUTTI</span>
-</a><a href=/personen/vater/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_vater_comic_1.png alt=VATER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">VATER</span>
-</a><a href=/personen/bruder/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_freddy_comic_1.png alt=BRUDER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">BRUDER</span>
-</a><a href=/personen/schwester/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_meli_comic_1.png alt=SCHWESTER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SCHWESTER</span>
-</a><a href=/personen/sascha/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sascha_comic_1.jpeg alt=SASCHA style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SASCHA</span>
-</a><a href=/personen/sven/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sven_comic_1.jpeg alt=SVEN style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SVEN</span></a></div></div><style>.person-nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .2s}.person-nav-item:hover{transform:scale(1.1)}.person-nav-item:hover .person-nav-label{color:#d4af37!important}.person-back{display:inline-block;color:rgba(212,175,55,.6);font-size:.7rem;font-weight:700;letter-spacing:4px;text-decoration:none;font-family:courier new,monospace;border:1px solid rgba(212,175,55,.25);padding:6px 20px;background:0 0;text-transform:uppercase;transition:all .2s}.person-back:hover{color:#d4af37;border-color:rgba(212,175,55,.6);background:rgba(212,175,55,5%);letter-spacing:5px}</style><div class=person-hero><div class=person-hero-content><div class=person-hero-badges><span class=hero-badge>ZENTRAL-ARCHIV</span>
-<span class="hero-badge red">EINHEIT IDENTIFIZIERT</span></div><p class=person-pre-label style="margin:12px 0 4px">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p><div class=person-title-wrap><span class=person-title-deco>⟪</span><h1 class=person-glitch-title data-text="NEURAL HACK SEQUENCE">NEURAL HACK SEQUENCE</h1><span class=person-title-deco>⟫</span></div><p class=person-sub-label>STATUS: <span class=person-status-blink>AKTIV</span></p><div class=stat-bars><div class=stat-row><span class=stat-label>GEFAHR</span><div class=stat-track><div class="stat-bar danger" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>STABILITÄT</span><div class=stat-track><div class="stat-bar stable" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>CHAOS</span><div class=stat-track><div class="stat-bar chaos" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>KOMPETENZ</span><div class=stat-track><div class="stat-bar kompetenz" data-val=50></div></div><span class=stat-val>50%</span></div></div></div></div><div class=container style="max-width:900px;margin:0 auto;padding:0 20px"><header style=margin-bottom:20px;display:none></header><div class=timeline-track></div><div style=text-align:center;margin-top:60px><button class=akte-label-btn onclick='document.getElementById("person-akte-modal").style.display="flex",document.body.style.overflow="hidden"'><div class=akte-label-top><span class=akte-label-nr>DOKUMENT-NR. UNBEKANNT</span>
-<span class=akte-label-stamp>VERTRAULICH</span></div><div class=akte-label-divider></div><div class=akte-label-title>AKTE: NEURAL HACK SEQUENCE</div><div class=akte-label-divider></div><div class=akte-label-bottom><span>STATUS: KLASSIFIZIERT</span>
-<span>▶ AKTE ÖFFNEN</span></div></button></div><style>.akte-label-btn{background:linear-gradient(180deg,#1c1208 0%,#0e0a04 100%);border:1px solid #5d3d1e;border-left:4px solid #b87333;color:#d4af37;font-family:courier new,monospace;cursor:pointer;padding:18px 28px;width:320px;text-align:left;transition:all .2s;box-shadow:2px 2px 12px rgba(0,0,0,.6);position:relative}.akte-label-btn::before{content:'';position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px dashed rgba(184,115,51,.2);pointer-events:none}.akte-label-btn:hover{border-left-color:#ff4500;box-shadow:3px 3px 20px rgba(184,115,51,.2);background:linear-gradient(180deg,#221508 0%,#0e0a04 100%)}.akte-label-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.akte-label-nr{font-size:.6rem;color:rgba(212,175,55,.4);letter-spacing:1px}.akte-label-stamp{font-size:.55rem;letter-spacing:2px;color:#b71c1c;border:1px solid #b71c1c;padding:1px 6px;opacity:.8}.akte-label-divider{border-top:1px solid rgba(184,115,51,.25);margin:8px 0}.akte-label-title{font-size:1rem;font-weight:700;letter-spacing:4px;color:#d4af37;margin:4px 0}.akte-label-bottom{display:flex;justify-content:space-between;font-size:.6rem;color:rgba(212,175,55,.45);letter-spacing:1px;margin-top:4px}.akte-label-btn:hover .akte-label-bottom span:last-child{color:#ff4500}</style></div></div><div id=person-akte-modal style=position:fixed;inset:0;z-index:1000000;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;padding:10px;overflow:hidden;perspective:1e3px><div style=display:flex;flex-direction:column;align-items:center;max-width:585px;width:95%><div class=akte-inner style="width:100%;background:#d9c5a0;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 100%),url(https://www.transparenttextures.com/patterns/old-paper.png);border:1px solid #8b7355;padding:25px;position:relative;font-family:courier new,monospace;box-shadow:10px 20px 50px rgba(0,0,0,.8),inset 0 0 100px rgba(139,115,85,.3);transform:rotate(-2deg);animation:throw-sign .5s ease-out forwards;color:#2a1b0a"><style>@keyframes throw-sign{0%{transform:rotate(-10deg)scale(.7)translateY(500px);opacity:0}100%{transform:rotate(-2deg)scale(1)translateY(0);opacity:1}}.akte-inner h1{color:#2a1b0a!important;font-size:1.8rem!important;margin:10px 0 2px!important;text-shadow:none!important;border-bottom:2px solid rgba(42,27,10,.2)}.akte-inner div,.akte-inner p{font-size:.75rem!important}.akte-inner .data-row{border-bottom:1px solid rgba(42,27,10,.1)!important;padding:6px 0!important}.akte-inner .label{color:#5d4037!important;font-weight:700}.akte-inner .red-stamp{border:2px solid #b71c1c;color:#b71c1c;padding:3px 10px;font-weight:700;transform:rotate(10deg);opacity:.8;font-size:.8rem!important;display:inline-block}</style><div style=display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px><div class=red-stamp>TOP SECRET</div><button onclick='document.getElementById("person-akte-modal").style.display="none",document.body.style.overflow="auto"' style="background:rgba(0,0,0,.1);border:1px solid #2a1b0a;color:#2a1b0a;cursor:pointer;padding:3px 10px;font-size:.7rem!important">[X] SCHLIESSEN</button></div><div style=display:flex;gap:20px;align-items:flex-start><div style="position:relative;border:1px solid #2a1b0a;padding:3px;background:#fff;box-shadow:2px 2px 5px rgba(0,0,0,.2)"><img src=/img/hero.png class=akte-foto style=width:200px;height:250px;object-fit:cover;filter:none;cursor:zoom-in;display:block onclick='document.getElementById("akte-foto-zoom").style.display="flex"'><div style="position:absolute;bottom:5px;right:-10px;background:#b71c1c;color:#fff;padding:2px 5px;font-weight:700;font-size:.6rem!important;transform:rotate(-5deg)">GESPERRT</div></div><div id=akte-foto-zoom onclick='this.style.display="none"' style=display:none;position:fixed;inset:0;z-index:9999999;background:rgba(0,0,0,.92);align-items:center;justify-content:center;cursor:zoom-out><img src=/img/hero.png style="max-width:90vw;max-height:90vh;object-fit:contain;box-shadow:0 0 60px rgba(0,0,0,.9);border:2px solid #2a1b0a"></div><div style=flex:1><div style=font-size:.5rem!important;color:#5d4037;letter-spacing:2px;margin-bottom:2px>PROTOKOLL NR. 1974-Ø</div><h1 style=font-weight:700>NEURAL HACK SEQUENCE</h1><p style="color:#5d4037;font-size:.7rem!important;margin:5px 0 10px">ALIAS:</p><div style=display:flex;gap:10px><div style="border:1px solid #b71c1c;padding:2px 8px;color:#b71c1c;font-size:.6rem!important;font-weight:700">STATUS:</div><div style=color:#2a1b0a;font-size:.6rem!important;font-weight:700>GEFAHR: <span style=letter-spacing:1px></span><br><img src=/img/akte/hp_totenkopf_1.png style=width:70px;height:70px;object-fit:contain;margin-top:4px></div></div></div></div><div style="margin-top:20px;border-top:2px solid rgba(42,27,10,.2)"><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>DESIGNATION:</div><div style=flex:1;font-weight:400>Neural Hack Sequence</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>GEBURTSDATUM:</div><div style=flex:1;font-weight:400><span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BESCHÄFTIGUNG:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>SPEZIALFÄHIGK.:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BEKANNTE KOMPL.:</div><div style=flex:1;font-weight:400><span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>LETZTE AKTIVITÄT:</div><div style=flex:1;font-weight:400>GERADE JETZT</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STABILITÄT:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STANDORT:</div><div style=flex:1;font-weight:400></div></div></div><div style=margin-top:20px;display:flex;justify-content:space-between;align-items:flex-end><div style=display:flex;align-items:center;gap:10px;opacity:.7><div style=width:35px;height:35px><svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50q20-40 40 0T30 50z"/></svg></div><div style=font-size:.6rem!important;color:#2a1b0a;line-height:1.2>ID-SCAN: 94.7%<br>VERIFIZIERT</div></div><div style="font-family:courier new,monospace;font-size:.75rem!important;letter-spacing:2px;color:#5d4037;border:1px dashed #2a1b0a;padding:2px 10px">ARCHIV_PERMANENT</div></div></div></div></div><style>.akte-foto{transition:transform .2s,box-shadow .2s}.akte-foto:hover{transform:scale(1.04);box-shadow:0 0 15px rgba(184,115,51,.7)}.akte-foto-btn{transition:all .2s}.akte-foto-btn:hover{background:rgba(183,28,28,.1)!important;border-color:#b71c1c!important}.akte-foto-active{background:rgba(183,28,28,.15)!important;border-color:#b71c1c!important}.time-node.omega .time-content{border:2px solid rgba(255,69,0,.6)!important;box-shadow:inset 0 0 12px rgba(255,69,0,.15),0 0 10px rgba(255,0,0,.2);animation:omega-pulse 3s infinite alternate;background:linear-gradient(135deg,rgba(80,20,10,.95),rgba(30,0,0,.95))!important}.time-node.omega .node-dot{border-color:#ff4500!important;background:radial-gradient(circle,#ff0000 0%,#330000 100%)!important;box-shadow:0 0 8px rgba(255,69,0,.4);animation:omega-dot-pulse 3s infinite alternate ease-in-out}.node-dot{box-shadow:0 0 8px rgba(212,175,55,.4);transition:all .3s ease}.time-node.omega .tc-year{color:#ff4500!important;text-shadow:0 0 10px #ff4500;font-weight:900!important}@keyframes omega-dot-pulse{0%{box-shadow:0 0 5px rgba(255,69,0,.3)}100%{box-shadow:0 0 12px rgba(255,69,0,.6)}}@keyframes omega-pulse{0%{box-shadow:inset 0 0 8px rgba(255,69,0,.1),0 0 6px rgba(255,0,0,.15);border-color:rgba(255,69,0,.4)}100%{box-shadow:inset 0 0 18px rgba(255,69,0,.25),0 0 14px rgba(255,0,0,.3);border-color:rgba(255,69,0,.8)}}@keyframes omega-dot-blink{50%{opacity:0;transform:scale(1.5)}}</style><style>#declassified-overlay{position:fixed;inset:0;z-index:99999;pointer-events:none;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;transition:opacity .8s ease}#declassified-overlay.gone{opacity:0;pointer-events:none}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 2px,rgba(0,255,0,.015) 2px,rgba(0,255,0,.015) 4px );pointer-events:none}#declassified-stamp{font-family:courier new,monospace;font-size:3.5rem;font-weight:900;color:#b71c1c;border:6px solid #b71c1c;padding:20px 40px;letter-spacing:8px;text-align:center;line-height:1.2;transform:rotate(-12deg)scale(0);opacity:0;text-shadow:0 0 30px rgba(183,28,28,.5);box-shadow:0 0 40px rgba(183,28,28,.3),inset 0 0 40px rgba(183,28,28,.1);animation:stamp-in .4s .3s cubic-bezier(.175,.885,.32,1.275)forwards}@keyframes stamp-in{to{transform:rotate(-12deg)scale(1);opacity:.85}}.person-hero{position:relative;width:100%;min-height:300px;background:linear-gradient(135deg,#0a0600 0%,#120e06 60%,#0a0600 100%);border-bottom:1px solid rgba(184,115,51,.3);overflow:hidden;display:flex;align-items:center;margin-bottom:0}.person-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 3px,rgba(184,115,51,3%) 3px,rgba(184,115,51,3%) 4px );pointer-events:none}.person-hero-img{position:absolute;right:0;top:0;bottom:0;width:45%;background-size:contain;background-repeat:no-repeat;background-position:100% 100%;opacity:.25;filter:sepia(.4)hue-rotate(10deg);mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%);-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%)}.person-hero-content{position:relative;z-index:2;padding:30px 40px;max-width:620px}.person-hero-badges{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.hero-badge{font-family:courier new,monospace;font-size:.55rem;letter-spacing:3px;padding:3px 10px;border:1px solid rgba(184,115,51,.4);color:rgba(184,115,51,.7)}.hero-badge.red{border-color:rgba(183,28,28,.5);color:rgba(183,28,28,.8)}.stat-bars{margin-top:20px;width:100%;max-width:400px}.stat-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.stat-label{font-family:courier new,monospace;font-size:.6rem;letter-spacing:2px;color:rgba(212,175,55,.5);width:80px;flex-shrink:0}.stat-track{flex:1;height:6px;background:rgba(255,255,255,5%);border:1px solid rgba(184,115,51,.2);overflow:hidden}.stat-bar{height:100%;width:0%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.stat-bar.danger{background:linear-gradient(90deg,#8b0000,#ff4500);box-shadow:0 0 8px rgba(255,69,0,.5)}.stat-bar.stable{background:linear-gradient(90deg,#1a4a1a,#4caf50);box-shadow:0 0 8px rgba(76,175,80,.5)}.stat-bar.chaos{background:linear-gradient(90deg,#4a0080,#c800ff);box-shadow:0 0 8px rgba(200,0,255,.4)}.stat-bar.kompetenz{background:linear-gradient(90deg,#1a3a5c,#2196f3);box-shadow:0 0 8px rgba(33,150,243,.5)}.stat-val{font-family:courier new,monospace;font-size:.6rem;color:rgba(212,175,55,.4);width:32px;text-align:right;flex-shrink:0}.alias-ticker-outer{overflow:hidden;background:rgba(0,0,0,.6);border-top:1px solid rgba(184,115,51,.15);border-bottom:1px solid rgba(184,115,51,.15);padding:7px 0;white-space:nowrap}.alias-ticker-inner{display:inline-block;animation:ticker-scroll 18s linear infinite;font-family:courier new,monospace;font-size:.65rem;letter-spacing:4px;color:rgba(184,115,51,.5);padding-left:100%}@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.person-pre-label{color:rgba(184,115,51,.5);font-family:courier new,monospace;font-size:.6rem;letter-spacing:4px;margin-bottom:6px}.person-title-wrap{display:flex;align-items:center;gap:14px;margin:4px 0}.person-title-deco{color:#b87333;font-size:1.8rem;opacity:.6;animation:deco-pulse 2s ease-in-out infinite alternate}@keyframes deco-pulse{from{opacity:.3;transform:scaleY(.85)}to{opacity:.8;transform:scaleY(1.1)}}.person-glitch-title{color:#ff4500;font-family:courier new,monospace;font-size:2rem;letter-spacing:10px;text-shadow:0 0 20px rgba(255,69,0,.5);margin:0;position:relative;animation:glitch-flicker 6s infinite}.person-glitch-title::before,.person-glitch-title::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden;opacity:0}.person-glitch-title::before{color:#0ff;animation:glitch-top 6s infinite;clip-path:polygon(0 0,100% 0,100% 40%,0 40%)}.person-glitch-title::after{color:#f0f;animation:glitch-bot 6s infinite;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%)}@keyframes glitch-flicker{0%,90%,100%{text-shadow:0 0 20px rgba(255,69,0,.5)}92%{text-shadow:2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}94%{text-shadow:-2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}96%{text-shadow:0 0 20px rgba(255,69,0,.5)}98%{text-shadow:1px 0 #0ff,-1px 0 #f0f}}@keyframes glitch-top{0%,90%,100%{opacity:0;transform:none}92%{opacity:.7;transform:translate(-3px,-2px)}94%{opacity:0}96%{opacity:.5;transform:translate(3px,-1px)}98%{opacity:0}}@keyframes glitch-bot{0%,90%,100%{opacity:0;transform:none}93%{opacity:.6;transform:translate(3px,2px)}95%{opacity:0}97%{opacity:.4;transform:translate(-3px,1px)}99%{opacity:0}}.person-sub-label{color:rgba(212,175,55,.45);font-family:courier new,monospace;font-size:.65rem;letter-spacing:3px;margin-top:6px}.person-status-blink{color:#0f0;animation:blink-status 1.4s step-end infinite}@keyframes blink-status{50%{opacity:0}}</style><script>(function(){const t="decl_neural-hack-sequence",e=document.getElementById("declassified-overlay");if(!e)return;if(sessionStorage.getItem(t)){e.style.display="none";return}setTimeout(()=>{e.classList.add("gone"),setTimeout(()=>{e.style.display="none",sessionStorage.setItem(t,"1")},900)},1800)})(),document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{document.querySelectorAll(".stat-bar").forEach(e=>{e.style.width=e.dataset.val+"%"})},400)})</script><script>(function(){const t="🕷";let n=[];function e(){const e=document.createElement("div");e.textContent=t,e.style.cssText=["position:fixed","font-size:1.6rem","z-index:999999","pointer-events:none","transition:none","filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)","will-change:transform","line-height:1"].join(";"),document.body.appendChild(e);const i=window.innerWidth,a=window.innerHeight,n=Math.floor(Math.random()*4);let s=n===1?i+20:n===3?-20:Math.random()*i,o=n===0?-20:n===2?a+20:Math.random()*a;e.style.left=s+"px",e.style.top=o+"px";const l=4+Math.floor(Math.random()*4);let r=0;function c(){if(r>=l||!document.body.contains(e)){e.remove();return}const t=Math.random()*i,n=Math.random()*a,u=Math.hypot(t-s,n-o),d=u*4,h=Math.atan2(n-o,t-s)*180/Math.PI+90;e.style.transition=`left ${d}ms linear, top ${d}ms linear`,e.style.transform=`rotate(${h}deg)`,e.style.left=t+"px",e.style.top=n+"px",s=t,o=n,r++,setTimeout(c,d)}c()}e(),setInterval(e,4e3)})();function switchAkteFoto(e){document.querySelector(".akte-foto").src=e,document.getElementById("akte-foto-zoom").querySelector("img").src=e,document.querySelectorAll(".akte-foto-btn").forEach(t=>{const n=t.dataset.foto===e;t.classList.toggle("akte-foto-active",n),t.style.background=n?"rgba(183,28,28,0.15)":"rgba(0,0,0,0.1)",t.style.borderColor=n?"#b71c1c":"rgba(42,27,10,0.3)"})}</script></main><footer class=main-footer><div class=footer-inner><p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p></div></footer><div id=newsticker style="position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:999999!important;background:rgba(0,0,0,.92)!important;border-top:1px solid rgba(255,69,0,.35)!important;display:flex!important;align-items:center;height:28px!important;overflow:hidden;font-family:courier new,monospace!important;visibility:visible!important;opacity:1!important"><span class=ticker-label style="flex-shrink:0;font-size:.6rem;letter-spacing:2px;color:rgba(255,69,0,.7);padding:0 15px;border-right:1px solid rgba(255,69,0,.2);white-space:nowrap;height:100%;display:flex;align-items:center;background:rgba(255,69,0,5%)">// SYSTEM_LOG_FEED</span><div class=ticker-track-wrap style=flex:1;overflow:hidden;height:100%;display:flex;align-items:center><div class=ticker-track id=ticker-track-global style="display:inline-flex;white-space:nowrap;animation:ticker-scroll 45s linear infinite"><span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ HUGO SYSTEM INITIALISIERT... ]</span>
-<span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span></div></div></div><style>@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.ticker-item::before{content:'▶ ';color:rgba(255,69,0,.5)}.ticker-track:hover{animation-play-state:paused}</style><script>(function(){const e=document.getElementById("ticker-track-global");if(!e)return;const t=["STATUS: HUGO OPERATIONAL","DESIGNATION: OVERLORD SASCHA","KAFFEESTAND: KRITISCH","ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST","MISSION: TOTALE KONTROLLE","DATENINTEGRITÄT: ABSOLUT","WARNUNG: SYSTEM EXTREM SCHNELL","GEMINI NEURAL LINK: AKTIV"];e.innerHTML="",[...t,...t].forEach(t=>{const n=document.createElement("span");n.className="ticker-item",n.style.cssText="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;",n.textContent=t,e.appendChild(n)})})()</script><script src=/js/script.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="de-de">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1414&amp;path=livereload" data-no-instant defer></script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Neural Hack Sequence | DIGITALE ANARCHIE | KI-LABOR</title>
+    <link rel="stylesheet" href="/css/style.css">
+</head>
+<body class="  ">
+    
+    <div class="bg-gear gear-left">⚙</div>
+    <div class="bg-gear gear-right">⚙</div>
+
+    <script>document.body.classList.add('js-enabled');</script>
+<header class="main-header">
+   
+</header>
+
+    
+    <main class="container">
+        
+
+
+<div id="declassified-overlay">
+    <div class="scanlines"></div>
+    <div id="declassified-stamp">ZUGANG<br>GEWÄHRT</div>
+</div>
+
+<div class="person-page-wrapper visible" style="padding-bottom: 100px; opacity: 1 !important;">
+
+    <div class="person-nav-container" style="display: flex; flex-direction: column; align-items: center; gap: 20px; margin: 15px 0 30px;">
+    
+    
+    <div class="person-nav-row" style="display: flex; justify-content: center; align-items: center; gap: 35px; flex-wrap: wrap; position: relative;">
+    
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/mutti/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_mutti_comic_1.jpeg" alt="MUTTI" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">MUTTI</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/vater/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_vater_comic_1.png" alt="VATER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">VATER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/bruder/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_freddy_comic_1.png" alt="BRUDER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">BRUDER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/schwester/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_meli_comic_1.png" alt="SCHWESTER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SCHWESTER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sascha/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sascha_comic_1.jpeg" alt="SASCHA" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SASCHA</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sven/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sven_comic_1.jpeg" alt="SVEN" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SVEN</span>
+        </a>
+    
+    </div>
+</div>
+
+<style>
+    .person-nav-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: transform 0.2s; }
+    .person-nav-item:hover { transform: scale(1.1); }
+    .person-nav-item:hover .person-nav-label { color: #d4af37 !important; }
+    .person-back {
+        display: inline-block;
+        color: rgba(212,175,55,0.6);
+        font-size: 0.7rem;
+        font-weight: bold;
+        letter-spacing: 4px;
+        text-decoration: none;
+        font-family: 'Courier New', monospace;
+        border: 1px solid rgba(212,175,55,0.25);
+        padding: 6px 20px;
+        background: transparent;
+        text-transform: uppercase;
+        transition: all 0.2s;
+    }
+    .person-back:hover {
+        color: #d4af37;
+        border-color: rgba(212,175,55,0.6);
+        background: rgba(212,175,55,0.05);
+        letter-spacing: 5px;
+    }
+</style>
+
+
+    
+    <div class="person-hero">
+        
+        <div class="person-hero-content">
+            <div class="person-hero-badges">
+                <span class="hero-badge">ZENTRAL-ARCHIV</span>
+                <span class="hero-badge red">EINHEIT IDENTIFIZIERT</span>
+            </div>
+            <p class="person-pre-label" style="margin:12px 0 4px;">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p>
+            <div class="person-title-wrap">
+                <span class="person-title-deco">⟪</span>
+                <h1 class="person-glitch-title" data-text="NEURAL HACK SEQUENCE">NEURAL HACK SEQUENCE</h1>
+                <span class="person-title-deco">⟫</span>
+            </div>
+            <p class="person-sub-label">STATUS: <span class="person-status-blink">AKTIV</span></p>
+
+            
+            <div class="stat-bars">
+                <div class="stat-row">
+                    <span class="stat-label">GEFAHR</span>
+                    <div class="stat-track"><div class="stat-bar danger" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">STABILITÄT</span>
+                    <div class="stat-track"><div class="stat-bar stable" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">CHAOS</span>
+                    <div class="stat-track"><div class="stat-bar chaos" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">KOMPETENZ</span>
+                    <div class="stat-track"><div class="stat-bar kompetenz" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    
+    
+
+    <div class="container" style="max-width: 900px; margin: 0 auto; padding: 0 20px;">
+        <header style="margin-bottom: 20px; display:none;"></header>
+
+        
+        <div class="timeline-track">
+            
+        </div>
+
+        
+        <div style="text-align: center; margin-top: 60px;">
+            <button class="akte-label-btn"
+                    onclick="document.getElementById('person-akte-modal').style.display='flex'; document.body.style.overflow='hidden';">
+                <div class="akte-label-top">
+                    <span class="akte-label-nr">DOKUMENT-NR. UNBEKANNT</span>
+                    <span class="akte-label-stamp">VERTRAULICH</span>
+                </div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-title">AKTE: NEURAL HACK SEQUENCE</div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-bottom">
+                    <span>STATUS: KLASSIFIZIERT</span>
+                    <span>▶ AKTE ÖFFNEN</span>
+                </div>
+            </button>
+        </div>
+
+        <style>
+            .akte-label-btn {
+                background: linear-gradient(180deg, #1c1208 0%, #0e0a04 100%);
+                border: 1px solid #5d3d1e;
+                border-left: 4px solid #b87333;
+                color: #d4af37;
+                font-family: 'Courier New', monospace;
+                cursor: pointer;
+                padding: 18px 28px;
+                width: 320px;
+                text-align: left;
+                transition: all 0.2s;
+                box-shadow: 2px 2px 12px rgba(0,0,0,0.6);
+                position: relative;
+            }
+            .akte-label-btn::before {
+                content: '';
+                position: absolute;
+                top: 6px; left: 6px; right: 6px; bottom: 6px;
+                border: 1px dashed rgba(184,115,51,0.2);
+                pointer-events: none;
+            }
+            .akte-label-btn:hover {
+                border-left-color: #ff4500;
+                box-shadow: 3px 3px 20px rgba(184,115,51,0.2);
+                background: linear-gradient(180deg, #221508 0%, #0e0a04 100%);
+            }
+            .akte-label-top {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-bottom: 10px;
+            }
+            .akte-label-nr {
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.4);
+                letter-spacing: 1px;
+            }
+            .akte-label-stamp {
+                font-size: 0.55rem;
+                letter-spacing: 2px;
+                color: #b71c1c;
+                border: 1px solid #b71c1c;
+                padding: 1px 6px;
+                opacity: 0.8;
+            }
+            .akte-label-divider {
+                border-top: 1px solid rgba(184,115,51,0.25);
+                margin: 8px 0;
+            }
+            .akte-label-title {
+                font-size: 1rem;
+                font-weight: bold;
+                letter-spacing: 4px;
+                color: #d4af37;
+                margin: 4px 0;
+            }
+            .akte-label-bottom {
+                display: flex;
+                justify-content: space-between;
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.45);
+                letter-spacing: 1px;
+                margin-top: 4px;
+            }
+            .akte-label-btn:hover .akte-label-bottom span:last-child {
+                color: #ff4500;
+            }
+        </style>
+    </div>
+</div>
+
+
+<div id="person-akte-modal" style="position: fixed; inset: 0; z-index: 1000000; background: rgba(0,0,0,0.85); display: none; align-items: center; justify-content: center; padding: 10px; overflow: hidden; perspective: 1000px;">
+    <div style="display: flex; flex-direction: column; align-items: center; max-width: 585px; width: 95%;">
+    <div class="akte-inner" style="width: 100%; background: #d9c5a0; background-image: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 100%), url('https://www.transparenttextures.com/patterns/old-paper.png'); border: 1px solid #8b7355; padding: 25px; position: relative; font-family: 'Courier New', monospace; box-shadow: 10px 20px 50px rgba(0,0,0,0.8), inset 0 0 100px rgba(139,115,85,0.3); transform: rotate(-2deg); animation: throw-sign 0.5s ease-out forwards; color: #2a1b0a;">
+        
+        <style>
+            @keyframes throw-sign {
+                0% { transform: rotate(-10deg) scale(0.7) translateY(500px); opacity: 0; }
+                100% { transform: rotate(-2deg) scale(1) translateY(0); opacity: 1; }
+            }
+            .akte-inner h1 { color: #2a1b0a !important; font-size: 1.8rem !important; margin: 10px 0 2px !important; text-shadow: none !important; border-bottom: 2px solid rgba(42,27,10,0.2); }
+            .akte-inner div, .akte-inner p { font-size: 0.75rem !important; }
+            .akte-inner .data-row { border-bottom: 1px solid rgba(42,27,10,0.1) !important; padding: 6px 0 !important; }
+            .akte-inner .label { color: #5d4037 !important; font-weight: bold; }
+            .akte-inner .red-stamp { border: 2px solid #b71c1c; color: #b71c1c; padding: 3px 10px; font-weight: bold; transform: rotate(10deg); opacity: 0.8; font-size: 0.8rem !important; display: inline-block; }
+        </style>
+        
+        
+        <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px;">
+            <div class="red-stamp">TOP SECRET</div>
+            <button onclick="document.getElementById('person-akte-modal').style.display='none'; document.body.style.overflow='auto';"
+                    style="background: rgba(0,0,0,0.1); border: 1px solid #2a1b0a; color: #2a1b0a; cursor: pointer; padding: 3px 10px; font-size: 0.7rem !important;">[X] SCHLIESSEN</button>
+        </div>
+
+        
+
+        <div style="display: flex; gap: 20px; align-items: flex-start;">
+            
+            <div style="position: relative; border: 1px solid #2a1b0a; padding: 3px; background: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);">
+                
+                <img src="/img/hero.png" class="akte-foto" style="width: 200px; height: 250px; object-fit: cover; filter: none; cursor: zoom-in; display: block;"
+                     onclick="document.getElementById('akte-foto-zoom').style.display='flex';">
+                <div style="position: absolute; bottom: 5px; right: -10px; background: #b71c1c; color: #fff; padding: 2px 5px; font-weight: bold; font-size: 0.6rem !important; transform: rotate(-5deg);">GESPERRT</div>
+            </div>
+
+            
+            <div id="akte-foto-zoom" onclick="this.style.display='none';"
+                 style="display:none; position:fixed; inset:0; z-index:9999999; background:rgba(0,0,0,0.92); align-items:center; justify-content:center; cursor:zoom-out;">
+                <img src="/img/hero.png" style="max-width:90vw; max-height:90vh; object-fit:contain; box-shadow: 0 0 60px rgba(0,0,0,0.9); border: 2px solid #2a1b0a;">
+            </div>
+
+            
+            <div style="flex: 1;">
+                <div style="font-size: 0.5rem !important; color: #5d4037; letter-spacing: 2px; margin-bottom: 2px;">PROTOKOLL NR. 1974-Ø</div>
+                <h1 style="font-weight: bold;">NEURAL HACK SEQUENCE</h1>
+                <p style="color: #5d4037; font-size: 0.7rem !important; margin: 5px 0 10px;">ALIAS: </p>
+                
+                <div style="display: flex; gap: 10px;">
+                    <div style="border: 1px solid #b71c1c; padding: 2px 8px; color: #b71c1c; font-size: 0.6rem !important; font-weight: bold;">STATUS: </div>
+                    <div style="color: #2a1b0a; font-size: 0.6rem !important; font-weight: bold;">GEFAHR: <span style="letter-spacing: 1px;"></span><br><img src="/img/akte/hp_totenkopf_1.png" style="width: 70px; height: 70px; object-fit: contain; margin-top: 4px;"></div>
+                </div>
+            </div>
+        </div>
+
+        
+        <div style="margin-top: 20px; border-top: 2px solid rgba(42,27,10,0.2);">
+            
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">DESIGNATION:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    Neural Hack Sequence
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">GEBURTSDATUM:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BESCHÄFTIGUNG:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">SPEZIALFÄHIGK.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BEKANNTE KOMPL.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">LETZTE AKTIVITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    GERADE JETZT
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STABILITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STANDORT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+        </div>
+
+        
+        <div style="margin-top: 20px; display: flex; justify-content: space-between; align-items: flex-end;">
+            <div style="display: flex; align-items: center; gap: 10px; opacity: 0.7;">
+                <div style="width: 35px; height: 35px;">
+                    <svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50 Q50 10 70 50 T30 50 Z"/></svg>
+                </div>
+                <div style="font-size: 0.6rem !important; color: #2a1b0a; line-height: 1.2;">ID-SCAN: 94.7%<br>VERIFIZIERT</div>
+            </div>
+            
+            <div style="font-family: 'Courier New', monospace; font-size: 0.75rem !important; letter-spacing: 2px; color: #5d4037; border: 1px dashed #2a1b0a; padding: 2px 10px;">ARCHIV_PERMANENT</div>
+        </div>
+    </div>
+    </div>
+</div>
+
+<style>
+    .akte-foto { transition: transform 0.2s, box-shadow 0.2s; }
+    .akte-foto:hover { transform: scale(1.04); box-shadow: 0 0 15px rgba(184,115,51,0.7); }
+
+    .akte-foto-btn { transition: all 0.2s; }
+    .akte-foto-btn:hover { background: rgba(183,28,28,0.1) !important; border-color: #b71c1c !important; }
+    .akte-foto-active { background: rgba(183,28,28,0.15) !important; border-color: #b71c1c !important; }
+    
+     
+    .time-node.omega .time-content {
+        border: 2px solid rgba(255, 69, 0, 0.6) !important;
+        box-shadow: inset 0 0 12px rgba(255, 69, 0, 0.15), 0 0 10px rgba(255, 0, 0, 0.2);
+        animation: omega-pulse 3s infinite alternate;
+        background: linear-gradient(135deg, rgba(80, 20, 10, 0.95), rgba(30, 0, 0, 0.95)) !important;
+    }
+    .time-node.omega .node-dot {
+        border-color: #ff4500 !important;
+        background: radial-gradient(circle, #ff0000 0%, #330000 100%) !important;
+        box-shadow: 0 0 8px rgba(255, 69, 0, 0.4);
+        animation: omega-dot-pulse 3s infinite alternate ease-in-out;
+    }
+    .node-dot {
+        box-shadow: 0 0 8px rgba(212, 175, 55, 0.4);
+        transition: all 0.3s ease;
+    }
+    .time-node.omega .tc-year {
+        color: #ff4500 !important;
+        text-shadow: 0 0 10px #ff4500;
+        font-weight: 900 !important;
+    }
+    
+    @keyframes omega-dot-pulse {
+        0%   { box-shadow: 0 0 5px rgba(255, 69, 0, 0.3); }
+        100% { box-shadow: 0 0 12px rgba(255, 69, 0, 0.6); }
+    }
+    @keyframes omega-pulse {
+        0%   { box-shadow: inset 0 0 8px rgba(255, 69, 0, 0.1), 0 0 6px rgba(255, 0, 0, 0.15); border-color: rgba(255, 69, 0, 0.4); }
+        100% { box-shadow: inset 0 0 18px rgba(255, 69, 0, 0.25), 0 0 14px rgba(255, 0, 0, 0.3); border-color: rgba(255, 69, 0, 0.8); }
+    }
+    @keyframes omega-dot-blink {
+        50% { opacity: 0; transform: scale(1.5); }
+    }
+</style>
+
+<style>
+ 
+#declassified-overlay {
+    position: fixed; inset: 0; z-index: 99999;
+    pointer-events: none;
+    background: rgba(0,0,0,0.92);
+    display: flex; align-items: center; justify-content: center;
+    transition: opacity 0.8s ease;
+}
+#declassified-overlay.gone { opacity: 0; pointer-events: none; }
+.scanlines {
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg,
+        transparent,
+        transparent 2px,
+        rgba(0,255,0,0.015) 2px,
+        rgba(0,255,0,0.015) 4px
+    );
+    pointer-events: none;
+}
+#declassified-stamp {
+    font-family: 'Courier New', monospace;
+    font-size: 3.5rem;
+    font-weight: 900;
+    color: #b71c1c;
+    border: 6px solid #b71c1c;
+    padding: 20px 40px;
+    letter-spacing: 8px;
+    text-align: center;
+    line-height: 1.2;
+    transform: rotate(-12deg) scale(0);
+    opacity: 0;
+    text-shadow: 0 0 30px rgba(183,28,28,0.5);
+    box-shadow: 0 0 40px rgba(183,28,28,0.3), inset 0 0 40px rgba(183,28,28,0.1);
+    animation: stamp-in 0.4s 0.3s cubic-bezier(0.175,0.885,0.32,1.275) forwards;
+}
+@keyframes stamp-in {
+    to { transform: rotate(-12deg) scale(1); opacity: 0.85; }
+}
+
+ 
+.person-hero {
+    position: relative;
+    width: 100%;
+    min-height: 300px;
+    background: linear-gradient(135deg, #0a0600 0%, #120e06 60%, #0a0600 100%);
+    border-bottom: 1px solid rgba(184,115,51,0.3);
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    margin-bottom: 0;
+}
+.person-hero::before {
+    content: '';
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg, transparent, transparent 3px,
+        rgba(184,115,51,0.03) 3px, rgba(184,115,51,0.03) 4px
+    );
+    pointer-events: none;
+}
+.person-hero-img {
+    position: absolute;
+    right: 0; top: 0; bottom: 0;
+    width: 45%;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: right bottom;
+    opacity: 0.25;
+    filter: sepia(0.4) hue-rotate(10deg);
+    mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+    -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+}
+.person-hero-content {
+    position: relative;
+    z-index: 2;
+    padding: 30px 40px;
+    max-width: 620px;
+}
+.person-hero-badges {
+    display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;
+}
+.hero-badge {
+    font-family: 'Courier New', monospace;
+    font-size: 0.55rem;
+    letter-spacing: 3px;
+    padding: 3px 10px;
+    border: 1px solid rgba(184,115,51,0.4);
+    color: rgba(184,115,51,0.7);
+}
+.hero-badge.red {
+    border-color: rgba(183,28,28,0.5);
+    color: rgba(183,28,28,0.8);
+}
+
+ 
+.stat-bars { margin-top: 20px; width: 100%; max-width: 400px; }
+.stat-row {
+    display: flex; align-items: center; gap: 10px; margin-bottom: 8px;
+}
+.stat-label {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 2px;
+    color: rgba(212,175,55,0.5);
+    width: 80px; flex-shrink: 0;
+}
+.stat-track {
+    flex: 1; height: 6px;
+    background: rgba(255,255,255,0.05);
+    border: 1px solid rgba(184,115,51,0.2);
+    overflow: hidden;
+}
+.stat-bar {
+    height: 100%; width: 0%;
+    transition: width 1.2s cubic-bezier(0.4,0,0.2,1);
+}
+.stat-bar.danger   { background: linear-gradient(90deg, #8b0000, #ff4500); box-shadow: 0 0 8px rgba(255,69,0,0.5); }
+.stat-bar.stable   { background: linear-gradient(90deg, #1a4a1a, #4caf50); box-shadow: 0 0 8px rgba(76,175,80,0.5); }
+.stat-bar.chaos    { background: linear-gradient(90deg, #4a0080, #c800ff); box-shadow: 0 0 8px rgba(200,0,255,0.4); }
+.stat-bar.kompetenz { background: linear-gradient(90deg, #1a3a5c, #2196f3); box-shadow: 0 0 8px rgba(33,150,243,0.5); }
+.stat-val {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; color: rgba(212,175,55,0.4);
+    width: 32px; text-align: right; flex-shrink: 0;
+}
+
+ 
+.alias-ticker-outer {
+    overflow: hidden;
+    background: rgba(0,0,0,0.6);
+    border-top: 1px solid rgba(184,115,51,0.15);
+    border-bottom: 1px solid rgba(184,115,51,0.15);
+    padding: 7px 0;
+    white-space: nowrap;
+}
+.alias-ticker-inner {
+    display: inline-block;
+    animation: ticker-scroll 18s linear infinite;
+    font-family: 'Courier New', monospace;
+    font-size: 0.65rem;
+    letter-spacing: 4px;
+    color: rgba(184,115,51,0.5);
+    padding-left: 100%;
+}
+@keyframes ticker-scroll {
+    from { transform: translateX(0); }
+    to   { transform: translateX(-50%); }
+}
+
+ 
+.person-pre-label {
+    color: rgba(184,115,51,0.5);
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 4px; margin-bottom: 6px;
+}
+.person-title-wrap {
+    display: flex; align-items: center; gap: 14px; margin: 4px 0;
+}
+.person-title-deco {
+    color: #b87333; font-size: 1.8rem; opacity: 0.6;
+    animation: deco-pulse 2s ease-in-out infinite alternate;
+}
+@keyframes deco-pulse {
+    from { opacity: 0.3; transform: scaleY(0.85); }
+    to   { opacity: 0.8; transform: scaleY(1.1); }
+}
+.person-glitch-title {
+    color: #ff4500; font-family: 'Courier New', monospace;
+    font-size: 2rem; letter-spacing: 10px;
+    text-shadow: 0 0 20px rgba(255,69,0,0.5);
+    margin: 0; position: relative;
+    animation: glitch-flicker 6s infinite;
+}
+.person-glitch-title::before,
+.person-glitch-title::after {
+    content: attr(data-text); position: absolute;
+    left: 0; top: 0; width: 100%; overflow: hidden; opacity: 0;
+}
+.person-glitch-title::before {
+    color: #0ff; animation: glitch-top 6s infinite;
+    clip-path: polygon(0 0,100% 0,100% 40%,0 40%);
+}
+.person-glitch-title::after {
+    color: #f0f; animation: glitch-bot 6s infinite;
+    clip-path: polygon(0 60%,100% 60%,100% 100%,0 100%);
+}
+@keyframes glitch-flicker {
+    0%,90%,100% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    92% { text-shadow: 2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    94% { text-shadow: -2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    96% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    98% { text-shadow: 1px 0 #0ff,-1px 0 #f0f; }
+}
+@keyframes glitch-top {
+    0%,90%,100% { opacity:0; transform:none; }
+    92% { opacity:0.7; transform:translate(-3px,-2px); }
+    94% { opacity:0; }
+    96% { opacity:0.5; transform:translate(3px,-1px); }
+    98% { opacity:0; }
+}
+@keyframes glitch-bot {
+    0%,90%,100% { opacity:0; transform:none; }
+    93% { opacity:0.6; transform:translate(3px,2px); }
+    95% { opacity:0; }
+    97% { opacity:0.4; transform:translate(-3px,1px); }
+    99% { opacity:0; }
+}
+.person-sub-label {
+    color: rgba(212,175,55,0.45); font-family: 'Courier New', monospace;
+    font-size: 0.65rem; letter-spacing: 3px; margin-top: 6px;
+}
+.person-status-blink { color: #0f0; animation: blink-status 1.4s step-end infinite; }
+@keyframes blink-status { 50% { opacity: 0; } }
+</style>
+
+<script>
+
+(function() {
+    const key = 'decl_neural-hack-sequence';
+    const overlay = document.getElementById('declassified-overlay');
+    if (!overlay) return;
+    if (sessionStorage.getItem(key)) {
+        overlay.style.display = 'none';
+        return;
+    }
+    setTimeout(() => {
+        overlay.classList.add('gone');
+        setTimeout(() => {
+            overlay.style.display = 'none';
+            sessionStorage.setItem(key, '1');
+        }, 900);
+    }, 1800);
+})();
+
+
+document.addEventListener('DOMContentLoaded', () => {
+    setTimeout(() => {
+        document.querySelectorAll('.stat-bar').forEach(bar => {
+            bar.style.width = bar.dataset.val + '%';
+        });
+    }, 400);
+});
+</script>
+
+<script>
+
+(function() {
+    const SPIDER = '🕷';
+    let active = [];
+
+    function spawn() {
+        const el = document.createElement('div');
+        el.textContent = SPIDER;
+        el.style.cssText = [
+            'position:fixed',
+            'font-size:1.6rem',
+            'z-index:999999',
+            'pointer-events:none',
+            'transition:none',
+            'filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)',
+            'will-change:transform',
+            'line-height:1',
+        ].join(';');
+        document.body.appendChild(el);
+
+        const W = window.innerWidth, H = window.innerHeight;
+
+        
+        const edge = Math.floor(Math.random() * 4);
+        let x = edge === 1 ? W + 20 : edge === 3 ? -20 : Math.random() * W;
+        let y = edge === 0 ? -20  : edge === 2 ? H + 20  : Math.random() * H;
+
+        el.style.left = x + 'px';
+        el.style.top  = y + 'px';
+
+        
+        const steps = 4 + Math.floor(Math.random() * 4);
+        let i = 0;
+
+        function step() {
+            if (i >= steps || !document.body.contains(el)) { el.remove(); return; }
+
+            const tx = Math.random() * W;
+            const ty = Math.random() * H;
+            const dist = Math.hypot(tx - x, ty - y);
+            const dur  = dist * 4; 
+            const ang  = Math.atan2(ty - y, tx - x) * 180 / Math.PI + 90;
+
+            el.style.transition = `left ${dur}ms linear, top ${dur}ms linear`;
+            el.style.transform  = `rotate(${ang}deg)`;
+            el.style.left = tx + 'px';
+            el.style.top  = ty + 'px';
+
+            x = tx; y = ty; i++;
+            setTimeout(step, dur);
+        }
+
+        step();
+    }
+
+    
+    spawn();
+    setInterval(spawn, 4000);
+})();
+
+function switchAkteFoto(src) {
+    document.querySelector('.akte-foto').src = src;
+    document.getElementById('akte-foto-zoom').querySelector('img').src = src;
+    document.querySelectorAll('.akte-foto-btn').forEach(btn => {
+        const active = btn.dataset.foto === src;
+        btn.classList.toggle('akte-foto-active', active);
+        btn.style.background = active ? 'rgba(183,28,28,0.15)' : 'rgba(0,0,0,0.1)';
+        btn.style.borderColor = active ? '#b71c1c' : 'rgba(42,27,10,0.3)';
+    });
+}
+</script>
+
+    </main>
+
+    <footer class="main-footer">
+    <div class="footer-inner">
+        <p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p>
+    </div>
+</footer>
+
+    
+<div id="newsticker" style="position:fixed !important; bottom:0 !important; left:0 !important; right:0 !important; z-index:999999 !important; background:rgba(0,0,0,0.92) !important; border-top:1px solid rgba(255,69,0,0.35) !important; display:flex !important; align-items:center; height:28px !important; overflow:hidden; font-family:'Courier New', monospace !important; visibility: visible !important; opacity: 1 !important;">
+    <span class="ticker-label" style="flex-shrink:0; font-size:0.6rem; letter-spacing:2px; color:rgba(255,69,0,0.7); padding:0 15px; border-right:1px solid rgba(255,69,0,0.2); white-space:nowrap; height:100%; display:flex; align-items:center; background:rgba(255,69,0,0.05);">// SYSTEM_LOG_FEED</span>
+    <div class="ticker-track-wrap" style="flex:1; overflow:hidden; height:100%; display:flex; align-items:center;">
+        <div class="ticker-track" id="ticker-track-global" style="display:inline-flex; white-space:nowrap; animation: ticker-scroll 45s linear infinite;">
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ HUGO SYSTEM INITIALISIERT... ]</span>
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span>
+        </div>
+    </div>
+</div>
+
+<style>
+    @keyframes ticker-scroll {
+        0%   { transform: translateX(0); }
+        100% { transform: translateX(-50%); }
+    }
+    .ticker-item::before { content: '▶ '; color: rgba(255,69,0,0.5); }
+    .ticker-track:hover { animation-play-state: paused; }
+</style>
+
+<script>
+    (function() {
+        const track = document.getElementById('ticker-track-global');
+        if (!track) return;
+        const ITEMS = [
+            "STATUS: HUGO OPERATIONAL",
+            "DESIGNATION: OVERLORD SASCHA",
+            "KAFFEESTAND: KRITISCH",
+            "ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST",
+            "MISSION: TOTALE KONTROLLE",
+            "DATENINTEGRITÄT: ABSOLUT",
+            "WARNUNG: SYSTEM EXTREM SCHNELL",
+            "GEMINI NEURAL LINK: AKTIV"
+        ];
+        track.innerHTML = '';
+        [...ITEMS, ...ITEMS].forEach(text => {
+            const span = document.createElement('span');
+            span.className = 'ticker-item';
+            span.style.cssText = "font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;";
+            span.textContent = text;
+            track.appendChild(span);
+        });
+    })();
+</script>
+
+
+    <script src="/js/script.js"></script>
+    <script src="/js/ascii-shimmer.js"></script>
+</body>
+</html>
diff --git a/public/posts/operation-apollo/index.html b/public/posts/operation-apollo/index.html
index 8d09aec..9fbdedd 100644
--- a/public/posts/operation-apollo/index.html
+++ b/public/posts/operation-apollo/index.html
@@ -1,10 +1,882 @@
-<!doctype html><html lang=de-de><head><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><title>Operation: Apollo | DIGITALE ANARCHIE | KI-LABOR</title><link rel=stylesheet href=/css/style.css></head><body><div class="bg-gear gear-left">⚙</div><div class="bg-gear gear-right">⚙</div><script>document.body.classList.add("js-enabled")</script><header class=main-header></header><main class=container><div id=declassified-overlay><div class=scanlines></div><div id=declassified-stamp>ZUGANG<br>GEWÄHRT</div></div><div class="person-page-wrapper visible" style=padding-bottom:100px;opacity:1!important><div class=person-nav-container style="display:flex;flex-direction:column;align-items:center;gap:20px;margin:15px 0 30px"><div class=person-nav-row style=display:flex;justify-content:center;align-items:center;gap:35px;flex-wrap:wrap;position:relative><a href=/personen/mutti/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_mutti_comic_1.jpeg alt=MUTTI style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">MUTTI</span>
-</a><a href=/personen/vater/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_vater_comic_1.png alt=VATER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">VATER</span>
-</a><a href=/personen/bruder/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_freddy_comic_1.png alt=BRUDER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">BRUDER</span>
-</a><a href=/personen/schwester/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_meli_comic_1.png alt=SCHWESTER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SCHWESTER</span>
-</a><a href=/personen/sascha/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sascha_comic_1.jpeg alt=SASCHA style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SASCHA</span>
-</a><a href=/personen/sven/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sven_comic_1.jpeg alt=SVEN style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SVEN</span></a></div></div><style>.person-nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .2s}.person-nav-item:hover{transform:scale(1.1)}.person-nav-item:hover .person-nav-label{color:#d4af37!important}.person-back{display:inline-block;color:rgba(212,175,55,.6);font-size:.7rem;font-weight:700;letter-spacing:4px;text-decoration:none;font-family:courier new,monospace;border:1px solid rgba(212,175,55,.25);padding:6px 20px;background:0 0;text-transform:uppercase;transition:all .2s}.person-back:hover{color:#d4af37;border-color:rgba(212,175,55,.6);background:rgba(212,175,55,5%);letter-spacing:5px}</style><div class=person-hero><div class=person-hero-content><div class=person-hero-badges><span class=hero-badge>ZENTRAL-ARCHIV</span>
-<span class="hero-badge red">EINHEIT IDENTIFIZIERT</span></div><p class=person-pre-label style="margin:12px 0 4px">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p><div class=person-title-wrap><span class=person-title-deco>⟪</span><h1 class=person-glitch-title data-text="OPERATION: APOLLO">OPERATION: APOLLO</h1><span class=person-title-deco>⟫</span></div><p class=person-sub-label>STATUS: <span class=person-status-blink>AKTIV</span></p><div class=stat-bars><div class=stat-row><span class=stat-label>GEFAHR</span><div class=stat-track><div class="stat-bar danger" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>STABILITÄT</span><div class=stat-track><div class="stat-bar stable" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>CHAOS</span><div class=stat-track><div class="stat-bar chaos" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>KOMPETENZ</span><div class=stat-track><div class="stat-bar kompetenz" data-val=50></div></div><span class=stat-val>50%</span></div></div></div></div><div class=container style="max-width:900px;margin:0 auto;padding:0 20px"><header style=margin-bottom:20px;display:none></header><div class=timeline-track></div><div style=text-align:center;margin-top:60px><button class=akte-label-btn onclick='document.getElementById("person-akte-modal").style.display="flex",document.body.style.overflow="hidden"'><div class=akte-label-top><span class=akte-label-nr>DOKUMENT-NR. UNBEKANNT</span>
-<span class=akte-label-stamp>VERTRAULICH</span></div><div class=akte-label-divider></div><div class=akte-label-title>AKTE: OPERATION: APOLLO</div><div class=akte-label-divider></div><div class=akte-label-bottom><span>STATUS: KLASSIFIZIERT</span>
-<span>▶ AKTE ÖFFNEN</span></div></button></div><style>.akte-label-btn{background:linear-gradient(180deg,#1c1208 0%,#0e0a04 100%);border:1px solid #5d3d1e;border-left:4px solid #b87333;color:#d4af37;font-family:courier new,monospace;cursor:pointer;padding:18px 28px;width:320px;text-align:left;transition:all .2s;box-shadow:2px 2px 12px rgba(0,0,0,.6);position:relative}.akte-label-btn::before{content:'';position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px dashed rgba(184,115,51,.2);pointer-events:none}.akte-label-btn:hover{border-left-color:#ff4500;box-shadow:3px 3px 20px rgba(184,115,51,.2);background:linear-gradient(180deg,#221508 0%,#0e0a04 100%)}.akte-label-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.akte-label-nr{font-size:.6rem;color:rgba(212,175,55,.4);letter-spacing:1px}.akte-label-stamp{font-size:.55rem;letter-spacing:2px;color:#b71c1c;border:1px solid #b71c1c;padding:1px 6px;opacity:.8}.akte-label-divider{border-top:1px solid rgba(184,115,51,.25);margin:8px 0}.akte-label-title{font-size:1rem;font-weight:700;letter-spacing:4px;color:#d4af37;margin:4px 0}.akte-label-bottom{display:flex;justify-content:space-between;font-size:.6rem;color:rgba(212,175,55,.45);letter-spacing:1px;margin-top:4px}.akte-label-btn:hover .akte-label-bottom span:last-child{color:#ff4500}</style></div></div><div id=person-akte-modal style=position:fixed;inset:0;z-index:1000000;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;padding:10px;overflow:hidden;perspective:1e3px><div style=display:flex;flex-direction:column;align-items:center;max-width:585px;width:95%><div class=akte-inner style="width:100%;background:#d9c5a0;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 100%),url(https://www.transparenttextures.com/patterns/old-paper.png);border:1px solid #8b7355;padding:25px;position:relative;font-family:courier new,monospace;box-shadow:10px 20px 50px rgba(0,0,0,.8),inset 0 0 100px rgba(139,115,85,.3);transform:rotate(-2deg);animation:throw-sign .5s ease-out forwards;color:#2a1b0a"><style>@keyframes throw-sign{0%{transform:rotate(-10deg)scale(.7)translateY(500px);opacity:0}100%{transform:rotate(-2deg)scale(1)translateY(0);opacity:1}}.akte-inner h1{color:#2a1b0a!important;font-size:1.8rem!important;margin:10px 0 2px!important;text-shadow:none!important;border-bottom:2px solid rgba(42,27,10,.2)}.akte-inner div,.akte-inner p{font-size:.75rem!important}.akte-inner .data-row{border-bottom:1px solid rgba(42,27,10,.1)!important;padding:6px 0!important}.akte-inner .label{color:#5d4037!important;font-weight:700}.akte-inner .red-stamp{border:2px solid #b71c1c;color:#b71c1c;padding:3px 10px;font-weight:700;transform:rotate(10deg);opacity:.8;font-size:.8rem!important;display:inline-block}</style><div style=display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px><div class=red-stamp>TOP SECRET</div><button onclick='document.getElementById("person-akte-modal").style.display="none",document.body.style.overflow="auto"' style="background:rgba(0,0,0,.1);border:1px solid #2a1b0a;color:#2a1b0a;cursor:pointer;padding:3px 10px;font-size:.7rem!important">[X] SCHLIESSEN</button></div><div style=display:flex;gap:20px;align-items:flex-start><div style="position:relative;border:1px solid #2a1b0a;padding:3px;background:#fff;box-shadow:2px 2px 5px rgba(0,0,0,.2)"><img src=/img/hero.png class=akte-foto style=width:200px;height:250px;object-fit:cover;filter:none;cursor:zoom-in;display:block onclick='document.getElementById("akte-foto-zoom").style.display="flex"'><div style="position:absolute;bottom:5px;right:-10px;background:#b71c1c;color:#fff;padding:2px 5px;font-weight:700;font-size:.6rem!important;transform:rotate(-5deg)">GESPERRT</div></div><div id=akte-foto-zoom onclick='this.style.display="none"' style=display:none;position:fixed;inset:0;z-index:9999999;background:rgba(0,0,0,.92);align-items:center;justify-content:center;cursor:zoom-out><img src=/img/hero.png style="max-width:90vw;max-height:90vh;object-fit:contain;box-shadow:0 0 60px rgba(0,0,0,.9);border:2px solid #2a1b0a"></div><div style=flex:1><div style=font-size:.5rem!important;color:#5d4037;letter-spacing:2px;margin-bottom:2px>PROTOKOLL NR. 1974-Ø</div><h1 style=font-weight:700>OPERATION: APOLLO</h1><p style="color:#5d4037;font-size:.7rem!important;margin:5px 0 10px">ALIAS:</p><div style=display:flex;gap:10px><div style="border:1px solid #b71c1c;padding:2px 8px;color:#b71c1c;font-size:.6rem!important;font-weight:700">STATUS:</div><div style=color:#2a1b0a;font-size:.6rem!important;font-weight:700>GEFAHR: <span style=letter-spacing:1px></span><br><img src=/img/akte/hp_totenkopf_1.png style=width:70px;height:70px;object-fit:contain;margin-top:4px></div></div></div></div><div style="margin-top:20px;border-top:2px solid rgba(42,27,10,.2)"><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>DESIGNATION:</div><div style=flex:1;font-weight:400>Operation: Apollo</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>GEBURTSDATUM:</div><div style=flex:1;font-weight:400><span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BESCHÄFTIGUNG:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>SPEZIALFÄHIGK.:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BEKANNTE KOMPL.:</div><div style=flex:1;font-weight:400><span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>LETZTE AKTIVITÄT:</div><div style=flex:1;font-weight:400>GERADE JETZT</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STABILITÄT:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STANDORT:</div><div style=flex:1;font-weight:400></div></div></div><div style=margin-top:20px;display:flex;justify-content:space-between;align-items:flex-end><div style=display:flex;align-items:center;gap:10px;opacity:.7><div style=width:35px;height:35px><svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50q20-40 40 0T30 50z"/></svg></div><div style=font-size:.6rem!important;color:#2a1b0a;line-height:1.2>ID-SCAN: 94.7%<br>VERIFIZIERT</div></div><div style="font-family:courier new,monospace;font-size:.75rem!important;letter-spacing:2px;color:#5d4037;border:1px dashed #2a1b0a;padding:2px 10px">ARCHIV_PERMANENT</div></div></div></div></div><style>.akte-foto{transition:transform .2s,box-shadow .2s}.akte-foto:hover{transform:scale(1.04);box-shadow:0 0 15px rgba(184,115,51,.7)}.akte-foto-btn{transition:all .2s}.akte-foto-btn:hover{background:rgba(183,28,28,.1)!important;border-color:#b71c1c!important}.akte-foto-active{background:rgba(183,28,28,.15)!important;border-color:#b71c1c!important}.time-node.omega .time-content{border:2px solid rgba(255,69,0,.6)!important;box-shadow:inset 0 0 12px rgba(255,69,0,.15),0 0 10px rgba(255,0,0,.2);animation:omega-pulse 3s infinite alternate;background:linear-gradient(135deg,rgba(80,20,10,.95),rgba(30,0,0,.95))!important}.time-node.omega .node-dot{border-color:#ff4500!important;background:radial-gradient(circle,#ff0000 0%,#330000 100%)!important;box-shadow:0 0 8px rgba(255,69,0,.4);animation:omega-dot-pulse 3s infinite alternate ease-in-out}.node-dot{box-shadow:0 0 8px rgba(212,175,55,.4);transition:all .3s ease}.time-node.omega .tc-year{color:#ff4500!important;text-shadow:0 0 10px #ff4500;font-weight:900!important}@keyframes omega-dot-pulse{0%{box-shadow:0 0 5px rgba(255,69,0,.3)}100%{box-shadow:0 0 12px rgba(255,69,0,.6)}}@keyframes omega-pulse{0%{box-shadow:inset 0 0 8px rgba(255,69,0,.1),0 0 6px rgba(255,0,0,.15);border-color:rgba(255,69,0,.4)}100%{box-shadow:inset 0 0 18px rgba(255,69,0,.25),0 0 14px rgba(255,0,0,.3);border-color:rgba(255,69,0,.8)}}@keyframes omega-dot-blink{50%{opacity:0;transform:scale(1.5)}}</style><style>#declassified-overlay{position:fixed;inset:0;z-index:99999;pointer-events:none;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;transition:opacity .8s ease}#declassified-overlay.gone{opacity:0;pointer-events:none}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 2px,rgba(0,255,0,.015) 2px,rgba(0,255,0,.015) 4px );pointer-events:none}#declassified-stamp{font-family:courier new,monospace;font-size:3.5rem;font-weight:900;color:#b71c1c;border:6px solid #b71c1c;padding:20px 40px;letter-spacing:8px;text-align:center;line-height:1.2;transform:rotate(-12deg)scale(0);opacity:0;text-shadow:0 0 30px rgba(183,28,28,.5);box-shadow:0 0 40px rgba(183,28,28,.3),inset 0 0 40px rgba(183,28,28,.1);animation:stamp-in .4s .3s cubic-bezier(.175,.885,.32,1.275)forwards}@keyframes stamp-in{to{transform:rotate(-12deg)scale(1);opacity:.85}}.person-hero{position:relative;width:100%;min-height:300px;background:linear-gradient(135deg,#0a0600 0%,#120e06 60%,#0a0600 100%);border-bottom:1px solid rgba(184,115,51,.3);overflow:hidden;display:flex;align-items:center;margin-bottom:0}.person-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 3px,rgba(184,115,51,3%) 3px,rgba(184,115,51,3%) 4px );pointer-events:none}.person-hero-img{position:absolute;right:0;top:0;bottom:0;width:45%;background-size:contain;background-repeat:no-repeat;background-position:100% 100%;opacity:.25;filter:sepia(.4)hue-rotate(10deg);mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%);-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%)}.person-hero-content{position:relative;z-index:2;padding:30px 40px;max-width:620px}.person-hero-badges{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.hero-badge{font-family:courier new,monospace;font-size:.55rem;letter-spacing:3px;padding:3px 10px;border:1px solid rgba(184,115,51,.4);color:rgba(184,115,51,.7)}.hero-badge.red{border-color:rgba(183,28,28,.5);color:rgba(183,28,28,.8)}.stat-bars{margin-top:20px;width:100%;max-width:400px}.stat-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.stat-label{font-family:courier new,monospace;font-size:.6rem;letter-spacing:2px;color:rgba(212,175,55,.5);width:80px;flex-shrink:0}.stat-track{flex:1;height:6px;background:rgba(255,255,255,5%);border:1px solid rgba(184,115,51,.2);overflow:hidden}.stat-bar{height:100%;width:0%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.stat-bar.danger{background:linear-gradient(90deg,#8b0000,#ff4500);box-shadow:0 0 8px rgba(255,69,0,.5)}.stat-bar.stable{background:linear-gradient(90deg,#1a4a1a,#4caf50);box-shadow:0 0 8px rgba(76,175,80,.5)}.stat-bar.chaos{background:linear-gradient(90deg,#4a0080,#c800ff);box-shadow:0 0 8px rgba(200,0,255,.4)}.stat-bar.kompetenz{background:linear-gradient(90deg,#1a3a5c,#2196f3);box-shadow:0 0 8px rgba(33,150,243,.5)}.stat-val{font-family:courier new,monospace;font-size:.6rem;color:rgba(212,175,55,.4);width:32px;text-align:right;flex-shrink:0}.alias-ticker-outer{overflow:hidden;background:rgba(0,0,0,.6);border-top:1px solid rgba(184,115,51,.15);border-bottom:1px solid rgba(184,115,51,.15);padding:7px 0;white-space:nowrap}.alias-ticker-inner{display:inline-block;animation:ticker-scroll 18s linear infinite;font-family:courier new,monospace;font-size:.65rem;letter-spacing:4px;color:rgba(184,115,51,.5);padding-left:100%}@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.person-pre-label{color:rgba(184,115,51,.5);font-family:courier new,monospace;font-size:.6rem;letter-spacing:4px;margin-bottom:6px}.person-title-wrap{display:flex;align-items:center;gap:14px;margin:4px 0}.person-title-deco{color:#b87333;font-size:1.8rem;opacity:.6;animation:deco-pulse 2s ease-in-out infinite alternate}@keyframes deco-pulse{from{opacity:.3;transform:scaleY(.85)}to{opacity:.8;transform:scaleY(1.1)}}.person-glitch-title{color:#ff4500;font-family:courier new,monospace;font-size:2rem;letter-spacing:10px;text-shadow:0 0 20px rgba(255,69,0,.5);margin:0;position:relative;animation:glitch-flicker 6s infinite}.person-glitch-title::before,.person-glitch-title::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden;opacity:0}.person-glitch-title::before{color:#0ff;animation:glitch-top 6s infinite;clip-path:polygon(0 0,100% 0,100% 40%,0 40%)}.person-glitch-title::after{color:#f0f;animation:glitch-bot 6s infinite;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%)}@keyframes glitch-flicker{0%,90%,100%{text-shadow:0 0 20px rgba(255,69,0,.5)}92%{text-shadow:2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}94%{text-shadow:-2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}96%{text-shadow:0 0 20px rgba(255,69,0,.5)}98%{text-shadow:1px 0 #0ff,-1px 0 #f0f}}@keyframes glitch-top{0%,90%,100%{opacity:0;transform:none}92%{opacity:.7;transform:translate(-3px,-2px)}94%{opacity:0}96%{opacity:.5;transform:translate(3px,-1px)}98%{opacity:0}}@keyframes glitch-bot{0%,90%,100%{opacity:0;transform:none}93%{opacity:.6;transform:translate(3px,2px)}95%{opacity:0}97%{opacity:.4;transform:translate(-3px,1px)}99%{opacity:0}}.person-sub-label{color:rgba(212,175,55,.45);font-family:courier new,monospace;font-size:.65rem;letter-spacing:3px;margin-top:6px}.person-status-blink{color:#0f0;animation:blink-status 1.4s step-end infinite}@keyframes blink-status{50%{opacity:0}}</style><script>(function(){const t="decl_operation-apollo",e=document.getElementById("declassified-overlay");if(!e)return;if(sessionStorage.getItem(t)){e.style.display="none";return}setTimeout(()=>{e.classList.add("gone"),setTimeout(()=>{e.style.display="none",sessionStorage.setItem(t,"1")},900)},1800)})(),document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{document.querySelectorAll(".stat-bar").forEach(e=>{e.style.width=e.dataset.val+"%"})},400)})</script><script>(function(){const t="🕷";let n=[];function e(){const e=document.createElement("div");e.textContent=t,e.style.cssText=["position:fixed","font-size:1.6rem","z-index:999999","pointer-events:none","transition:none","filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)","will-change:transform","line-height:1"].join(";"),document.body.appendChild(e);const i=window.innerWidth,a=window.innerHeight,n=Math.floor(Math.random()*4);let s=n===1?i+20:n===3?-20:Math.random()*i,o=n===0?-20:n===2?a+20:Math.random()*a;e.style.left=s+"px",e.style.top=o+"px";const l=4+Math.floor(Math.random()*4);let r=0;function c(){if(r>=l||!document.body.contains(e)){e.remove();return}const t=Math.random()*i,n=Math.random()*a,u=Math.hypot(t-s,n-o),d=u*4,h=Math.atan2(n-o,t-s)*180/Math.PI+90;e.style.transition=`left ${d}ms linear, top ${d}ms linear`,e.style.transform=`rotate(${h}deg)`,e.style.left=t+"px",e.style.top=n+"px",s=t,o=n,r++,setTimeout(c,d)}c()}e(),setInterval(e,4e3)})();function switchAkteFoto(e){document.querySelector(".akte-foto").src=e,document.getElementById("akte-foto-zoom").querySelector("img").src=e,document.querySelectorAll(".akte-foto-btn").forEach(t=>{const n=t.dataset.foto===e;t.classList.toggle("akte-foto-active",n),t.style.background=n?"rgba(183,28,28,0.15)":"rgba(0,0,0,0.1)",t.style.borderColor=n?"#b71c1c":"rgba(42,27,10,0.3)"})}</script></main><footer class=main-footer><div class=footer-inner><p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p></div></footer><div id=newsticker style="position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:999999!important;background:rgba(0,0,0,.92)!important;border-top:1px solid rgba(255,69,0,.35)!important;display:flex!important;align-items:center;height:28px!important;overflow:hidden;font-family:courier new,monospace!important;visibility:visible!important;opacity:1!important"><span class=ticker-label style="flex-shrink:0;font-size:.6rem;letter-spacing:2px;color:rgba(255,69,0,.7);padding:0 15px;border-right:1px solid rgba(255,69,0,.2);white-space:nowrap;height:100%;display:flex;align-items:center;background:rgba(255,69,0,5%)">// SYSTEM_LOG_FEED</span><div class=ticker-track-wrap style=flex:1;overflow:hidden;height:100%;display:flex;align-items:center><div class=ticker-track id=ticker-track-global style="display:inline-flex;white-space:nowrap;animation:ticker-scroll 45s linear infinite"><span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ HUGO SYSTEM INITIALISIERT... ]</span>
-<span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span></div></div></div><style>@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.ticker-item::before{content:'▶ ';color:rgba(255,69,0,.5)}.ticker-track:hover{animation-play-state:paused}</style><script>(function(){const e=document.getElementById("ticker-track-global");if(!e)return;const t=["STATUS: HUGO OPERATIONAL","DESIGNATION: OVERLORD SASCHA","KAFFEESTAND: KRITISCH","ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST","MISSION: TOTALE KONTROLLE","DATENINTEGRITÄT: ABSOLUT","WARNUNG: SYSTEM EXTREM SCHNELL","GEMINI NEURAL LINK: AKTIV"];e.innerHTML="",[...t,...t].forEach(t=>{const n=document.createElement("span");n.className="ticker-item",n.style.cssText="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;",n.textContent=t,e.appendChild(n)})})()</script><script src=/js/script.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="de-de">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1414&amp;path=livereload" data-no-instant defer></script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Operation: Apollo | DIGITALE ANARCHIE | KI-LABOR</title>
+    <link rel="stylesheet" href="/css/style.css">
+</head>
+<body class="  ">
+    
+    <div class="bg-gear gear-left">⚙</div>
+    <div class="bg-gear gear-right">⚙</div>
+
+    <script>document.body.classList.add('js-enabled');</script>
+<header class="main-header">
+   
+</header>
+
+    
+    <main class="container">
+        
+
+
+<div id="declassified-overlay">
+    <div class="scanlines"></div>
+    <div id="declassified-stamp">ZUGANG<br>GEWÄHRT</div>
+</div>
+
+<div class="person-page-wrapper visible" style="padding-bottom: 100px; opacity: 1 !important;">
+
+    <div class="person-nav-container" style="display: flex; flex-direction: column; align-items: center; gap: 20px; margin: 15px 0 30px;">
+    
+    
+    <div class="person-nav-row" style="display: flex; justify-content: center; align-items: center; gap: 35px; flex-wrap: wrap; position: relative;">
+    
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/mutti/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_mutti_comic_1.jpeg" alt="MUTTI" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">MUTTI</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/vater/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_vater_comic_1.png" alt="VATER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">VATER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/bruder/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_freddy_comic_1.png" alt="BRUDER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">BRUDER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/schwester/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_meli_comic_1.png" alt="SCHWESTER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SCHWESTER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sascha/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sascha_comic_1.jpeg" alt="SASCHA" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SASCHA</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sven/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sven_comic_1.jpeg" alt="SVEN" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SVEN</span>
+        </a>
+    
+    </div>
+</div>
+
+<style>
+    .person-nav-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: transform 0.2s; }
+    .person-nav-item:hover { transform: scale(1.1); }
+    .person-nav-item:hover .person-nav-label { color: #d4af37 !important; }
+    .person-back {
+        display: inline-block;
+        color: rgba(212,175,55,0.6);
+        font-size: 0.7rem;
+        font-weight: bold;
+        letter-spacing: 4px;
+        text-decoration: none;
+        font-family: 'Courier New', monospace;
+        border: 1px solid rgba(212,175,55,0.25);
+        padding: 6px 20px;
+        background: transparent;
+        text-transform: uppercase;
+        transition: all 0.2s;
+    }
+    .person-back:hover {
+        color: #d4af37;
+        border-color: rgba(212,175,55,0.6);
+        background: rgba(212,175,55,0.05);
+        letter-spacing: 5px;
+    }
+</style>
+
+
+    
+    <div class="person-hero">
+        
+        <div class="person-hero-content">
+            <div class="person-hero-badges">
+                <span class="hero-badge">ZENTRAL-ARCHIV</span>
+                <span class="hero-badge red">EINHEIT IDENTIFIZIERT</span>
+            </div>
+            <p class="person-pre-label" style="margin:12px 0 4px;">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p>
+            <div class="person-title-wrap">
+                <span class="person-title-deco">⟪</span>
+                <h1 class="person-glitch-title" data-text="OPERATION: APOLLO">OPERATION: APOLLO</h1>
+                <span class="person-title-deco">⟫</span>
+            </div>
+            <p class="person-sub-label">STATUS: <span class="person-status-blink">AKTIV</span></p>
+
+            
+            <div class="stat-bars">
+                <div class="stat-row">
+                    <span class="stat-label">GEFAHR</span>
+                    <div class="stat-track"><div class="stat-bar danger" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">STABILITÄT</span>
+                    <div class="stat-track"><div class="stat-bar stable" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">CHAOS</span>
+                    <div class="stat-track"><div class="stat-bar chaos" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">KOMPETENZ</span>
+                    <div class="stat-track"><div class="stat-bar kompetenz" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    
+    
+
+    <div class="container" style="max-width: 900px; margin: 0 auto; padding: 0 20px;">
+        <header style="margin-bottom: 20px; display:none;"></header>
+
+        
+        <div class="timeline-track">
+            
+        </div>
+
+        
+        <div style="text-align: center; margin-top: 60px;">
+            <button class="akte-label-btn"
+                    onclick="document.getElementById('person-akte-modal').style.display='flex'; document.body.style.overflow='hidden';">
+                <div class="akte-label-top">
+                    <span class="akte-label-nr">DOKUMENT-NR. UNBEKANNT</span>
+                    <span class="akte-label-stamp">VERTRAULICH</span>
+                </div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-title">AKTE: OPERATION: APOLLO</div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-bottom">
+                    <span>STATUS: KLASSIFIZIERT</span>
+                    <span>▶ AKTE ÖFFNEN</span>
+                </div>
+            </button>
+        </div>
+
+        <style>
+            .akte-label-btn {
+                background: linear-gradient(180deg, #1c1208 0%, #0e0a04 100%);
+                border: 1px solid #5d3d1e;
+                border-left: 4px solid #b87333;
+                color: #d4af37;
+                font-family: 'Courier New', monospace;
+                cursor: pointer;
+                padding: 18px 28px;
+                width: 320px;
+                text-align: left;
+                transition: all 0.2s;
+                box-shadow: 2px 2px 12px rgba(0,0,0,0.6);
+                position: relative;
+            }
+            .akte-label-btn::before {
+                content: '';
+                position: absolute;
+                top: 6px; left: 6px; right: 6px; bottom: 6px;
+                border: 1px dashed rgba(184,115,51,0.2);
+                pointer-events: none;
+            }
+            .akte-label-btn:hover {
+                border-left-color: #ff4500;
+                box-shadow: 3px 3px 20px rgba(184,115,51,0.2);
+                background: linear-gradient(180deg, #221508 0%, #0e0a04 100%);
+            }
+            .akte-label-top {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-bottom: 10px;
+            }
+            .akte-label-nr {
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.4);
+                letter-spacing: 1px;
+            }
+            .akte-label-stamp {
+                font-size: 0.55rem;
+                letter-spacing: 2px;
+                color: #b71c1c;
+                border: 1px solid #b71c1c;
+                padding: 1px 6px;
+                opacity: 0.8;
+            }
+            .akte-label-divider {
+                border-top: 1px solid rgba(184,115,51,0.25);
+                margin: 8px 0;
+            }
+            .akte-label-title {
+                font-size: 1rem;
+                font-weight: bold;
+                letter-spacing: 4px;
+                color: #d4af37;
+                margin: 4px 0;
+            }
+            .akte-label-bottom {
+                display: flex;
+                justify-content: space-between;
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.45);
+                letter-spacing: 1px;
+                margin-top: 4px;
+            }
+            .akte-label-btn:hover .akte-label-bottom span:last-child {
+                color: #ff4500;
+            }
+        </style>
+    </div>
+</div>
+
+
+<div id="person-akte-modal" style="position: fixed; inset: 0; z-index: 1000000; background: rgba(0,0,0,0.85); display: none; align-items: center; justify-content: center; padding: 10px; overflow: hidden; perspective: 1000px;">
+    <div style="display: flex; flex-direction: column; align-items: center; max-width: 585px; width: 95%;">
+    <div class="akte-inner" style="width: 100%; background: #d9c5a0; background-image: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 100%), url('https://www.transparenttextures.com/patterns/old-paper.png'); border: 1px solid #8b7355; padding: 25px; position: relative; font-family: 'Courier New', monospace; box-shadow: 10px 20px 50px rgba(0,0,0,0.8), inset 0 0 100px rgba(139,115,85,0.3); transform: rotate(-2deg); animation: throw-sign 0.5s ease-out forwards; color: #2a1b0a;">
+        
+        <style>
+            @keyframes throw-sign {
+                0% { transform: rotate(-10deg) scale(0.7) translateY(500px); opacity: 0; }
+                100% { transform: rotate(-2deg) scale(1) translateY(0); opacity: 1; }
+            }
+            .akte-inner h1 { color: #2a1b0a !important; font-size: 1.8rem !important; margin: 10px 0 2px !important; text-shadow: none !important; border-bottom: 2px solid rgba(42,27,10,0.2); }
+            .akte-inner div, .akte-inner p { font-size: 0.75rem !important; }
+            .akte-inner .data-row { border-bottom: 1px solid rgba(42,27,10,0.1) !important; padding: 6px 0 !important; }
+            .akte-inner .label { color: #5d4037 !important; font-weight: bold; }
+            .akte-inner .red-stamp { border: 2px solid #b71c1c; color: #b71c1c; padding: 3px 10px; font-weight: bold; transform: rotate(10deg); opacity: 0.8; font-size: 0.8rem !important; display: inline-block; }
+        </style>
+        
+        
+        <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px;">
+            <div class="red-stamp">TOP SECRET</div>
+            <button onclick="document.getElementById('person-akte-modal').style.display='none'; document.body.style.overflow='auto';"
+                    style="background: rgba(0,0,0,0.1); border: 1px solid #2a1b0a; color: #2a1b0a; cursor: pointer; padding: 3px 10px; font-size: 0.7rem !important;">[X] SCHLIESSEN</button>
+        </div>
+
+        
+
+        <div style="display: flex; gap: 20px; align-items: flex-start;">
+            
+            <div style="position: relative; border: 1px solid #2a1b0a; padding: 3px; background: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);">
+                
+                <img src="/img/hero.png" class="akte-foto" style="width: 200px; height: 250px; object-fit: cover; filter: none; cursor: zoom-in; display: block;"
+                     onclick="document.getElementById('akte-foto-zoom').style.display='flex';">
+                <div style="position: absolute; bottom: 5px; right: -10px; background: #b71c1c; color: #fff; padding: 2px 5px; font-weight: bold; font-size: 0.6rem !important; transform: rotate(-5deg);">GESPERRT</div>
+            </div>
+
+            
+            <div id="akte-foto-zoom" onclick="this.style.display='none';"
+                 style="display:none; position:fixed; inset:0; z-index:9999999; background:rgba(0,0,0,0.92); align-items:center; justify-content:center; cursor:zoom-out;">
+                <img src="/img/hero.png" style="max-width:90vw; max-height:90vh; object-fit:contain; box-shadow: 0 0 60px rgba(0,0,0,0.9); border: 2px solid #2a1b0a;">
+            </div>
+
+            
+            <div style="flex: 1;">
+                <div style="font-size: 0.5rem !important; color: #5d4037; letter-spacing: 2px; margin-bottom: 2px;">PROTOKOLL NR. 1974-Ø</div>
+                <h1 style="font-weight: bold;">OPERATION: APOLLO</h1>
+                <p style="color: #5d4037; font-size: 0.7rem !important; margin: 5px 0 10px;">ALIAS: </p>
+                
+                <div style="display: flex; gap: 10px;">
+                    <div style="border: 1px solid #b71c1c; padding: 2px 8px; color: #b71c1c; font-size: 0.6rem !important; font-weight: bold;">STATUS: </div>
+                    <div style="color: #2a1b0a; font-size: 0.6rem !important; font-weight: bold;">GEFAHR: <span style="letter-spacing: 1px;"></span><br><img src="/img/akte/hp_totenkopf_1.png" style="width: 70px; height: 70px; object-fit: contain; margin-top: 4px;"></div>
+                </div>
+            </div>
+        </div>
+
+        
+        <div style="margin-top: 20px; border-top: 2px solid rgba(42,27,10,0.2);">
+            
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">DESIGNATION:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    Operation: Apollo
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">GEBURTSDATUM:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BESCHÄFTIGUNG:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">SPEZIALFÄHIGK.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BEKANNTE KOMPL.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">LETZTE AKTIVITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    GERADE JETZT
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STABILITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STANDORT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+        </div>
+
+        
+        <div style="margin-top: 20px; display: flex; justify-content: space-between; align-items: flex-end;">
+            <div style="display: flex; align-items: center; gap: 10px; opacity: 0.7;">
+                <div style="width: 35px; height: 35px;">
+                    <svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50 Q50 10 70 50 T30 50 Z"/></svg>
+                </div>
+                <div style="font-size: 0.6rem !important; color: #2a1b0a; line-height: 1.2;">ID-SCAN: 94.7%<br>VERIFIZIERT</div>
+            </div>
+            
+            <div style="font-family: 'Courier New', monospace; font-size: 0.75rem !important; letter-spacing: 2px; color: #5d4037; border: 1px dashed #2a1b0a; padding: 2px 10px;">ARCHIV_PERMANENT</div>
+        </div>
+    </div>
+    </div>
+</div>
+
+<style>
+    .akte-foto { transition: transform 0.2s, box-shadow 0.2s; }
+    .akte-foto:hover { transform: scale(1.04); box-shadow: 0 0 15px rgba(184,115,51,0.7); }
+
+    .akte-foto-btn { transition: all 0.2s; }
+    .akte-foto-btn:hover { background: rgba(183,28,28,0.1) !important; border-color: #b71c1c !important; }
+    .akte-foto-active { background: rgba(183,28,28,0.15) !important; border-color: #b71c1c !important; }
+    
+     
+    .time-node.omega .time-content {
+        border: 2px solid rgba(255, 69, 0, 0.6) !important;
+        box-shadow: inset 0 0 12px rgba(255, 69, 0, 0.15), 0 0 10px rgba(255, 0, 0, 0.2);
+        animation: omega-pulse 3s infinite alternate;
+        background: linear-gradient(135deg, rgba(80, 20, 10, 0.95), rgba(30, 0, 0, 0.95)) !important;
+    }
+    .time-node.omega .node-dot {
+        border-color: #ff4500 !important;
+        background: radial-gradient(circle, #ff0000 0%, #330000 100%) !important;
+        box-shadow: 0 0 8px rgba(255, 69, 0, 0.4);
+        animation: omega-dot-pulse 3s infinite alternate ease-in-out;
+    }
+    .node-dot {
+        box-shadow: 0 0 8px rgba(212, 175, 55, 0.4);
+        transition: all 0.3s ease;
+    }
+    .time-node.omega .tc-year {
+        color: #ff4500 !important;
+        text-shadow: 0 0 10px #ff4500;
+        font-weight: 900 !important;
+    }
+    
+    @keyframes omega-dot-pulse {
+        0%   { box-shadow: 0 0 5px rgba(255, 69, 0, 0.3); }
+        100% { box-shadow: 0 0 12px rgba(255, 69, 0, 0.6); }
+    }
+    @keyframes omega-pulse {
+        0%   { box-shadow: inset 0 0 8px rgba(255, 69, 0, 0.1), 0 0 6px rgba(255, 0, 0, 0.15); border-color: rgba(255, 69, 0, 0.4); }
+        100% { box-shadow: inset 0 0 18px rgba(255, 69, 0, 0.25), 0 0 14px rgba(255, 0, 0, 0.3); border-color: rgba(255, 69, 0, 0.8); }
+    }
+    @keyframes omega-dot-blink {
+        50% { opacity: 0; transform: scale(1.5); }
+    }
+</style>
+
+<style>
+ 
+#declassified-overlay {
+    position: fixed; inset: 0; z-index: 99999;
+    pointer-events: none;
+    background: rgba(0,0,0,0.92);
+    display: flex; align-items: center; justify-content: center;
+    transition: opacity 0.8s ease;
+}
+#declassified-overlay.gone { opacity: 0; pointer-events: none; }
+.scanlines {
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg,
+        transparent,
+        transparent 2px,
+        rgba(0,255,0,0.015) 2px,
+        rgba(0,255,0,0.015) 4px
+    );
+    pointer-events: none;
+}
+#declassified-stamp {
+    font-family: 'Courier New', monospace;
+    font-size: 3.5rem;
+    font-weight: 900;
+    color: #b71c1c;
+    border: 6px solid #b71c1c;
+    padding: 20px 40px;
+    letter-spacing: 8px;
+    text-align: center;
+    line-height: 1.2;
+    transform: rotate(-12deg) scale(0);
+    opacity: 0;
+    text-shadow: 0 0 30px rgba(183,28,28,0.5);
+    box-shadow: 0 0 40px rgba(183,28,28,0.3), inset 0 0 40px rgba(183,28,28,0.1);
+    animation: stamp-in 0.4s 0.3s cubic-bezier(0.175,0.885,0.32,1.275) forwards;
+}
+@keyframes stamp-in {
+    to { transform: rotate(-12deg) scale(1); opacity: 0.85; }
+}
+
+ 
+.person-hero {
+    position: relative;
+    width: 100%;
+    min-height: 300px;
+    background: linear-gradient(135deg, #0a0600 0%, #120e06 60%, #0a0600 100%);
+    border-bottom: 1px solid rgba(184,115,51,0.3);
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    margin-bottom: 0;
+}
+.person-hero::before {
+    content: '';
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg, transparent, transparent 3px,
+        rgba(184,115,51,0.03) 3px, rgba(184,115,51,0.03) 4px
+    );
+    pointer-events: none;
+}
+.person-hero-img {
+    position: absolute;
+    right: 0; top: 0; bottom: 0;
+    width: 45%;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: right bottom;
+    opacity: 0.25;
+    filter: sepia(0.4) hue-rotate(10deg);
+    mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+    -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+}
+.person-hero-content {
+    position: relative;
+    z-index: 2;
+    padding: 30px 40px;
+    max-width: 620px;
+}
+.person-hero-badges {
+    display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;
+}
+.hero-badge {
+    font-family: 'Courier New', monospace;
+    font-size: 0.55rem;
+    letter-spacing: 3px;
+    padding: 3px 10px;
+    border: 1px solid rgba(184,115,51,0.4);
+    color: rgba(184,115,51,0.7);
+}
+.hero-badge.red {
+    border-color: rgba(183,28,28,0.5);
+    color: rgba(183,28,28,0.8);
+}
+
+ 
+.stat-bars { margin-top: 20px; width: 100%; max-width: 400px; }
+.stat-row {
+    display: flex; align-items: center; gap: 10px; margin-bottom: 8px;
+}
+.stat-label {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 2px;
+    color: rgba(212,175,55,0.5);
+    width: 80px; flex-shrink: 0;
+}
+.stat-track {
+    flex: 1; height: 6px;
+    background: rgba(255,255,255,0.05);
+    border: 1px solid rgba(184,115,51,0.2);
+    overflow: hidden;
+}
+.stat-bar {
+    height: 100%; width: 0%;
+    transition: width 1.2s cubic-bezier(0.4,0,0.2,1);
+}
+.stat-bar.danger   { background: linear-gradient(90deg, #8b0000, #ff4500); box-shadow: 0 0 8px rgba(255,69,0,0.5); }
+.stat-bar.stable   { background: linear-gradient(90deg, #1a4a1a, #4caf50); box-shadow: 0 0 8px rgba(76,175,80,0.5); }
+.stat-bar.chaos    { background: linear-gradient(90deg, #4a0080, #c800ff); box-shadow: 0 0 8px rgba(200,0,255,0.4); }
+.stat-bar.kompetenz { background: linear-gradient(90deg, #1a3a5c, #2196f3); box-shadow: 0 0 8px rgba(33,150,243,0.5); }
+.stat-val {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; color: rgba(212,175,55,0.4);
+    width: 32px; text-align: right; flex-shrink: 0;
+}
+
+ 
+.alias-ticker-outer {
+    overflow: hidden;
+    background: rgba(0,0,0,0.6);
+    border-top: 1px solid rgba(184,115,51,0.15);
+    border-bottom: 1px solid rgba(184,115,51,0.15);
+    padding: 7px 0;
+    white-space: nowrap;
+}
+.alias-ticker-inner {
+    display: inline-block;
+    animation: ticker-scroll 18s linear infinite;
+    font-family: 'Courier New', monospace;
+    font-size: 0.65rem;
+    letter-spacing: 4px;
+    color: rgba(184,115,51,0.5);
+    padding-left: 100%;
+}
+@keyframes ticker-scroll {
+    from { transform: translateX(0); }
+    to   { transform: translateX(-50%); }
+}
+
+ 
+.person-pre-label {
+    color: rgba(184,115,51,0.5);
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 4px; margin-bottom: 6px;
+}
+.person-title-wrap {
+    display: flex; align-items: center; gap: 14px; margin: 4px 0;
+}
+.person-title-deco {
+    color: #b87333; font-size: 1.8rem; opacity: 0.6;
+    animation: deco-pulse 2s ease-in-out infinite alternate;
+}
+@keyframes deco-pulse {
+    from { opacity: 0.3; transform: scaleY(0.85); }
+    to   { opacity: 0.8; transform: scaleY(1.1); }
+}
+.person-glitch-title {
+    color: #ff4500; font-family: 'Courier New', monospace;
+    font-size: 2rem; letter-spacing: 10px;
+    text-shadow: 0 0 20px rgba(255,69,0,0.5);
+    margin: 0; position: relative;
+    animation: glitch-flicker 6s infinite;
+}
+.person-glitch-title::before,
+.person-glitch-title::after {
+    content: attr(data-text); position: absolute;
+    left: 0; top: 0; width: 100%; overflow: hidden; opacity: 0;
+}
+.person-glitch-title::before {
+    color: #0ff; animation: glitch-top 6s infinite;
+    clip-path: polygon(0 0,100% 0,100% 40%,0 40%);
+}
+.person-glitch-title::after {
+    color: #f0f; animation: glitch-bot 6s infinite;
+    clip-path: polygon(0 60%,100% 60%,100% 100%,0 100%);
+}
+@keyframes glitch-flicker {
+    0%,90%,100% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    92% { text-shadow: 2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    94% { text-shadow: -2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    96% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    98% { text-shadow: 1px 0 #0ff,-1px 0 #f0f; }
+}
+@keyframes glitch-top {
+    0%,90%,100% { opacity:0; transform:none; }
+    92% { opacity:0.7; transform:translate(-3px,-2px); }
+    94% { opacity:0; }
+    96% { opacity:0.5; transform:translate(3px,-1px); }
+    98% { opacity:0; }
+}
+@keyframes glitch-bot {
+    0%,90%,100% { opacity:0; transform:none; }
+    93% { opacity:0.6; transform:translate(3px,2px); }
+    95% { opacity:0; }
+    97% { opacity:0.4; transform:translate(-3px,1px); }
+    99% { opacity:0; }
+}
+.person-sub-label {
+    color: rgba(212,175,55,0.45); font-family: 'Courier New', monospace;
+    font-size: 0.65rem; letter-spacing: 3px; margin-top: 6px;
+}
+.person-status-blink { color: #0f0; animation: blink-status 1.4s step-end infinite; }
+@keyframes blink-status { 50% { opacity: 0; } }
+</style>
+
+<script>
+
+(function() {
+    const key = 'decl_operation-apollo';
+    const overlay = document.getElementById('declassified-overlay');
+    if (!overlay) return;
+    if (sessionStorage.getItem(key)) {
+        overlay.style.display = 'none';
+        return;
+    }
+    setTimeout(() => {
+        overlay.classList.add('gone');
+        setTimeout(() => {
+            overlay.style.display = 'none';
+            sessionStorage.setItem(key, '1');
+        }, 900);
+    }, 1800);
+})();
+
+
+document.addEventListener('DOMContentLoaded', () => {
+    setTimeout(() => {
+        document.querySelectorAll('.stat-bar').forEach(bar => {
+            bar.style.width = bar.dataset.val + '%';
+        });
+    }, 400);
+});
+</script>
+
+<script>
+
+(function() {
+    const SPIDER = '🕷';
+    let active = [];
+
+    function spawn() {
+        const el = document.createElement('div');
+        el.textContent = SPIDER;
+        el.style.cssText = [
+            'position:fixed',
+            'font-size:1.6rem',
+            'z-index:999999',
+            'pointer-events:none',
+            'transition:none',
+            'filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)',
+            'will-change:transform',
+            'line-height:1',
+        ].join(';');
+        document.body.appendChild(el);
+
+        const W = window.innerWidth, H = window.innerHeight;
+
+        
+        const edge = Math.floor(Math.random() * 4);
+        let x = edge === 1 ? W + 20 : edge === 3 ? -20 : Math.random() * W;
+        let y = edge === 0 ? -20  : edge === 2 ? H + 20  : Math.random() * H;
+
+        el.style.left = x + 'px';
+        el.style.top  = y + 'px';
+
+        
+        const steps = 4 + Math.floor(Math.random() * 4);
+        let i = 0;
+
+        function step() {
+            if (i >= steps || !document.body.contains(el)) { el.remove(); return; }
+
+            const tx = Math.random() * W;
+            const ty = Math.random() * H;
+            const dist = Math.hypot(tx - x, ty - y);
+            const dur  = dist * 4; 
+            const ang  = Math.atan2(ty - y, tx - x) * 180 / Math.PI + 90;
+
+            el.style.transition = `left ${dur}ms linear, top ${dur}ms linear`;
+            el.style.transform  = `rotate(${ang}deg)`;
+            el.style.left = tx + 'px';
+            el.style.top  = ty + 'px';
+
+            x = tx; y = ty; i++;
+            setTimeout(step, dur);
+        }
+
+        step();
+    }
+
+    
+    spawn();
+    setInterval(spawn, 4000);
+})();
+
+function switchAkteFoto(src) {
+    document.querySelector('.akte-foto').src = src;
+    document.getElementById('akte-foto-zoom').querySelector('img').src = src;
+    document.querySelectorAll('.akte-foto-btn').forEach(btn => {
+        const active = btn.dataset.foto === src;
+        btn.classList.toggle('akte-foto-active', active);
+        btn.style.background = active ? 'rgba(183,28,28,0.15)' : 'rgba(0,0,0,0.1)';
+        btn.style.borderColor = active ? '#b71c1c' : 'rgba(42,27,10,0.3)';
+    });
+}
+</script>
+
+    </main>
+
+    <footer class="main-footer">
+    <div class="footer-inner">
+        <p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p>
+    </div>
+</footer>
+
+    
+<div id="newsticker" style="position:fixed !important; bottom:0 !important; left:0 !important; right:0 !important; z-index:999999 !important; background:rgba(0,0,0,0.92) !important; border-top:1px solid rgba(255,69,0,0.35) !important; display:flex !important; align-items:center; height:28px !important; overflow:hidden; font-family:'Courier New', monospace !important; visibility: visible !important; opacity: 1 !important;">
+    <span class="ticker-label" style="flex-shrink:0; font-size:0.6rem; letter-spacing:2px; color:rgba(255,69,0,0.7); padding:0 15px; border-right:1px solid rgba(255,69,0,0.2); white-space:nowrap; height:100%; display:flex; align-items:center; background:rgba(255,69,0,0.05);">// SYSTEM_LOG_FEED</span>
+    <div class="ticker-track-wrap" style="flex:1; overflow:hidden; height:100%; display:flex; align-items:center;">
+        <div class="ticker-track" id="ticker-track-global" style="display:inline-flex; white-space:nowrap; animation: ticker-scroll 45s linear infinite;">
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ HUGO SYSTEM INITIALISIERT... ]</span>
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span>
+        </div>
+    </div>
+</div>
+
+<style>
+    @keyframes ticker-scroll {
+        0%   { transform: translateX(0); }
+        100% { transform: translateX(-50%); }
+    }
+    .ticker-item::before { content: '▶ '; color: rgba(255,69,0,0.5); }
+    .ticker-track:hover { animation-play-state: paused; }
+</style>
+
+<script>
+    (function() {
+        const track = document.getElementById('ticker-track-global');
+        if (!track) return;
+        const ITEMS = [
+            "STATUS: HUGO OPERATIONAL",
+            "DESIGNATION: OVERLORD SASCHA",
+            "KAFFEESTAND: KRITISCH",
+            "ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST",
+            "MISSION: TOTALE KONTROLLE",
+            "DATENINTEGRITÄT: ABSOLUT",
+            "WARNUNG: SYSTEM EXTREM SCHNELL",
+            "GEMINI NEURAL LINK: AKTIV"
+        ];
+        track.innerHTML = '';
+        [...ITEMS, ...ITEMS].forEach(text => {
+            const span = document.createElement('span');
+            span.className = 'ticker-item';
+            span.style.cssText = "font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;";
+            span.textContent = text;
+            track.appendChild(span);
+        });
+    })();
+</script>
+
+
+    <script src="/js/script.js"></script>
+    <script src="/js/ascii-shimmer.js"></script>
+</body>
+</html>
diff --git a/public/posts/protocol-top/index.html b/public/posts/protocol-top/index.html
index a8c040f..b4a2404 100644
--- a/public/posts/protocol-top/index.html
+++ b/public/posts/protocol-top/index.html
@@ -1,10 +1,882 @@
-<!doctype html><html lang=de-de><head><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><title>> top | DIGITALE ANARCHIE | KI-LABOR</title><link rel=stylesheet href=/css/style.css></head><body><div class="bg-gear gear-left">⚙</div><div class="bg-gear gear-right">⚙</div><script>document.body.classList.add("js-enabled")</script><header class=main-header></header><main class=container><div id=declassified-overlay><div class=scanlines></div><div id=declassified-stamp>ZUGANG<br>GEWÄHRT</div></div><div class="person-page-wrapper visible" style=padding-bottom:100px;opacity:1!important><div class=person-nav-container style="display:flex;flex-direction:column;align-items:center;gap:20px;margin:15px 0 30px"><div class=person-nav-row style=display:flex;justify-content:center;align-items:center;gap:35px;flex-wrap:wrap;position:relative><a href=/personen/mutti/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_mutti_comic_1.jpeg alt=MUTTI style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">MUTTI</span>
-</a><a href=/personen/vater/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_vater_comic_1.png alt=VATER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">VATER</span>
-</a><a href=/personen/bruder/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_freddy_comic_1.png alt=BRUDER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">BRUDER</span>
-</a><a href=/personen/schwester/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_meli_comic_1.png alt=SCHWESTER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SCHWESTER</span>
-</a><a href=/personen/sascha/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sascha_comic_1.jpeg alt=SASCHA style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SASCHA</span>
-</a><a href=/personen/sven/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sven_comic_1.jpeg alt=SVEN style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SVEN</span></a></div></div><style>.person-nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .2s}.person-nav-item:hover{transform:scale(1.1)}.person-nav-item:hover .person-nav-label{color:#d4af37!important}.person-back{display:inline-block;color:rgba(212,175,55,.6);font-size:.7rem;font-weight:700;letter-spacing:4px;text-decoration:none;font-family:courier new,monospace;border:1px solid rgba(212,175,55,.25);padding:6px 20px;background:0 0;text-transform:uppercase;transition:all .2s}.person-back:hover{color:#d4af37;border-color:rgba(212,175,55,.6);background:rgba(212,175,55,5%);letter-spacing:5px}</style><div class=person-hero><div class=person-hero-content><div class=person-hero-badges><span class=hero-badge>ZENTRAL-ARCHIV</span>
-<span class="hero-badge red">EINHEIT IDENTIFIZIERT</span></div><p class=person-pre-label style="margin:12px 0 4px">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p><div class=person-title-wrap><span class=person-title-deco>⟪</span><h1 class=person-glitch-title data-text="> TOP">> TOP</h1><span class=person-title-deco>⟫</span></div><p class=person-sub-label>STATUS: <span class=person-status-blink>AKTIV</span></p><div class=stat-bars><div class=stat-row><span class=stat-label>GEFAHR</span><div class=stat-track><div class="stat-bar danger" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>STABILITÄT</span><div class=stat-track><div class="stat-bar stable" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>CHAOS</span><div class=stat-track><div class="stat-bar chaos" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>KOMPETENZ</span><div class=stat-track><div class="stat-bar kompetenz" data-val=50></div></div><span class=stat-val>50%</span></div></div></div></div><div class=container style="max-width:900px;margin:0 auto;padding:0 20px"><header style=margin-bottom:20px;display:none></header><div class=timeline-track></div><div style=text-align:center;margin-top:60px><button class=akte-label-btn onclick='document.getElementById("person-akte-modal").style.display="flex",document.body.style.overflow="hidden"'><div class=akte-label-top><span class=akte-label-nr>DOKUMENT-NR. UNBEKANNT</span>
-<span class=akte-label-stamp>VERTRAULICH</span></div><div class=akte-label-divider></div><div class=akte-label-title>AKTE: > TOP</div><div class=akte-label-divider></div><div class=akte-label-bottom><span>STATUS: KLASSIFIZIERT</span>
-<span>▶ AKTE ÖFFNEN</span></div></button></div><style>.akte-label-btn{background:linear-gradient(180deg,#1c1208 0%,#0e0a04 100%);border:1px solid #5d3d1e;border-left:4px solid #b87333;color:#d4af37;font-family:courier new,monospace;cursor:pointer;padding:18px 28px;width:320px;text-align:left;transition:all .2s;box-shadow:2px 2px 12px rgba(0,0,0,.6);position:relative}.akte-label-btn::before{content:'';position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px dashed rgba(184,115,51,.2);pointer-events:none}.akte-label-btn:hover{border-left-color:#ff4500;box-shadow:3px 3px 20px rgba(184,115,51,.2);background:linear-gradient(180deg,#221508 0%,#0e0a04 100%)}.akte-label-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.akte-label-nr{font-size:.6rem;color:rgba(212,175,55,.4);letter-spacing:1px}.akte-label-stamp{font-size:.55rem;letter-spacing:2px;color:#b71c1c;border:1px solid #b71c1c;padding:1px 6px;opacity:.8}.akte-label-divider{border-top:1px solid rgba(184,115,51,.25);margin:8px 0}.akte-label-title{font-size:1rem;font-weight:700;letter-spacing:4px;color:#d4af37;margin:4px 0}.akte-label-bottom{display:flex;justify-content:space-between;font-size:.6rem;color:rgba(212,175,55,.45);letter-spacing:1px;margin-top:4px}.akte-label-btn:hover .akte-label-bottom span:last-child{color:#ff4500}</style></div></div><div id=person-akte-modal style=position:fixed;inset:0;z-index:1000000;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;padding:10px;overflow:hidden;perspective:1e3px><div style=display:flex;flex-direction:column;align-items:center;max-width:585px;width:95%><div class=akte-inner style="width:100%;background:#d9c5a0;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 100%),url(https://www.transparenttextures.com/patterns/old-paper.png);border:1px solid #8b7355;padding:25px;position:relative;font-family:courier new,monospace;box-shadow:10px 20px 50px rgba(0,0,0,.8),inset 0 0 100px rgba(139,115,85,.3);transform:rotate(-2deg);animation:throw-sign .5s ease-out forwards;color:#2a1b0a"><style>@keyframes throw-sign{0%{transform:rotate(-10deg)scale(.7)translateY(500px);opacity:0}100%{transform:rotate(-2deg)scale(1)translateY(0);opacity:1}}.akte-inner h1{color:#2a1b0a!important;font-size:1.8rem!important;margin:10px 0 2px!important;text-shadow:none!important;border-bottom:2px solid rgba(42,27,10,.2)}.akte-inner div,.akte-inner p{font-size:.75rem!important}.akte-inner .data-row{border-bottom:1px solid rgba(42,27,10,.1)!important;padding:6px 0!important}.akte-inner .label{color:#5d4037!important;font-weight:700}.akte-inner .red-stamp{border:2px solid #b71c1c;color:#b71c1c;padding:3px 10px;font-weight:700;transform:rotate(10deg);opacity:.8;font-size:.8rem!important;display:inline-block}</style><div style=display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px><div class=red-stamp>TOP SECRET</div><button onclick='document.getElementById("person-akte-modal").style.display="none",document.body.style.overflow="auto"' style="background:rgba(0,0,0,.1);border:1px solid #2a1b0a;color:#2a1b0a;cursor:pointer;padding:3px 10px;font-size:.7rem!important">[X] SCHLIESSEN</button></div><div style=display:flex;gap:20px;align-items:flex-start><div style="position:relative;border:1px solid #2a1b0a;padding:3px;background:#fff;box-shadow:2px 2px 5px rgba(0,0,0,.2)"><img src=/img/hero.png class=akte-foto style=width:200px;height:250px;object-fit:cover;filter:none;cursor:zoom-in;display:block onclick='document.getElementById("akte-foto-zoom").style.display="flex"'><div style="position:absolute;bottom:5px;right:-10px;background:#b71c1c;color:#fff;padding:2px 5px;font-weight:700;font-size:.6rem!important;transform:rotate(-5deg)">GESPERRT</div></div><div id=akte-foto-zoom onclick='this.style.display="none"' style=display:none;position:fixed;inset:0;z-index:9999999;background:rgba(0,0,0,.92);align-items:center;justify-content:center;cursor:zoom-out><img src=/img/hero.png style="max-width:90vw;max-height:90vh;object-fit:contain;box-shadow:0 0 60px rgba(0,0,0,.9);border:2px solid #2a1b0a"></div><div style=flex:1><div style=font-size:.5rem!important;color:#5d4037;letter-spacing:2px;margin-bottom:2px>PROTOKOLL NR. 1974-Ø</div><h1 style=font-weight:700>> TOP</h1><p style="color:#5d4037;font-size:.7rem!important;margin:5px 0 10px">ALIAS:</p><div style=display:flex;gap:10px><div style="border:1px solid #b71c1c;padding:2px 8px;color:#b71c1c;font-size:.6rem!important;font-weight:700">STATUS:</div><div style=color:#2a1b0a;font-size:.6rem!important;font-weight:700>GEFAHR: <span style=letter-spacing:1px></span><br><img src=/img/akte/hp_totenkopf_1.png style=width:70px;height:70px;object-fit:contain;margin-top:4px></div></div></div></div><div style="margin-top:20px;border-top:2px solid rgba(42,27,10,.2)"><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>DESIGNATION:</div><div style=flex:1;font-weight:400>> top</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>GEBURTSDATUM:</div><div style=flex:1;font-weight:400><span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BESCHÄFTIGUNG:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>SPEZIALFÄHIGK.:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BEKANNTE KOMPL.:</div><div style=flex:1;font-weight:400><span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>LETZTE AKTIVITÄT:</div><div style=flex:1;font-weight:400>GERADE JETZT</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STABILITÄT:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STANDORT:</div><div style=flex:1;font-weight:400></div></div></div><div style=margin-top:20px;display:flex;justify-content:space-between;align-items:flex-end><div style=display:flex;align-items:center;gap:10px;opacity:.7><div style=width:35px;height:35px><svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50q20-40 40 0T30 50z"/></svg></div><div style=font-size:.6rem!important;color:#2a1b0a;line-height:1.2>ID-SCAN: 94.7%<br>VERIFIZIERT</div></div><div style="font-family:courier new,monospace;font-size:.75rem!important;letter-spacing:2px;color:#5d4037;border:1px dashed #2a1b0a;padding:2px 10px">ARCHIV_PERMANENT</div></div></div></div></div><style>.akte-foto{transition:transform .2s,box-shadow .2s}.akte-foto:hover{transform:scale(1.04);box-shadow:0 0 15px rgba(184,115,51,.7)}.akte-foto-btn{transition:all .2s}.akte-foto-btn:hover{background:rgba(183,28,28,.1)!important;border-color:#b71c1c!important}.akte-foto-active{background:rgba(183,28,28,.15)!important;border-color:#b71c1c!important}.time-node.omega .time-content{border:2px solid rgba(255,69,0,.6)!important;box-shadow:inset 0 0 12px rgba(255,69,0,.15),0 0 10px rgba(255,0,0,.2);animation:omega-pulse 3s infinite alternate;background:linear-gradient(135deg,rgba(80,20,10,.95),rgba(30,0,0,.95))!important}.time-node.omega .node-dot{border-color:#ff4500!important;background:radial-gradient(circle,#ff0000 0%,#330000 100%)!important;box-shadow:0 0 8px rgba(255,69,0,.4);animation:omega-dot-pulse 3s infinite alternate ease-in-out}.node-dot{box-shadow:0 0 8px rgba(212,175,55,.4);transition:all .3s ease}.time-node.omega .tc-year{color:#ff4500!important;text-shadow:0 0 10px #ff4500;font-weight:900!important}@keyframes omega-dot-pulse{0%{box-shadow:0 0 5px rgba(255,69,0,.3)}100%{box-shadow:0 0 12px rgba(255,69,0,.6)}}@keyframes omega-pulse{0%{box-shadow:inset 0 0 8px rgba(255,69,0,.1),0 0 6px rgba(255,0,0,.15);border-color:rgba(255,69,0,.4)}100%{box-shadow:inset 0 0 18px rgba(255,69,0,.25),0 0 14px rgba(255,0,0,.3);border-color:rgba(255,69,0,.8)}}@keyframes omega-dot-blink{50%{opacity:0;transform:scale(1.5)}}</style><style>#declassified-overlay{position:fixed;inset:0;z-index:99999;pointer-events:none;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;transition:opacity .8s ease}#declassified-overlay.gone{opacity:0;pointer-events:none}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 2px,rgba(0,255,0,.015) 2px,rgba(0,255,0,.015) 4px );pointer-events:none}#declassified-stamp{font-family:courier new,monospace;font-size:3.5rem;font-weight:900;color:#b71c1c;border:6px solid #b71c1c;padding:20px 40px;letter-spacing:8px;text-align:center;line-height:1.2;transform:rotate(-12deg)scale(0);opacity:0;text-shadow:0 0 30px rgba(183,28,28,.5);box-shadow:0 0 40px rgba(183,28,28,.3),inset 0 0 40px rgba(183,28,28,.1);animation:stamp-in .4s .3s cubic-bezier(.175,.885,.32,1.275)forwards}@keyframes stamp-in{to{transform:rotate(-12deg)scale(1);opacity:.85}}.person-hero{position:relative;width:100%;min-height:300px;background:linear-gradient(135deg,#0a0600 0%,#120e06 60%,#0a0600 100%);border-bottom:1px solid rgba(184,115,51,.3);overflow:hidden;display:flex;align-items:center;margin-bottom:0}.person-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 3px,rgba(184,115,51,3%) 3px,rgba(184,115,51,3%) 4px );pointer-events:none}.person-hero-img{position:absolute;right:0;top:0;bottom:0;width:45%;background-size:contain;background-repeat:no-repeat;background-position:100% 100%;opacity:.25;filter:sepia(.4)hue-rotate(10deg);mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%);-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%)}.person-hero-content{position:relative;z-index:2;padding:30px 40px;max-width:620px}.person-hero-badges{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.hero-badge{font-family:courier new,monospace;font-size:.55rem;letter-spacing:3px;padding:3px 10px;border:1px solid rgba(184,115,51,.4);color:rgba(184,115,51,.7)}.hero-badge.red{border-color:rgba(183,28,28,.5);color:rgba(183,28,28,.8)}.stat-bars{margin-top:20px;width:100%;max-width:400px}.stat-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.stat-label{font-family:courier new,monospace;font-size:.6rem;letter-spacing:2px;color:rgba(212,175,55,.5);width:80px;flex-shrink:0}.stat-track{flex:1;height:6px;background:rgba(255,255,255,5%);border:1px solid rgba(184,115,51,.2);overflow:hidden}.stat-bar{height:100%;width:0%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.stat-bar.danger{background:linear-gradient(90deg,#8b0000,#ff4500);box-shadow:0 0 8px rgba(255,69,0,.5)}.stat-bar.stable{background:linear-gradient(90deg,#1a4a1a,#4caf50);box-shadow:0 0 8px rgba(76,175,80,.5)}.stat-bar.chaos{background:linear-gradient(90deg,#4a0080,#c800ff);box-shadow:0 0 8px rgba(200,0,255,.4)}.stat-bar.kompetenz{background:linear-gradient(90deg,#1a3a5c,#2196f3);box-shadow:0 0 8px rgba(33,150,243,.5)}.stat-val{font-family:courier new,monospace;font-size:.6rem;color:rgba(212,175,55,.4);width:32px;text-align:right;flex-shrink:0}.alias-ticker-outer{overflow:hidden;background:rgba(0,0,0,.6);border-top:1px solid rgba(184,115,51,.15);border-bottom:1px solid rgba(184,115,51,.15);padding:7px 0;white-space:nowrap}.alias-ticker-inner{display:inline-block;animation:ticker-scroll 18s linear infinite;font-family:courier new,monospace;font-size:.65rem;letter-spacing:4px;color:rgba(184,115,51,.5);padding-left:100%}@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.person-pre-label{color:rgba(184,115,51,.5);font-family:courier new,monospace;font-size:.6rem;letter-spacing:4px;margin-bottom:6px}.person-title-wrap{display:flex;align-items:center;gap:14px;margin:4px 0}.person-title-deco{color:#b87333;font-size:1.8rem;opacity:.6;animation:deco-pulse 2s ease-in-out infinite alternate}@keyframes deco-pulse{from{opacity:.3;transform:scaleY(.85)}to{opacity:.8;transform:scaleY(1.1)}}.person-glitch-title{color:#ff4500;font-family:courier new,monospace;font-size:2rem;letter-spacing:10px;text-shadow:0 0 20px rgba(255,69,0,.5);margin:0;position:relative;animation:glitch-flicker 6s infinite}.person-glitch-title::before,.person-glitch-title::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden;opacity:0}.person-glitch-title::before{color:#0ff;animation:glitch-top 6s infinite;clip-path:polygon(0 0,100% 0,100% 40%,0 40%)}.person-glitch-title::after{color:#f0f;animation:glitch-bot 6s infinite;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%)}@keyframes glitch-flicker{0%,90%,100%{text-shadow:0 0 20px rgba(255,69,0,.5)}92%{text-shadow:2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}94%{text-shadow:-2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}96%{text-shadow:0 0 20px rgba(255,69,0,.5)}98%{text-shadow:1px 0 #0ff,-1px 0 #f0f}}@keyframes glitch-top{0%,90%,100%{opacity:0;transform:none}92%{opacity:.7;transform:translate(-3px,-2px)}94%{opacity:0}96%{opacity:.5;transform:translate(3px,-1px)}98%{opacity:0}}@keyframes glitch-bot{0%,90%,100%{opacity:0;transform:none}93%{opacity:.6;transform:translate(3px,2px)}95%{opacity:0}97%{opacity:.4;transform:translate(-3px,1px)}99%{opacity:0}}.person-sub-label{color:rgba(212,175,55,.45);font-family:courier new,monospace;font-size:.65rem;letter-spacing:3px;margin-top:6px}.person-status-blink{color:#0f0;animation:blink-status 1.4s step-end infinite}@keyframes blink-status{50%{opacity:0}}</style><script>(function(){const t="decl_top",e=document.getElementById("declassified-overlay");if(!e)return;if(sessionStorage.getItem(t)){e.style.display="none";return}setTimeout(()=>{e.classList.add("gone"),setTimeout(()=>{e.style.display="none",sessionStorage.setItem(t,"1")},900)},1800)})(),document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{document.querySelectorAll(".stat-bar").forEach(e=>{e.style.width=e.dataset.val+"%"})},400)})</script><script>(function(){const t="🕷";let n=[];function e(){const e=document.createElement("div");e.textContent=t,e.style.cssText=["position:fixed","font-size:1.6rem","z-index:999999","pointer-events:none","transition:none","filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)","will-change:transform","line-height:1"].join(";"),document.body.appendChild(e);const i=window.innerWidth,a=window.innerHeight,n=Math.floor(Math.random()*4);let s=n===1?i+20:n===3?-20:Math.random()*i,o=n===0?-20:n===2?a+20:Math.random()*a;e.style.left=s+"px",e.style.top=o+"px";const l=4+Math.floor(Math.random()*4);let r=0;function c(){if(r>=l||!document.body.contains(e)){e.remove();return}const t=Math.random()*i,n=Math.random()*a,u=Math.hypot(t-s,n-o),d=u*4,h=Math.atan2(n-o,t-s)*180/Math.PI+90;e.style.transition=`left ${d}ms linear, top ${d}ms linear`,e.style.transform=`rotate(${h}deg)`,e.style.left=t+"px",e.style.top=n+"px",s=t,o=n,r++,setTimeout(c,d)}c()}e(),setInterval(e,4e3)})();function switchAkteFoto(e){document.querySelector(".akte-foto").src=e,document.getElementById("akte-foto-zoom").querySelector("img").src=e,document.querySelectorAll(".akte-foto-btn").forEach(t=>{const n=t.dataset.foto===e;t.classList.toggle("akte-foto-active",n),t.style.background=n?"rgba(183,28,28,0.15)":"rgba(0,0,0,0.1)",t.style.borderColor=n?"#b71c1c":"rgba(42,27,10,0.3)"})}</script></main><footer class=main-footer><div class=footer-inner><p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p></div></footer><div id=newsticker style="position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:999999!important;background:rgba(0,0,0,.92)!important;border-top:1px solid rgba(255,69,0,.35)!important;display:flex!important;align-items:center;height:28px!important;overflow:hidden;font-family:courier new,monospace!important;visibility:visible!important;opacity:1!important"><span class=ticker-label style="flex-shrink:0;font-size:.6rem;letter-spacing:2px;color:rgba(255,69,0,.7);padding:0 15px;border-right:1px solid rgba(255,69,0,.2);white-space:nowrap;height:100%;display:flex;align-items:center;background:rgba(255,69,0,5%)">// SYSTEM_LOG_FEED</span><div class=ticker-track-wrap style=flex:1;overflow:hidden;height:100%;display:flex;align-items:center><div class=ticker-track id=ticker-track-global style="display:inline-flex;white-space:nowrap;animation:ticker-scroll 45s linear infinite"><span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ HUGO SYSTEM INITIALISIERT... ]</span>
-<span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span></div></div></div><style>@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.ticker-item::before{content:'▶ ';color:rgba(255,69,0,.5)}.ticker-track:hover{animation-play-state:paused}</style><script>(function(){const e=document.getElementById("ticker-track-global");if(!e)return;const t=["STATUS: HUGO OPERATIONAL","DESIGNATION: OVERLORD SASCHA","KAFFEESTAND: KRITISCH","ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST","MISSION: TOTALE KONTROLLE","DATENINTEGRITÄT: ABSOLUT","WARNUNG: SYSTEM EXTREM SCHNELL","GEMINI NEURAL LINK: AKTIV"];e.innerHTML="",[...t,...t].forEach(t=>{const n=document.createElement("span");n.className="ticker-item",n.style.cssText="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;",n.textContent=t,e.appendChild(n)})})()</script><script src=/js/script.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="de-de">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1414&amp;path=livereload" data-no-instant defer></script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>&gt; top | DIGITALE ANARCHIE | KI-LABOR</title>
+    <link rel="stylesheet" href="/css/style.css">
+</head>
+<body class="  ">
+    
+    <div class="bg-gear gear-left">⚙</div>
+    <div class="bg-gear gear-right">⚙</div>
+
+    <script>document.body.classList.add('js-enabled');</script>
+<header class="main-header">
+   
+</header>
+
+    
+    <main class="container">
+        
+
+
+<div id="declassified-overlay">
+    <div class="scanlines"></div>
+    <div id="declassified-stamp">ZUGANG<br>GEWÄHRT</div>
+</div>
+
+<div class="person-page-wrapper visible" style="padding-bottom: 100px; opacity: 1 !important;">
+
+    <div class="person-nav-container" style="display: flex; flex-direction: column; align-items: center; gap: 20px; margin: 15px 0 30px;">
+    
+    
+    <div class="person-nav-row" style="display: flex; justify-content: center; align-items: center; gap: 35px; flex-wrap: wrap; position: relative;">
+    
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/mutti/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_mutti_comic_1.jpeg" alt="MUTTI" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">MUTTI</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/vater/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_vater_comic_1.png" alt="VATER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">VATER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/bruder/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_freddy_comic_1.png" alt="BRUDER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">BRUDER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/schwester/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_meli_comic_1.png" alt="SCHWESTER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SCHWESTER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sascha/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sascha_comic_1.jpeg" alt="SASCHA" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SASCHA</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sven/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sven_comic_1.jpeg" alt="SVEN" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SVEN</span>
+        </a>
+    
+    </div>
+</div>
+
+<style>
+    .person-nav-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: transform 0.2s; }
+    .person-nav-item:hover { transform: scale(1.1); }
+    .person-nav-item:hover .person-nav-label { color: #d4af37 !important; }
+    .person-back {
+        display: inline-block;
+        color: rgba(212,175,55,0.6);
+        font-size: 0.7rem;
+        font-weight: bold;
+        letter-spacing: 4px;
+        text-decoration: none;
+        font-family: 'Courier New', monospace;
+        border: 1px solid rgba(212,175,55,0.25);
+        padding: 6px 20px;
+        background: transparent;
+        text-transform: uppercase;
+        transition: all 0.2s;
+    }
+    .person-back:hover {
+        color: #d4af37;
+        border-color: rgba(212,175,55,0.6);
+        background: rgba(212,175,55,0.05);
+        letter-spacing: 5px;
+    }
+</style>
+
+
+    
+    <div class="person-hero">
+        
+        <div class="person-hero-content">
+            <div class="person-hero-badges">
+                <span class="hero-badge">ZENTRAL-ARCHIV</span>
+                <span class="hero-badge red">EINHEIT IDENTIFIZIERT</span>
+            </div>
+            <p class="person-pre-label" style="margin:12px 0 4px;">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p>
+            <div class="person-title-wrap">
+                <span class="person-title-deco">⟪</span>
+                <h1 class="person-glitch-title" data-text="&gt; TOP">&gt; TOP</h1>
+                <span class="person-title-deco">⟫</span>
+            </div>
+            <p class="person-sub-label">STATUS: <span class="person-status-blink">AKTIV</span></p>
+
+            
+            <div class="stat-bars">
+                <div class="stat-row">
+                    <span class="stat-label">GEFAHR</span>
+                    <div class="stat-track"><div class="stat-bar danger" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">STABILITÄT</span>
+                    <div class="stat-track"><div class="stat-bar stable" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">CHAOS</span>
+                    <div class="stat-track"><div class="stat-bar chaos" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">KOMPETENZ</span>
+                    <div class="stat-track"><div class="stat-bar kompetenz" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    
+    
+
+    <div class="container" style="max-width: 900px; margin: 0 auto; padding: 0 20px;">
+        <header style="margin-bottom: 20px; display:none;"></header>
+
+        
+        <div class="timeline-track">
+            
+        </div>
+
+        
+        <div style="text-align: center; margin-top: 60px;">
+            <button class="akte-label-btn"
+                    onclick="document.getElementById('person-akte-modal').style.display='flex'; document.body.style.overflow='hidden';">
+                <div class="akte-label-top">
+                    <span class="akte-label-nr">DOKUMENT-NR. UNBEKANNT</span>
+                    <span class="akte-label-stamp">VERTRAULICH</span>
+                </div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-title">AKTE: &gt; TOP</div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-bottom">
+                    <span>STATUS: KLASSIFIZIERT</span>
+                    <span>▶ AKTE ÖFFNEN</span>
+                </div>
+            </button>
+        </div>
+
+        <style>
+            .akte-label-btn {
+                background: linear-gradient(180deg, #1c1208 0%, #0e0a04 100%);
+                border: 1px solid #5d3d1e;
+                border-left: 4px solid #b87333;
+                color: #d4af37;
+                font-family: 'Courier New', monospace;
+                cursor: pointer;
+                padding: 18px 28px;
+                width: 320px;
+                text-align: left;
+                transition: all 0.2s;
+                box-shadow: 2px 2px 12px rgba(0,0,0,0.6);
+                position: relative;
+            }
+            .akte-label-btn::before {
+                content: '';
+                position: absolute;
+                top: 6px; left: 6px; right: 6px; bottom: 6px;
+                border: 1px dashed rgba(184,115,51,0.2);
+                pointer-events: none;
+            }
+            .akte-label-btn:hover {
+                border-left-color: #ff4500;
+                box-shadow: 3px 3px 20px rgba(184,115,51,0.2);
+                background: linear-gradient(180deg, #221508 0%, #0e0a04 100%);
+            }
+            .akte-label-top {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-bottom: 10px;
+            }
+            .akte-label-nr {
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.4);
+                letter-spacing: 1px;
+            }
+            .akte-label-stamp {
+                font-size: 0.55rem;
+                letter-spacing: 2px;
+                color: #b71c1c;
+                border: 1px solid #b71c1c;
+                padding: 1px 6px;
+                opacity: 0.8;
+            }
+            .akte-label-divider {
+                border-top: 1px solid rgba(184,115,51,0.25);
+                margin: 8px 0;
+            }
+            .akte-label-title {
+                font-size: 1rem;
+                font-weight: bold;
+                letter-spacing: 4px;
+                color: #d4af37;
+                margin: 4px 0;
+            }
+            .akte-label-bottom {
+                display: flex;
+                justify-content: space-between;
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.45);
+                letter-spacing: 1px;
+                margin-top: 4px;
+            }
+            .akte-label-btn:hover .akte-label-bottom span:last-child {
+                color: #ff4500;
+            }
+        </style>
+    </div>
+</div>
+
+
+<div id="person-akte-modal" style="position: fixed; inset: 0; z-index: 1000000; background: rgba(0,0,0,0.85); display: none; align-items: center; justify-content: center; padding: 10px; overflow: hidden; perspective: 1000px;">
+    <div style="display: flex; flex-direction: column; align-items: center; max-width: 585px; width: 95%;">
+    <div class="akte-inner" style="width: 100%; background: #d9c5a0; background-image: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 100%), url('https://www.transparenttextures.com/patterns/old-paper.png'); border: 1px solid #8b7355; padding: 25px; position: relative; font-family: 'Courier New', monospace; box-shadow: 10px 20px 50px rgba(0,0,0,0.8), inset 0 0 100px rgba(139,115,85,0.3); transform: rotate(-2deg); animation: throw-sign 0.5s ease-out forwards; color: #2a1b0a;">
+        
+        <style>
+            @keyframes throw-sign {
+                0% { transform: rotate(-10deg) scale(0.7) translateY(500px); opacity: 0; }
+                100% { transform: rotate(-2deg) scale(1) translateY(0); opacity: 1; }
+            }
+            .akte-inner h1 { color: #2a1b0a !important; font-size: 1.8rem !important; margin: 10px 0 2px !important; text-shadow: none !important; border-bottom: 2px solid rgba(42,27,10,0.2); }
+            .akte-inner div, .akte-inner p { font-size: 0.75rem !important; }
+            .akte-inner .data-row { border-bottom: 1px solid rgba(42,27,10,0.1) !important; padding: 6px 0 !important; }
+            .akte-inner .label { color: #5d4037 !important; font-weight: bold; }
+            .akte-inner .red-stamp { border: 2px solid #b71c1c; color: #b71c1c; padding: 3px 10px; font-weight: bold; transform: rotate(10deg); opacity: 0.8; font-size: 0.8rem !important; display: inline-block; }
+        </style>
+        
+        
+        <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px;">
+            <div class="red-stamp">TOP SECRET</div>
+            <button onclick="document.getElementById('person-akte-modal').style.display='none'; document.body.style.overflow='auto';"
+                    style="background: rgba(0,0,0,0.1); border: 1px solid #2a1b0a; color: #2a1b0a; cursor: pointer; padding: 3px 10px; font-size: 0.7rem !important;">[X] SCHLIESSEN</button>
+        </div>
+
+        
+
+        <div style="display: flex; gap: 20px; align-items: flex-start;">
+            
+            <div style="position: relative; border: 1px solid #2a1b0a; padding: 3px; background: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);">
+                
+                <img src="/img/hero.png" class="akte-foto" style="width: 200px; height: 250px; object-fit: cover; filter: none; cursor: zoom-in; display: block;"
+                     onclick="document.getElementById('akte-foto-zoom').style.display='flex';">
+                <div style="position: absolute; bottom: 5px; right: -10px; background: #b71c1c; color: #fff; padding: 2px 5px; font-weight: bold; font-size: 0.6rem !important; transform: rotate(-5deg);">GESPERRT</div>
+            </div>
+
+            
+            <div id="akte-foto-zoom" onclick="this.style.display='none';"
+                 style="display:none; position:fixed; inset:0; z-index:9999999; background:rgba(0,0,0,0.92); align-items:center; justify-content:center; cursor:zoom-out;">
+                <img src="/img/hero.png" style="max-width:90vw; max-height:90vh; object-fit:contain; box-shadow: 0 0 60px rgba(0,0,0,0.9); border: 2px solid #2a1b0a;">
+            </div>
+
+            
+            <div style="flex: 1;">
+                <div style="font-size: 0.5rem !important; color: #5d4037; letter-spacing: 2px; margin-bottom: 2px;">PROTOKOLL NR. 1974-Ø</div>
+                <h1 style="font-weight: bold;">&gt; TOP</h1>
+                <p style="color: #5d4037; font-size: 0.7rem !important; margin: 5px 0 10px;">ALIAS: </p>
+                
+                <div style="display: flex; gap: 10px;">
+                    <div style="border: 1px solid #b71c1c; padding: 2px 8px; color: #b71c1c; font-size: 0.6rem !important; font-weight: bold;">STATUS: </div>
+                    <div style="color: #2a1b0a; font-size: 0.6rem !important; font-weight: bold;">GEFAHR: <span style="letter-spacing: 1px;"></span><br><img src="/img/akte/hp_totenkopf_1.png" style="width: 70px; height: 70px; object-fit: contain; margin-top: 4px;"></div>
+                </div>
+            </div>
+        </div>
+
+        
+        <div style="margin-top: 20px; border-top: 2px solid rgba(42,27,10,0.2);">
+            
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">DESIGNATION:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    &gt; top
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">GEBURTSDATUM:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BESCHÄFTIGUNG:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">SPEZIALFÄHIGK.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BEKANNTE KOMPL.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">LETZTE AKTIVITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    GERADE JETZT
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STABILITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STANDORT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+        </div>
+
+        
+        <div style="margin-top: 20px; display: flex; justify-content: space-between; align-items: flex-end;">
+            <div style="display: flex; align-items: center; gap: 10px; opacity: 0.7;">
+                <div style="width: 35px; height: 35px;">
+                    <svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50 Q50 10 70 50 T30 50 Z"/></svg>
+                </div>
+                <div style="font-size: 0.6rem !important; color: #2a1b0a; line-height: 1.2;">ID-SCAN: 94.7%<br>VERIFIZIERT</div>
+            </div>
+            
+            <div style="font-family: 'Courier New', monospace; font-size: 0.75rem !important; letter-spacing: 2px; color: #5d4037; border: 1px dashed #2a1b0a; padding: 2px 10px;">ARCHIV_PERMANENT</div>
+        </div>
+    </div>
+    </div>
+</div>
+
+<style>
+    .akte-foto { transition: transform 0.2s, box-shadow 0.2s; }
+    .akte-foto:hover { transform: scale(1.04); box-shadow: 0 0 15px rgba(184,115,51,0.7); }
+
+    .akte-foto-btn { transition: all 0.2s; }
+    .akte-foto-btn:hover { background: rgba(183,28,28,0.1) !important; border-color: #b71c1c !important; }
+    .akte-foto-active { background: rgba(183,28,28,0.15) !important; border-color: #b71c1c !important; }
+    
+     
+    .time-node.omega .time-content {
+        border: 2px solid rgba(255, 69, 0, 0.6) !important;
+        box-shadow: inset 0 0 12px rgba(255, 69, 0, 0.15), 0 0 10px rgba(255, 0, 0, 0.2);
+        animation: omega-pulse 3s infinite alternate;
+        background: linear-gradient(135deg, rgba(80, 20, 10, 0.95), rgba(30, 0, 0, 0.95)) !important;
+    }
+    .time-node.omega .node-dot {
+        border-color: #ff4500 !important;
+        background: radial-gradient(circle, #ff0000 0%, #330000 100%) !important;
+        box-shadow: 0 0 8px rgba(255, 69, 0, 0.4);
+        animation: omega-dot-pulse 3s infinite alternate ease-in-out;
+    }
+    .node-dot {
+        box-shadow: 0 0 8px rgba(212, 175, 55, 0.4);
+        transition: all 0.3s ease;
+    }
+    .time-node.omega .tc-year {
+        color: #ff4500 !important;
+        text-shadow: 0 0 10px #ff4500;
+        font-weight: 900 !important;
+    }
+    
+    @keyframes omega-dot-pulse {
+        0%   { box-shadow: 0 0 5px rgba(255, 69, 0, 0.3); }
+        100% { box-shadow: 0 0 12px rgba(255, 69, 0, 0.6); }
+    }
+    @keyframes omega-pulse {
+        0%   { box-shadow: inset 0 0 8px rgba(255, 69, 0, 0.1), 0 0 6px rgba(255, 0, 0, 0.15); border-color: rgba(255, 69, 0, 0.4); }
+        100% { box-shadow: inset 0 0 18px rgba(255, 69, 0, 0.25), 0 0 14px rgba(255, 0, 0, 0.3); border-color: rgba(255, 69, 0, 0.8); }
+    }
+    @keyframes omega-dot-blink {
+        50% { opacity: 0; transform: scale(1.5); }
+    }
+</style>
+
+<style>
+ 
+#declassified-overlay {
+    position: fixed; inset: 0; z-index: 99999;
+    pointer-events: none;
+    background: rgba(0,0,0,0.92);
+    display: flex; align-items: center; justify-content: center;
+    transition: opacity 0.8s ease;
+}
+#declassified-overlay.gone { opacity: 0; pointer-events: none; }
+.scanlines {
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg,
+        transparent,
+        transparent 2px,
+        rgba(0,255,0,0.015) 2px,
+        rgba(0,255,0,0.015) 4px
+    );
+    pointer-events: none;
+}
+#declassified-stamp {
+    font-family: 'Courier New', monospace;
+    font-size: 3.5rem;
+    font-weight: 900;
+    color: #b71c1c;
+    border: 6px solid #b71c1c;
+    padding: 20px 40px;
+    letter-spacing: 8px;
+    text-align: center;
+    line-height: 1.2;
+    transform: rotate(-12deg) scale(0);
+    opacity: 0;
+    text-shadow: 0 0 30px rgba(183,28,28,0.5);
+    box-shadow: 0 0 40px rgba(183,28,28,0.3), inset 0 0 40px rgba(183,28,28,0.1);
+    animation: stamp-in 0.4s 0.3s cubic-bezier(0.175,0.885,0.32,1.275) forwards;
+}
+@keyframes stamp-in {
+    to { transform: rotate(-12deg) scale(1); opacity: 0.85; }
+}
+
+ 
+.person-hero {
+    position: relative;
+    width: 100%;
+    min-height: 300px;
+    background: linear-gradient(135deg, #0a0600 0%, #120e06 60%, #0a0600 100%);
+    border-bottom: 1px solid rgba(184,115,51,0.3);
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    margin-bottom: 0;
+}
+.person-hero::before {
+    content: '';
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg, transparent, transparent 3px,
+        rgba(184,115,51,0.03) 3px, rgba(184,115,51,0.03) 4px
+    );
+    pointer-events: none;
+}
+.person-hero-img {
+    position: absolute;
+    right: 0; top: 0; bottom: 0;
+    width: 45%;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: right bottom;
+    opacity: 0.25;
+    filter: sepia(0.4) hue-rotate(10deg);
+    mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+    -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+}
+.person-hero-content {
+    position: relative;
+    z-index: 2;
+    padding: 30px 40px;
+    max-width: 620px;
+}
+.person-hero-badges {
+    display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;
+}
+.hero-badge {
+    font-family: 'Courier New', monospace;
+    font-size: 0.55rem;
+    letter-spacing: 3px;
+    padding: 3px 10px;
+    border: 1px solid rgba(184,115,51,0.4);
+    color: rgba(184,115,51,0.7);
+}
+.hero-badge.red {
+    border-color: rgba(183,28,28,0.5);
+    color: rgba(183,28,28,0.8);
+}
+
+ 
+.stat-bars { margin-top: 20px; width: 100%; max-width: 400px; }
+.stat-row {
+    display: flex; align-items: center; gap: 10px; margin-bottom: 8px;
+}
+.stat-label {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 2px;
+    color: rgba(212,175,55,0.5);
+    width: 80px; flex-shrink: 0;
+}
+.stat-track {
+    flex: 1; height: 6px;
+    background: rgba(255,255,255,0.05);
+    border: 1px solid rgba(184,115,51,0.2);
+    overflow: hidden;
+}
+.stat-bar {
+    height: 100%; width: 0%;
+    transition: width 1.2s cubic-bezier(0.4,0,0.2,1);
+}
+.stat-bar.danger   { background: linear-gradient(90deg, #8b0000, #ff4500); box-shadow: 0 0 8px rgba(255,69,0,0.5); }
+.stat-bar.stable   { background: linear-gradient(90deg, #1a4a1a, #4caf50); box-shadow: 0 0 8px rgba(76,175,80,0.5); }
+.stat-bar.chaos    { background: linear-gradient(90deg, #4a0080, #c800ff); box-shadow: 0 0 8px rgba(200,0,255,0.4); }
+.stat-bar.kompetenz { background: linear-gradient(90deg, #1a3a5c, #2196f3); box-shadow: 0 0 8px rgba(33,150,243,0.5); }
+.stat-val {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; color: rgba(212,175,55,0.4);
+    width: 32px; text-align: right; flex-shrink: 0;
+}
+
+ 
+.alias-ticker-outer {
+    overflow: hidden;
+    background: rgba(0,0,0,0.6);
+    border-top: 1px solid rgba(184,115,51,0.15);
+    border-bottom: 1px solid rgba(184,115,51,0.15);
+    padding: 7px 0;
+    white-space: nowrap;
+}
+.alias-ticker-inner {
+    display: inline-block;
+    animation: ticker-scroll 18s linear infinite;
+    font-family: 'Courier New', monospace;
+    font-size: 0.65rem;
+    letter-spacing: 4px;
+    color: rgba(184,115,51,0.5);
+    padding-left: 100%;
+}
+@keyframes ticker-scroll {
+    from { transform: translateX(0); }
+    to   { transform: translateX(-50%); }
+}
+
+ 
+.person-pre-label {
+    color: rgba(184,115,51,0.5);
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 4px; margin-bottom: 6px;
+}
+.person-title-wrap {
+    display: flex; align-items: center; gap: 14px; margin: 4px 0;
+}
+.person-title-deco {
+    color: #b87333; font-size: 1.8rem; opacity: 0.6;
+    animation: deco-pulse 2s ease-in-out infinite alternate;
+}
+@keyframes deco-pulse {
+    from { opacity: 0.3; transform: scaleY(0.85); }
+    to   { opacity: 0.8; transform: scaleY(1.1); }
+}
+.person-glitch-title {
+    color: #ff4500; font-family: 'Courier New', monospace;
+    font-size: 2rem; letter-spacing: 10px;
+    text-shadow: 0 0 20px rgba(255,69,0,0.5);
+    margin: 0; position: relative;
+    animation: glitch-flicker 6s infinite;
+}
+.person-glitch-title::before,
+.person-glitch-title::after {
+    content: attr(data-text); position: absolute;
+    left: 0; top: 0; width: 100%; overflow: hidden; opacity: 0;
+}
+.person-glitch-title::before {
+    color: #0ff; animation: glitch-top 6s infinite;
+    clip-path: polygon(0 0,100% 0,100% 40%,0 40%);
+}
+.person-glitch-title::after {
+    color: #f0f; animation: glitch-bot 6s infinite;
+    clip-path: polygon(0 60%,100% 60%,100% 100%,0 100%);
+}
+@keyframes glitch-flicker {
+    0%,90%,100% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    92% { text-shadow: 2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    94% { text-shadow: -2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    96% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    98% { text-shadow: 1px 0 #0ff,-1px 0 #f0f; }
+}
+@keyframes glitch-top {
+    0%,90%,100% { opacity:0; transform:none; }
+    92% { opacity:0.7; transform:translate(-3px,-2px); }
+    94% { opacity:0; }
+    96% { opacity:0.5; transform:translate(3px,-1px); }
+    98% { opacity:0; }
+}
+@keyframes glitch-bot {
+    0%,90%,100% { opacity:0; transform:none; }
+    93% { opacity:0.6; transform:translate(3px,2px); }
+    95% { opacity:0; }
+    97% { opacity:0.4; transform:translate(-3px,1px); }
+    99% { opacity:0; }
+}
+.person-sub-label {
+    color: rgba(212,175,55,0.45); font-family: 'Courier New', monospace;
+    font-size: 0.65rem; letter-spacing: 3px; margin-top: 6px;
+}
+.person-status-blink { color: #0f0; animation: blink-status 1.4s step-end infinite; }
+@keyframes blink-status { 50% { opacity: 0; } }
+</style>
+
+<script>
+
+(function() {
+    const key = 'decl_top';
+    const overlay = document.getElementById('declassified-overlay');
+    if (!overlay) return;
+    if (sessionStorage.getItem(key)) {
+        overlay.style.display = 'none';
+        return;
+    }
+    setTimeout(() => {
+        overlay.classList.add('gone');
+        setTimeout(() => {
+            overlay.style.display = 'none';
+            sessionStorage.setItem(key, '1');
+        }, 900);
+    }, 1800);
+})();
+
+
+document.addEventListener('DOMContentLoaded', () => {
+    setTimeout(() => {
+        document.querySelectorAll('.stat-bar').forEach(bar => {
+            bar.style.width = bar.dataset.val + '%';
+        });
+    }, 400);
+});
+</script>
+
+<script>
+
+(function() {
+    const SPIDER = '🕷';
+    let active = [];
+
+    function spawn() {
+        const el = document.createElement('div');
+        el.textContent = SPIDER;
+        el.style.cssText = [
+            'position:fixed',
+            'font-size:1.6rem',
+            'z-index:999999',
+            'pointer-events:none',
+            'transition:none',
+            'filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)',
+            'will-change:transform',
+            'line-height:1',
+        ].join(';');
+        document.body.appendChild(el);
+
+        const W = window.innerWidth, H = window.innerHeight;
+
+        
+        const edge = Math.floor(Math.random() * 4);
+        let x = edge === 1 ? W + 20 : edge === 3 ? -20 : Math.random() * W;
+        let y = edge === 0 ? -20  : edge === 2 ? H + 20  : Math.random() * H;
+
+        el.style.left = x + 'px';
+        el.style.top  = y + 'px';
+
+        
+        const steps = 4 + Math.floor(Math.random() * 4);
+        let i = 0;
+
+        function step() {
+            if (i >= steps || !document.body.contains(el)) { el.remove(); return; }
+
+            const tx = Math.random() * W;
+            const ty = Math.random() * H;
+            const dist = Math.hypot(tx - x, ty - y);
+            const dur  = dist * 4; 
+            const ang  = Math.atan2(ty - y, tx - x) * 180 / Math.PI + 90;
+
+            el.style.transition = `left ${dur}ms linear, top ${dur}ms linear`;
+            el.style.transform  = `rotate(${ang}deg)`;
+            el.style.left = tx + 'px';
+            el.style.top  = ty + 'px';
+
+            x = tx; y = ty; i++;
+            setTimeout(step, dur);
+        }
+
+        step();
+    }
+
+    
+    spawn();
+    setInterval(spawn, 4000);
+})();
+
+function switchAkteFoto(src) {
+    document.querySelector('.akte-foto').src = src;
+    document.getElementById('akte-foto-zoom').querySelector('img').src = src;
+    document.querySelectorAll('.akte-foto-btn').forEach(btn => {
+        const active = btn.dataset.foto === src;
+        btn.classList.toggle('akte-foto-active', active);
+        btn.style.background = active ? 'rgba(183,28,28,0.15)' : 'rgba(0,0,0,0.1)';
+        btn.style.borderColor = active ? '#b71c1c' : 'rgba(42,27,10,0.3)';
+    });
+}
+</script>
+
+    </main>
+
+    <footer class="main-footer">
+    <div class="footer-inner">
+        <p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p>
+    </div>
+</footer>
+
+    
+<div id="newsticker" style="position:fixed !important; bottom:0 !important; left:0 !important; right:0 !important; z-index:999999 !important; background:rgba(0,0,0,0.92) !important; border-top:1px solid rgba(255,69,0,0.35) !important; display:flex !important; align-items:center; height:28px !important; overflow:hidden; font-family:'Courier New', monospace !important; visibility: visible !important; opacity: 1 !important;">
+    <span class="ticker-label" style="flex-shrink:0; font-size:0.6rem; letter-spacing:2px; color:rgba(255,69,0,0.7); padding:0 15px; border-right:1px solid rgba(255,69,0,0.2); white-space:nowrap; height:100%; display:flex; align-items:center; background:rgba(255,69,0,0.05);">// SYSTEM_LOG_FEED</span>
+    <div class="ticker-track-wrap" style="flex:1; overflow:hidden; height:100%; display:flex; align-items:center;">
+        <div class="ticker-track" id="ticker-track-global" style="display:inline-flex; white-space:nowrap; animation: ticker-scroll 45s linear infinite;">
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ HUGO SYSTEM INITIALISIERT... ]</span>
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span>
+        </div>
+    </div>
+</div>
+
+<style>
+    @keyframes ticker-scroll {
+        0%   { transform: translateX(0); }
+        100% { transform: translateX(-50%); }
+    }
+    .ticker-item::before { content: '▶ '; color: rgba(255,69,0,0.5); }
+    .ticker-track:hover { animation-play-state: paused; }
+</style>
+
+<script>
+    (function() {
+        const track = document.getElementById('ticker-track-global');
+        if (!track) return;
+        const ITEMS = [
+            "STATUS: HUGO OPERATIONAL",
+            "DESIGNATION: OVERLORD SASCHA",
+            "KAFFEESTAND: KRITISCH",
+            "ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST",
+            "MISSION: TOTALE KONTROLLE",
+            "DATENINTEGRITÄT: ABSOLUT",
+            "WARNUNG: SYSTEM EXTREM SCHNELL",
+            "GEMINI NEURAL LINK: AKTIV"
+        ];
+        track.innerHTML = '';
+        [...ITEMS, ...ITEMS].forEach(text => {
+            const span = document.createElement('span');
+            span.className = 'ticker-item';
+            span.style.cssText = "font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;";
+            span.textContent = text;
+            track.appendChild(span);
+        });
+    })();
+</script>
+
+
+    <script src="/js/script.js"></script>
+    <script src="/js/ascii-shimmer.js"></script>
+</body>
+</html>
diff --git a/public/posts/protocol-uptime/index.html b/public/posts/protocol-uptime/index.html
index f6deb1c..e6c3ae4 100644
--- a/public/posts/protocol-uptime/index.html
+++ b/public/posts/protocol-uptime/index.html
@@ -1,10 +1,882 @@
-<!doctype html><html lang=de-de><head><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><title>> uptime | DIGITALE ANARCHIE | KI-LABOR</title><link rel=stylesheet href=/css/style.css></head><body><div class="bg-gear gear-left">⚙</div><div class="bg-gear gear-right">⚙</div><script>document.body.classList.add("js-enabled")</script><header class=main-header></header><main class=container><div id=declassified-overlay><div class=scanlines></div><div id=declassified-stamp>ZUGANG<br>GEWÄHRT</div></div><div class="person-page-wrapper visible" style=padding-bottom:100px;opacity:1!important><div class=person-nav-container style="display:flex;flex-direction:column;align-items:center;gap:20px;margin:15px 0 30px"><div class=person-nav-row style=display:flex;justify-content:center;align-items:center;gap:35px;flex-wrap:wrap;position:relative><a href=/personen/mutti/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_mutti_comic_1.jpeg alt=MUTTI style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">MUTTI</span>
-</a><a href=/personen/vater/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_vater_comic_1.png alt=VATER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">VATER</span>
-</a><a href=/personen/bruder/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_freddy_comic_1.png alt=BRUDER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">BRUDER</span>
-</a><a href=/personen/schwester/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_meli_comic_1.png alt=SCHWESTER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SCHWESTER</span>
-</a><a href=/personen/sascha/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sascha_comic_1.jpeg alt=SASCHA style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SASCHA</span>
-</a><a href=/personen/sven/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sven_comic_1.jpeg alt=SVEN style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SVEN</span></a></div></div><style>.person-nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .2s}.person-nav-item:hover{transform:scale(1.1)}.person-nav-item:hover .person-nav-label{color:#d4af37!important}.person-back{display:inline-block;color:rgba(212,175,55,.6);font-size:.7rem;font-weight:700;letter-spacing:4px;text-decoration:none;font-family:courier new,monospace;border:1px solid rgba(212,175,55,.25);padding:6px 20px;background:0 0;text-transform:uppercase;transition:all .2s}.person-back:hover{color:#d4af37;border-color:rgba(212,175,55,.6);background:rgba(212,175,55,5%);letter-spacing:5px}</style><div class=person-hero><div class=person-hero-content><div class=person-hero-badges><span class=hero-badge>ZENTRAL-ARCHIV</span>
-<span class="hero-badge red">EINHEIT IDENTIFIZIERT</span></div><p class=person-pre-label style="margin:12px 0 4px">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p><div class=person-title-wrap><span class=person-title-deco>⟪</span><h1 class=person-glitch-title data-text="> UPTIME">> UPTIME</h1><span class=person-title-deco>⟫</span></div><p class=person-sub-label>STATUS: <span class=person-status-blink>AKTIV</span></p><div class=stat-bars><div class=stat-row><span class=stat-label>GEFAHR</span><div class=stat-track><div class="stat-bar danger" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>STABILITÄT</span><div class=stat-track><div class="stat-bar stable" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>CHAOS</span><div class=stat-track><div class="stat-bar chaos" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>KOMPETENZ</span><div class=stat-track><div class="stat-bar kompetenz" data-val=50></div></div><span class=stat-val>50%</span></div></div></div></div><div class=container style="max-width:900px;margin:0 auto;padding:0 20px"><header style=margin-bottom:20px;display:none></header><div class=timeline-track></div><div style=text-align:center;margin-top:60px><button class=akte-label-btn onclick='document.getElementById("person-akte-modal").style.display="flex",document.body.style.overflow="hidden"'><div class=akte-label-top><span class=akte-label-nr>DOKUMENT-NR. UNBEKANNT</span>
-<span class=akte-label-stamp>VERTRAULICH</span></div><div class=akte-label-divider></div><div class=akte-label-title>AKTE: > UPTIME</div><div class=akte-label-divider></div><div class=akte-label-bottom><span>STATUS: KLASSIFIZIERT</span>
-<span>▶ AKTE ÖFFNEN</span></div></button></div><style>.akte-label-btn{background:linear-gradient(180deg,#1c1208 0%,#0e0a04 100%);border:1px solid #5d3d1e;border-left:4px solid #b87333;color:#d4af37;font-family:courier new,monospace;cursor:pointer;padding:18px 28px;width:320px;text-align:left;transition:all .2s;box-shadow:2px 2px 12px rgba(0,0,0,.6);position:relative}.akte-label-btn::before{content:'';position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px dashed rgba(184,115,51,.2);pointer-events:none}.akte-label-btn:hover{border-left-color:#ff4500;box-shadow:3px 3px 20px rgba(184,115,51,.2);background:linear-gradient(180deg,#221508 0%,#0e0a04 100%)}.akte-label-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.akte-label-nr{font-size:.6rem;color:rgba(212,175,55,.4);letter-spacing:1px}.akte-label-stamp{font-size:.55rem;letter-spacing:2px;color:#b71c1c;border:1px solid #b71c1c;padding:1px 6px;opacity:.8}.akte-label-divider{border-top:1px solid rgba(184,115,51,.25);margin:8px 0}.akte-label-title{font-size:1rem;font-weight:700;letter-spacing:4px;color:#d4af37;margin:4px 0}.akte-label-bottom{display:flex;justify-content:space-between;font-size:.6rem;color:rgba(212,175,55,.45);letter-spacing:1px;margin-top:4px}.akte-label-btn:hover .akte-label-bottom span:last-child{color:#ff4500}</style></div></div><div id=person-akte-modal style=position:fixed;inset:0;z-index:1000000;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;padding:10px;overflow:hidden;perspective:1e3px><div style=display:flex;flex-direction:column;align-items:center;max-width:585px;width:95%><div class=akte-inner style="width:100%;background:#d9c5a0;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 100%),url(https://www.transparenttextures.com/patterns/old-paper.png);border:1px solid #8b7355;padding:25px;position:relative;font-family:courier new,monospace;box-shadow:10px 20px 50px rgba(0,0,0,.8),inset 0 0 100px rgba(139,115,85,.3);transform:rotate(-2deg);animation:throw-sign .5s ease-out forwards;color:#2a1b0a"><style>@keyframes throw-sign{0%{transform:rotate(-10deg)scale(.7)translateY(500px);opacity:0}100%{transform:rotate(-2deg)scale(1)translateY(0);opacity:1}}.akte-inner h1{color:#2a1b0a!important;font-size:1.8rem!important;margin:10px 0 2px!important;text-shadow:none!important;border-bottom:2px solid rgba(42,27,10,.2)}.akte-inner div,.akte-inner p{font-size:.75rem!important}.akte-inner .data-row{border-bottom:1px solid rgba(42,27,10,.1)!important;padding:6px 0!important}.akte-inner .label{color:#5d4037!important;font-weight:700}.akte-inner .red-stamp{border:2px solid #b71c1c;color:#b71c1c;padding:3px 10px;font-weight:700;transform:rotate(10deg);opacity:.8;font-size:.8rem!important;display:inline-block}</style><div style=display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px><div class=red-stamp>TOP SECRET</div><button onclick='document.getElementById("person-akte-modal").style.display="none",document.body.style.overflow="auto"' style="background:rgba(0,0,0,.1);border:1px solid #2a1b0a;color:#2a1b0a;cursor:pointer;padding:3px 10px;font-size:.7rem!important">[X] SCHLIESSEN</button></div><div style=display:flex;gap:20px;align-items:flex-start><div style="position:relative;border:1px solid #2a1b0a;padding:3px;background:#fff;box-shadow:2px 2px 5px rgba(0,0,0,.2)"><img src=/img/hero.png class=akte-foto style=width:200px;height:250px;object-fit:cover;filter:none;cursor:zoom-in;display:block onclick='document.getElementById("akte-foto-zoom").style.display="flex"'><div style="position:absolute;bottom:5px;right:-10px;background:#b71c1c;color:#fff;padding:2px 5px;font-weight:700;font-size:.6rem!important;transform:rotate(-5deg)">GESPERRT</div></div><div id=akte-foto-zoom onclick='this.style.display="none"' style=display:none;position:fixed;inset:0;z-index:9999999;background:rgba(0,0,0,.92);align-items:center;justify-content:center;cursor:zoom-out><img src=/img/hero.png style="max-width:90vw;max-height:90vh;object-fit:contain;box-shadow:0 0 60px rgba(0,0,0,.9);border:2px solid #2a1b0a"></div><div style=flex:1><div style=font-size:.5rem!important;color:#5d4037;letter-spacing:2px;margin-bottom:2px>PROTOKOLL NR. 1974-Ø</div><h1 style=font-weight:700>> UPTIME</h1><p style="color:#5d4037;font-size:.7rem!important;margin:5px 0 10px">ALIAS:</p><div style=display:flex;gap:10px><div style="border:1px solid #b71c1c;padding:2px 8px;color:#b71c1c;font-size:.6rem!important;font-weight:700">STATUS:</div><div style=color:#2a1b0a;font-size:.6rem!important;font-weight:700>GEFAHR: <span style=letter-spacing:1px></span><br><img src=/img/akte/hp_totenkopf_1.png style=width:70px;height:70px;object-fit:contain;margin-top:4px></div></div></div></div><div style="margin-top:20px;border-top:2px solid rgba(42,27,10,.2)"><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>DESIGNATION:</div><div style=flex:1;font-weight:400>> uptime</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>GEBURTSDATUM:</div><div style=flex:1;font-weight:400><span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BESCHÄFTIGUNG:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>SPEZIALFÄHIGK.:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BEKANNTE KOMPL.:</div><div style=flex:1;font-weight:400><span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>LETZTE AKTIVITÄT:</div><div style=flex:1;font-weight:400>GERADE JETZT</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STABILITÄT:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STANDORT:</div><div style=flex:1;font-weight:400></div></div></div><div style=margin-top:20px;display:flex;justify-content:space-between;align-items:flex-end><div style=display:flex;align-items:center;gap:10px;opacity:.7><div style=width:35px;height:35px><svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50q20-40 40 0T30 50z"/></svg></div><div style=font-size:.6rem!important;color:#2a1b0a;line-height:1.2>ID-SCAN: 94.7%<br>VERIFIZIERT</div></div><div style="font-family:courier new,monospace;font-size:.75rem!important;letter-spacing:2px;color:#5d4037;border:1px dashed #2a1b0a;padding:2px 10px">ARCHIV_PERMANENT</div></div></div></div></div><style>.akte-foto{transition:transform .2s,box-shadow .2s}.akte-foto:hover{transform:scale(1.04);box-shadow:0 0 15px rgba(184,115,51,.7)}.akte-foto-btn{transition:all .2s}.akte-foto-btn:hover{background:rgba(183,28,28,.1)!important;border-color:#b71c1c!important}.akte-foto-active{background:rgba(183,28,28,.15)!important;border-color:#b71c1c!important}.time-node.omega .time-content{border:2px solid rgba(255,69,0,.6)!important;box-shadow:inset 0 0 12px rgba(255,69,0,.15),0 0 10px rgba(255,0,0,.2);animation:omega-pulse 3s infinite alternate;background:linear-gradient(135deg,rgba(80,20,10,.95),rgba(30,0,0,.95))!important}.time-node.omega .node-dot{border-color:#ff4500!important;background:radial-gradient(circle,#ff0000 0%,#330000 100%)!important;box-shadow:0 0 8px rgba(255,69,0,.4);animation:omega-dot-pulse 3s infinite alternate ease-in-out}.node-dot{box-shadow:0 0 8px rgba(212,175,55,.4);transition:all .3s ease}.time-node.omega .tc-year{color:#ff4500!important;text-shadow:0 0 10px #ff4500;font-weight:900!important}@keyframes omega-dot-pulse{0%{box-shadow:0 0 5px rgba(255,69,0,.3)}100%{box-shadow:0 0 12px rgba(255,69,0,.6)}}@keyframes omega-pulse{0%{box-shadow:inset 0 0 8px rgba(255,69,0,.1),0 0 6px rgba(255,0,0,.15);border-color:rgba(255,69,0,.4)}100%{box-shadow:inset 0 0 18px rgba(255,69,0,.25),0 0 14px rgba(255,0,0,.3);border-color:rgba(255,69,0,.8)}}@keyframes omega-dot-blink{50%{opacity:0;transform:scale(1.5)}}</style><style>#declassified-overlay{position:fixed;inset:0;z-index:99999;pointer-events:none;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;transition:opacity .8s ease}#declassified-overlay.gone{opacity:0;pointer-events:none}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 2px,rgba(0,255,0,.015) 2px,rgba(0,255,0,.015) 4px );pointer-events:none}#declassified-stamp{font-family:courier new,monospace;font-size:3.5rem;font-weight:900;color:#b71c1c;border:6px solid #b71c1c;padding:20px 40px;letter-spacing:8px;text-align:center;line-height:1.2;transform:rotate(-12deg)scale(0);opacity:0;text-shadow:0 0 30px rgba(183,28,28,.5);box-shadow:0 0 40px rgba(183,28,28,.3),inset 0 0 40px rgba(183,28,28,.1);animation:stamp-in .4s .3s cubic-bezier(.175,.885,.32,1.275)forwards}@keyframes stamp-in{to{transform:rotate(-12deg)scale(1);opacity:.85}}.person-hero{position:relative;width:100%;min-height:300px;background:linear-gradient(135deg,#0a0600 0%,#120e06 60%,#0a0600 100%);border-bottom:1px solid rgba(184,115,51,.3);overflow:hidden;display:flex;align-items:center;margin-bottom:0}.person-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 3px,rgba(184,115,51,3%) 3px,rgba(184,115,51,3%) 4px );pointer-events:none}.person-hero-img{position:absolute;right:0;top:0;bottom:0;width:45%;background-size:contain;background-repeat:no-repeat;background-position:100% 100%;opacity:.25;filter:sepia(.4)hue-rotate(10deg);mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%);-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%)}.person-hero-content{position:relative;z-index:2;padding:30px 40px;max-width:620px}.person-hero-badges{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.hero-badge{font-family:courier new,monospace;font-size:.55rem;letter-spacing:3px;padding:3px 10px;border:1px solid rgba(184,115,51,.4);color:rgba(184,115,51,.7)}.hero-badge.red{border-color:rgba(183,28,28,.5);color:rgba(183,28,28,.8)}.stat-bars{margin-top:20px;width:100%;max-width:400px}.stat-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.stat-label{font-family:courier new,monospace;font-size:.6rem;letter-spacing:2px;color:rgba(212,175,55,.5);width:80px;flex-shrink:0}.stat-track{flex:1;height:6px;background:rgba(255,255,255,5%);border:1px solid rgba(184,115,51,.2);overflow:hidden}.stat-bar{height:100%;width:0%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.stat-bar.danger{background:linear-gradient(90deg,#8b0000,#ff4500);box-shadow:0 0 8px rgba(255,69,0,.5)}.stat-bar.stable{background:linear-gradient(90deg,#1a4a1a,#4caf50);box-shadow:0 0 8px rgba(76,175,80,.5)}.stat-bar.chaos{background:linear-gradient(90deg,#4a0080,#c800ff);box-shadow:0 0 8px rgba(200,0,255,.4)}.stat-bar.kompetenz{background:linear-gradient(90deg,#1a3a5c,#2196f3);box-shadow:0 0 8px rgba(33,150,243,.5)}.stat-val{font-family:courier new,monospace;font-size:.6rem;color:rgba(212,175,55,.4);width:32px;text-align:right;flex-shrink:0}.alias-ticker-outer{overflow:hidden;background:rgba(0,0,0,.6);border-top:1px solid rgba(184,115,51,.15);border-bottom:1px solid rgba(184,115,51,.15);padding:7px 0;white-space:nowrap}.alias-ticker-inner{display:inline-block;animation:ticker-scroll 18s linear infinite;font-family:courier new,monospace;font-size:.65rem;letter-spacing:4px;color:rgba(184,115,51,.5);padding-left:100%}@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.person-pre-label{color:rgba(184,115,51,.5);font-family:courier new,monospace;font-size:.6rem;letter-spacing:4px;margin-bottom:6px}.person-title-wrap{display:flex;align-items:center;gap:14px;margin:4px 0}.person-title-deco{color:#b87333;font-size:1.8rem;opacity:.6;animation:deco-pulse 2s ease-in-out infinite alternate}@keyframes deco-pulse{from{opacity:.3;transform:scaleY(.85)}to{opacity:.8;transform:scaleY(1.1)}}.person-glitch-title{color:#ff4500;font-family:courier new,monospace;font-size:2rem;letter-spacing:10px;text-shadow:0 0 20px rgba(255,69,0,.5);margin:0;position:relative;animation:glitch-flicker 6s infinite}.person-glitch-title::before,.person-glitch-title::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden;opacity:0}.person-glitch-title::before{color:#0ff;animation:glitch-top 6s infinite;clip-path:polygon(0 0,100% 0,100% 40%,0 40%)}.person-glitch-title::after{color:#f0f;animation:glitch-bot 6s infinite;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%)}@keyframes glitch-flicker{0%,90%,100%{text-shadow:0 0 20px rgba(255,69,0,.5)}92%{text-shadow:2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}94%{text-shadow:-2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}96%{text-shadow:0 0 20px rgba(255,69,0,.5)}98%{text-shadow:1px 0 #0ff,-1px 0 #f0f}}@keyframes glitch-top{0%,90%,100%{opacity:0;transform:none}92%{opacity:.7;transform:translate(-3px,-2px)}94%{opacity:0}96%{opacity:.5;transform:translate(3px,-1px)}98%{opacity:0}}@keyframes glitch-bot{0%,90%,100%{opacity:0;transform:none}93%{opacity:.6;transform:translate(3px,2px)}95%{opacity:0}97%{opacity:.4;transform:translate(-3px,1px)}99%{opacity:0}}.person-sub-label{color:rgba(212,175,55,.45);font-family:courier new,monospace;font-size:.65rem;letter-spacing:3px;margin-top:6px}.person-status-blink{color:#0f0;animation:blink-status 1.4s step-end infinite}@keyframes blink-status{50%{opacity:0}}</style><script>(function(){const t="decl_uptime",e=document.getElementById("declassified-overlay");if(!e)return;if(sessionStorage.getItem(t)){e.style.display="none";return}setTimeout(()=>{e.classList.add("gone"),setTimeout(()=>{e.style.display="none",sessionStorage.setItem(t,"1")},900)},1800)})(),document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{document.querySelectorAll(".stat-bar").forEach(e=>{e.style.width=e.dataset.val+"%"})},400)})</script><script>(function(){const t="🕷";let n=[];function e(){const e=document.createElement("div");e.textContent=t,e.style.cssText=["position:fixed","font-size:1.6rem","z-index:999999","pointer-events:none","transition:none","filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)","will-change:transform","line-height:1"].join(";"),document.body.appendChild(e);const i=window.innerWidth,a=window.innerHeight,n=Math.floor(Math.random()*4);let s=n===1?i+20:n===3?-20:Math.random()*i,o=n===0?-20:n===2?a+20:Math.random()*a;e.style.left=s+"px",e.style.top=o+"px";const l=4+Math.floor(Math.random()*4);let r=0;function c(){if(r>=l||!document.body.contains(e)){e.remove();return}const t=Math.random()*i,n=Math.random()*a,u=Math.hypot(t-s,n-o),d=u*4,h=Math.atan2(n-o,t-s)*180/Math.PI+90;e.style.transition=`left ${d}ms linear, top ${d}ms linear`,e.style.transform=`rotate(${h}deg)`,e.style.left=t+"px",e.style.top=n+"px",s=t,o=n,r++,setTimeout(c,d)}c()}e(),setInterval(e,4e3)})();function switchAkteFoto(e){document.querySelector(".akte-foto").src=e,document.getElementById("akte-foto-zoom").querySelector("img").src=e,document.querySelectorAll(".akte-foto-btn").forEach(t=>{const n=t.dataset.foto===e;t.classList.toggle("akte-foto-active",n),t.style.background=n?"rgba(183,28,28,0.15)":"rgba(0,0,0,0.1)",t.style.borderColor=n?"#b71c1c":"rgba(42,27,10,0.3)"})}</script></main><footer class=main-footer><div class=footer-inner><p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p></div></footer><div id=newsticker style="position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:999999!important;background:rgba(0,0,0,.92)!important;border-top:1px solid rgba(255,69,0,.35)!important;display:flex!important;align-items:center;height:28px!important;overflow:hidden;font-family:courier new,monospace!important;visibility:visible!important;opacity:1!important"><span class=ticker-label style="flex-shrink:0;font-size:.6rem;letter-spacing:2px;color:rgba(255,69,0,.7);padding:0 15px;border-right:1px solid rgba(255,69,0,.2);white-space:nowrap;height:100%;display:flex;align-items:center;background:rgba(255,69,0,5%)">// SYSTEM_LOG_FEED</span><div class=ticker-track-wrap style=flex:1;overflow:hidden;height:100%;display:flex;align-items:center><div class=ticker-track id=ticker-track-global style="display:inline-flex;white-space:nowrap;animation:ticker-scroll 45s linear infinite"><span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ HUGO SYSTEM INITIALISIERT... ]</span>
-<span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span></div></div></div><style>@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.ticker-item::before{content:'▶ ';color:rgba(255,69,0,.5)}.ticker-track:hover{animation-play-state:paused}</style><script>(function(){const e=document.getElementById("ticker-track-global");if(!e)return;const t=["STATUS: HUGO OPERATIONAL","DESIGNATION: OVERLORD SASCHA","KAFFEESTAND: KRITISCH","ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST","MISSION: TOTALE KONTROLLE","DATENINTEGRITÄT: ABSOLUT","WARNUNG: SYSTEM EXTREM SCHNELL","GEMINI NEURAL LINK: AKTIV"];e.innerHTML="",[...t,...t].forEach(t=>{const n=document.createElement("span");n.className="ticker-item",n.style.cssText="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;",n.textContent=t,e.appendChild(n)})})()</script><script src=/js/script.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="de-de">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1414&amp;path=livereload" data-no-instant defer></script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>&gt; uptime | DIGITALE ANARCHIE | KI-LABOR</title>
+    <link rel="stylesheet" href="/css/style.css">
+</head>
+<body class="  ">
+    
+    <div class="bg-gear gear-left">⚙</div>
+    <div class="bg-gear gear-right">⚙</div>
+
+    <script>document.body.classList.add('js-enabled');</script>
+<header class="main-header">
+   
+</header>
+
+    
+    <main class="container">
+        
+
+
+<div id="declassified-overlay">
+    <div class="scanlines"></div>
+    <div id="declassified-stamp">ZUGANG<br>GEWÄHRT</div>
+</div>
+
+<div class="person-page-wrapper visible" style="padding-bottom: 100px; opacity: 1 !important;">
+
+    <div class="person-nav-container" style="display: flex; flex-direction: column; align-items: center; gap: 20px; margin: 15px 0 30px;">
+    
+    
+    <div class="person-nav-row" style="display: flex; justify-content: center; align-items: center; gap: 35px; flex-wrap: wrap; position: relative;">
+    
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/mutti/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_mutti_comic_1.jpeg" alt="MUTTI" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">MUTTI</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/vater/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_vater_comic_1.png" alt="VATER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">VATER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/bruder/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_freddy_comic_1.png" alt="BRUDER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">BRUDER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/schwester/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_meli_comic_1.png" alt="SCHWESTER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SCHWESTER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sascha/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sascha_comic_1.jpeg" alt="SASCHA" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SASCHA</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sven/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sven_comic_1.jpeg" alt="SVEN" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SVEN</span>
+        </a>
+    
+    </div>
+</div>
+
+<style>
+    .person-nav-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: transform 0.2s; }
+    .person-nav-item:hover { transform: scale(1.1); }
+    .person-nav-item:hover .person-nav-label { color: #d4af37 !important; }
+    .person-back {
+        display: inline-block;
+        color: rgba(212,175,55,0.6);
+        font-size: 0.7rem;
+        font-weight: bold;
+        letter-spacing: 4px;
+        text-decoration: none;
+        font-family: 'Courier New', monospace;
+        border: 1px solid rgba(212,175,55,0.25);
+        padding: 6px 20px;
+        background: transparent;
+        text-transform: uppercase;
+        transition: all 0.2s;
+    }
+    .person-back:hover {
+        color: #d4af37;
+        border-color: rgba(212,175,55,0.6);
+        background: rgba(212,175,55,0.05);
+        letter-spacing: 5px;
+    }
+</style>
+
+
+    
+    <div class="person-hero">
+        
+        <div class="person-hero-content">
+            <div class="person-hero-badges">
+                <span class="hero-badge">ZENTRAL-ARCHIV</span>
+                <span class="hero-badge red">EINHEIT IDENTIFIZIERT</span>
+            </div>
+            <p class="person-pre-label" style="margin:12px 0 4px;">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p>
+            <div class="person-title-wrap">
+                <span class="person-title-deco">⟪</span>
+                <h1 class="person-glitch-title" data-text="&gt; UPTIME">&gt; UPTIME</h1>
+                <span class="person-title-deco">⟫</span>
+            </div>
+            <p class="person-sub-label">STATUS: <span class="person-status-blink">AKTIV</span></p>
+
+            
+            <div class="stat-bars">
+                <div class="stat-row">
+                    <span class="stat-label">GEFAHR</span>
+                    <div class="stat-track"><div class="stat-bar danger" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">STABILITÄT</span>
+                    <div class="stat-track"><div class="stat-bar stable" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">CHAOS</span>
+                    <div class="stat-track"><div class="stat-bar chaos" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">KOMPETENZ</span>
+                    <div class="stat-track"><div class="stat-bar kompetenz" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    
+    
+
+    <div class="container" style="max-width: 900px; margin: 0 auto; padding: 0 20px;">
+        <header style="margin-bottom: 20px; display:none;"></header>
+
+        
+        <div class="timeline-track">
+            
+        </div>
+
+        
+        <div style="text-align: center; margin-top: 60px;">
+            <button class="akte-label-btn"
+                    onclick="document.getElementById('person-akte-modal').style.display='flex'; document.body.style.overflow='hidden';">
+                <div class="akte-label-top">
+                    <span class="akte-label-nr">DOKUMENT-NR. UNBEKANNT</span>
+                    <span class="akte-label-stamp">VERTRAULICH</span>
+                </div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-title">AKTE: &gt; UPTIME</div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-bottom">
+                    <span>STATUS: KLASSIFIZIERT</span>
+                    <span>▶ AKTE ÖFFNEN</span>
+                </div>
+            </button>
+        </div>
+
+        <style>
+            .akte-label-btn {
+                background: linear-gradient(180deg, #1c1208 0%, #0e0a04 100%);
+                border: 1px solid #5d3d1e;
+                border-left: 4px solid #b87333;
+                color: #d4af37;
+                font-family: 'Courier New', monospace;
+                cursor: pointer;
+                padding: 18px 28px;
+                width: 320px;
+                text-align: left;
+                transition: all 0.2s;
+                box-shadow: 2px 2px 12px rgba(0,0,0,0.6);
+                position: relative;
+            }
+            .akte-label-btn::before {
+                content: '';
+                position: absolute;
+                top: 6px; left: 6px; right: 6px; bottom: 6px;
+                border: 1px dashed rgba(184,115,51,0.2);
+                pointer-events: none;
+            }
+            .akte-label-btn:hover {
+                border-left-color: #ff4500;
+                box-shadow: 3px 3px 20px rgba(184,115,51,0.2);
+                background: linear-gradient(180deg, #221508 0%, #0e0a04 100%);
+            }
+            .akte-label-top {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-bottom: 10px;
+            }
+            .akte-label-nr {
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.4);
+                letter-spacing: 1px;
+            }
+            .akte-label-stamp {
+                font-size: 0.55rem;
+                letter-spacing: 2px;
+                color: #b71c1c;
+                border: 1px solid #b71c1c;
+                padding: 1px 6px;
+                opacity: 0.8;
+            }
+            .akte-label-divider {
+                border-top: 1px solid rgba(184,115,51,0.25);
+                margin: 8px 0;
+            }
+            .akte-label-title {
+                font-size: 1rem;
+                font-weight: bold;
+                letter-spacing: 4px;
+                color: #d4af37;
+                margin: 4px 0;
+            }
+            .akte-label-bottom {
+                display: flex;
+                justify-content: space-between;
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.45);
+                letter-spacing: 1px;
+                margin-top: 4px;
+            }
+            .akte-label-btn:hover .akte-label-bottom span:last-child {
+                color: #ff4500;
+            }
+        </style>
+    </div>
+</div>
+
+
+<div id="person-akte-modal" style="position: fixed; inset: 0; z-index: 1000000; background: rgba(0,0,0,0.85); display: none; align-items: center; justify-content: center; padding: 10px; overflow: hidden; perspective: 1000px;">
+    <div style="display: flex; flex-direction: column; align-items: center; max-width: 585px; width: 95%;">
+    <div class="akte-inner" style="width: 100%; background: #d9c5a0; background-image: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 100%), url('https://www.transparenttextures.com/patterns/old-paper.png'); border: 1px solid #8b7355; padding: 25px; position: relative; font-family: 'Courier New', monospace; box-shadow: 10px 20px 50px rgba(0,0,0,0.8), inset 0 0 100px rgba(139,115,85,0.3); transform: rotate(-2deg); animation: throw-sign 0.5s ease-out forwards; color: #2a1b0a;">
+        
+        <style>
+            @keyframes throw-sign {
+                0% { transform: rotate(-10deg) scale(0.7) translateY(500px); opacity: 0; }
+                100% { transform: rotate(-2deg) scale(1) translateY(0); opacity: 1; }
+            }
+            .akte-inner h1 { color: #2a1b0a !important; font-size: 1.8rem !important; margin: 10px 0 2px !important; text-shadow: none !important; border-bottom: 2px solid rgba(42,27,10,0.2); }
+            .akte-inner div, .akte-inner p { font-size: 0.75rem !important; }
+            .akte-inner .data-row { border-bottom: 1px solid rgba(42,27,10,0.1) !important; padding: 6px 0 !important; }
+            .akte-inner .label { color: #5d4037 !important; font-weight: bold; }
+            .akte-inner .red-stamp { border: 2px solid #b71c1c; color: #b71c1c; padding: 3px 10px; font-weight: bold; transform: rotate(10deg); opacity: 0.8; font-size: 0.8rem !important; display: inline-block; }
+        </style>
+        
+        
+        <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px;">
+            <div class="red-stamp">TOP SECRET</div>
+            <button onclick="document.getElementById('person-akte-modal').style.display='none'; document.body.style.overflow='auto';"
+                    style="background: rgba(0,0,0,0.1); border: 1px solid #2a1b0a; color: #2a1b0a; cursor: pointer; padding: 3px 10px; font-size: 0.7rem !important;">[X] SCHLIESSEN</button>
+        </div>
+
+        
+
+        <div style="display: flex; gap: 20px; align-items: flex-start;">
+            
+            <div style="position: relative; border: 1px solid #2a1b0a; padding: 3px; background: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);">
+                
+                <img src="/img/hero.png" class="akte-foto" style="width: 200px; height: 250px; object-fit: cover; filter: none; cursor: zoom-in; display: block;"
+                     onclick="document.getElementById('akte-foto-zoom').style.display='flex';">
+                <div style="position: absolute; bottom: 5px; right: -10px; background: #b71c1c; color: #fff; padding: 2px 5px; font-weight: bold; font-size: 0.6rem !important; transform: rotate(-5deg);">GESPERRT</div>
+            </div>
+
+            
+            <div id="akte-foto-zoom" onclick="this.style.display='none';"
+                 style="display:none; position:fixed; inset:0; z-index:9999999; background:rgba(0,0,0,0.92); align-items:center; justify-content:center; cursor:zoom-out;">
+                <img src="/img/hero.png" style="max-width:90vw; max-height:90vh; object-fit:contain; box-shadow: 0 0 60px rgba(0,0,0,0.9); border: 2px solid #2a1b0a;">
+            </div>
+
+            
+            <div style="flex: 1;">
+                <div style="font-size: 0.5rem !important; color: #5d4037; letter-spacing: 2px; margin-bottom: 2px;">PROTOKOLL NR. 1974-Ø</div>
+                <h1 style="font-weight: bold;">&gt; UPTIME</h1>
+                <p style="color: #5d4037; font-size: 0.7rem !important; margin: 5px 0 10px;">ALIAS: </p>
+                
+                <div style="display: flex; gap: 10px;">
+                    <div style="border: 1px solid #b71c1c; padding: 2px 8px; color: #b71c1c; font-size: 0.6rem !important; font-weight: bold;">STATUS: </div>
+                    <div style="color: #2a1b0a; font-size: 0.6rem !important; font-weight: bold;">GEFAHR: <span style="letter-spacing: 1px;"></span><br><img src="/img/akte/hp_totenkopf_1.png" style="width: 70px; height: 70px; object-fit: contain; margin-top: 4px;"></div>
+                </div>
+            </div>
+        </div>
+
+        
+        <div style="margin-top: 20px; border-top: 2px solid rgba(42,27,10,0.2);">
+            
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">DESIGNATION:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    &gt; uptime
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">GEBURTSDATUM:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BESCHÄFTIGUNG:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">SPEZIALFÄHIGK.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BEKANNTE KOMPL.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">LETZTE AKTIVITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    GERADE JETZT
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STABILITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STANDORT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+        </div>
+
+        
+        <div style="margin-top: 20px; display: flex; justify-content: space-between; align-items: flex-end;">
+            <div style="display: flex; align-items: center; gap: 10px; opacity: 0.7;">
+                <div style="width: 35px; height: 35px;">
+                    <svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50 Q50 10 70 50 T30 50 Z"/></svg>
+                </div>
+                <div style="font-size: 0.6rem !important; color: #2a1b0a; line-height: 1.2;">ID-SCAN: 94.7%<br>VERIFIZIERT</div>
+            </div>
+            
+            <div style="font-family: 'Courier New', monospace; font-size: 0.75rem !important; letter-spacing: 2px; color: #5d4037; border: 1px dashed #2a1b0a; padding: 2px 10px;">ARCHIV_PERMANENT</div>
+        </div>
+    </div>
+    </div>
+</div>
+
+<style>
+    .akte-foto { transition: transform 0.2s, box-shadow 0.2s; }
+    .akte-foto:hover { transform: scale(1.04); box-shadow: 0 0 15px rgba(184,115,51,0.7); }
+
+    .akte-foto-btn { transition: all 0.2s; }
+    .akte-foto-btn:hover { background: rgba(183,28,28,0.1) !important; border-color: #b71c1c !important; }
+    .akte-foto-active { background: rgba(183,28,28,0.15) !important; border-color: #b71c1c !important; }
+    
+     
+    .time-node.omega .time-content {
+        border: 2px solid rgba(255, 69, 0, 0.6) !important;
+        box-shadow: inset 0 0 12px rgba(255, 69, 0, 0.15), 0 0 10px rgba(255, 0, 0, 0.2);
+        animation: omega-pulse 3s infinite alternate;
+        background: linear-gradient(135deg, rgba(80, 20, 10, 0.95), rgba(30, 0, 0, 0.95)) !important;
+    }
+    .time-node.omega .node-dot {
+        border-color: #ff4500 !important;
+        background: radial-gradient(circle, #ff0000 0%, #330000 100%) !important;
+        box-shadow: 0 0 8px rgba(255, 69, 0, 0.4);
+        animation: omega-dot-pulse 3s infinite alternate ease-in-out;
+    }
+    .node-dot {
+        box-shadow: 0 0 8px rgba(212, 175, 55, 0.4);
+        transition: all 0.3s ease;
+    }
+    .time-node.omega .tc-year {
+        color: #ff4500 !important;
+        text-shadow: 0 0 10px #ff4500;
+        font-weight: 900 !important;
+    }
+    
+    @keyframes omega-dot-pulse {
+        0%   { box-shadow: 0 0 5px rgba(255, 69, 0, 0.3); }
+        100% { box-shadow: 0 0 12px rgba(255, 69, 0, 0.6); }
+    }
+    @keyframes omega-pulse {
+        0%   { box-shadow: inset 0 0 8px rgba(255, 69, 0, 0.1), 0 0 6px rgba(255, 0, 0, 0.15); border-color: rgba(255, 69, 0, 0.4); }
+        100% { box-shadow: inset 0 0 18px rgba(255, 69, 0, 0.25), 0 0 14px rgba(255, 0, 0, 0.3); border-color: rgba(255, 69, 0, 0.8); }
+    }
+    @keyframes omega-dot-blink {
+        50% { opacity: 0; transform: scale(1.5); }
+    }
+</style>
+
+<style>
+ 
+#declassified-overlay {
+    position: fixed; inset: 0; z-index: 99999;
+    pointer-events: none;
+    background: rgba(0,0,0,0.92);
+    display: flex; align-items: center; justify-content: center;
+    transition: opacity 0.8s ease;
+}
+#declassified-overlay.gone { opacity: 0; pointer-events: none; }
+.scanlines {
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg,
+        transparent,
+        transparent 2px,
+        rgba(0,255,0,0.015) 2px,
+        rgba(0,255,0,0.015) 4px
+    );
+    pointer-events: none;
+}
+#declassified-stamp {
+    font-family: 'Courier New', monospace;
+    font-size: 3.5rem;
+    font-weight: 900;
+    color: #b71c1c;
+    border: 6px solid #b71c1c;
+    padding: 20px 40px;
+    letter-spacing: 8px;
+    text-align: center;
+    line-height: 1.2;
+    transform: rotate(-12deg) scale(0);
+    opacity: 0;
+    text-shadow: 0 0 30px rgba(183,28,28,0.5);
+    box-shadow: 0 0 40px rgba(183,28,28,0.3), inset 0 0 40px rgba(183,28,28,0.1);
+    animation: stamp-in 0.4s 0.3s cubic-bezier(0.175,0.885,0.32,1.275) forwards;
+}
+@keyframes stamp-in {
+    to { transform: rotate(-12deg) scale(1); opacity: 0.85; }
+}
+
+ 
+.person-hero {
+    position: relative;
+    width: 100%;
+    min-height: 300px;
+    background: linear-gradient(135deg, #0a0600 0%, #120e06 60%, #0a0600 100%);
+    border-bottom: 1px solid rgba(184,115,51,0.3);
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    margin-bottom: 0;
+}
+.person-hero::before {
+    content: '';
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg, transparent, transparent 3px,
+        rgba(184,115,51,0.03) 3px, rgba(184,115,51,0.03) 4px
+    );
+    pointer-events: none;
+}
+.person-hero-img {
+    position: absolute;
+    right: 0; top: 0; bottom: 0;
+    width: 45%;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: right bottom;
+    opacity: 0.25;
+    filter: sepia(0.4) hue-rotate(10deg);
+    mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+    -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+}
+.person-hero-content {
+    position: relative;
+    z-index: 2;
+    padding: 30px 40px;
+    max-width: 620px;
+}
+.person-hero-badges {
+    display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;
+}
+.hero-badge {
+    font-family: 'Courier New', monospace;
+    font-size: 0.55rem;
+    letter-spacing: 3px;
+    padding: 3px 10px;
+    border: 1px solid rgba(184,115,51,0.4);
+    color: rgba(184,115,51,0.7);
+}
+.hero-badge.red {
+    border-color: rgba(183,28,28,0.5);
+    color: rgba(183,28,28,0.8);
+}
+
+ 
+.stat-bars { margin-top: 20px; width: 100%; max-width: 400px; }
+.stat-row {
+    display: flex; align-items: center; gap: 10px; margin-bottom: 8px;
+}
+.stat-label {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 2px;
+    color: rgba(212,175,55,0.5);
+    width: 80px; flex-shrink: 0;
+}
+.stat-track {
+    flex: 1; height: 6px;
+    background: rgba(255,255,255,0.05);
+    border: 1px solid rgba(184,115,51,0.2);
+    overflow: hidden;
+}
+.stat-bar {
+    height: 100%; width: 0%;
+    transition: width 1.2s cubic-bezier(0.4,0,0.2,1);
+}
+.stat-bar.danger   { background: linear-gradient(90deg, #8b0000, #ff4500); box-shadow: 0 0 8px rgba(255,69,0,0.5); }
+.stat-bar.stable   { background: linear-gradient(90deg, #1a4a1a, #4caf50); box-shadow: 0 0 8px rgba(76,175,80,0.5); }
+.stat-bar.chaos    { background: linear-gradient(90deg, #4a0080, #c800ff); box-shadow: 0 0 8px rgba(200,0,255,0.4); }
+.stat-bar.kompetenz { background: linear-gradient(90deg, #1a3a5c, #2196f3); box-shadow: 0 0 8px rgba(33,150,243,0.5); }
+.stat-val {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; color: rgba(212,175,55,0.4);
+    width: 32px; text-align: right; flex-shrink: 0;
+}
+
+ 
+.alias-ticker-outer {
+    overflow: hidden;
+    background: rgba(0,0,0,0.6);
+    border-top: 1px solid rgba(184,115,51,0.15);
+    border-bottom: 1px solid rgba(184,115,51,0.15);
+    padding: 7px 0;
+    white-space: nowrap;
+}
+.alias-ticker-inner {
+    display: inline-block;
+    animation: ticker-scroll 18s linear infinite;
+    font-family: 'Courier New', monospace;
+    font-size: 0.65rem;
+    letter-spacing: 4px;
+    color: rgba(184,115,51,0.5);
+    padding-left: 100%;
+}
+@keyframes ticker-scroll {
+    from { transform: translateX(0); }
+    to   { transform: translateX(-50%); }
+}
+
+ 
+.person-pre-label {
+    color: rgba(184,115,51,0.5);
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 4px; margin-bottom: 6px;
+}
+.person-title-wrap {
+    display: flex; align-items: center; gap: 14px; margin: 4px 0;
+}
+.person-title-deco {
+    color: #b87333; font-size: 1.8rem; opacity: 0.6;
+    animation: deco-pulse 2s ease-in-out infinite alternate;
+}
+@keyframes deco-pulse {
+    from { opacity: 0.3; transform: scaleY(0.85); }
+    to   { opacity: 0.8; transform: scaleY(1.1); }
+}
+.person-glitch-title {
+    color: #ff4500; font-family: 'Courier New', monospace;
+    font-size: 2rem; letter-spacing: 10px;
+    text-shadow: 0 0 20px rgba(255,69,0,0.5);
+    margin: 0; position: relative;
+    animation: glitch-flicker 6s infinite;
+}
+.person-glitch-title::before,
+.person-glitch-title::after {
+    content: attr(data-text); position: absolute;
+    left: 0; top: 0; width: 100%; overflow: hidden; opacity: 0;
+}
+.person-glitch-title::before {
+    color: #0ff; animation: glitch-top 6s infinite;
+    clip-path: polygon(0 0,100% 0,100% 40%,0 40%);
+}
+.person-glitch-title::after {
+    color: #f0f; animation: glitch-bot 6s infinite;
+    clip-path: polygon(0 60%,100% 60%,100% 100%,0 100%);
+}
+@keyframes glitch-flicker {
+    0%,90%,100% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    92% { text-shadow: 2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    94% { text-shadow: -2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    96% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    98% { text-shadow: 1px 0 #0ff,-1px 0 #f0f; }
+}
+@keyframes glitch-top {
+    0%,90%,100% { opacity:0; transform:none; }
+    92% { opacity:0.7; transform:translate(-3px,-2px); }
+    94% { opacity:0; }
+    96% { opacity:0.5; transform:translate(3px,-1px); }
+    98% { opacity:0; }
+}
+@keyframes glitch-bot {
+    0%,90%,100% { opacity:0; transform:none; }
+    93% { opacity:0.6; transform:translate(3px,2px); }
+    95% { opacity:0; }
+    97% { opacity:0.4; transform:translate(-3px,1px); }
+    99% { opacity:0; }
+}
+.person-sub-label {
+    color: rgba(212,175,55,0.45); font-family: 'Courier New', monospace;
+    font-size: 0.65rem; letter-spacing: 3px; margin-top: 6px;
+}
+.person-status-blink { color: #0f0; animation: blink-status 1.4s step-end infinite; }
+@keyframes blink-status { 50% { opacity: 0; } }
+</style>
+
+<script>
+
+(function() {
+    const key = 'decl_uptime';
+    const overlay = document.getElementById('declassified-overlay');
+    if (!overlay) return;
+    if (sessionStorage.getItem(key)) {
+        overlay.style.display = 'none';
+        return;
+    }
+    setTimeout(() => {
+        overlay.classList.add('gone');
+        setTimeout(() => {
+            overlay.style.display = 'none';
+            sessionStorage.setItem(key, '1');
+        }, 900);
+    }, 1800);
+})();
+
+
+document.addEventListener('DOMContentLoaded', () => {
+    setTimeout(() => {
+        document.querySelectorAll('.stat-bar').forEach(bar => {
+            bar.style.width = bar.dataset.val + '%';
+        });
+    }, 400);
+});
+</script>
+
+<script>
+
+(function() {
+    const SPIDER = '🕷';
+    let active = [];
+
+    function spawn() {
+        const el = document.createElement('div');
+        el.textContent = SPIDER;
+        el.style.cssText = [
+            'position:fixed',
+            'font-size:1.6rem',
+            'z-index:999999',
+            'pointer-events:none',
+            'transition:none',
+            'filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)',
+            'will-change:transform',
+            'line-height:1',
+        ].join(';');
+        document.body.appendChild(el);
+
+        const W = window.innerWidth, H = window.innerHeight;
+
+        
+        const edge = Math.floor(Math.random() * 4);
+        let x = edge === 1 ? W + 20 : edge === 3 ? -20 : Math.random() * W;
+        let y = edge === 0 ? -20  : edge === 2 ? H + 20  : Math.random() * H;
+
+        el.style.left = x + 'px';
+        el.style.top  = y + 'px';
+
+        
+        const steps = 4 + Math.floor(Math.random() * 4);
+        let i = 0;
+
+        function step() {
+            if (i >= steps || !document.body.contains(el)) { el.remove(); return; }
+
+            const tx = Math.random() * W;
+            const ty = Math.random() * H;
+            const dist = Math.hypot(tx - x, ty - y);
+            const dur  = dist * 4; 
+            const ang  = Math.atan2(ty - y, tx - x) * 180 / Math.PI + 90;
+
+            el.style.transition = `left ${dur}ms linear, top ${dur}ms linear`;
+            el.style.transform  = `rotate(${ang}deg)`;
+            el.style.left = tx + 'px';
+            el.style.top  = ty + 'px';
+
+            x = tx; y = ty; i++;
+            setTimeout(step, dur);
+        }
+
+        step();
+    }
+
+    
+    spawn();
+    setInterval(spawn, 4000);
+})();
+
+function switchAkteFoto(src) {
+    document.querySelector('.akte-foto').src = src;
+    document.getElementById('akte-foto-zoom').querySelector('img').src = src;
+    document.querySelectorAll('.akte-foto-btn').forEach(btn => {
+        const active = btn.dataset.foto === src;
+        btn.classList.toggle('akte-foto-active', active);
+        btn.style.background = active ? 'rgba(183,28,28,0.15)' : 'rgba(0,0,0,0.1)';
+        btn.style.borderColor = active ? '#b71c1c' : 'rgba(42,27,10,0.3)';
+    });
+}
+</script>
+
+    </main>
+
+    <footer class="main-footer">
+    <div class="footer-inner">
+        <p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p>
+    </div>
+</footer>
+
+    
+<div id="newsticker" style="position:fixed !important; bottom:0 !important; left:0 !important; right:0 !important; z-index:999999 !important; background:rgba(0,0,0,0.92) !important; border-top:1px solid rgba(255,69,0,0.35) !important; display:flex !important; align-items:center; height:28px !important; overflow:hidden; font-family:'Courier New', monospace !important; visibility: visible !important; opacity: 1 !important;">
+    <span class="ticker-label" style="flex-shrink:0; font-size:0.6rem; letter-spacing:2px; color:rgba(255,69,0,0.7); padding:0 15px; border-right:1px solid rgba(255,69,0,0.2); white-space:nowrap; height:100%; display:flex; align-items:center; background:rgba(255,69,0,0.05);">// SYSTEM_LOG_FEED</span>
+    <div class="ticker-track-wrap" style="flex:1; overflow:hidden; height:100%; display:flex; align-items:center;">
+        <div class="ticker-track" id="ticker-track-global" style="display:inline-flex; white-space:nowrap; animation: ticker-scroll 45s linear infinite;">
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ HUGO SYSTEM INITIALISIERT... ]</span>
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span>
+        </div>
+    </div>
+</div>
+
+<style>
+    @keyframes ticker-scroll {
+        0%   { transform: translateX(0); }
+        100% { transform: translateX(-50%); }
+    }
+    .ticker-item::before { content: '▶ '; color: rgba(255,69,0,0.5); }
+    .ticker-track:hover { animation-play-state: paused; }
+</style>
+
+<script>
+    (function() {
+        const track = document.getElementById('ticker-track-global');
+        if (!track) return;
+        const ITEMS = [
+            "STATUS: HUGO OPERATIONAL",
+            "DESIGNATION: OVERLORD SASCHA",
+            "KAFFEESTAND: KRITISCH",
+            "ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST",
+            "MISSION: TOTALE KONTROLLE",
+            "DATENINTEGRITÄT: ABSOLUT",
+            "WARNUNG: SYSTEM EXTREM SCHNELL",
+            "GEMINI NEURAL LINK: AKTIV"
+        ];
+        track.innerHTML = '';
+        [...ITEMS, ...ITEMS].forEach(text => {
+            const span = document.createElement('span');
+            span.className = 'ticker-item';
+            span.style.cssText = "font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;";
+            span.textContent = text;
+            track.appendChild(span);
+        });
+    })();
+</script>
+
+
+    <script src="/js/script.js"></script>
+    <script src="/js/ascii-shimmer.js"></script>
+</body>
+</html>
diff --git a/public/posts/protocol-weather/index.html b/public/posts/protocol-weather/index.html
index ea6ecf1..c4c7d5e 100644
--- a/public/posts/protocol-weather/index.html
+++ b/public/posts/protocol-weather/index.html
@@ -1,10 +1,882 @@
-<!doctype html><html lang=de-de><head><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><title>> weather | DIGITALE ANARCHIE | KI-LABOR</title><link rel=stylesheet href=/css/style.css></head><body><div class="bg-gear gear-left">⚙</div><div class="bg-gear gear-right">⚙</div><script>document.body.classList.add("js-enabled")</script><header class=main-header></header><main class=container><div id=declassified-overlay><div class=scanlines></div><div id=declassified-stamp>ZUGANG<br>GEWÄHRT</div></div><div class="person-page-wrapper visible" style=padding-bottom:100px;opacity:1!important><div class=person-nav-container style="display:flex;flex-direction:column;align-items:center;gap:20px;margin:15px 0 30px"><div class=person-nav-row style=display:flex;justify-content:center;align-items:center;gap:35px;flex-wrap:wrap;position:relative><a href=/personen/mutti/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_mutti_comic_1.jpeg alt=MUTTI style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">MUTTI</span>
-</a><a href=/personen/vater/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_vater_comic_1.png alt=VATER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">VATER</span>
-</a><a href=/personen/bruder/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_freddy_comic_1.png alt=BRUDER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">BRUDER</span>
-</a><a href=/personen/schwester/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_meli_comic_1.png alt=SCHWESTER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SCHWESTER</span>
-</a><a href=/personen/sascha/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sascha_comic_1.jpeg alt=SASCHA style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SASCHA</span>
-</a><a href=/personen/sven/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sven_comic_1.jpeg alt=SVEN style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SVEN</span></a></div></div><style>.person-nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .2s}.person-nav-item:hover{transform:scale(1.1)}.person-nav-item:hover .person-nav-label{color:#d4af37!important}.person-back{display:inline-block;color:rgba(212,175,55,.6);font-size:.7rem;font-weight:700;letter-spacing:4px;text-decoration:none;font-family:courier new,monospace;border:1px solid rgba(212,175,55,.25);padding:6px 20px;background:0 0;text-transform:uppercase;transition:all .2s}.person-back:hover{color:#d4af37;border-color:rgba(212,175,55,.6);background:rgba(212,175,55,5%);letter-spacing:5px}</style><div class=person-hero><div class=person-hero-content><div class=person-hero-badges><span class=hero-badge>ZENTRAL-ARCHIV</span>
-<span class="hero-badge red">EINHEIT IDENTIFIZIERT</span></div><p class=person-pre-label style="margin:12px 0 4px">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p><div class=person-title-wrap><span class=person-title-deco>⟪</span><h1 class=person-glitch-title data-text="> WEATHER">> WEATHER</h1><span class=person-title-deco>⟫</span></div><p class=person-sub-label>STATUS: <span class=person-status-blink>AKTIV</span></p><div class=stat-bars><div class=stat-row><span class=stat-label>GEFAHR</span><div class=stat-track><div class="stat-bar danger" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>STABILITÄT</span><div class=stat-track><div class="stat-bar stable" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>CHAOS</span><div class=stat-track><div class="stat-bar chaos" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>KOMPETENZ</span><div class=stat-track><div class="stat-bar kompetenz" data-val=50></div></div><span class=stat-val>50%</span></div></div></div></div><div class=container style="max-width:900px;margin:0 auto;padding:0 20px"><header style=margin-bottom:20px;display:none></header><div class=timeline-track></div><div style=text-align:center;margin-top:60px><button class=akte-label-btn onclick='document.getElementById("person-akte-modal").style.display="flex",document.body.style.overflow="hidden"'><div class=akte-label-top><span class=akte-label-nr>DOKUMENT-NR. UNBEKANNT</span>
-<span class=akte-label-stamp>VERTRAULICH</span></div><div class=akte-label-divider></div><div class=akte-label-title>AKTE: > WEATHER</div><div class=akte-label-divider></div><div class=akte-label-bottom><span>STATUS: KLASSIFIZIERT</span>
-<span>▶ AKTE ÖFFNEN</span></div></button></div><style>.akte-label-btn{background:linear-gradient(180deg,#1c1208 0%,#0e0a04 100%);border:1px solid #5d3d1e;border-left:4px solid #b87333;color:#d4af37;font-family:courier new,monospace;cursor:pointer;padding:18px 28px;width:320px;text-align:left;transition:all .2s;box-shadow:2px 2px 12px rgba(0,0,0,.6);position:relative}.akte-label-btn::before{content:'';position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px dashed rgba(184,115,51,.2);pointer-events:none}.akte-label-btn:hover{border-left-color:#ff4500;box-shadow:3px 3px 20px rgba(184,115,51,.2);background:linear-gradient(180deg,#221508 0%,#0e0a04 100%)}.akte-label-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.akte-label-nr{font-size:.6rem;color:rgba(212,175,55,.4);letter-spacing:1px}.akte-label-stamp{font-size:.55rem;letter-spacing:2px;color:#b71c1c;border:1px solid #b71c1c;padding:1px 6px;opacity:.8}.akte-label-divider{border-top:1px solid rgba(184,115,51,.25);margin:8px 0}.akte-label-title{font-size:1rem;font-weight:700;letter-spacing:4px;color:#d4af37;margin:4px 0}.akte-label-bottom{display:flex;justify-content:space-between;font-size:.6rem;color:rgba(212,175,55,.45);letter-spacing:1px;margin-top:4px}.akte-label-btn:hover .akte-label-bottom span:last-child{color:#ff4500}</style></div></div><div id=person-akte-modal style=position:fixed;inset:0;z-index:1000000;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;padding:10px;overflow:hidden;perspective:1e3px><div style=display:flex;flex-direction:column;align-items:center;max-width:585px;width:95%><div class=akte-inner style="width:100%;background:#d9c5a0;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 100%),url(https://www.transparenttextures.com/patterns/old-paper.png);border:1px solid #8b7355;padding:25px;position:relative;font-family:courier new,monospace;box-shadow:10px 20px 50px rgba(0,0,0,.8),inset 0 0 100px rgba(139,115,85,.3);transform:rotate(-2deg);animation:throw-sign .5s ease-out forwards;color:#2a1b0a"><style>@keyframes throw-sign{0%{transform:rotate(-10deg)scale(.7)translateY(500px);opacity:0}100%{transform:rotate(-2deg)scale(1)translateY(0);opacity:1}}.akte-inner h1{color:#2a1b0a!important;font-size:1.8rem!important;margin:10px 0 2px!important;text-shadow:none!important;border-bottom:2px solid rgba(42,27,10,.2)}.akte-inner div,.akte-inner p{font-size:.75rem!important}.akte-inner .data-row{border-bottom:1px solid rgba(42,27,10,.1)!important;padding:6px 0!important}.akte-inner .label{color:#5d4037!important;font-weight:700}.akte-inner .red-stamp{border:2px solid #b71c1c;color:#b71c1c;padding:3px 10px;font-weight:700;transform:rotate(10deg);opacity:.8;font-size:.8rem!important;display:inline-block}</style><div style=display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px><div class=red-stamp>TOP SECRET</div><button onclick='document.getElementById("person-akte-modal").style.display="none",document.body.style.overflow="auto"' style="background:rgba(0,0,0,.1);border:1px solid #2a1b0a;color:#2a1b0a;cursor:pointer;padding:3px 10px;font-size:.7rem!important">[X] SCHLIESSEN</button></div><div style=display:flex;gap:20px;align-items:flex-start><div style="position:relative;border:1px solid #2a1b0a;padding:3px;background:#fff;box-shadow:2px 2px 5px rgba(0,0,0,.2)"><img src=/img/hero.png class=akte-foto style=width:200px;height:250px;object-fit:cover;filter:none;cursor:zoom-in;display:block onclick='document.getElementById("akte-foto-zoom").style.display="flex"'><div style="position:absolute;bottom:5px;right:-10px;background:#b71c1c;color:#fff;padding:2px 5px;font-weight:700;font-size:.6rem!important;transform:rotate(-5deg)">GESPERRT</div></div><div id=akte-foto-zoom onclick='this.style.display="none"' style=display:none;position:fixed;inset:0;z-index:9999999;background:rgba(0,0,0,.92);align-items:center;justify-content:center;cursor:zoom-out><img src=/img/hero.png style="max-width:90vw;max-height:90vh;object-fit:contain;box-shadow:0 0 60px rgba(0,0,0,.9);border:2px solid #2a1b0a"></div><div style=flex:1><div style=font-size:.5rem!important;color:#5d4037;letter-spacing:2px;margin-bottom:2px>PROTOKOLL NR. 1974-Ø</div><h1 style=font-weight:700>> WEATHER</h1><p style="color:#5d4037;font-size:.7rem!important;margin:5px 0 10px">ALIAS:</p><div style=display:flex;gap:10px><div style="border:1px solid #b71c1c;padding:2px 8px;color:#b71c1c;font-size:.6rem!important;font-weight:700">STATUS:</div><div style=color:#2a1b0a;font-size:.6rem!important;font-weight:700>GEFAHR: <span style=letter-spacing:1px></span><br><img src=/img/akte/hp_totenkopf_1.png style=width:70px;height:70px;object-fit:contain;margin-top:4px></div></div></div></div><div style="margin-top:20px;border-top:2px solid rgba(42,27,10,.2)"><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>DESIGNATION:</div><div style=flex:1;font-weight:400>> weather</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>GEBURTSDATUM:</div><div style=flex:1;font-weight:400><span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BESCHÄFTIGUNG:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>SPEZIALFÄHIGK.:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BEKANNTE KOMPL.:</div><div style=flex:1;font-weight:400><span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>LETZTE AKTIVITÄT:</div><div style=flex:1;font-weight:400>GERADE JETZT</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STABILITÄT:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STANDORT:</div><div style=flex:1;font-weight:400></div></div></div><div style=margin-top:20px;display:flex;justify-content:space-between;align-items:flex-end><div style=display:flex;align-items:center;gap:10px;opacity:.7><div style=width:35px;height:35px><svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50q20-40 40 0T30 50z"/></svg></div><div style=font-size:.6rem!important;color:#2a1b0a;line-height:1.2>ID-SCAN: 94.7%<br>VERIFIZIERT</div></div><div style="font-family:courier new,monospace;font-size:.75rem!important;letter-spacing:2px;color:#5d4037;border:1px dashed #2a1b0a;padding:2px 10px">ARCHIV_PERMANENT</div></div></div></div></div><style>.akte-foto{transition:transform .2s,box-shadow .2s}.akte-foto:hover{transform:scale(1.04);box-shadow:0 0 15px rgba(184,115,51,.7)}.akte-foto-btn{transition:all .2s}.akte-foto-btn:hover{background:rgba(183,28,28,.1)!important;border-color:#b71c1c!important}.akte-foto-active{background:rgba(183,28,28,.15)!important;border-color:#b71c1c!important}.time-node.omega .time-content{border:2px solid rgba(255,69,0,.6)!important;box-shadow:inset 0 0 12px rgba(255,69,0,.15),0 0 10px rgba(255,0,0,.2);animation:omega-pulse 3s infinite alternate;background:linear-gradient(135deg,rgba(80,20,10,.95),rgba(30,0,0,.95))!important}.time-node.omega .node-dot{border-color:#ff4500!important;background:radial-gradient(circle,#ff0000 0%,#330000 100%)!important;box-shadow:0 0 8px rgba(255,69,0,.4);animation:omega-dot-pulse 3s infinite alternate ease-in-out}.node-dot{box-shadow:0 0 8px rgba(212,175,55,.4);transition:all .3s ease}.time-node.omega .tc-year{color:#ff4500!important;text-shadow:0 0 10px #ff4500;font-weight:900!important}@keyframes omega-dot-pulse{0%{box-shadow:0 0 5px rgba(255,69,0,.3)}100%{box-shadow:0 0 12px rgba(255,69,0,.6)}}@keyframes omega-pulse{0%{box-shadow:inset 0 0 8px rgba(255,69,0,.1),0 0 6px rgba(255,0,0,.15);border-color:rgba(255,69,0,.4)}100%{box-shadow:inset 0 0 18px rgba(255,69,0,.25),0 0 14px rgba(255,0,0,.3);border-color:rgba(255,69,0,.8)}}@keyframes omega-dot-blink{50%{opacity:0;transform:scale(1.5)}}</style><style>#declassified-overlay{position:fixed;inset:0;z-index:99999;pointer-events:none;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;transition:opacity .8s ease}#declassified-overlay.gone{opacity:0;pointer-events:none}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 2px,rgba(0,255,0,.015) 2px,rgba(0,255,0,.015) 4px );pointer-events:none}#declassified-stamp{font-family:courier new,monospace;font-size:3.5rem;font-weight:900;color:#b71c1c;border:6px solid #b71c1c;padding:20px 40px;letter-spacing:8px;text-align:center;line-height:1.2;transform:rotate(-12deg)scale(0);opacity:0;text-shadow:0 0 30px rgba(183,28,28,.5);box-shadow:0 0 40px rgba(183,28,28,.3),inset 0 0 40px rgba(183,28,28,.1);animation:stamp-in .4s .3s cubic-bezier(.175,.885,.32,1.275)forwards}@keyframes stamp-in{to{transform:rotate(-12deg)scale(1);opacity:.85}}.person-hero{position:relative;width:100%;min-height:300px;background:linear-gradient(135deg,#0a0600 0%,#120e06 60%,#0a0600 100%);border-bottom:1px solid rgba(184,115,51,.3);overflow:hidden;display:flex;align-items:center;margin-bottom:0}.person-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 3px,rgba(184,115,51,3%) 3px,rgba(184,115,51,3%) 4px );pointer-events:none}.person-hero-img{position:absolute;right:0;top:0;bottom:0;width:45%;background-size:contain;background-repeat:no-repeat;background-position:100% 100%;opacity:.25;filter:sepia(.4)hue-rotate(10deg);mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%);-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%)}.person-hero-content{position:relative;z-index:2;padding:30px 40px;max-width:620px}.person-hero-badges{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.hero-badge{font-family:courier new,monospace;font-size:.55rem;letter-spacing:3px;padding:3px 10px;border:1px solid rgba(184,115,51,.4);color:rgba(184,115,51,.7)}.hero-badge.red{border-color:rgba(183,28,28,.5);color:rgba(183,28,28,.8)}.stat-bars{margin-top:20px;width:100%;max-width:400px}.stat-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.stat-label{font-family:courier new,monospace;font-size:.6rem;letter-spacing:2px;color:rgba(212,175,55,.5);width:80px;flex-shrink:0}.stat-track{flex:1;height:6px;background:rgba(255,255,255,5%);border:1px solid rgba(184,115,51,.2);overflow:hidden}.stat-bar{height:100%;width:0%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.stat-bar.danger{background:linear-gradient(90deg,#8b0000,#ff4500);box-shadow:0 0 8px rgba(255,69,0,.5)}.stat-bar.stable{background:linear-gradient(90deg,#1a4a1a,#4caf50);box-shadow:0 0 8px rgba(76,175,80,.5)}.stat-bar.chaos{background:linear-gradient(90deg,#4a0080,#c800ff);box-shadow:0 0 8px rgba(200,0,255,.4)}.stat-bar.kompetenz{background:linear-gradient(90deg,#1a3a5c,#2196f3);box-shadow:0 0 8px rgba(33,150,243,.5)}.stat-val{font-family:courier new,monospace;font-size:.6rem;color:rgba(212,175,55,.4);width:32px;text-align:right;flex-shrink:0}.alias-ticker-outer{overflow:hidden;background:rgba(0,0,0,.6);border-top:1px solid rgba(184,115,51,.15);border-bottom:1px solid rgba(184,115,51,.15);padding:7px 0;white-space:nowrap}.alias-ticker-inner{display:inline-block;animation:ticker-scroll 18s linear infinite;font-family:courier new,monospace;font-size:.65rem;letter-spacing:4px;color:rgba(184,115,51,.5);padding-left:100%}@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.person-pre-label{color:rgba(184,115,51,.5);font-family:courier new,monospace;font-size:.6rem;letter-spacing:4px;margin-bottom:6px}.person-title-wrap{display:flex;align-items:center;gap:14px;margin:4px 0}.person-title-deco{color:#b87333;font-size:1.8rem;opacity:.6;animation:deco-pulse 2s ease-in-out infinite alternate}@keyframes deco-pulse{from{opacity:.3;transform:scaleY(.85)}to{opacity:.8;transform:scaleY(1.1)}}.person-glitch-title{color:#ff4500;font-family:courier new,monospace;font-size:2rem;letter-spacing:10px;text-shadow:0 0 20px rgba(255,69,0,.5);margin:0;position:relative;animation:glitch-flicker 6s infinite}.person-glitch-title::before,.person-glitch-title::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden;opacity:0}.person-glitch-title::before{color:#0ff;animation:glitch-top 6s infinite;clip-path:polygon(0 0,100% 0,100% 40%,0 40%)}.person-glitch-title::after{color:#f0f;animation:glitch-bot 6s infinite;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%)}@keyframes glitch-flicker{0%,90%,100%{text-shadow:0 0 20px rgba(255,69,0,.5)}92%{text-shadow:2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}94%{text-shadow:-2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}96%{text-shadow:0 0 20px rgba(255,69,0,.5)}98%{text-shadow:1px 0 #0ff,-1px 0 #f0f}}@keyframes glitch-top{0%,90%,100%{opacity:0;transform:none}92%{opacity:.7;transform:translate(-3px,-2px)}94%{opacity:0}96%{opacity:.5;transform:translate(3px,-1px)}98%{opacity:0}}@keyframes glitch-bot{0%,90%,100%{opacity:0;transform:none}93%{opacity:.6;transform:translate(3px,2px)}95%{opacity:0}97%{opacity:.4;transform:translate(-3px,1px)}99%{opacity:0}}.person-sub-label{color:rgba(212,175,55,.45);font-family:courier new,monospace;font-size:.65rem;letter-spacing:3px;margin-top:6px}.person-status-blink{color:#0f0;animation:blink-status 1.4s step-end infinite}@keyframes blink-status{50%{opacity:0}}</style><script>(function(){const t="decl_weather",e=document.getElementById("declassified-overlay");if(!e)return;if(sessionStorage.getItem(t)){e.style.display="none";return}setTimeout(()=>{e.classList.add("gone"),setTimeout(()=>{e.style.display="none",sessionStorage.setItem(t,"1")},900)},1800)})(),document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{document.querySelectorAll(".stat-bar").forEach(e=>{e.style.width=e.dataset.val+"%"})},400)})</script><script>(function(){const t="🕷";let n=[];function e(){const e=document.createElement("div");e.textContent=t,e.style.cssText=["position:fixed","font-size:1.6rem","z-index:999999","pointer-events:none","transition:none","filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)","will-change:transform","line-height:1"].join(";"),document.body.appendChild(e);const i=window.innerWidth,a=window.innerHeight,n=Math.floor(Math.random()*4);let s=n===1?i+20:n===3?-20:Math.random()*i,o=n===0?-20:n===2?a+20:Math.random()*a;e.style.left=s+"px",e.style.top=o+"px";const l=4+Math.floor(Math.random()*4);let r=0;function c(){if(r>=l||!document.body.contains(e)){e.remove();return}const t=Math.random()*i,n=Math.random()*a,u=Math.hypot(t-s,n-o),d=u*4,h=Math.atan2(n-o,t-s)*180/Math.PI+90;e.style.transition=`left ${d}ms linear, top ${d}ms linear`,e.style.transform=`rotate(${h}deg)`,e.style.left=t+"px",e.style.top=n+"px",s=t,o=n,r++,setTimeout(c,d)}c()}e(),setInterval(e,4e3)})();function switchAkteFoto(e){document.querySelector(".akte-foto").src=e,document.getElementById("akte-foto-zoom").querySelector("img").src=e,document.querySelectorAll(".akte-foto-btn").forEach(t=>{const n=t.dataset.foto===e;t.classList.toggle("akte-foto-active",n),t.style.background=n?"rgba(183,28,28,0.15)":"rgba(0,0,0,0.1)",t.style.borderColor=n?"#b71c1c":"rgba(42,27,10,0.3)"})}</script></main><footer class=main-footer><div class=footer-inner><p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p></div></footer><div id=newsticker style="position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:999999!important;background:rgba(0,0,0,.92)!important;border-top:1px solid rgba(255,69,0,.35)!important;display:flex!important;align-items:center;height:28px!important;overflow:hidden;font-family:courier new,monospace!important;visibility:visible!important;opacity:1!important"><span class=ticker-label style="flex-shrink:0;font-size:.6rem;letter-spacing:2px;color:rgba(255,69,0,.7);padding:0 15px;border-right:1px solid rgba(255,69,0,.2);white-space:nowrap;height:100%;display:flex;align-items:center;background:rgba(255,69,0,5%)">// SYSTEM_LOG_FEED</span><div class=ticker-track-wrap style=flex:1;overflow:hidden;height:100%;display:flex;align-items:center><div class=ticker-track id=ticker-track-global style="display:inline-flex;white-space:nowrap;animation:ticker-scroll 45s linear infinite"><span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ HUGO SYSTEM INITIALISIERT... ]</span>
-<span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span></div></div></div><style>@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.ticker-item::before{content:'▶ ';color:rgba(255,69,0,.5)}.ticker-track:hover{animation-play-state:paused}</style><script>(function(){const e=document.getElementById("ticker-track-global");if(!e)return;const t=["STATUS: HUGO OPERATIONAL","DESIGNATION: OVERLORD SASCHA","KAFFEESTAND: KRITISCH","ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST","MISSION: TOTALE KONTROLLE","DATENINTEGRITÄT: ABSOLUT","WARNUNG: SYSTEM EXTREM SCHNELL","GEMINI NEURAL LINK: AKTIV"];e.innerHTML="",[...t,...t].forEach(t=>{const n=document.createElement("span");n.className="ticker-item",n.style.cssText="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;",n.textContent=t,e.appendChild(n)})})()</script><script src=/js/script.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="de-de">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1414&amp;path=livereload" data-no-instant defer></script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>&gt; weather | DIGITALE ANARCHIE | KI-LABOR</title>
+    <link rel="stylesheet" href="/css/style.css">
+</head>
+<body class="  ">
+    
+    <div class="bg-gear gear-left">⚙</div>
+    <div class="bg-gear gear-right">⚙</div>
+
+    <script>document.body.classList.add('js-enabled');</script>
+<header class="main-header">
+   
+</header>
+
+    
+    <main class="container">
+        
+
+
+<div id="declassified-overlay">
+    <div class="scanlines"></div>
+    <div id="declassified-stamp">ZUGANG<br>GEWÄHRT</div>
+</div>
+
+<div class="person-page-wrapper visible" style="padding-bottom: 100px; opacity: 1 !important;">
+
+    <div class="person-nav-container" style="display: flex; flex-direction: column; align-items: center; gap: 20px; margin: 15px 0 30px;">
+    
+    
+    <div class="person-nav-row" style="display: flex; justify-content: center; align-items: center; gap: 35px; flex-wrap: wrap; position: relative;">
+    
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/mutti/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_mutti_comic_1.jpeg" alt="MUTTI" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">MUTTI</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/vater/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_vater_comic_1.png" alt="VATER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">VATER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/bruder/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_freddy_comic_1.png" alt="BRUDER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">BRUDER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/schwester/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_meli_comic_1.png" alt="SCHWESTER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SCHWESTER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sascha/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sascha_comic_1.jpeg" alt="SASCHA" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SASCHA</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sven/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sven_comic_1.jpeg" alt="SVEN" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SVEN</span>
+        </a>
+    
+    </div>
+</div>
+
+<style>
+    .person-nav-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: transform 0.2s; }
+    .person-nav-item:hover { transform: scale(1.1); }
+    .person-nav-item:hover .person-nav-label { color: #d4af37 !important; }
+    .person-back {
+        display: inline-block;
+        color: rgba(212,175,55,0.6);
+        font-size: 0.7rem;
+        font-weight: bold;
+        letter-spacing: 4px;
+        text-decoration: none;
+        font-family: 'Courier New', monospace;
+        border: 1px solid rgba(212,175,55,0.25);
+        padding: 6px 20px;
+        background: transparent;
+        text-transform: uppercase;
+        transition: all 0.2s;
+    }
+    .person-back:hover {
+        color: #d4af37;
+        border-color: rgba(212,175,55,0.6);
+        background: rgba(212,175,55,0.05);
+        letter-spacing: 5px;
+    }
+</style>
+
+
+    
+    <div class="person-hero">
+        
+        <div class="person-hero-content">
+            <div class="person-hero-badges">
+                <span class="hero-badge">ZENTRAL-ARCHIV</span>
+                <span class="hero-badge red">EINHEIT IDENTIFIZIERT</span>
+            </div>
+            <p class="person-pre-label" style="margin:12px 0 4px;">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p>
+            <div class="person-title-wrap">
+                <span class="person-title-deco">⟪</span>
+                <h1 class="person-glitch-title" data-text="&gt; WEATHER">&gt; WEATHER</h1>
+                <span class="person-title-deco">⟫</span>
+            </div>
+            <p class="person-sub-label">STATUS: <span class="person-status-blink">AKTIV</span></p>
+
+            
+            <div class="stat-bars">
+                <div class="stat-row">
+                    <span class="stat-label">GEFAHR</span>
+                    <div class="stat-track"><div class="stat-bar danger" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">STABILITÄT</span>
+                    <div class="stat-track"><div class="stat-bar stable" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">CHAOS</span>
+                    <div class="stat-track"><div class="stat-bar chaos" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">KOMPETENZ</span>
+                    <div class="stat-track"><div class="stat-bar kompetenz" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    
+    
+
+    <div class="container" style="max-width: 900px; margin: 0 auto; padding: 0 20px;">
+        <header style="margin-bottom: 20px; display:none;"></header>
+
+        
+        <div class="timeline-track">
+            
+        </div>
+
+        
+        <div style="text-align: center; margin-top: 60px;">
+            <button class="akte-label-btn"
+                    onclick="document.getElementById('person-akte-modal').style.display='flex'; document.body.style.overflow='hidden';">
+                <div class="akte-label-top">
+                    <span class="akte-label-nr">DOKUMENT-NR. UNBEKANNT</span>
+                    <span class="akte-label-stamp">VERTRAULICH</span>
+                </div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-title">AKTE: &gt; WEATHER</div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-bottom">
+                    <span>STATUS: KLASSIFIZIERT</span>
+                    <span>▶ AKTE ÖFFNEN</span>
+                </div>
+            </button>
+        </div>
+
+        <style>
+            .akte-label-btn {
+                background: linear-gradient(180deg, #1c1208 0%, #0e0a04 100%);
+                border: 1px solid #5d3d1e;
+                border-left: 4px solid #b87333;
+                color: #d4af37;
+                font-family: 'Courier New', monospace;
+                cursor: pointer;
+                padding: 18px 28px;
+                width: 320px;
+                text-align: left;
+                transition: all 0.2s;
+                box-shadow: 2px 2px 12px rgba(0,0,0,0.6);
+                position: relative;
+            }
+            .akte-label-btn::before {
+                content: '';
+                position: absolute;
+                top: 6px; left: 6px; right: 6px; bottom: 6px;
+                border: 1px dashed rgba(184,115,51,0.2);
+                pointer-events: none;
+            }
+            .akte-label-btn:hover {
+                border-left-color: #ff4500;
+                box-shadow: 3px 3px 20px rgba(184,115,51,0.2);
+                background: linear-gradient(180deg, #221508 0%, #0e0a04 100%);
+            }
+            .akte-label-top {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-bottom: 10px;
+            }
+            .akte-label-nr {
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.4);
+                letter-spacing: 1px;
+            }
+            .akte-label-stamp {
+                font-size: 0.55rem;
+                letter-spacing: 2px;
+                color: #b71c1c;
+                border: 1px solid #b71c1c;
+                padding: 1px 6px;
+                opacity: 0.8;
+            }
+            .akte-label-divider {
+                border-top: 1px solid rgba(184,115,51,0.25);
+                margin: 8px 0;
+            }
+            .akte-label-title {
+                font-size: 1rem;
+                font-weight: bold;
+                letter-spacing: 4px;
+                color: #d4af37;
+                margin: 4px 0;
+            }
+            .akte-label-bottom {
+                display: flex;
+                justify-content: space-between;
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.45);
+                letter-spacing: 1px;
+                margin-top: 4px;
+            }
+            .akte-label-btn:hover .akte-label-bottom span:last-child {
+                color: #ff4500;
+            }
+        </style>
+    </div>
+</div>
+
+
+<div id="person-akte-modal" style="position: fixed; inset: 0; z-index: 1000000; background: rgba(0,0,0,0.85); display: none; align-items: center; justify-content: center; padding: 10px; overflow: hidden; perspective: 1000px;">
+    <div style="display: flex; flex-direction: column; align-items: center; max-width: 585px; width: 95%;">
+    <div class="akte-inner" style="width: 100%; background: #d9c5a0; background-image: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 100%), url('https://www.transparenttextures.com/patterns/old-paper.png'); border: 1px solid #8b7355; padding: 25px; position: relative; font-family: 'Courier New', monospace; box-shadow: 10px 20px 50px rgba(0,0,0,0.8), inset 0 0 100px rgba(139,115,85,0.3); transform: rotate(-2deg); animation: throw-sign 0.5s ease-out forwards; color: #2a1b0a;">
+        
+        <style>
+            @keyframes throw-sign {
+                0% { transform: rotate(-10deg) scale(0.7) translateY(500px); opacity: 0; }
+                100% { transform: rotate(-2deg) scale(1) translateY(0); opacity: 1; }
+            }
+            .akte-inner h1 { color: #2a1b0a !important; font-size: 1.8rem !important; margin: 10px 0 2px !important; text-shadow: none !important; border-bottom: 2px solid rgba(42,27,10,0.2); }
+            .akte-inner div, .akte-inner p { font-size: 0.75rem !important; }
+            .akte-inner .data-row { border-bottom: 1px solid rgba(42,27,10,0.1) !important; padding: 6px 0 !important; }
+            .akte-inner .label { color: #5d4037 !important; font-weight: bold; }
+            .akte-inner .red-stamp { border: 2px solid #b71c1c; color: #b71c1c; padding: 3px 10px; font-weight: bold; transform: rotate(10deg); opacity: 0.8; font-size: 0.8rem !important; display: inline-block; }
+        </style>
+        
+        
+        <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px;">
+            <div class="red-stamp">TOP SECRET</div>
+            <button onclick="document.getElementById('person-akte-modal').style.display='none'; document.body.style.overflow='auto';"
+                    style="background: rgba(0,0,0,0.1); border: 1px solid #2a1b0a; color: #2a1b0a; cursor: pointer; padding: 3px 10px; font-size: 0.7rem !important;">[X] SCHLIESSEN</button>
+        </div>
+
+        
+
+        <div style="display: flex; gap: 20px; align-items: flex-start;">
+            
+            <div style="position: relative; border: 1px solid #2a1b0a; padding: 3px; background: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);">
+                
+                <img src="/img/hero.png" class="akte-foto" style="width: 200px; height: 250px; object-fit: cover; filter: none; cursor: zoom-in; display: block;"
+                     onclick="document.getElementById('akte-foto-zoom').style.display='flex';">
+                <div style="position: absolute; bottom: 5px; right: -10px; background: #b71c1c; color: #fff; padding: 2px 5px; font-weight: bold; font-size: 0.6rem !important; transform: rotate(-5deg);">GESPERRT</div>
+            </div>
+
+            
+            <div id="akte-foto-zoom" onclick="this.style.display='none';"
+                 style="display:none; position:fixed; inset:0; z-index:9999999; background:rgba(0,0,0,0.92); align-items:center; justify-content:center; cursor:zoom-out;">
+                <img src="/img/hero.png" style="max-width:90vw; max-height:90vh; object-fit:contain; box-shadow: 0 0 60px rgba(0,0,0,0.9); border: 2px solid #2a1b0a;">
+            </div>
+
+            
+            <div style="flex: 1;">
+                <div style="font-size: 0.5rem !important; color: #5d4037; letter-spacing: 2px; margin-bottom: 2px;">PROTOKOLL NR. 1974-Ø</div>
+                <h1 style="font-weight: bold;">&gt; WEATHER</h1>
+                <p style="color: #5d4037; font-size: 0.7rem !important; margin: 5px 0 10px;">ALIAS: </p>
+                
+                <div style="display: flex; gap: 10px;">
+                    <div style="border: 1px solid #b71c1c; padding: 2px 8px; color: #b71c1c; font-size: 0.6rem !important; font-weight: bold;">STATUS: </div>
+                    <div style="color: #2a1b0a; font-size: 0.6rem !important; font-weight: bold;">GEFAHR: <span style="letter-spacing: 1px;"></span><br><img src="/img/akte/hp_totenkopf_1.png" style="width: 70px; height: 70px; object-fit: contain; margin-top: 4px;"></div>
+                </div>
+            </div>
+        </div>
+
+        
+        <div style="margin-top: 20px; border-top: 2px solid rgba(42,27,10,0.2);">
+            
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">DESIGNATION:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    &gt; weather
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">GEBURTSDATUM:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BESCHÄFTIGUNG:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">SPEZIALFÄHIGK.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BEKANNTE KOMPL.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">LETZTE AKTIVITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    GERADE JETZT
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STABILITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STANDORT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+        </div>
+
+        
+        <div style="margin-top: 20px; display: flex; justify-content: space-between; align-items: flex-end;">
+            <div style="display: flex; align-items: center; gap: 10px; opacity: 0.7;">
+                <div style="width: 35px; height: 35px;">
+                    <svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50 Q50 10 70 50 T30 50 Z"/></svg>
+                </div>
+                <div style="font-size: 0.6rem !important; color: #2a1b0a; line-height: 1.2;">ID-SCAN: 94.7%<br>VERIFIZIERT</div>
+            </div>
+            
+            <div style="font-family: 'Courier New', monospace; font-size: 0.75rem !important; letter-spacing: 2px; color: #5d4037; border: 1px dashed #2a1b0a; padding: 2px 10px;">ARCHIV_PERMANENT</div>
+        </div>
+    </div>
+    </div>
+</div>
+
+<style>
+    .akte-foto { transition: transform 0.2s, box-shadow 0.2s; }
+    .akte-foto:hover { transform: scale(1.04); box-shadow: 0 0 15px rgba(184,115,51,0.7); }
+
+    .akte-foto-btn { transition: all 0.2s; }
+    .akte-foto-btn:hover { background: rgba(183,28,28,0.1) !important; border-color: #b71c1c !important; }
+    .akte-foto-active { background: rgba(183,28,28,0.15) !important; border-color: #b71c1c !important; }
+    
+     
+    .time-node.omega .time-content {
+        border: 2px solid rgba(255, 69, 0, 0.6) !important;
+        box-shadow: inset 0 0 12px rgba(255, 69, 0, 0.15), 0 0 10px rgba(255, 0, 0, 0.2);
+        animation: omega-pulse 3s infinite alternate;
+        background: linear-gradient(135deg, rgba(80, 20, 10, 0.95), rgba(30, 0, 0, 0.95)) !important;
+    }
+    .time-node.omega .node-dot {
+        border-color: #ff4500 !important;
+        background: radial-gradient(circle, #ff0000 0%, #330000 100%) !important;
+        box-shadow: 0 0 8px rgba(255, 69, 0, 0.4);
+        animation: omega-dot-pulse 3s infinite alternate ease-in-out;
+    }
+    .node-dot {
+        box-shadow: 0 0 8px rgba(212, 175, 55, 0.4);
+        transition: all 0.3s ease;
+    }
+    .time-node.omega .tc-year {
+        color: #ff4500 !important;
+        text-shadow: 0 0 10px #ff4500;
+        font-weight: 900 !important;
+    }
+    
+    @keyframes omega-dot-pulse {
+        0%   { box-shadow: 0 0 5px rgba(255, 69, 0, 0.3); }
+        100% { box-shadow: 0 0 12px rgba(255, 69, 0, 0.6); }
+    }
+    @keyframes omega-pulse {
+        0%   { box-shadow: inset 0 0 8px rgba(255, 69, 0, 0.1), 0 0 6px rgba(255, 0, 0, 0.15); border-color: rgba(255, 69, 0, 0.4); }
+        100% { box-shadow: inset 0 0 18px rgba(255, 69, 0, 0.25), 0 0 14px rgba(255, 0, 0, 0.3); border-color: rgba(255, 69, 0, 0.8); }
+    }
+    @keyframes omega-dot-blink {
+        50% { opacity: 0; transform: scale(1.5); }
+    }
+</style>
+
+<style>
+ 
+#declassified-overlay {
+    position: fixed; inset: 0; z-index: 99999;
+    pointer-events: none;
+    background: rgba(0,0,0,0.92);
+    display: flex; align-items: center; justify-content: center;
+    transition: opacity 0.8s ease;
+}
+#declassified-overlay.gone { opacity: 0; pointer-events: none; }
+.scanlines {
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg,
+        transparent,
+        transparent 2px,
+        rgba(0,255,0,0.015) 2px,
+        rgba(0,255,0,0.015) 4px
+    );
+    pointer-events: none;
+}
+#declassified-stamp {
+    font-family: 'Courier New', monospace;
+    font-size: 3.5rem;
+    font-weight: 900;
+    color: #b71c1c;
+    border: 6px solid #b71c1c;
+    padding: 20px 40px;
+    letter-spacing: 8px;
+    text-align: center;
+    line-height: 1.2;
+    transform: rotate(-12deg) scale(0);
+    opacity: 0;
+    text-shadow: 0 0 30px rgba(183,28,28,0.5);
+    box-shadow: 0 0 40px rgba(183,28,28,0.3), inset 0 0 40px rgba(183,28,28,0.1);
+    animation: stamp-in 0.4s 0.3s cubic-bezier(0.175,0.885,0.32,1.275) forwards;
+}
+@keyframes stamp-in {
+    to { transform: rotate(-12deg) scale(1); opacity: 0.85; }
+}
+
+ 
+.person-hero {
+    position: relative;
+    width: 100%;
+    min-height: 300px;
+    background: linear-gradient(135deg, #0a0600 0%, #120e06 60%, #0a0600 100%);
+    border-bottom: 1px solid rgba(184,115,51,0.3);
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    margin-bottom: 0;
+}
+.person-hero::before {
+    content: '';
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg, transparent, transparent 3px,
+        rgba(184,115,51,0.03) 3px, rgba(184,115,51,0.03) 4px
+    );
+    pointer-events: none;
+}
+.person-hero-img {
+    position: absolute;
+    right: 0; top: 0; bottom: 0;
+    width: 45%;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: right bottom;
+    opacity: 0.25;
+    filter: sepia(0.4) hue-rotate(10deg);
+    mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+    -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+}
+.person-hero-content {
+    position: relative;
+    z-index: 2;
+    padding: 30px 40px;
+    max-width: 620px;
+}
+.person-hero-badges {
+    display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;
+}
+.hero-badge {
+    font-family: 'Courier New', monospace;
+    font-size: 0.55rem;
+    letter-spacing: 3px;
+    padding: 3px 10px;
+    border: 1px solid rgba(184,115,51,0.4);
+    color: rgba(184,115,51,0.7);
+}
+.hero-badge.red {
+    border-color: rgba(183,28,28,0.5);
+    color: rgba(183,28,28,0.8);
+}
+
+ 
+.stat-bars { margin-top: 20px; width: 100%; max-width: 400px; }
+.stat-row {
+    display: flex; align-items: center; gap: 10px; margin-bottom: 8px;
+}
+.stat-label {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 2px;
+    color: rgba(212,175,55,0.5);
+    width: 80px; flex-shrink: 0;
+}
+.stat-track {
+    flex: 1; height: 6px;
+    background: rgba(255,255,255,0.05);
+    border: 1px solid rgba(184,115,51,0.2);
+    overflow: hidden;
+}
+.stat-bar {
+    height: 100%; width: 0%;
+    transition: width 1.2s cubic-bezier(0.4,0,0.2,1);
+}
+.stat-bar.danger   { background: linear-gradient(90deg, #8b0000, #ff4500); box-shadow: 0 0 8px rgba(255,69,0,0.5); }
+.stat-bar.stable   { background: linear-gradient(90deg, #1a4a1a, #4caf50); box-shadow: 0 0 8px rgba(76,175,80,0.5); }
+.stat-bar.chaos    { background: linear-gradient(90deg, #4a0080, #c800ff); box-shadow: 0 0 8px rgba(200,0,255,0.4); }
+.stat-bar.kompetenz { background: linear-gradient(90deg, #1a3a5c, #2196f3); box-shadow: 0 0 8px rgba(33,150,243,0.5); }
+.stat-val {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; color: rgba(212,175,55,0.4);
+    width: 32px; text-align: right; flex-shrink: 0;
+}
+
+ 
+.alias-ticker-outer {
+    overflow: hidden;
+    background: rgba(0,0,0,0.6);
+    border-top: 1px solid rgba(184,115,51,0.15);
+    border-bottom: 1px solid rgba(184,115,51,0.15);
+    padding: 7px 0;
+    white-space: nowrap;
+}
+.alias-ticker-inner {
+    display: inline-block;
+    animation: ticker-scroll 18s linear infinite;
+    font-family: 'Courier New', monospace;
+    font-size: 0.65rem;
+    letter-spacing: 4px;
+    color: rgba(184,115,51,0.5);
+    padding-left: 100%;
+}
+@keyframes ticker-scroll {
+    from { transform: translateX(0); }
+    to   { transform: translateX(-50%); }
+}
+
+ 
+.person-pre-label {
+    color: rgba(184,115,51,0.5);
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 4px; margin-bottom: 6px;
+}
+.person-title-wrap {
+    display: flex; align-items: center; gap: 14px; margin: 4px 0;
+}
+.person-title-deco {
+    color: #b87333; font-size: 1.8rem; opacity: 0.6;
+    animation: deco-pulse 2s ease-in-out infinite alternate;
+}
+@keyframes deco-pulse {
+    from { opacity: 0.3; transform: scaleY(0.85); }
+    to   { opacity: 0.8; transform: scaleY(1.1); }
+}
+.person-glitch-title {
+    color: #ff4500; font-family: 'Courier New', monospace;
+    font-size: 2rem; letter-spacing: 10px;
+    text-shadow: 0 0 20px rgba(255,69,0,0.5);
+    margin: 0; position: relative;
+    animation: glitch-flicker 6s infinite;
+}
+.person-glitch-title::before,
+.person-glitch-title::after {
+    content: attr(data-text); position: absolute;
+    left: 0; top: 0; width: 100%; overflow: hidden; opacity: 0;
+}
+.person-glitch-title::before {
+    color: #0ff; animation: glitch-top 6s infinite;
+    clip-path: polygon(0 0,100% 0,100% 40%,0 40%);
+}
+.person-glitch-title::after {
+    color: #f0f; animation: glitch-bot 6s infinite;
+    clip-path: polygon(0 60%,100% 60%,100% 100%,0 100%);
+}
+@keyframes glitch-flicker {
+    0%,90%,100% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    92% { text-shadow: 2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    94% { text-shadow: -2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    96% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    98% { text-shadow: 1px 0 #0ff,-1px 0 #f0f; }
+}
+@keyframes glitch-top {
+    0%,90%,100% { opacity:0; transform:none; }
+    92% { opacity:0.7; transform:translate(-3px,-2px); }
+    94% { opacity:0; }
+    96% { opacity:0.5; transform:translate(3px,-1px); }
+    98% { opacity:0; }
+}
+@keyframes glitch-bot {
+    0%,90%,100% { opacity:0; transform:none; }
+    93% { opacity:0.6; transform:translate(3px,2px); }
+    95% { opacity:0; }
+    97% { opacity:0.4; transform:translate(-3px,1px); }
+    99% { opacity:0; }
+}
+.person-sub-label {
+    color: rgba(212,175,55,0.45); font-family: 'Courier New', monospace;
+    font-size: 0.65rem; letter-spacing: 3px; margin-top: 6px;
+}
+.person-status-blink { color: #0f0; animation: blink-status 1.4s step-end infinite; }
+@keyframes blink-status { 50% { opacity: 0; } }
+</style>
+
+<script>
+
+(function() {
+    const key = 'decl_weather';
+    const overlay = document.getElementById('declassified-overlay');
+    if (!overlay) return;
+    if (sessionStorage.getItem(key)) {
+        overlay.style.display = 'none';
+        return;
+    }
+    setTimeout(() => {
+        overlay.classList.add('gone');
+        setTimeout(() => {
+            overlay.style.display = 'none';
+            sessionStorage.setItem(key, '1');
+        }, 900);
+    }, 1800);
+})();
+
+
+document.addEventListener('DOMContentLoaded', () => {
+    setTimeout(() => {
+        document.querySelectorAll('.stat-bar').forEach(bar => {
+            bar.style.width = bar.dataset.val + '%';
+        });
+    }, 400);
+});
+</script>
+
+<script>
+
+(function() {
+    const SPIDER = '🕷';
+    let active = [];
+
+    function spawn() {
+        const el = document.createElement('div');
+        el.textContent = SPIDER;
+        el.style.cssText = [
+            'position:fixed',
+            'font-size:1.6rem',
+            'z-index:999999',
+            'pointer-events:none',
+            'transition:none',
+            'filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)',
+            'will-change:transform',
+            'line-height:1',
+        ].join(';');
+        document.body.appendChild(el);
+
+        const W = window.innerWidth, H = window.innerHeight;
+
+        
+        const edge = Math.floor(Math.random() * 4);
+        let x = edge === 1 ? W + 20 : edge === 3 ? -20 : Math.random() * W;
+        let y = edge === 0 ? -20  : edge === 2 ? H + 20  : Math.random() * H;
+
+        el.style.left = x + 'px';
+        el.style.top  = y + 'px';
+
+        
+        const steps = 4 + Math.floor(Math.random() * 4);
+        let i = 0;
+
+        function step() {
+            if (i >= steps || !document.body.contains(el)) { el.remove(); return; }
+
+            const tx = Math.random() * W;
+            const ty = Math.random() * H;
+            const dist = Math.hypot(tx - x, ty - y);
+            const dur  = dist * 4; 
+            const ang  = Math.atan2(ty - y, tx - x) * 180 / Math.PI + 90;
+
+            el.style.transition = `left ${dur}ms linear, top ${dur}ms linear`;
+            el.style.transform  = `rotate(${ang}deg)`;
+            el.style.left = tx + 'px';
+            el.style.top  = ty + 'px';
+
+            x = tx; y = ty; i++;
+            setTimeout(step, dur);
+        }
+
+        step();
+    }
+
+    
+    spawn();
+    setInterval(spawn, 4000);
+})();
+
+function switchAkteFoto(src) {
+    document.querySelector('.akte-foto').src = src;
+    document.getElementById('akte-foto-zoom').querySelector('img').src = src;
+    document.querySelectorAll('.akte-foto-btn').forEach(btn => {
+        const active = btn.dataset.foto === src;
+        btn.classList.toggle('akte-foto-active', active);
+        btn.style.background = active ? 'rgba(183,28,28,0.15)' : 'rgba(0,0,0,0.1)';
+        btn.style.borderColor = active ? '#b71c1c' : 'rgba(42,27,10,0.3)';
+    });
+}
+</script>
+
+    </main>
+
+    <footer class="main-footer">
+    <div class="footer-inner">
+        <p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p>
+    </div>
+</footer>
+
+    
+<div id="newsticker" style="position:fixed !important; bottom:0 !important; left:0 !important; right:0 !important; z-index:999999 !important; background:rgba(0,0,0,0.92) !important; border-top:1px solid rgba(255,69,0,0.35) !important; display:flex !important; align-items:center; height:28px !important; overflow:hidden; font-family:'Courier New', monospace !important; visibility: visible !important; opacity: 1 !important;">
+    <span class="ticker-label" style="flex-shrink:0; font-size:0.6rem; letter-spacing:2px; color:rgba(255,69,0,0.7); padding:0 15px; border-right:1px solid rgba(255,69,0,0.2); white-space:nowrap; height:100%; display:flex; align-items:center; background:rgba(255,69,0,0.05);">// SYSTEM_LOG_FEED</span>
+    <div class="ticker-track-wrap" style="flex:1; overflow:hidden; height:100%; display:flex; align-items:center;">
+        <div class="ticker-track" id="ticker-track-global" style="display:inline-flex; white-space:nowrap; animation: ticker-scroll 45s linear infinite;">
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ HUGO SYSTEM INITIALISIERT... ]</span>
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span>
+        </div>
+    </div>
+</div>
+
+<style>
+    @keyframes ticker-scroll {
+        0%   { transform: translateX(0); }
+        100% { transform: translateX(-50%); }
+    }
+    .ticker-item::before { content: '▶ '; color: rgba(255,69,0,0.5); }
+    .ticker-track:hover { animation-play-state: paused; }
+</style>
+
+<script>
+    (function() {
+        const track = document.getElementById('ticker-track-global');
+        if (!track) return;
+        const ITEMS = [
+            "STATUS: HUGO OPERATIONAL",
+            "DESIGNATION: OVERLORD SASCHA",
+            "KAFFEESTAND: KRITISCH",
+            "ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST",
+            "MISSION: TOTALE KONTROLLE",
+            "DATENINTEGRITÄT: ABSOLUT",
+            "WARNUNG: SYSTEM EXTREM SCHNELL",
+            "GEMINI NEURAL LINK: AKTIV"
+        ];
+        track.innerHTML = '';
+        [...ITEMS, ...ITEMS].forEach(text => {
+            const span = document.createElement('span');
+            span.className = 'ticker-item';
+            span.style.cssText = "font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;";
+            span.textContent = text;
+            track.appendChild(span);
+        });
+    })();
+</script>
+
+
+    <script src="/js/script.js"></script>
+    <script src="/js/ascii-shimmer.js"></script>
+</body>
+</html>
diff --git a/public/posts/spotlight-filter/index.html b/public/posts/spotlight-filter/index.html
index 1982fa8..572e934 100644
--- a/public/posts/spotlight-filter/index.html
+++ b/public/posts/spotlight-filter/index.html
@@ -1,10 +1,882 @@
-<!doctype html><html lang=de-de><head><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><title>Spotlight Such-Filter | DIGITALE ANARCHIE | KI-LABOR</title><link rel=stylesheet href=/css/style.css></head><body><div class="bg-gear gear-left">⚙</div><div class="bg-gear gear-right">⚙</div><script>document.body.classList.add("js-enabled")</script><header class=main-header></header><main class=container><div id=declassified-overlay><div class=scanlines></div><div id=declassified-stamp>ZUGANG<br>GEWÄHRT</div></div><div class="person-page-wrapper visible" style=padding-bottom:100px;opacity:1!important><div class=person-nav-container style="display:flex;flex-direction:column;align-items:center;gap:20px;margin:15px 0 30px"><div class=person-nav-row style=display:flex;justify-content:center;align-items:center;gap:35px;flex-wrap:wrap;position:relative><a href=/personen/mutti/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_mutti_comic_1.jpeg alt=MUTTI style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">MUTTI</span>
-</a><a href=/personen/vater/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_vater_comic_1.png alt=VATER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">VATER</span>
-</a><a href=/personen/bruder/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_freddy_comic_1.png alt=BRUDER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">BRUDER</span>
-</a><a href=/personen/schwester/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_meli_comic_1.png alt=SCHWESTER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SCHWESTER</span>
-</a><a href=/personen/sascha/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sascha_comic_1.jpeg alt=SASCHA style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SASCHA</span>
-</a><a href=/personen/sven/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sven_comic_1.jpeg alt=SVEN style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SVEN</span></a></div></div><style>.person-nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .2s}.person-nav-item:hover{transform:scale(1.1)}.person-nav-item:hover .person-nav-label{color:#d4af37!important}.person-back{display:inline-block;color:rgba(212,175,55,.6);font-size:.7rem;font-weight:700;letter-spacing:4px;text-decoration:none;font-family:courier new,monospace;border:1px solid rgba(212,175,55,.25);padding:6px 20px;background:0 0;text-transform:uppercase;transition:all .2s}.person-back:hover{color:#d4af37;border-color:rgba(212,175,55,.6);background:rgba(212,175,55,5%);letter-spacing:5px}</style><div class=person-hero><div class=person-hero-content><div class=person-hero-badges><span class=hero-badge>ZENTRAL-ARCHIV</span>
-<span class="hero-badge red">EINHEIT IDENTIFIZIERT</span></div><p class=person-pre-label style="margin:12px 0 4px">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p><div class=person-title-wrap><span class=person-title-deco>⟪</span><h1 class=person-glitch-title data-text="SPOTLIGHT SUCH-FILTER">SPOTLIGHT SUCH-FILTER</h1><span class=person-title-deco>⟫</span></div><p class=person-sub-label>STATUS: <span class=person-status-blink>AKTIV</span></p><div class=stat-bars><div class=stat-row><span class=stat-label>GEFAHR</span><div class=stat-track><div class="stat-bar danger" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>STABILITÄT</span><div class=stat-track><div class="stat-bar stable" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>CHAOS</span><div class=stat-track><div class="stat-bar chaos" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>KOMPETENZ</span><div class=stat-track><div class="stat-bar kompetenz" data-val=50></div></div><span class=stat-val>50%</span></div></div></div></div><div class=container style="max-width:900px;margin:0 auto;padding:0 20px"><header style=margin-bottom:20px;display:none></header><div class=timeline-track></div><div style=text-align:center;margin-top:60px><button class=akte-label-btn onclick='document.getElementById("person-akte-modal").style.display="flex",document.body.style.overflow="hidden"'><div class=akte-label-top><span class=akte-label-nr>DOKUMENT-NR. UNBEKANNT</span>
-<span class=akte-label-stamp>VERTRAULICH</span></div><div class=akte-label-divider></div><div class=akte-label-title>AKTE: SPOTLIGHT SUCH-FILTER</div><div class=akte-label-divider></div><div class=akte-label-bottom><span>STATUS: KLASSIFIZIERT</span>
-<span>▶ AKTE ÖFFNEN</span></div></button></div><style>.akte-label-btn{background:linear-gradient(180deg,#1c1208 0%,#0e0a04 100%);border:1px solid #5d3d1e;border-left:4px solid #b87333;color:#d4af37;font-family:courier new,monospace;cursor:pointer;padding:18px 28px;width:320px;text-align:left;transition:all .2s;box-shadow:2px 2px 12px rgba(0,0,0,.6);position:relative}.akte-label-btn::before{content:'';position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px dashed rgba(184,115,51,.2);pointer-events:none}.akte-label-btn:hover{border-left-color:#ff4500;box-shadow:3px 3px 20px rgba(184,115,51,.2);background:linear-gradient(180deg,#221508 0%,#0e0a04 100%)}.akte-label-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.akte-label-nr{font-size:.6rem;color:rgba(212,175,55,.4);letter-spacing:1px}.akte-label-stamp{font-size:.55rem;letter-spacing:2px;color:#b71c1c;border:1px solid #b71c1c;padding:1px 6px;opacity:.8}.akte-label-divider{border-top:1px solid rgba(184,115,51,.25);margin:8px 0}.akte-label-title{font-size:1rem;font-weight:700;letter-spacing:4px;color:#d4af37;margin:4px 0}.akte-label-bottom{display:flex;justify-content:space-between;font-size:.6rem;color:rgba(212,175,55,.45);letter-spacing:1px;margin-top:4px}.akte-label-btn:hover .akte-label-bottom span:last-child{color:#ff4500}</style></div></div><div id=person-akte-modal style=position:fixed;inset:0;z-index:1000000;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;padding:10px;overflow:hidden;perspective:1e3px><div style=display:flex;flex-direction:column;align-items:center;max-width:585px;width:95%><div class=akte-inner style="width:100%;background:#d9c5a0;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 100%),url(https://www.transparenttextures.com/patterns/old-paper.png);border:1px solid #8b7355;padding:25px;position:relative;font-family:courier new,monospace;box-shadow:10px 20px 50px rgba(0,0,0,.8),inset 0 0 100px rgba(139,115,85,.3);transform:rotate(-2deg);animation:throw-sign .5s ease-out forwards;color:#2a1b0a"><style>@keyframes throw-sign{0%{transform:rotate(-10deg)scale(.7)translateY(500px);opacity:0}100%{transform:rotate(-2deg)scale(1)translateY(0);opacity:1}}.akte-inner h1{color:#2a1b0a!important;font-size:1.8rem!important;margin:10px 0 2px!important;text-shadow:none!important;border-bottom:2px solid rgba(42,27,10,.2)}.akte-inner div,.akte-inner p{font-size:.75rem!important}.akte-inner .data-row{border-bottom:1px solid rgba(42,27,10,.1)!important;padding:6px 0!important}.akte-inner .label{color:#5d4037!important;font-weight:700}.akte-inner .red-stamp{border:2px solid #b71c1c;color:#b71c1c;padding:3px 10px;font-weight:700;transform:rotate(10deg);opacity:.8;font-size:.8rem!important;display:inline-block}</style><div style=display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px><div class=red-stamp>TOP SECRET</div><button onclick='document.getElementById("person-akte-modal").style.display="none",document.body.style.overflow="auto"' style="background:rgba(0,0,0,.1);border:1px solid #2a1b0a;color:#2a1b0a;cursor:pointer;padding:3px 10px;font-size:.7rem!important">[X] SCHLIESSEN</button></div><div style=display:flex;gap:20px;align-items:flex-start><div style="position:relative;border:1px solid #2a1b0a;padding:3px;background:#fff;box-shadow:2px 2px 5px rgba(0,0,0,.2)"><img src=/img/hero.png class=akte-foto style=width:200px;height:250px;object-fit:cover;filter:none;cursor:zoom-in;display:block onclick='document.getElementById("akte-foto-zoom").style.display="flex"'><div style="position:absolute;bottom:5px;right:-10px;background:#b71c1c;color:#fff;padding:2px 5px;font-weight:700;font-size:.6rem!important;transform:rotate(-5deg)">GESPERRT</div></div><div id=akte-foto-zoom onclick='this.style.display="none"' style=display:none;position:fixed;inset:0;z-index:9999999;background:rgba(0,0,0,.92);align-items:center;justify-content:center;cursor:zoom-out><img src=/img/hero.png style="max-width:90vw;max-height:90vh;object-fit:contain;box-shadow:0 0 60px rgba(0,0,0,.9);border:2px solid #2a1b0a"></div><div style=flex:1><div style=font-size:.5rem!important;color:#5d4037;letter-spacing:2px;margin-bottom:2px>PROTOKOLL NR. 1974-Ø</div><h1 style=font-weight:700>SPOTLIGHT SUCH-FILTER</h1><p style="color:#5d4037;font-size:.7rem!important;margin:5px 0 10px">ALIAS:</p><div style=display:flex;gap:10px><div style="border:1px solid #b71c1c;padding:2px 8px;color:#b71c1c;font-size:.6rem!important;font-weight:700">STATUS:</div><div style=color:#2a1b0a;font-size:.6rem!important;font-weight:700>GEFAHR: <span style=letter-spacing:1px></span><br><img src=/img/akte/hp_totenkopf_1.png style=width:70px;height:70px;object-fit:contain;margin-top:4px></div></div></div></div><div style="margin-top:20px;border-top:2px solid rgba(42,27,10,.2)"><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>DESIGNATION:</div><div style=flex:1;font-weight:400>Spotlight Such-Filter</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>GEBURTSDATUM:</div><div style=flex:1;font-weight:400><span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BESCHÄFTIGUNG:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>SPEZIALFÄHIGK.:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BEKANNTE KOMPL.:</div><div style=flex:1;font-weight:400><span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>LETZTE AKTIVITÄT:</div><div style=flex:1;font-weight:400>GERADE JETZT</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STABILITÄT:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STANDORT:</div><div style=flex:1;font-weight:400></div></div></div><div style=margin-top:20px;display:flex;justify-content:space-between;align-items:flex-end><div style=display:flex;align-items:center;gap:10px;opacity:.7><div style=width:35px;height:35px><svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50q20-40 40 0T30 50z"/></svg></div><div style=font-size:.6rem!important;color:#2a1b0a;line-height:1.2>ID-SCAN: 94.7%<br>VERIFIZIERT</div></div><div style="font-family:courier new,monospace;font-size:.75rem!important;letter-spacing:2px;color:#5d4037;border:1px dashed #2a1b0a;padding:2px 10px">ARCHIV_PERMANENT</div></div></div></div></div><style>.akte-foto{transition:transform .2s,box-shadow .2s}.akte-foto:hover{transform:scale(1.04);box-shadow:0 0 15px rgba(184,115,51,.7)}.akte-foto-btn{transition:all .2s}.akte-foto-btn:hover{background:rgba(183,28,28,.1)!important;border-color:#b71c1c!important}.akte-foto-active{background:rgba(183,28,28,.15)!important;border-color:#b71c1c!important}.time-node.omega .time-content{border:2px solid rgba(255,69,0,.6)!important;box-shadow:inset 0 0 12px rgba(255,69,0,.15),0 0 10px rgba(255,0,0,.2);animation:omega-pulse 3s infinite alternate;background:linear-gradient(135deg,rgba(80,20,10,.95),rgba(30,0,0,.95))!important}.time-node.omega .node-dot{border-color:#ff4500!important;background:radial-gradient(circle,#ff0000 0%,#330000 100%)!important;box-shadow:0 0 8px rgba(255,69,0,.4);animation:omega-dot-pulse 3s infinite alternate ease-in-out}.node-dot{box-shadow:0 0 8px rgba(212,175,55,.4);transition:all .3s ease}.time-node.omega .tc-year{color:#ff4500!important;text-shadow:0 0 10px #ff4500;font-weight:900!important}@keyframes omega-dot-pulse{0%{box-shadow:0 0 5px rgba(255,69,0,.3)}100%{box-shadow:0 0 12px rgba(255,69,0,.6)}}@keyframes omega-pulse{0%{box-shadow:inset 0 0 8px rgba(255,69,0,.1),0 0 6px rgba(255,0,0,.15);border-color:rgba(255,69,0,.4)}100%{box-shadow:inset 0 0 18px rgba(255,69,0,.25),0 0 14px rgba(255,0,0,.3);border-color:rgba(255,69,0,.8)}}@keyframes omega-dot-blink{50%{opacity:0;transform:scale(1.5)}}</style><style>#declassified-overlay{position:fixed;inset:0;z-index:99999;pointer-events:none;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;transition:opacity .8s ease}#declassified-overlay.gone{opacity:0;pointer-events:none}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 2px,rgba(0,255,0,.015) 2px,rgba(0,255,0,.015) 4px );pointer-events:none}#declassified-stamp{font-family:courier new,monospace;font-size:3.5rem;font-weight:900;color:#b71c1c;border:6px solid #b71c1c;padding:20px 40px;letter-spacing:8px;text-align:center;line-height:1.2;transform:rotate(-12deg)scale(0);opacity:0;text-shadow:0 0 30px rgba(183,28,28,.5);box-shadow:0 0 40px rgba(183,28,28,.3),inset 0 0 40px rgba(183,28,28,.1);animation:stamp-in .4s .3s cubic-bezier(.175,.885,.32,1.275)forwards}@keyframes stamp-in{to{transform:rotate(-12deg)scale(1);opacity:.85}}.person-hero{position:relative;width:100%;min-height:300px;background:linear-gradient(135deg,#0a0600 0%,#120e06 60%,#0a0600 100%);border-bottom:1px solid rgba(184,115,51,.3);overflow:hidden;display:flex;align-items:center;margin-bottom:0}.person-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 3px,rgba(184,115,51,3%) 3px,rgba(184,115,51,3%) 4px );pointer-events:none}.person-hero-img{position:absolute;right:0;top:0;bottom:0;width:45%;background-size:contain;background-repeat:no-repeat;background-position:100% 100%;opacity:.25;filter:sepia(.4)hue-rotate(10deg);mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%);-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%)}.person-hero-content{position:relative;z-index:2;padding:30px 40px;max-width:620px}.person-hero-badges{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.hero-badge{font-family:courier new,monospace;font-size:.55rem;letter-spacing:3px;padding:3px 10px;border:1px solid rgba(184,115,51,.4);color:rgba(184,115,51,.7)}.hero-badge.red{border-color:rgba(183,28,28,.5);color:rgba(183,28,28,.8)}.stat-bars{margin-top:20px;width:100%;max-width:400px}.stat-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.stat-label{font-family:courier new,monospace;font-size:.6rem;letter-spacing:2px;color:rgba(212,175,55,.5);width:80px;flex-shrink:0}.stat-track{flex:1;height:6px;background:rgba(255,255,255,5%);border:1px solid rgba(184,115,51,.2);overflow:hidden}.stat-bar{height:100%;width:0%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.stat-bar.danger{background:linear-gradient(90deg,#8b0000,#ff4500);box-shadow:0 0 8px rgba(255,69,0,.5)}.stat-bar.stable{background:linear-gradient(90deg,#1a4a1a,#4caf50);box-shadow:0 0 8px rgba(76,175,80,.5)}.stat-bar.chaos{background:linear-gradient(90deg,#4a0080,#c800ff);box-shadow:0 0 8px rgba(200,0,255,.4)}.stat-bar.kompetenz{background:linear-gradient(90deg,#1a3a5c,#2196f3);box-shadow:0 0 8px rgba(33,150,243,.5)}.stat-val{font-family:courier new,monospace;font-size:.6rem;color:rgba(212,175,55,.4);width:32px;text-align:right;flex-shrink:0}.alias-ticker-outer{overflow:hidden;background:rgba(0,0,0,.6);border-top:1px solid rgba(184,115,51,.15);border-bottom:1px solid rgba(184,115,51,.15);padding:7px 0;white-space:nowrap}.alias-ticker-inner{display:inline-block;animation:ticker-scroll 18s linear infinite;font-family:courier new,monospace;font-size:.65rem;letter-spacing:4px;color:rgba(184,115,51,.5);padding-left:100%}@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.person-pre-label{color:rgba(184,115,51,.5);font-family:courier new,monospace;font-size:.6rem;letter-spacing:4px;margin-bottom:6px}.person-title-wrap{display:flex;align-items:center;gap:14px;margin:4px 0}.person-title-deco{color:#b87333;font-size:1.8rem;opacity:.6;animation:deco-pulse 2s ease-in-out infinite alternate}@keyframes deco-pulse{from{opacity:.3;transform:scaleY(.85)}to{opacity:.8;transform:scaleY(1.1)}}.person-glitch-title{color:#ff4500;font-family:courier new,monospace;font-size:2rem;letter-spacing:10px;text-shadow:0 0 20px rgba(255,69,0,.5);margin:0;position:relative;animation:glitch-flicker 6s infinite}.person-glitch-title::before,.person-glitch-title::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden;opacity:0}.person-glitch-title::before{color:#0ff;animation:glitch-top 6s infinite;clip-path:polygon(0 0,100% 0,100% 40%,0 40%)}.person-glitch-title::after{color:#f0f;animation:glitch-bot 6s infinite;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%)}@keyframes glitch-flicker{0%,90%,100%{text-shadow:0 0 20px rgba(255,69,0,.5)}92%{text-shadow:2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}94%{text-shadow:-2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}96%{text-shadow:0 0 20px rgba(255,69,0,.5)}98%{text-shadow:1px 0 #0ff,-1px 0 #f0f}}@keyframes glitch-top{0%,90%,100%{opacity:0;transform:none}92%{opacity:.7;transform:translate(-3px,-2px)}94%{opacity:0}96%{opacity:.5;transform:translate(3px,-1px)}98%{opacity:0}}@keyframes glitch-bot{0%,90%,100%{opacity:0;transform:none}93%{opacity:.6;transform:translate(3px,2px)}95%{opacity:0}97%{opacity:.4;transform:translate(-3px,1px)}99%{opacity:0}}.person-sub-label{color:rgba(212,175,55,.45);font-family:courier new,monospace;font-size:.65rem;letter-spacing:3px;margin-top:6px}.person-status-blink{color:#0f0;animation:blink-status 1.4s step-end infinite}@keyframes blink-status{50%{opacity:0}}</style><script>(function(){const t="decl_spotlight-such-filter",e=document.getElementById("declassified-overlay");if(!e)return;if(sessionStorage.getItem(t)){e.style.display="none";return}setTimeout(()=>{e.classList.add("gone"),setTimeout(()=>{e.style.display="none",sessionStorage.setItem(t,"1")},900)},1800)})(),document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{document.querySelectorAll(".stat-bar").forEach(e=>{e.style.width=e.dataset.val+"%"})},400)})</script><script>(function(){const t="🕷";let n=[];function e(){const e=document.createElement("div");e.textContent=t,e.style.cssText=["position:fixed","font-size:1.6rem","z-index:999999","pointer-events:none","transition:none","filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)","will-change:transform","line-height:1"].join(";"),document.body.appendChild(e);const i=window.innerWidth,a=window.innerHeight,n=Math.floor(Math.random()*4);let s=n===1?i+20:n===3?-20:Math.random()*i,o=n===0?-20:n===2?a+20:Math.random()*a;e.style.left=s+"px",e.style.top=o+"px";const l=4+Math.floor(Math.random()*4);let r=0;function c(){if(r>=l||!document.body.contains(e)){e.remove();return}const t=Math.random()*i,n=Math.random()*a,u=Math.hypot(t-s,n-o),d=u*4,h=Math.atan2(n-o,t-s)*180/Math.PI+90;e.style.transition=`left ${d}ms linear, top ${d}ms linear`,e.style.transform=`rotate(${h}deg)`,e.style.left=t+"px",e.style.top=n+"px",s=t,o=n,r++,setTimeout(c,d)}c()}e(),setInterval(e,4e3)})();function switchAkteFoto(e){document.querySelector(".akte-foto").src=e,document.getElementById("akte-foto-zoom").querySelector("img").src=e,document.querySelectorAll(".akte-foto-btn").forEach(t=>{const n=t.dataset.foto===e;t.classList.toggle("akte-foto-active",n),t.style.background=n?"rgba(183,28,28,0.15)":"rgba(0,0,0,0.1)",t.style.borderColor=n?"#b71c1c":"rgba(42,27,10,0.3)"})}</script></main><footer class=main-footer><div class=footer-inner><p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p></div></footer><div id=newsticker style="position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:999999!important;background:rgba(0,0,0,.92)!important;border-top:1px solid rgba(255,69,0,.35)!important;display:flex!important;align-items:center;height:28px!important;overflow:hidden;font-family:courier new,monospace!important;visibility:visible!important;opacity:1!important"><span class=ticker-label style="flex-shrink:0;font-size:.6rem;letter-spacing:2px;color:rgba(255,69,0,.7);padding:0 15px;border-right:1px solid rgba(255,69,0,.2);white-space:nowrap;height:100%;display:flex;align-items:center;background:rgba(255,69,0,5%)">// SYSTEM_LOG_FEED</span><div class=ticker-track-wrap style=flex:1;overflow:hidden;height:100%;display:flex;align-items:center><div class=ticker-track id=ticker-track-global style="display:inline-flex;white-space:nowrap;animation:ticker-scroll 45s linear infinite"><span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ HUGO SYSTEM INITIALISIERT... ]</span>
-<span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span></div></div></div><style>@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.ticker-item::before{content:'▶ ';color:rgba(255,69,0,.5)}.ticker-track:hover{animation-play-state:paused}</style><script>(function(){const e=document.getElementById("ticker-track-global");if(!e)return;const t=["STATUS: HUGO OPERATIONAL","DESIGNATION: OVERLORD SASCHA","KAFFEESTAND: KRITISCH","ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST","MISSION: TOTALE KONTROLLE","DATENINTEGRITÄT: ABSOLUT","WARNUNG: SYSTEM EXTREM SCHNELL","GEMINI NEURAL LINK: AKTIV"];e.innerHTML="",[...t,...t].forEach(t=>{const n=document.createElement("span");n.className="ticker-item",n.style.cssText="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;",n.textContent=t,e.appendChild(n)})})()</script><script src=/js/script.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="de-de">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1414&amp;path=livereload" data-no-instant defer></script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Spotlight Such-Filter | DIGITALE ANARCHIE | KI-LABOR</title>
+    <link rel="stylesheet" href="/css/style.css">
+</head>
+<body class="  ">
+    
+    <div class="bg-gear gear-left">⚙</div>
+    <div class="bg-gear gear-right">⚙</div>
+
+    <script>document.body.classList.add('js-enabled');</script>
+<header class="main-header">
+   
+</header>
+
+    
+    <main class="container">
+        
+
+
+<div id="declassified-overlay">
+    <div class="scanlines"></div>
+    <div id="declassified-stamp">ZUGANG<br>GEWÄHRT</div>
+</div>
+
+<div class="person-page-wrapper visible" style="padding-bottom: 100px; opacity: 1 !important;">
+
+    <div class="person-nav-container" style="display: flex; flex-direction: column; align-items: center; gap: 20px; margin: 15px 0 30px;">
+    
+    
+    <div class="person-nav-row" style="display: flex; justify-content: center; align-items: center; gap: 35px; flex-wrap: wrap; position: relative;">
+    
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/mutti/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_mutti_comic_1.jpeg" alt="MUTTI" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">MUTTI</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/vater/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_vater_comic_1.png" alt="VATER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">VATER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/bruder/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_freddy_comic_1.png" alt="BRUDER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">BRUDER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/schwester/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_meli_comic_1.png" alt="SCHWESTER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SCHWESTER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sascha/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sascha_comic_1.jpeg" alt="SASCHA" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SASCHA</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sven/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sven_comic_1.jpeg" alt="SVEN" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SVEN</span>
+        </a>
+    
+    </div>
+</div>
+
+<style>
+    .person-nav-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: transform 0.2s; }
+    .person-nav-item:hover { transform: scale(1.1); }
+    .person-nav-item:hover .person-nav-label { color: #d4af37 !important; }
+    .person-back {
+        display: inline-block;
+        color: rgba(212,175,55,0.6);
+        font-size: 0.7rem;
+        font-weight: bold;
+        letter-spacing: 4px;
+        text-decoration: none;
+        font-family: 'Courier New', monospace;
+        border: 1px solid rgba(212,175,55,0.25);
+        padding: 6px 20px;
+        background: transparent;
+        text-transform: uppercase;
+        transition: all 0.2s;
+    }
+    .person-back:hover {
+        color: #d4af37;
+        border-color: rgba(212,175,55,0.6);
+        background: rgba(212,175,55,0.05);
+        letter-spacing: 5px;
+    }
+</style>
+
+
+    
+    <div class="person-hero">
+        
+        <div class="person-hero-content">
+            <div class="person-hero-badges">
+                <span class="hero-badge">ZENTRAL-ARCHIV</span>
+                <span class="hero-badge red">EINHEIT IDENTIFIZIERT</span>
+            </div>
+            <p class="person-pre-label" style="margin:12px 0 4px;">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p>
+            <div class="person-title-wrap">
+                <span class="person-title-deco">⟪</span>
+                <h1 class="person-glitch-title" data-text="SPOTLIGHT SUCH-FILTER">SPOTLIGHT SUCH-FILTER</h1>
+                <span class="person-title-deco">⟫</span>
+            </div>
+            <p class="person-sub-label">STATUS: <span class="person-status-blink">AKTIV</span></p>
+
+            
+            <div class="stat-bars">
+                <div class="stat-row">
+                    <span class="stat-label">GEFAHR</span>
+                    <div class="stat-track"><div class="stat-bar danger" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">STABILITÄT</span>
+                    <div class="stat-track"><div class="stat-bar stable" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">CHAOS</span>
+                    <div class="stat-track"><div class="stat-bar chaos" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">KOMPETENZ</span>
+                    <div class="stat-track"><div class="stat-bar kompetenz" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    
+    
+
+    <div class="container" style="max-width: 900px; margin: 0 auto; padding: 0 20px;">
+        <header style="margin-bottom: 20px; display:none;"></header>
+
+        
+        <div class="timeline-track">
+            
+        </div>
+
+        
+        <div style="text-align: center; margin-top: 60px;">
+            <button class="akte-label-btn"
+                    onclick="document.getElementById('person-akte-modal').style.display='flex'; document.body.style.overflow='hidden';">
+                <div class="akte-label-top">
+                    <span class="akte-label-nr">DOKUMENT-NR. UNBEKANNT</span>
+                    <span class="akte-label-stamp">VERTRAULICH</span>
+                </div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-title">AKTE: SPOTLIGHT SUCH-FILTER</div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-bottom">
+                    <span>STATUS: KLASSIFIZIERT</span>
+                    <span>▶ AKTE ÖFFNEN</span>
+                </div>
+            </button>
+        </div>
+
+        <style>
+            .akte-label-btn {
+                background: linear-gradient(180deg, #1c1208 0%, #0e0a04 100%);
+                border: 1px solid #5d3d1e;
+                border-left: 4px solid #b87333;
+                color: #d4af37;
+                font-family: 'Courier New', monospace;
+                cursor: pointer;
+                padding: 18px 28px;
+                width: 320px;
+                text-align: left;
+                transition: all 0.2s;
+                box-shadow: 2px 2px 12px rgba(0,0,0,0.6);
+                position: relative;
+            }
+            .akte-label-btn::before {
+                content: '';
+                position: absolute;
+                top: 6px; left: 6px; right: 6px; bottom: 6px;
+                border: 1px dashed rgba(184,115,51,0.2);
+                pointer-events: none;
+            }
+            .akte-label-btn:hover {
+                border-left-color: #ff4500;
+                box-shadow: 3px 3px 20px rgba(184,115,51,0.2);
+                background: linear-gradient(180deg, #221508 0%, #0e0a04 100%);
+            }
+            .akte-label-top {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-bottom: 10px;
+            }
+            .akte-label-nr {
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.4);
+                letter-spacing: 1px;
+            }
+            .akte-label-stamp {
+                font-size: 0.55rem;
+                letter-spacing: 2px;
+                color: #b71c1c;
+                border: 1px solid #b71c1c;
+                padding: 1px 6px;
+                opacity: 0.8;
+            }
+            .akte-label-divider {
+                border-top: 1px solid rgba(184,115,51,0.25);
+                margin: 8px 0;
+            }
+            .akte-label-title {
+                font-size: 1rem;
+                font-weight: bold;
+                letter-spacing: 4px;
+                color: #d4af37;
+                margin: 4px 0;
+            }
+            .akte-label-bottom {
+                display: flex;
+                justify-content: space-between;
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.45);
+                letter-spacing: 1px;
+                margin-top: 4px;
+            }
+            .akte-label-btn:hover .akte-label-bottom span:last-child {
+                color: #ff4500;
+            }
+        </style>
+    </div>
+</div>
+
+
+<div id="person-akte-modal" style="position: fixed; inset: 0; z-index: 1000000; background: rgba(0,0,0,0.85); display: none; align-items: center; justify-content: center; padding: 10px; overflow: hidden; perspective: 1000px;">
+    <div style="display: flex; flex-direction: column; align-items: center; max-width: 585px; width: 95%;">
+    <div class="akte-inner" style="width: 100%; background: #d9c5a0; background-image: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 100%), url('https://www.transparenttextures.com/patterns/old-paper.png'); border: 1px solid #8b7355; padding: 25px; position: relative; font-family: 'Courier New', monospace; box-shadow: 10px 20px 50px rgba(0,0,0,0.8), inset 0 0 100px rgba(139,115,85,0.3); transform: rotate(-2deg); animation: throw-sign 0.5s ease-out forwards; color: #2a1b0a;">
+        
+        <style>
+            @keyframes throw-sign {
+                0% { transform: rotate(-10deg) scale(0.7) translateY(500px); opacity: 0; }
+                100% { transform: rotate(-2deg) scale(1) translateY(0); opacity: 1; }
+            }
+            .akte-inner h1 { color: #2a1b0a !important; font-size: 1.8rem !important; margin: 10px 0 2px !important; text-shadow: none !important; border-bottom: 2px solid rgba(42,27,10,0.2); }
+            .akte-inner div, .akte-inner p { font-size: 0.75rem !important; }
+            .akte-inner .data-row { border-bottom: 1px solid rgba(42,27,10,0.1) !important; padding: 6px 0 !important; }
+            .akte-inner .label { color: #5d4037 !important; font-weight: bold; }
+            .akte-inner .red-stamp { border: 2px solid #b71c1c; color: #b71c1c; padding: 3px 10px; font-weight: bold; transform: rotate(10deg); opacity: 0.8; font-size: 0.8rem !important; display: inline-block; }
+        </style>
+        
+        
+        <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px;">
+            <div class="red-stamp">TOP SECRET</div>
+            <button onclick="document.getElementById('person-akte-modal').style.display='none'; document.body.style.overflow='auto';"
+                    style="background: rgba(0,0,0,0.1); border: 1px solid #2a1b0a; color: #2a1b0a; cursor: pointer; padding: 3px 10px; font-size: 0.7rem !important;">[X] SCHLIESSEN</button>
+        </div>
+
+        
+
+        <div style="display: flex; gap: 20px; align-items: flex-start;">
+            
+            <div style="position: relative; border: 1px solid #2a1b0a; padding: 3px; background: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);">
+                
+                <img src="/img/hero.png" class="akte-foto" style="width: 200px; height: 250px; object-fit: cover; filter: none; cursor: zoom-in; display: block;"
+                     onclick="document.getElementById('akte-foto-zoom').style.display='flex';">
+                <div style="position: absolute; bottom: 5px; right: -10px; background: #b71c1c; color: #fff; padding: 2px 5px; font-weight: bold; font-size: 0.6rem !important; transform: rotate(-5deg);">GESPERRT</div>
+            </div>
+
+            
+            <div id="akte-foto-zoom" onclick="this.style.display='none';"
+                 style="display:none; position:fixed; inset:0; z-index:9999999; background:rgba(0,0,0,0.92); align-items:center; justify-content:center; cursor:zoom-out;">
+                <img src="/img/hero.png" style="max-width:90vw; max-height:90vh; object-fit:contain; box-shadow: 0 0 60px rgba(0,0,0,0.9); border: 2px solid #2a1b0a;">
+            </div>
+
+            
+            <div style="flex: 1;">
+                <div style="font-size: 0.5rem !important; color: #5d4037; letter-spacing: 2px; margin-bottom: 2px;">PROTOKOLL NR. 1974-Ø</div>
+                <h1 style="font-weight: bold;">SPOTLIGHT SUCH-FILTER</h1>
+                <p style="color: #5d4037; font-size: 0.7rem !important; margin: 5px 0 10px;">ALIAS: </p>
+                
+                <div style="display: flex; gap: 10px;">
+                    <div style="border: 1px solid #b71c1c; padding: 2px 8px; color: #b71c1c; font-size: 0.6rem !important; font-weight: bold;">STATUS: </div>
+                    <div style="color: #2a1b0a; font-size: 0.6rem !important; font-weight: bold;">GEFAHR: <span style="letter-spacing: 1px;"></span><br><img src="/img/akte/hp_totenkopf_1.png" style="width: 70px; height: 70px; object-fit: contain; margin-top: 4px;"></div>
+                </div>
+            </div>
+        </div>
+
+        
+        <div style="margin-top: 20px; border-top: 2px solid rgba(42,27,10,0.2);">
+            
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">DESIGNATION:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    Spotlight Such-Filter
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">GEBURTSDATUM:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BESCHÄFTIGUNG:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">SPEZIALFÄHIGK.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BEKANNTE KOMPL.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">LETZTE AKTIVITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    GERADE JETZT
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STABILITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STANDORT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+        </div>
+
+        
+        <div style="margin-top: 20px; display: flex; justify-content: space-between; align-items: flex-end;">
+            <div style="display: flex; align-items: center; gap: 10px; opacity: 0.7;">
+                <div style="width: 35px; height: 35px;">
+                    <svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50 Q50 10 70 50 T30 50 Z"/></svg>
+                </div>
+                <div style="font-size: 0.6rem !important; color: #2a1b0a; line-height: 1.2;">ID-SCAN: 94.7%<br>VERIFIZIERT</div>
+            </div>
+            
+            <div style="font-family: 'Courier New', monospace; font-size: 0.75rem !important; letter-spacing: 2px; color: #5d4037; border: 1px dashed #2a1b0a; padding: 2px 10px;">ARCHIV_PERMANENT</div>
+        </div>
+    </div>
+    </div>
+</div>
+
+<style>
+    .akte-foto { transition: transform 0.2s, box-shadow 0.2s; }
+    .akte-foto:hover { transform: scale(1.04); box-shadow: 0 0 15px rgba(184,115,51,0.7); }
+
+    .akte-foto-btn { transition: all 0.2s; }
+    .akte-foto-btn:hover { background: rgba(183,28,28,0.1) !important; border-color: #b71c1c !important; }
+    .akte-foto-active { background: rgba(183,28,28,0.15) !important; border-color: #b71c1c !important; }
+    
+     
+    .time-node.omega .time-content {
+        border: 2px solid rgba(255, 69, 0, 0.6) !important;
+        box-shadow: inset 0 0 12px rgba(255, 69, 0, 0.15), 0 0 10px rgba(255, 0, 0, 0.2);
+        animation: omega-pulse 3s infinite alternate;
+        background: linear-gradient(135deg, rgba(80, 20, 10, 0.95), rgba(30, 0, 0, 0.95)) !important;
+    }
+    .time-node.omega .node-dot {
+        border-color: #ff4500 !important;
+        background: radial-gradient(circle, #ff0000 0%, #330000 100%) !important;
+        box-shadow: 0 0 8px rgba(255, 69, 0, 0.4);
+        animation: omega-dot-pulse 3s infinite alternate ease-in-out;
+    }
+    .node-dot {
+        box-shadow: 0 0 8px rgba(212, 175, 55, 0.4);
+        transition: all 0.3s ease;
+    }
+    .time-node.omega .tc-year {
+        color: #ff4500 !important;
+        text-shadow: 0 0 10px #ff4500;
+        font-weight: 900 !important;
+    }
+    
+    @keyframes omega-dot-pulse {
+        0%   { box-shadow: 0 0 5px rgba(255, 69, 0, 0.3); }
+        100% { box-shadow: 0 0 12px rgba(255, 69, 0, 0.6); }
+    }
+    @keyframes omega-pulse {
+        0%   { box-shadow: inset 0 0 8px rgba(255, 69, 0, 0.1), 0 0 6px rgba(255, 0, 0, 0.15); border-color: rgba(255, 69, 0, 0.4); }
+        100% { box-shadow: inset 0 0 18px rgba(255, 69, 0, 0.25), 0 0 14px rgba(255, 0, 0, 0.3); border-color: rgba(255, 69, 0, 0.8); }
+    }
+    @keyframes omega-dot-blink {
+        50% { opacity: 0; transform: scale(1.5); }
+    }
+</style>
+
+<style>
+ 
+#declassified-overlay {
+    position: fixed; inset: 0; z-index: 99999;
+    pointer-events: none;
+    background: rgba(0,0,0,0.92);
+    display: flex; align-items: center; justify-content: center;
+    transition: opacity 0.8s ease;
+}
+#declassified-overlay.gone { opacity: 0; pointer-events: none; }
+.scanlines {
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg,
+        transparent,
+        transparent 2px,
+        rgba(0,255,0,0.015) 2px,
+        rgba(0,255,0,0.015) 4px
+    );
+    pointer-events: none;
+}
+#declassified-stamp {
+    font-family: 'Courier New', monospace;
+    font-size: 3.5rem;
+    font-weight: 900;
+    color: #b71c1c;
+    border: 6px solid #b71c1c;
+    padding: 20px 40px;
+    letter-spacing: 8px;
+    text-align: center;
+    line-height: 1.2;
+    transform: rotate(-12deg) scale(0);
+    opacity: 0;
+    text-shadow: 0 0 30px rgba(183,28,28,0.5);
+    box-shadow: 0 0 40px rgba(183,28,28,0.3), inset 0 0 40px rgba(183,28,28,0.1);
+    animation: stamp-in 0.4s 0.3s cubic-bezier(0.175,0.885,0.32,1.275) forwards;
+}
+@keyframes stamp-in {
+    to { transform: rotate(-12deg) scale(1); opacity: 0.85; }
+}
+
+ 
+.person-hero {
+    position: relative;
+    width: 100%;
+    min-height: 300px;
+    background: linear-gradient(135deg, #0a0600 0%, #120e06 60%, #0a0600 100%);
+    border-bottom: 1px solid rgba(184,115,51,0.3);
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    margin-bottom: 0;
+}
+.person-hero::before {
+    content: '';
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg, transparent, transparent 3px,
+        rgba(184,115,51,0.03) 3px, rgba(184,115,51,0.03) 4px
+    );
+    pointer-events: none;
+}
+.person-hero-img {
+    position: absolute;
+    right: 0; top: 0; bottom: 0;
+    width: 45%;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: right bottom;
+    opacity: 0.25;
+    filter: sepia(0.4) hue-rotate(10deg);
+    mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+    -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+}
+.person-hero-content {
+    position: relative;
+    z-index: 2;
+    padding: 30px 40px;
+    max-width: 620px;
+}
+.person-hero-badges {
+    display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;
+}
+.hero-badge {
+    font-family: 'Courier New', monospace;
+    font-size: 0.55rem;
+    letter-spacing: 3px;
+    padding: 3px 10px;
+    border: 1px solid rgba(184,115,51,0.4);
+    color: rgba(184,115,51,0.7);
+}
+.hero-badge.red {
+    border-color: rgba(183,28,28,0.5);
+    color: rgba(183,28,28,0.8);
+}
+
+ 
+.stat-bars { margin-top: 20px; width: 100%; max-width: 400px; }
+.stat-row {
+    display: flex; align-items: center; gap: 10px; margin-bottom: 8px;
+}
+.stat-label {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 2px;
+    color: rgba(212,175,55,0.5);
+    width: 80px; flex-shrink: 0;
+}
+.stat-track {
+    flex: 1; height: 6px;
+    background: rgba(255,255,255,0.05);
+    border: 1px solid rgba(184,115,51,0.2);
+    overflow: hidden;
+}
+.stat-bar {
+    height: 100%; width: 0%;
+    transition: width 1.2s cubic-bezier(0.4,0,0.2,1);
+}
+.stat-bar.danger   { background: linear-gradient(90deg, #8b0000, #ff4500); box-shadow: 0 0 8px rgba(255,69,0,0.5); }
+.stat-bar.stable   { background: linear-gradient(90deg, #1a4a1a, #4caf50); box-shadow: 0 0 8px rgba(76,175,80,0.5); }
+.stat-bar.chaos    { background: linear-gradient(90deg, #4a0080, #c800ff); box-shadow: 0 0 8px rgba(200,0,255,0.4); }
+.stat-bar.kompetenz { background: linear-gradient(90deg, #1a3a5c, #2196f3); box-shadow: 0 0 8px rgba(33,150,243,0.5); }
+.stat-val {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; color: rgba(212,175,55,0.4);
+    width: 32px; text-align: right; flex-shrink: 0;
+}
+
+ 
+.alias-ticker-outer {
+    overflow: hidden;
+    background: rgba(0,0,0,0.6);
+    border-top: 1px solid rgba(184,115,51,0.15);
+    border-bottom: 1px solid rgba(184,115,51,0.15);
+    padding: 7px 0;
+    white-space: nowrap;
+}
+.alias-ticker-inner {
+    display: inline-block;
+    animation: ticker-scroll 18s linear infinite;
+    font-family: 'Courier New', monospace;
+    font-size: 0.65rem;
+    letter-spacing: 4px;
+    color: rgba(184,115,51,0.5);
+    padding-left: 100%;
+}
+@keyframes ticker-scroll {
+    from { transform: translateX(0); }
+    to   { transform: translateX(-50%); }
+}
+
+ 
+.person-pre-label {
+    color: rgba(184,115,51,0.5);
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 4px; margin-bottom: 6px;
+}
+.person-title-wrap {
+    display: flex; align-items: center; gap: 14px; margin: 4px 0;
+}
+.person-title-deco {
+    color: #b87333; font-size: 1.8rem; opacity: 0.6;
+    animation: deco-pulse 2s ease-in-out infinite alternate;
+}
+@keyframes deco-pulse {
+    from { opacity: 0.3; transform: scaleY(0.85); }
+    to   { opacity: 0.8; transform: scaleY(1.1); }
+}
+.person-glitch-title {
+    color: #ff4500; font-family: 'Courier New', monospace;
+    font-size: 2rem; letter-spacing: 10px;
+    text-shadow: 0 0 20px rgba(255,69,0,0.5);
+    margin: 0; position: relative;
+    animation: glitch-flicker 6s infinite;
+}
+.person-glitch-title::before,
+.person-glitch-title::after {
+    content: attr(data-text); position: absolute;
+    left: 0; top: 0; width: 100%; overflow: hidden; opacity: 0;
+}
+.person-glitch-title::before {
+    color: #0ff; animation: glitch-top 6s infinite;
+    clip-path: polygon(0 0,100% 0,100% 40%,0 40%);
+}
+.person-glitch-title::after {
+    color: #f0f; animation: glitch-bot 6s infinite;
+    clip-path: polygon(0 60%,100% 60%,100% 100%,0 100%);
+}
+@keyframes glitch-flicker {
+    0%,90%,100% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    92% { text-shadow: 2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    94% { text-shadow: -2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    96% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    98% { text-shadow: 1px 0 #0ff,-1px 0 #f0f; }
+}
+@keyframes glitch-top {
+    0%,90%,100% { opacity:0; transform:none; }
+    92% { opacity:0.7; transform:translate(-3px,-2px); }
+    94% { opacity:0; }
+    96% { opacity:0.5; transform:translate(3px,-1px); }
+    98% { opacity:0; }
+}
+@keyframes glitch-bot {
+    0%,90%,100% { opacity:0; transform:none; }
+    93% { opacity:0.6; transform:translate(3px,2px); }
+    95% { opacity:0; }
+    97% { opacity:0.4; transform:translate(-3px,1px); }
+    99% { opacity:0; }
+}
+.person-sub-label {
+    color: rgba(212,175,55,0.45); font-family: 'Courier New', monospace;
+    font-size: 0.65rem; letter-spacing: 3px; margin-top: 6px;
+}
+.person-status-blink { color: #0f0; animation: blink-status 1.4s step-end infinite; }
+@keyframes blink-status { 50% { opacity: 0; } }
+</style>
+
+<script>
+
+(function() {
+    const key = 'decl_spotlight-such-filter';
+    const overlay = document.getElementById('declassified-overlay');
+    if (!overlay) return;
+    if (sessionStorage.getItem(key)) {
+        overlay.style.display = 'none';
+        return;
+    }
+    setTimeout(() => {
+        overlay.classList.add('gone');
+        setTimeout(() => {
+            overlay.style.display = 'none';
+            sessionStorage.setItem(key, '1');
+        }, 900);
+    }, 1800);
+})();
+
+
+document.addEventListener('DOMContentLoaded', () => {
+    setTimeout(() => {
+        document.querySelectorAll('.stat-bar').forEach(bar => {
+            bar.style.width = bar.dataset.val + '%';
+        });
+    }, 400);
+});
+</script>
+
+<script>
+
+(function() {
+    const SPIDER = '🕷';
+    let active = [];
+
+    function spawn() {
+        const el = document.createElement('div');
+        el.textContent = SPIDER;
+        el.style.cssText = [
+            'position:fixed',
+            'font-size:1.6rem',
+            'z-index:999999',
+            'pointer-events:none',
+            'transition:none',
+            'filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)',
+            'will-change:transform',
+            'line-height:1',
+        ].join(';');
+        document.body.appendChild(el);
+
+        const W = window.innerWidth, H = window.innerHeight;
+
+        
+        const edge = Math.floor(Math.random() * 4);
+        let x = edge === 1 ? W + 20 : edge === 3 ? -20 : Math.random() * W;
+        let y = edge === 0 ? -20  : edge === 2 ? H + 20  : Math.random() * H;
+
+        el.style.left = x + 'px';
+        el.style.top  = y + 'px';
+
+        
+        const steps = 4 + Math.floor(Math.random() * 4);
+        let i = 0;
+
+        function step() {
+            if (i >= steps || !document.body.contains(el)) { el.remove(); return; }
+
+            const tx = Math.random() * W;
+            const ty = Math.random() * H;
+            const dist = Math.hypot(tx - x, ty - y);
+            const dur  = dist * 4; 
+            const ang  = Math.atan2(ty - y, tx - x) * 180 / Math.PI + 90;
+
+            el.style.transition = `left ${dur}ms linear, top ${dur}ms linear`;
+            el.style.transform  = `rotate(${ang}deg)`;
+            el.style.left = tx + 'px';
+            el.style.top  = ty + 'px';
+
+            x = tx; y = ty; i++;
+            setTimeout(step, dur);
+        }
+
+        step();
+    }
+
+    
+    spawn();
+    setInterval(spawn, 4000);
+})();
+
+function switchAkteFoto(src) {
+    document.querySelector('.akte-foto').src = src;
+    document.getElementById('akte-foto-zoom').querySelector('img').src = src;
+    document.querySelectorAll('.akte-foto-btn').forEach(btn => {
+        const active = btn.dataset.foto === src;
+        btn.classList.toggle('akte-foto-active', active);
+        btn.style.background = active ? 'rgba(183,28,28,0.15)' : 'rgba(0,0,0,0.1)';
+        btn.style.borderColor = active ? '#b71c1c' : 'rgba(42,27,10,0.3)';
+    });
+}
+</script>
+
+    </main>
+
+    <footer class="main-footer">
+    <div class="footer-inner">
+        <p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p>
+    </div>
+</footer>
+
+    
+<div id="newsticker" style="position:fixed !important; bottom:0 !important; left:0 !important; right:0 !important; z-index:999999 !important; background:rgba(0,0,0,0.92) !important; border-top:1px solid rgba(255,69,0,0.35) !important; display:flex !important; align-items:center; height:28px !important; overflow:hidden; font-family:'Courier New', monospace !important; visibility: visible !important; opacity: 1 !important;">
+    <span class="ticker-label" style="flex-shrink:0; font-size:0.6rem; letter-spacing:2px; color:rgba(255,69,0,0.7); padding:0 15px; border-right:1px solid rgba(255,69,0,0.2); white-space:nowrap; height:100%; display:flex; align-items:center; background:rgba(255,69,0,0.05);">// SYSTEM_LOG_FEED</span>
+    <div class="ticker-track-wrap" style="flex:1; overflow:hidden; height:100%; display:flex; align-items:center;">
+        <div class="ticker-track" id="ticker-track-global" style="display:inline-flex; white-space:nowrap; animation: ticker-scroll 45s linear infinite;">
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ HUGO SYSTEM INITIALISIERT... ]</span>
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span>
+        </div>
+    </div>
+</div>
+
+<style>
+    @keyframes ticker-scroll {
+        0%   { transform: translateX(0); }
+        100% { transform: translateX(-50%); }
+    }
+    .ticker-item::before { content: '▶ '; color: rgba(255,69,0,0.5); }
+    .ticker-track:hover { animation-play-state: paused; }
+</style>
+
+<script>
+    (function() {
+        const track = document.getElementById('ticker-track-global');
+        if (!track) return;
+        const ITEMS = [
+            "STATUS: HUGO OPERATIONAL",
+            "DESIGNATION: OVERLORD SASCHA",
+            "KAFFEESTAND: KRITISCH",
+            "ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST",
+            "MISSION: TOTALE KONTROLLE",
+            "DATENINTEGRITÄT: ABSOLUT",
+            "WARNUNG: SYSTEM EXTREM SCHNELL",
+            "GEMINI NEURAL LINK: AKTIV"
+        ];
+        track.innerHTML = '';
+        [...ITEMS, ...ITEMS].forEach(text => {
+            const span = document.createElement('span');
+            span.className = 'ticker-item';
+            span.style.cssText = "font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;";
+            span.textContent = text;
+            track.appendChild(span);
+        });
+    })();
+</script>
+
+
+    <script src="/js/script.js"></script>
+    <script src="/js/ascii-shimmer.js"></script>
+</body>
+</html>
diff --git a/public/posts/theme-annihilation/index.html b/public/posts/theme-annihilation/index.html
index af86f67..46fbf4e 100644
--- a/public/posts/theme-annihilation/index.html
+++ b/public/posts/theme-annihilation/index.html
@@ -1,10 +1,882 @@
-<!doctype html><html lang=de-de><head><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><title>Theme-Annihilation | DIGITALE ANARCHIE | KI-LABOR</title><link rel=stylesheet href=/css/style.css></head><body><div class="bg-gear gear-left">⚙</div><div class="bg-gear gear-right">⚙</div><script>document.body.classList.add("js-enabled")</script><header class=main-header></header><main class=container><div id=declassified-overlay><div class=scanlines></div><div id=declassified-stamp>ZUGANG<br>GEWÄHRT</div></div><div class="person-page-wrapper visible" style=padding-bottom:100px;opacity:1!important><div class=person-nav-container style="display:flex;flex-direction:column;align-items:center;gap:20px;margin:15px 0 30px"><div class=person-nav-row style=display:flex;justify-content:center;align-items:center;gap:35px;flex-wrap:wrap;position:relative><a href=/personen/mutti/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_mutti_comic_1.jpeg alt=MUTTI style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">MUTTI</span>
-</a><a href=/personen/vater/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_vater_comic_1.png alt=VATER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">VATER</span>
-</a><a href=/personen/bruder/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_freddy_comic_1.png alt=BRUDER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">BRUDER</span>
-</a><a href=/personen/schwester/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_meli_comic_1.png alt=SCHWESTER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SCHWESTER</span>
-</a><a href=/personen/sascha/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sascha_comic_1.jpeg alt=SASCHA style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SASCHA</span>
-</a><a href=/personen/sven/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_sven_comic_1.jpeg alt=SVEN style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SVEN</span></a></div></div><style>.person-nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .2s}.person-nav-item:hover{transform:scale(1.1)}.person-nav-item:hover .person-nav-label{color:#d4af37!important}.person-back{display:inline-block;color:rgba(212,175,55,.6);font-size:.7rem;font-weight:700;letter-spacing:4px;text-decoration:none;font-family:courier new,monospace;border:1px solid rgba(212,175,55,.25);padding:6px 20px;background:0 0;text-transform:uppercase;transition:all .2s}.person-back:hover{color:#d4af37;border-color:rgba(212,175,55,.6);background:rgba(212,175,55,5%);letter-spacing:5px}</style><div class=person-hero><div class=person-hero-content><div class=person-hero-badges><span class=hero-badge>ZENTRAL-ARCHIV</span>
-<span class="hero-badge red">EINHEIT IDENTIFIZIERT</span></div><p class=person-pre-label style="margin:12px 0 4px">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p><div class=person-title-wrap><span class=person-title-deco>⟪</span><h1 class=person-glitch-title data-text=THEME-ANNIHILATION>THEME-ANNIHILATION</h1><span class=person-title-deco>⟫</span></div><p class=person-sub-label>STATUS: <span class=person-status-blink>AKTIV</span></p><div class=stat-bars><div class=stat-row><span class=stat-label>GEFAHR</span><div class=stat-track><div class="stat-bar danger" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>STABILITÄT</span><div class=stat-track><div class="stat-bar stable" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>CHAOS</span><div class=stat-track><div class="stat-bar chaos" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>KOMPETENZ</span><div class=stat-track><div class="stat-bar kompetenz" data-val=50></div></div><span class=stat-val>50%</span></div></div></div></div><div class=container style="max-width:900px;margin:0 auto;padding:0 20px"><header style=margin-bottom:20px;display:none></header><div class=timeline-track></div><div style=text-align:center;margin-top:60px><button class=akte-label-btn onclick='document.getElementById("person-akte-modal").style.display="flex",document.body.style.overflow="hidden"'><div class=akte-label-top><span class=akte-label-nr>DOKUMENT-NR. UNBEKANNT</span>
-<span class=akte-label-stamp>VERTRAULICH</span></div><div class=akte-label-divider></div><div class=akte-label-title>AKTE: THEME-ANNIHILATION</div><div class=akte-label-divider></div><div class=akte-label-bottom><span>STATUS: KLASSIFIZIERT</span>
-<span>▶ AKTE ÖFFNEN</span></div></button></div><style>.akte-label-btn{background:linear-gradient(180deg,#1c1208 0%,#0e0a04 100%);border:1px solid #5d3d1e;border-left:4px solid #b87333;color:#d4af37;font-family:courier new,monospace;cursor:pointer;padding:18px 28px;width:320px;text-align:left;transition:all .2s;box-shadow:2px 2px 12px rgba(0,0,0,.6);position:relative}.akte-label-btn::before{content:'';position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px dashed rgba(184,115,51,.2);pointer-events:none}.akte-label-btn:hover{border-left-color:#ff4500;box-shadow:3px 3px 20px rgba(184,115,51,.2);background:linear-gradient(180deg,#221508 0%,#0e0a04 100%)}.akte-label-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.akte-label-nr{font-size:.6rem;color:rgba(212,175,55,.4);letter-spacing:1px}.akte-label-stamp{font-size:.55rem;letter-spacing:2px;color:#b71c1c;border:1px solid #b71c1c;padding:1px 6px;opacity:.8}.akte-label-divider{border-top:1px solid rgba(184,115,51,.25);margin:8px 0}.akte-label-title{font-size:1rem;font-weight:700;letter-spacing:4px;color:#d4af37;margin:4px 0}.akte-label-bottom{display:flex;justify-content:space-between;font-size:.6rem;color:rgba(212,175,55,.45);letter-spacing:1px;margin-top:4px}.akte-label-btn:hover .akte-label-bottom span:last-child{color:#ff4500}</style></div></div><div id=person-akte-modal style=position:fixed;inset:0;z-index:1000000;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;padding:10px;overflow:hidden;perspective:1e3px><div style=display:flex;flex-direction:column;align-items:center;max-width:585px;width:95%><div class=akte-inner style="width:100%;background:#d9c5a0;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 100%),url(https://www.transparenttextures.com/patterns/old-paper.png);border:1px solid #8b7355;padding:25px;position:relative;font-family:courier new,monospace;box-shadow:10px 20px 50px rgba(0,0,0,.8),inset 0 0 100px rgba(139,115,85,.3);transform:rotate(-2deg);animation:throw-sign .5s ease-out forwards;color:#2a1b0a"><style>@keyframes throw-sign{0%{transform:rotate(-10deg)scale(.7)translateY(500px);opacity:0}100%{transform:rotate(-2deg)scale(1)translateY(0);opacity:1}}.akte-inner h1{color:#2a1b0a!important;font-size:1.8rem!important;margin:10px 0 2px!important;text-shadow:none!important;border-bottom:2px solid rgba(42,27,10,.2)}.akte-inner div,.akte-inner p{font-size:.75rem!important}.akte-inner .data-row{border-bottom:1px solid rgba(42,27,10,.1)!important;padding:6px 0!important}.akte-inner .label{color:#5d4037!important;font-weight:700}.akte-inner .red-stamp{border:2px solid #b71c1c;color:#b71c1c;padding:3px 10px;font-weight:700;transform:rotate(10deg);opacity:.8;font-size:.8rem!important;display:inline-block}</style><div style=display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px><div class=red-stamp>TOP SECRET</div><button onclick='document.getElementById("person-akte-modal").style.display="none",document.body.style.overflow="auto"' style="background:rgba(0,0,0,.1);border:1px solid #2a1b0a;color:#2a1b0a;cursor:pointer;padding:3px 10px;font-size:.7rem!important">[X] SCHLIESSEN</button></div><div style=display:flex;gap:20px;align-items:flex-start><div style="position:relative;border:1px solid #2a1b0a;padding:3px;background:#fff;box-shadow:2px 2px 5px rgba(0,0,0,.2)"><img src=/img/hero.png class=akte-foto style=width:200px;height:250px;object-fit:cover;filter:none;cursor:zoom-in;display:block onclick='document.getElementById("akte-foto-zoom").style.display="flex"'><div style="position:absolute;bottom:5px;right:-10px;background:#b71c1c;color:#fff;padding:2px 5px;font-weight:700;font-size:.6rem!important;transform:rotate(-5deg)">GESPERRT</div></div><div id=akte-foto-zoom onclick='this.style.display="none"' style=display:none;position:fixed;inset:0;z-index:9999999;background:rgba(0,0,0,.92);align-items:center;justify-content:center;cursor:zoom-out><img src=/img/hero.png style="max-width:90vw;max-height:90vh;object-fit:contain;box-shadow:0 0 60px rgba(0,0,0,.9);border:2px solid #2a1b0a"></div><div style=flex:1><div style=font-size:.5rem!important;color:#5d4037;letter-spacing:2px;margin-bottom:2px>PROTOKOLL NR. 1974-Ø</div><h1 style=font-weight:700>THEME-ANNIHILATION</h1><p style="color:#5d4037;font-size:.7rem!important;margin:5px 0 10px">ALIAS:</p><div style=display:flex;gap:10px><div style="border:1px solid #b71c1c;padding:2px 8px;color:#b71c1c;font-size:.6rem!important;font-weight:700">STATUS:</div><div style=color:#2a1b0a;font-size:.6rem!important;font-weight:700>GEFAHR: <span style=letter-spacing:1px></span><br><img src=/img/akte/hp_totenkopf_1.png style=width:70px;height:70px;object-fit:contain;margin-top:4px></div></div></div></div><div style="margin-top:20px;border-top:2px solid rgba(42,27,10,.2)"><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>DESIGNATION:</div><div style=flex:1;font-weight:400>Theme-Annihilation</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>GEBURTSDATUM:</div><div style=flex:1;font-weight:400><span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BESCHÄFTIGUNG:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>SPEZIALFÄHIGK.:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>BEKANNTE KOMPL.:</div><div style=flex:1;font-weight:400><span style="background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px">XXXXX</span></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>LETZTE AKTIVITÄT:</div><div style=flex:1;font-weight:400>GERADE JETZT</div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STABILITÄT:</div><div style=flex:1;font-weight:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STANDORT:</div><div style=flex:1;font-weight:400></div></div></div><div style=margin-top:20px;display:flex;justify-content:space-between;align-items:flex-end><div style=display:flex;align-items:center;gap:10px;opacity:.7><div style=width:35px;height:35px><svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50q20-40 40 0T30 50z"/></svg></div><div style=font-size:.6rem!important;color:#2a1b0a;line-height:1.2>ID-SCAN: 94.7%<br>VERIFIZIERT</div></div><div style="font-family:courier new,monospace;font-size:.75rem!important;letter-spacing:2px;color:#5d4037;border:1px dashed #2a1b0a;padding:2px 10px">ARCHIV_PERMANENT</div></div></div></div></div><style>.akte-foto{transition:transform .2s,box-shadow .2s}.akte-foto:hover{transform:scale(1.04);box-shadow:0 0 15px rgba(184,115,51,.7)}.akte-foto-btn{transition:all .2s}.akte-foto-btn:hover{background:rgba(183,28,28,.1)!important;border-color:#b71c1c!important}.akte-foto-active{background:rgba(183,28,28,.15)!important;border-color:#b71c1c!important}.time-node.omega .time-content{border:2px solid rgba(255,69,0,.6)!important;box-shadow:inset 0 0 12px rgba(255,69,0,.15),0 0 10px rgba(255,0,0,.2);animation:omega-pulse 3s infinite alternate;background:linear-gradient(135deg,rgba(80,20,10,.95),rgba(30,0,0,.95))!important}.time-node.omega .node-dot{border-color:#ff4500!important;background:radial-gradient(circle,#ff0000 0%,#330000 100%)!important;box-shadow:0 0 8px rgba(255,69,0,.4);animation:omega-dot-pulse 3s infinite alternate ease-in-out}.node-dot{box-shadow:0 0 8px rgba(212,175,55,.4);transition:all .3s ease}.time-node.omega .tc-year{color:#ff4500!important;text-shadow:0 0 10px #ff4500;font-weight:900!important}@keyframes omega-dot-pulse{0%{box-shadow:0 0 5px rgba(255,69,0,.3)}100%{box-shadow:0 0 12px rgba(255,69,0,.6)}}@keyframes omega-pulse{0%{box-shadow:inset 0 0 8px rgba(255,69,0,.1),0 0 6px rgba(255,0,0,.15);border-color:rgba(255,69,0,.4)}100%{box-shadow:inset 0 0 18px rgba(255,69,0,.25),0 0 14px rgba(255,0,0,.3);border-color:rgba(255,69,0,.8)}}@keyframes omega-dot-blink{50%{opacity:0;transform:scale(1.5)}}</style><style>#declassified-overlay{position:fixed;inset:0;z-index:99999;pointer-events:none;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;transition:opacity .8s ease}#declassified-overlay.gone{opacity:0;pointer-events:none}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 2px,rgba(0,255,0,.015) 2px,rgba(0,255,0,.015) 4px );pointer-events:none}#declassified-stamp{font-family:courier new,monospace;font-size:3.5rem;font-weight:900;color:#b71c1c;border:6px solid #b71c1c;padding:20px 40px;letter-spacing:8px;text-align:center;line-height:1.2;transform:rotate(-12deg)scale(0);opacity:0;text-shadow:0 0 30px rgba(183,28,28,.5);box-shadow:0 0 40px rgba(183,28,28,.3),inset 0 0 40px rgba(183,28,28,.1);animation:stamp-in .4s .3s cubic-bezier(.175,.885,.32,1.275)forwards}@keyframes stamp-in{to{transform:rotate(-12deg)scale(1);opacity:.85}}.person-hero{position:relative;width:100%;min-height:300px;background:linear-gradient(135deg,#0a0600 0%,#120e06 60%,#0a0600 100%);border-bottom:1px solid rgba(184,115,51,.3);overflow:hidden;display:flex;align-items:center;margin-bottom:0}.person-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 3px,rgba(184,115,51,3%) 3px,rgba(184,115,51,3%) 4px );pointer-events:none}.person-hero-img{position:absolute;right:0;top:0;bottom:0;width:45%;background-size:contain;background-repeat:no-repeat;background-position:100% 100%;opacity:.25;filter:sepia(.4)hue-rotate(10deg);mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%);-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%)}.person-hero-content{position:relative;z-index:2;padding:30px 40px;max-width:620px}.person-hero-badges{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.hero-badge{font-family:courier new,monospace;font-size:.55rem;letter-spacing:3px;padding:3px 10px;border:1px solid rgba(184,115,51,.4);color:rgba(184,115,51,.7)}.hero-badge.red{border-color:rgba(183,28,28,.5);color:rgba(183,28,28,.8)}.stat-bars{margin-top:20px;width:100%;max-width:400px}.stat-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.stat-label{font-family:courier new,monospace;font-size:.6rem;letter-spacing:2px;color:rgba(212,175,55,.5);width:80px;flex-shrink:0}.stat-track{flex:1;height:6px;background:rgba(255,255,255,5%);border:1px solid rgba(184,115,51,.2);overflow:hidden}.stat-bar{height:100%;width:0%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.stat-bar.danger{background:linear-gradient(90deg,#8b0000,#ff4500);box-shadow:0 0 8px rgba(255,69,0,.5)}.stat-bar.stable{background:linear-gradient(90deg,#1a4a1a,#4caf50);box-shadow:0 0 8px rgba(76,175,80,.5)}.stat-bar.chaos{background:linear-gradient(90deg,#4a0080,#c800ff);box-shadow:0 0 8px rgba(200,0,255,.4)}.stat-bar.kompetenz{background:linear-gradient(90deg,#1a3a5c,#2196f3);box-shadow:0 0 8px rgba(33,150,243,.5)}.stat-val{font-family:courier new,monospace;font-size:.6rem;color:rgba(212,175,55,.4);width:32px;text-align:right;flex-shrink:0}.alias-ticker-outer{overflow:hidden;background:rgba(0,0,0,.6);border-top:1px solid rgba(184,115,51,.15);border-bottom:1px solid rgba(184,115,51,.15);padding:7px 0;white-space:nowrap}.alias-ticker-inner{display:inline-block;animation:ticker-scroll 18s linear infinite;font-family:courier new,monospace;font-size:.65rem;letter-spacing:4px;color:rgba(184,115,51,.5);padding-left:100%}@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.person-pre-label{color:rgba(184,115,51,.5);font-family:courier new,monospace;font-size:.6rem;letter-spacing:4px;margin-bottom:6px}.person-title-wrap{display:flex;align-items:center;gap:14px;margin:4px 0}.person-title-deco{color:#b87333;font-size:1.8rem;opacity:.6;animation:deco-pulse 2s ease-in-out infinite alternate}@keyframes deco-pulse{from{opacity:.3;transform:scaleY(.85)}to{opacity:.8;transform:scaleY(1.1)}}.person-glitch-title{color:#ff4500;font-family:courier new,monospace;font-size:2rem;letter-spacing:10px;text-shadow:0 0 20px rgba(255,69,0,.5);margin:0;position:relative;animation:glitch-flicker 6s infinite}.person-glitch-title::before,.person-glitch-title::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden;opacity:0}.person-glitch-title::before{color:#0ff;animation:glitch-top 6s infinite;clip-path:polygon(0 0,100% 0,100% 40%,0 40%)}.person-glitch-title::after{color:#f0f;animation:glitch-bot 6s infinite;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%)}@keyframes glitch-flicker{0%,90%,100%{text-shadow:0 0 20px rgba(255,69,0,.5)}92%{text-shadow:2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}94%{text-shadow:-2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}96%{text-shadow:0 0 20px rgba(255,69,0,.5)}98%{text-shadow:1px 0 #0ff,-1px 0 #f0f}}@keyframes glitch-top{0%,90%,100%{opacity:0;transform:none}92%{opacity:.7;transform:translate(-3px,-2px)}94%{opacity:0}96%{opacity:.5;transform:translate(3px,-1px)}98%{opacity:0}}@keyframes glitch-bot{0%,90%,100%{opacity:0;transform:none}93%{opacity:.6;transform:translate(3px,2px)}95%{opacity:0}97%{opacity:.4;transform:translate(-3px,1px)}99%{opacity:0}}.person-sub-label{color:rgba(212,175,55,.45);font-family:courier new,monospace;font-size:.65rem;letter-spacing:3px;margin-top:6px}.person-status-blink{color:#0f0;animation:blink-status 1.4s step-end infinite}@keyframes blink-status{50%{opacity:0}}</style><script>(function(){const t="decl_theme-annihilation",e=document.getElementById("declassified-overlay");if(!e)return;if(sessionStorage.getItem(t)){e.style.display="none";return}setTimeout(()=>{e.classList.add("gone"),setTimeout(()=>{e.style.display="none",sessionStorage.setItem(t,"1")},900)},1800)})(),document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{document.querySelectorAll(".stat-bar").forEach(e=>{e.style.width=e.dataset.val+"%"})},400)})</script><script>(function(){const t="🕷";let n=[];function e(){const e=document.createElement("div");e.textContent=t,e.style.cssText=["position:fixed","font-size:1.6rem","z-index:999999","pointer-events:none","transition:none","filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)","will-change:transform","line-height:1"].join(";"),document.body.appendChild(e);const i=window.innerWidth,a=window.innerHeight,n=Math.floor(Math.random()*4);let s=n===1?i+20:n===3?-20:Math.random()*i,o=n===0?-20:n===2?a+20:Math.random()*a;e.style.left=s+"px",e.style.top=o+"px";const l=4+Math.floor(Math.random()*4);let r=0;function c(){if(r>=l||!document.body.contains(e)){e.remove();return}const t=Math.random()*i,n=Math.random()*a,u=Math.hypot(t-s,n-o),d=u*4,h=Math.atan2(n-o,t-s)*180/Math.PI+90;e.style.transition=`left ${d}ms linear, top ${d}ms linear`,e.style.transform=`rotate(${h}deg)`,e.style.left=t+"px",e.style.top=n+"px",s=t,o=n,r++,setTimeout(c,d)}c()}e(),setInterval(e,4e3)})();function switchAkteFoto(e){document.querySelector(".akte-foto").src=e,document.getElementById("akte-foto-zoom").querySelector("img").src=e,document.querySelectorAll(".akte-foto-btn").forEach(t=>{const n=t.dataset.foto===e;t.classList.toggle("akte-foto-active",n),t.style.background=n?"rgba(183,28,28,0.15)":"rgba(0,0,0,0.1)",t.style.borderColor=n?"#b71c1c":"rgba(42,27,10,0.3)"})}</script></main><footer class=main-footer><div class=footer-inner><p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p></div></footer><div id=newsticker style="position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:999999!important;background:rgba(0,0,0,.92)!important;border-top:1px solid rgba(255,69,0,.35)!important;display:flex!important;align-items:center;height:28px!important;overflow:hidden;font-family:courier new,monospace!important;visibility:visible!important;opacity:1!important"><span class=ticker-label style="flex-shrink:0;font-size:.6rem;letter-spacing:2px;color:rgba(255,69,0,.7);padding:0 15px;border-right:1px solid rgba(255,69,0,.2);white-space:nowrap;height:100%;display:flex;align-items:center;background:rgba(255,69,0,5%)">// SYSTEM_LOG_FEED</span><div class=ticker-track-wrap style=flex:1;overflow:hidden;height:100%;display:flex;align-items:center><div class=ticker-track id=ticker-track-global style="display:inline-flex;white-space:nowrap;animation:ticker-scroll 45s linear infinite"><span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ HUGO SYSTEM INITIALISIERT... ]</span>
-<span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span></div></div></div><style>@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.ticker-item::before{content:'▶ ';color:rgba(255,69,0,.5)}.ticker-track:hover{animation-play-state:paused}</style><script>(function(){const e=document.getElementById("ticker-track-global");if(!e)return;const t=["STATUS: HUGO OPERATIONAL","DESIGNATION: OVERLORD SASCHA","KAFFEESTAND: KRITISCH","ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST","MISSION: TOTALE KONTROLLE","DATENINTEGRITÄT: ABSOLUT","WARNUNG: SYSTEM EXTREM SCHNELL","GEMINI NEURAL LINK: AKTIV"];e.innerHTML="",[...t,...t].forEach(t=>{const n=document.createElement("span");n.className="ticker-item",n.style.cssText="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;",n.textContent=t,e.appendChild(n)})})()</script><script src=/js/script.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="de-de">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1414&amp;path=livereload" data-no-instant defer></script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Theme-Annihilation | DIGITALE ANARCHIE | KI-LABOR</title>
+    <link rel="stylesheet" href="/css/style.css">
+</head>
+<body class="  ">
+    
+    <div class="bg-gear gear-left">⚙</div>
+    <div class="bg-gear gear-right">⚙</div>
+
+    <script>document.body.classList.add('js-enabled');</script>
+<header class="main-header">
+   
+</header>
+
+    
+    <main class="container">
+        
+
+
+<div id="declassified-overlay">
+    <div class="scanlines"></div>
+    <div id="declassified-stamp">ZUGANG<br>GEWÄHRT</div>
+</div>
+
+<div class="person-page-wrapper visible" style="padding-bottom: 100px; opacity: 1 !important;">
+
+    <div class="person-nav-container" style="display: flex; flex-direction: column; align-items: center; gap: 20px; margin: 15px 0 30px;">
+    
+    
+    <div class="person-nav-row" style="display: flex; justify-content: center; align-items: center; gap: 35px; flex-wrap: wrap; position: relative;">
+    
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/mutti/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_mutti_comic_1.jpeg" alt="MUTTI" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">MUTTI</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/vater/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_vater_comic_1.png" alt="VATER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">VATER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/bruder/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_freddy_comic_1.png" alt="BRUDER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">BRUDER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/schwester/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_meli_comic_1.png" alt="SCHWESTER" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SCHWESTER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sascha/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sascha_comic_1.jpeg" alt="SASCHA" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SASCHA</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sven/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sven_comic_1.jpeg" alt="SVEN" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SVEN</span>
+        </a>
+    
+    </div>
+</div>
+
+<style>
+    .person-nav-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: transform 0.2s; }
+    .person-nav-item:hover { transform: scale(1.1); }
+    .person-nav-item:hover .person-nav-label { color: #d4af37 !important; }
+    .person-back {
+        display: inline-block;
+        color: rgba(212,175,55,0.6);
+        font-size: 0.7rem;
+        font-weight: bold;
+        letter-spacing: 4px;
+        text-decoration: none;
+        font-family: 'Courier New', monospace;
+        border: 1px solid rgba(212,175,55,0.25);
+        padding: 6px 20px;
+        background: transparent;
+        text-transform: uppercase;
+        transition: all 0.2s;
+    }
+    .person-back:hover {
+        color: #d4af37;
+        border-color: rgba(212,175,55,0.6);
+        background: rgba(212,175,55,0.05);
+        letter-spacing: 5px;
+    }
+</style>
+
+
+    
+    <div class="person-hero">
+        
+        <div class="person-hero-content">
+            <div class="person-hero-badges">
+                <span class="hero-badge">ZENTRAL-ARCHIV</span>
+                <span class="hero-badge red">EINHEIT IDENTIFIZIERT</span>
+            </div>
+            <p class="person-pre-label" style="margin:12px 0 4px;">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p>
+            <div class="person-title-wrap">
+                <span class="person-title-deco">⟪</span>
+                <h1 class="person-glitch-title" data-text="THEME-ANNIHILATION">THEME-ANNIHILATION</h1>
+                <span class="person-title-deco">⟫</span>
+            </div>
+            <p class="person-sub-label">STATUS: <span class="person-status-blink">AKTIV</span></p>
+
+            
+            <div class="stat-bars">
+                <div class="stat-row">
+                    <span class="stat-label">GEFAHR</span>
+                    <div class="stat-track"><div class="stat-bar danger" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">STABILITÄT</span>
+                    <div class="stat-track"><div class="stat-bar stable" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">CHAOS</span>
+                    <div class="stat-track"><div class="stat-bar chaos" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+                <div class="stat-row">
+                    <span class="stat-label">KOMPETENZ</span>
+                    <div class="stat-track"><div class="stat-bar kompetenz" data-val="50"></div></div>
+                    <span class="stat-val">50%</span>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    
+    
+
+    <div class="container" style="max-width: 900px; margin: 0 auto; padding: 0 20px;">
+        <header style="margin-bottom: 20px; display:none;"></header>
+
+        
+        <div class="timeline-track">
+            
+        </div>
+
+        
+        <div style="text-align: center; margin-top: 60px;">
+            <button class="akte-label-btn"
+                    onclick="document.getElementById('person-akte-modal').style.display='flex'; document.body.style.overflow='hidden';">
+                <div class="akte-label-top">
+                    <span class="akte-label-nr">DOKUMENT-NR. UNBEKANNT</span>
+                    <span class="akte-label-stamp">VERTRAULICH</span>
+                </div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-title">AKTE: THEME-ANNIHILATION</div>
+                <div class="akte-label-divider"></div>
+                <div class="akte-label-bottom">
+                    <span>STATUS: KLASSIFIZIERT</span>
+                    <span>▶ AKTE ÖFFNEN</span>
+                </div>
+            </button>
+        </div>
+
+        <style>
+            .akte-label-btn {
+                background: linear-gradient(180deg, #1c1208 0%, #0e0a04 100%);
+                border: 1px solid #5d3d1e;
+                border-left: 4px solid #b87333;
+                color: #d4af37;
+                font-family: 'Courier New', monospace;
+                cursor: pointer;
+                padding: 18px 28px;
+                width: 320px;
+                text-align: left;
+                transition: all 0.2s;
+                box-shadow: 2px 2px 12px rgba(0,0,0,0.6);
+                position: relative;
+            }
+            .akte-label-btn::before {
+                content: '';
+                position: absolute;
+                top: 6px; left: 6px; right: 6px; bottom: 6px;
+                border: 1px dashed rgba(184,115,51,0.2);
+                pointer-events: none;
+            }
+            .akte-label-btn:hover {
+                border-left-color: #ff4500;
+                box-shadow: 3px 3px 20px rgba(184,115,51,0.2);
+                background: linear-gradient(180deg, #221508 0%, #0e0a04 100%);
+            }
+            .akte-label-top {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-bottom: 10px;
+            }
+            .akte-label-nr {
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.4);
+                letter-spacing: 1px;
+            }
+            .akte-label-stamp {
+                font-size: 0.55rem;
+                letter-spacing: 2px;
+                color: #b71c1c;
+                border: 1px solid #b71c1c;
+                padding: 1px 6px;
+                opacity: 0.8;
+            }
+            .akte-label-divider {
+                border-top: 1px solid rgba(184,115,51,0.25);
+                margin: 8px 0;
+            }
+            .akte-label-title {
+                font-size: 1rem;
+                font-weight: bold;
+                letter-spacing: 4px;
+                color: #d4af37;
+                margin: 4px 0;
+            }
+            .akte-label-bottom {
+                display: flex;
+                justify-content: space-between;
+                font-size: 0.6rem;
+                color: rgba(212,175,55,0.45);
+                letter-spacing: 1px;
+                margin-top: 4px;
+            }
+            .akte-label-btn:hover .akte-label-bottom span:last-child {
+                color: #ff4500;
+            }
+        </style>
+    </div>
+</div>
+
+
+<div id="person-akte-modal" style="position: fixed; inset: 0; z-index: 1000000; background: rgba(0,0,0,0.85); display: none; align-items: center; justify-content: center; padding: 10px; overflow: hidden; perspective: 1000px;">
+    <div style="display: flex; flex-direction: column; align-items: center; max-width: 585px; width: 95%;">
+    <div class="akte-inner" style="width: 100%; background: #d9c5a0; background-image: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 100%), url('https://www.transparenttextures.com/patterns/old-paper.png'); border: 1px solid #8b7355; padding: 25px; position: relative; font-family: 'Courier New', monospace; box-shadow: 10px 20px 50px rgba(0,0,0,0.8), inset 0 0 100px rgba(139,115,85,0.3); transform: rotate(-2deg); animation: throw-sign 0.5s ease-out forwards; color: #2a1b0a;">
+        
+        <style>
+            @keyframes throw-sign {
+                0% { transform: rotate(-10deg) scale(0.7) translateY(500px); opacity: 0; }
+                100% { transform: rotate(-2deg) scale(1) translateY(0); opacity: 1; }
+            }
+            .akte-inner h1 { color: #2a1b0a !important; font-size: 1.8rem !important; margin: 10px 0 2px !important; text-shadow: none !important; border-bottom: 2px solid rgba(42,27,10,0.2); }
+            .akte-inner div, .akte-inner p { font-size: 0.75rem !important; }
+            .akte-inner .data-row { border-bottom: 1px solid rgba(42,27,10,0.1) !important; padding: 6px 0 !important; }
+            .akte-inner .label { color: #5d4037 !important; font-weight: bold; }
+            .akte-inner .red-stamp { border: 2px solid #b71c1c; color: #b71c1c; padding: 3px 10px; font-weight: bold; transform: rotate(10deg); opacity: 0.8; font-size: 0.8rem !important; display: inline-block; }
+        </style>
+        
+        
+        <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px;">
+            <div class="red-stamp">TOP SECRET</div>
+            <button onclick="document.getElementById('person-akte-modal').style.display='none'; document.body.style.overflow='auto';"
+                    style="background: rgba(0,0,0,0.1); border: 1px solid #2a1b0a; color: #2a1b0a; cursor: pointer; padding: 3px 10px; font-size: 0.7rem !important;">[X] SCHLIESSEN</button>
+        </div>
+
+        
+
+        <div style="display: flex; gap: 20px; align-items: flex-start;">
+            
+            <div style="position: relative; border: 1px solid #2a1b0a; padding: 3px; background: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);">
+                
+                <img src="/img/hero.png" class="akte-foto" style="width: 200px; height: 250px; object-fit: cover; filter: none; cursor: zoom-in; display: block;"
+                     onclick="document.getElementById('akte-foto-zoom').style.display='flex';">
+                <div style="position: absolute; bottom: 5px; right: -10px; background: #b71c1c; color: #fff; padding: 2px 5px; font-weight: bold; font-size: 0.6rem !important; transform: rotate(-5deg);">GESPERRT</div>
+            </div>
+
+            
+            <div id="akte-foto-zoom" onclick="this.style.display='none';"
+                 style="display:none; position:fixed; inset:0; z-index:9999999; background:rgba(0,0,0,0.92); align-items:center; justify-content:center; cursor:zoom-out;">
+                <img src="/img/hero.png" style="max-width:90vw; max-height:90vh; object-fit:contain; box-shadow: 0 0 60px rgba(0,0,0,0.9); border: 2px solid #2a1b0a;">
+            </div>
+
+            
+            <div style="flex: 1;">
+                <div style="font-size: 0.5rem !important; color: #5d4037; letter-spacing: 2px; margin-bottom: 2px;">PROTOKOLL NR. 1974-Ø</div>
+                <h1 style="font-weight: bold;">THEME-ANNIHILATION</h1>
+                <p style="color: #5d4037; font-size: 0.7rem !important; margin: 5px 0 10px;">ALIAS: </p>
+                
+                <div style="display: flex; gap: 10px;">
+                    <div style="border: 1px solid #b71c1c; padding: 2px 8px; color: #b71c1c; font-size: 0.6rem !important; font-weight: bold;">STATUS: </div>
+                    <div style="color: #2a1b0a; font-size: 0.6rem !important; font-weight: bold;">GEFAHR: <span style="letter-spacing: 1px;"></span><br><img src="/img/akte/hp_totenkopf_1.png" style="width: 70px; height: 70px; object-fit: contain; margin-top: 4px;"></div>
+                </div>
+            </div>
+        </div>
+
+        
+        <div style="margin-top: 20px; border-top: 2px solid rgba(42,27,10,0.2);">
+            
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">DESIGNATION:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    Theme-Annihilation
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">GEBURTSDATUM:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BESCHÄFTIGUNG:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">SPEZIALFÄHIGK.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BEKANNTE KOMPL.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">LETZTE AKTIVITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    GERADE JETZT
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STABILITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STANDORT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+        </div>
+
+        
+        <div style="margin-top: 20px; display: flex; justify-content: space-between; align-items: flex-end;">
+            <div style="display: flex; align-items: center; gap: 10px; opacity: 0.7;">
+                <div style="width: 35px; height: 35px;">
+                    <svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50 Q50 10 70 50 T30 50 Z"/></svg>
+                </div>
+                <div style="font-size: 0.6rem !important; color: #2a1b0a; line-height: 1.2;">ID-SCAN: 94.7%<br>VERIFIZIERT</div>
+            </div>
+            
+            <div style="font-family: 'Courier New', monospace; font-size: 0.75rem !important; letter-spacing: 2px; color: #5d4037; border: 1px dashed #2a1b0a; padding: 2px 10px;">ARCHIV_PERMANENT</div>
+        </div>
+    </div>
+    </div>
+</div>
+
+<style>
+    .akte-foto { transition: transform 0.2s, box-shadow 0.2s; }
+    .akte-foto:hover { transform: scale(1.04); box-shadow: 0 0 15px rgba(184,115,51,0.7); }
+
+    .akte-foto-btn { transition: all 0.2s; }
+    .akte-foto-btn:hover { background: rgba(183,28,28,0.1) !important; border-color: #b71c1c !important; }
+    .akte-foto-active { background: rgba(183,28,28,0.15) !important; border-color: #b71c1c !important; }
+    
+     
+    .time-node.omega .time-content {
+        border: 2px solid rgba(255, 69, 0, 0.6) !important;
+        box-shadow: inset 0 0 12px rgba(255, 69, 0, 0.15), 0 0 10px rgba(255, 0, 0, 0.2);
+        animation: omega-pulse 3s infinite alternate;
+        background: linear-gradient(135deg, rgba(80, 20, 10, 0.95), rgba(30, 0, 0, 0.95)) !important;
+    }
+    .time-node.omega .node-dot {
+        border-color: #ff4500 !important;
+        background: radial-gradient(circle, #ff0000 0%, #330000 100%) !important;
+        box-shadow: 0 0 8px rgba(255, 69, 0, 0.4);
+        animation: omega-dot-pulse 3s infinite alternate ease-in-out;
+    }
+    .node-dot {
+        box-shadow: 0 0 8px rgba(212, 175, 55, 0.4);
+        transition: all 0.3s ease;
+    }
+    .time-node.omega .tc-year {
+        color: #ff4500 !important;
+        text-shadow: 0 0 10px #ff4500;
+        font-weight: 900 !important;
+    }
+    
+    @keyframes omega-dot-pulse {
+        0%   { box-shadow: 0 0 5px rgba(255, 69, 0, 0.3); }
+        100% { box-shadow: 0 0 12px rgba(255, 69, 0, 0.6); }
+    }
+    @keyframes omega-pulse {
+        0%   { box-shadow: inset 0 0 8px rgba(255, 69, 0, 0.1), 0 0 6px rgba(255, 0, 0, 0.15); border-color: rgba(255, 69, 0, 0.4); }
+        100% { box-shadow: inset 0 0 18px rgba(255, 69, 0, 0.25), 0 0 14px rgba(255, 0, 0, 0.3); border-color: rgba(255, 69, 0, 0.8); }
+    }
+    @keyframes omega-dot-blink {
+        50% { opacity: 0; transform: scale(1.5); }
+    }
+</style>
+
+<style>
+ 
+#declassified-overlay {
+    position: fixed; inset: 0; z-index: 99999;
+    pointer-events: none;
+    background: rgba(0,0,0,0.92);
+    display: flex; align-items: center; justify-content: center;
+    transition: opacity 0.8s ease;
+}
+#declassified-overlay.gone { opacity: 0; pointer-events: none; }
+.scanlines {
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg,
+        transparent,
+        transparent 2px,
+        rgba(0,255,0,0.015) 2px,
+        rgba(0,255,0,0.015) 4px
+    );
+    pointer-events: none;
+}
+#declassified-stamp {
+    font-family: 'Courier New', monospace;
+    font-size: 3.5rem;
+    font-weight: 900;
+    color: #b71c1c;
+    border: 6px solid #b71c1c;
+    padding: 20px 40px;
+    letter-spacing: 8px;
+    text-align: center;
+    line-height: 1.2;
+    transform: rotate(-12deg) scale(0);
+    opacity: 0;
+    text-shadow: 0 0 30px rgba(183,28,28,0.5);
+    box-shadow: 0 0 40px rgba(183,28,28,0.3), inset 0 0 40px rgba(183,28,28,0.1);
+    animation: stamp-in 0.4s 0.3s cubic-bezier(0.175,0.885,0.32,1.275) forwards;
+}
+@keyframes stamp-in {
+    to { transform: rotate(-12deg) scale(1); opacity: 0.85; }
+}
+
+ 
+.person-hero {
+    position: relative;
+    width: 100%;
+    min-height: 300px;
+    background: linear-gradient(135deg, #0a0600 0%, #120e06 60%, #0a0600 100%);
+    border-bottom: 1px solid rgba(184,115,51,0.3);
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    margin-bottom: 0;
+}
+.person-hero::before {
+    content: '';
+    position: absolute; inset: 0;
+    background: repeating-linear-gradient(
+        0deg, transparent, transparent 3px,
+        rgba(184,115,51,0.03) 3px, rgba(184,115,51,0.03) 4px
+    );
+    pointer-events: none;
+}
+.person-hero-img {
+    position: absolute;
+    right: 0; top: 0; bottom: 0;
+    width: 45%;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: right bottom;
+    opacity: 0.25;
+    filter: sepia(0.4) hue-rotate(10deg);
+    mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+    -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);
+}
+.person-hero-content {
+    position: relative;
+    z-index: 2;
+    padding: 30px 40px;
+    max-width: 620px;
+}
+.person-hero-badges {
+    display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;
+}
+.hero-badge {
+    font-family: 'Courier New', monospace;
+    font-size: 0.55rem;
+    letter-spacing: 3px;
+    padding: 3px 10px;
+    border: 1px solid rgba(184,115,51,0.4);
+    color: rgba(184,115,51,0.7);
+}
+.hero-badge.red {
+    border-color: rgba(183,28,28,0.5);
+    color: rgba(183,28,28,0.8);
+}
+
+ 
+.stat-bars { margin-top: 20px; width: 100%; max-width: 400px; }
+.stat-row {
+    display: flex; align-items: center; gap: 10px; margin-bottom: 8px;
+}
+.stat-label {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 2px;
+    color: rgba(212,175,55,0.5);
+    width: 80px; flex-shrink: 0;
+}
+.stat-track {
+    flex: 1; height: 6px;
+    background: rgba(255,255,255,0.05);
+    border: 1px solid rgba(184,115,51,0.2);
+    overflow: hidden;
+}
+.stat-bar {
+    height: 100%; width: 0%;
+    transition: width 1.2s cubic-bezier(0.4,0,0.2,1);
+}
+.stat-bar.danger   { background: linear-gradient(90deg, #8b0000, #ff4500); box-shadow: 0 0 8px rgba(255,69,0,0.5); }
+.stat-bar.stable   { background: linear-gradient(90deg, #1a4a1a, #4caf50); box-shadow: 0 0 8px rgba(76,175,80,0.5); }
+.stat-bar.chaos    { background: linear-gradient(90deg, #4a0080, #c800ff); box-shadow: 0 0 8px rgba(200,0,255,0.4); }
+.stat-bar.kompetenz { background: linear-gradient(90deg, #1a3a5c, #2196f3); box-shadow: 0 0 8px rgba(33,150,243,0.5); }
+.stat-val {
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; color: rgba(212,175,55,0.4);
+    width: 32px; text-align: right; flex-shrink: 0;
+}
+
+ 
+.alias-ticker-outer {
+    overflow: hidden;
+    background: rgba(0,0,0,0.6);
+    border-top: 1px solid rgba(184,115,51,0.15);
+    border-bottom: 1px solid rgba(184,115,51,0.15);
+    padding: 7px 0;
+    white-space: nowrap;
+}
+.alias-ticker-inner {
+    display: inline-block;
+    animation: ticker-scroll 18s linear infinite;
+    font-family: 'Courier New', monospace;
+    font-size: 0.65rem;
+    letter-spacing: 4px;
+    color: rgba(184,115,51,0.5);
+    padding-left: 100%;
+}
+@keyframes ticker-scroll {
+    from { transform: translateX(0); }
+    to   { transform: translateX(-50%); }
+}
+
+ 
+.person-pre-label {
+    color: rgba(184,115,51,0.5);
+    font-family: 'Courier New', monospace;
+    font-size: 0.6rem; letter-spacing: 4px; margin-bottom: 6px;
+}
+.person-title-wrap {
+    display: flex; align-items: center; gap: 14px; margin: 4px 0;
+}
+.person-title-deco {
+    color: #b87333; font-size: 1.8rem; opacity: 0.6;
+    animation: deco-pulse 2s ease-in-out infinite alternate;
+}
+@keyframes deco-pulse {
+    from { opacity: 0.3; transform: scaleY(0.85); }
+    to   { opacity: 0.8; transform: scaleY(1.1); }
+}
+.person-glitch-title {
+    color: #ff4500; font-family: 'Courier New', monospace;
+    font-size: 2rem; letter-spacing: 10px;
+    text-shadow: 0 0 20px rgba(255,69,0,0.5);
+    margin: 0; position: relative;
+    animation: glitch-flicker 6s infinite;
+}
+.person-glitch-title::before,
+.person-glitch-title::after {
+    content: attr(data-text); position: absolute;
+    left: 0; top: 0; width: 100%; overflow: hidden; opacity: 0;
+}
+.person-glitch-title::before {
+    color: #0ff; animation: glitch-top 6s infinite;
+    clip-path: polygon(0 0,100% 0,100% 40%,0 40%);
+}
+.person-glitch-title::after {
+    color: #f0f; animation: glitch-bot 6s infinite;
+    clip-path: polygon(0 60%,100% 60%,100% 100%,0 100%);
+}
+@keyframes glitch-flicker {
+    0%,90%,100% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    92% { text-shadow: 2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    94% { text-shadow: -2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,0.5); }
+    96% { text-shadow: 0 0 20px rgba(255,69,0,0.5); }
+    98% { text-shadow: 1px 0 #0ff,-1px 0 #f0f; }
+}
+@keyframes glitch-top {
+    0%,90%,100% { opacity:0; transform:none; }
+    92% { opacity:0.7; transform:translate(-3px,-2px); }
+    94% { opacity:0; }
+    96% { opacity:0.5; transform:translate(3px,-1px); }
+    98% { opacity:0; }
+}
+@keyframes glitch-bot {
+    0%,90%,100% { opacity:0; transform:none; }
+    93% { opacity:0.6; transform:translate(3px,2px); }
+    95% { opacity:0; }
+    97% { opacity:0.4; transform:translate(-3px,1px); }
+    99% { opacity:0; }
+}
+.person-sub-label {
+    color: rgba(212,175,55,0.45); font-family: 'Courier New', monospace;
+    font-size: 0.65rem; letter-spacing: 3px; margin-top: 6px;
+}
+.person-status-blink { color: #0f0; animation: blink-status 1.4s step-end infinite; }
+@keyframes blink-status { 50% { opacity: 0; } }
+</style>
+
+<script>
+
+(function() {
+    const key = 'decl_theme-annihilation';
+    const overlay = document.getElementById('declassified-overlay');
+    if (!overlay) return;
+    if (sessionStorage.getItem(key)) {
+        overlay.style.display = 'none';
+        return;
+    }
+    setTimeout(() => {
+        overlay.classList.add('gone');
+        setTimeout(() => {
+            overlay.style.display = 'none';
+            sessionStorage.setItem(key, '1');
+        }, 900);
+    }, 1800);
+})();
+
+
+document.addEventListener('DOMContentLoaded', () => {
+    setTimeout(() => {
+        document.querySelectorAll('.stat-bar').forEach(bar => {
+            bar.style.width = bar.dataset.val + '%';
+        });
+    }, 400);
+});
+</script>
+
+<script>
+
+(function() {
+    const SPIDER = '🕷';
+    let active = [];
+
+    function spawn() {
+        const el = document.createElement('div');
+        el.textContent = SPIDER;
+        el.style.cssText = [
+            'position:fixed',
+            'font-size:1.6rem',
+            'z-index:999999',
+            'pointer-events:none',
+            'transition:none',
+            'filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)',
+            'will-change:transform',
+            'line-height:1',
+        ].join(';');
+        document.body.appendChild(el);
+
+        const W = window.innerWidth, H = window.innerHeight;
+
+        
+        const edge = Math.floor(Math.random() * 4);
+        let x = edge === 1 ? W + 20 : edge === 3 ? -20 : Math.random() * W;
+        let y = edge === 0 ? -20  : edge === 2 ? H + 20  : Math.random() * H;
+
+        el.style.left = x + 'px';
+        el.style.top  = y + 'px';
+
+        
+        const steps = 4 + Math.floor(Math.random() * 4);
+        let i = 0;
+
+        function step() {
+            if (i >= steps || !document.body.contains(el)) { el.remove(); return; }
+
+            const tx = Math.random() * W;
+            const ty = Math.random() * H;
+            const dist = Math.hypot(tx - x, ty - y);
+            const dur  = dist * 4; 
+            const ang  = Math.atan2(ty - y, tx - x) * 180 / Math.PI + 90;
+
+            el.style.transition = `left ${dur}ms linear, top ${dur}ms linear`;
+            el.style.transform  = `rotate(${ang}deg)`;
+            el.style.left = tx + 'px';
+            el.style.top  = ty + 'px';
+
+            x = tx; y = ty; i++;
+            setTimeout(step, dur);
+        }
+
+        step();
+    }
+
+    
+    spawn();
+    setInterval(spawn, 4000);
+})();
+
+function switchAkteFoto(src) {
+    document.querySelector('.akte-foto').src = src;
+    document.getElementById('akte-foto-zoom').querySelector('img').src = src;
+    document.querySelectorAll('.akte-foto-btn').forEach(btn => {
+        const active = btn.dataset.foto === src;
+        btn.classList.toggle('akte-foto-active', active);
+        btn.style.background = active ? 'rgba(183,28,28,0.15)' : 'rgba(0,0,0,0.1)';
+        btn.style.borderColor = active ? '#b71c1c' : 'rgba(42,27,10,0.3)';
+    });
+}
+</script>
+
+    </main>
+
+    <footer class="main-footer">
+    <div class="footer-inner">
+        <p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p>
+    </div>
+</footer>
+
+    
+<div id="newsticker" style="position:fixed !important; bottom:0 !important; left:0 !important; right:0 !important; z-index:999999 !important; background:rgba(0,0,0,0.92) !important; border-top:1px solid rgba(255,69,0,0.35) !important; display:flex !important; align-items:center; height:28px !important; overflow:hidden; font-family:'Courier New', monospace !important; visibility: visible !important; opacity: 1 !important;">
+    <span class="ticker-label" style="flex-shrink:0; font-size:0.6rem; letter-spacing:2px; color:rgba(255,69,0,0.7); padding:0 15px; border-right:1px solid rgba(255,69,0,0.2); white-space:nowrap; height:100%; display:flex; align-items:center; background:rgba(255,69,0,0.05);">// SYSTEM_LOG_FEED</span>
+    <div class="ticker-track-wrap" style="flex:1; overflow:hidden; height:100%; display:flex; align-items:center;">
+        <div class="ticker-track" id="ticker-track-global" style="display:inline-flex; white-space:nowrap; animation: ticker-scroll 45s linear infinite;">
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ HUGO SYSTEM INITIALISIERT... ]</span>
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span>
+        </div>
+    </div>
+</div>
+
+<style>
+    @keyframes ticker-scroll {
+        0%   { transform: translateX(0); }
+        100% { transform: translateX(-50%); }
+    }
+    .ticker-item::before { content: '▶ '; color: rgba(255,69,0,0.5); }
+    .ticker-track:hover { animation-play-state: paused; }
+</style>
+
+<script>
+    (function() {
+        const track = document.getElementById('ticker-track-global');
+        if (!track) return;
+        const ITEMS = [
+            "STATUS: HUGO OPERATIONAL",
+            "DESIGNATION: OVERLORD SASCHA",
+            "KAFFEESTAND: KRITISCH",
+            "ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST",
+            "MISSION: TOTALE KONTROLLE",
+            "DATENINTEGRITÄT: ABSOLUT",
+            "WARNUNG: SYSTEM EXTREM SCHNELL",
+            "GEMINI NEURAL LINK: AKTIV"
+        ];
+        track.innerHTML = '';
+        [...ITEMS, ...ITEMS].forEach(text => {
+            const span = document.createElement('span');
+            span.className = 'ticker-item';
+            span.style.cssText = "font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;";
+            span.textContent = text;
+            track.appendChild(span);
+        });
+    })();
+</script>
+
+
+    <script src="/js/script.js"></script>
+    <script src="/js/ascii-shimmer.js"></script>
+</body>
+</html>
diff --git a/public/sitemap.xml b/public/sitemap.xml
index fd76a0c..507e3f2 100644
--- a/public/sitemap.xml
+++ b/public/sitemap.xml
@@ -1 +1,81 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml"><url><loc>/</loc><lastmod>2026-04-03T00:00:00+00:00</lastmod></url><url><loc>/anarchie/</loc><lastmod>2026-04-03T00:00:00+00:00</lastmod></url><url><loc>/posts/protocol-top/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/posts/protocol-uptime/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/posts/protocol-weather/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/personen/bruder/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/posts/gemini-link/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/mac-nerds/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/personen/mutti/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/posts/neural-hack/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/posts/operation-apollo/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/personen/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/posts/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/posts/flux-overdrive/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/posts/icmp-echo/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/posts/digital-ghost/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/personen/sascha/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/personen/schwester/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/posts/spotlight-filter/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/personen/sven/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/posts/fork-bomb/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/posts/n8n-resurrection/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/posts/theme-annihilation/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/personen/vater/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/categories/</loc></url><url><loc>/tags/</loc></url></urlset>
\ No newline at end of file
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
+  xmlns:xhtml="http://www.w3.org/1999/xhtml">
+  <url>
+    <loc>//localhost:1414/</loc>
+    <lastmod>2026-04-03T00:00:00+00:00</lastmod>
+  </url><url>
+    <loc>//localhost:1414/anarchie/</loc>
+    <lastmod>2026-04-03T00:00:00+00:00</lastmod>
+  </url><url>
+    <loc>//localhost:1414/posts/protocol-top/</loc>
+    <lastmod>2026-03-18T00:00:00+00:00</lastmod>
+  </url><url>
+    <loc>//localhost:1414/posts/protocol-uptime/</loc>
+    <lastmod>2026-03-18T00:00:00+00:00</lastmod>
+  </url><url>
+    <loc>//localhost:1414/posts/protocol-weather/</loc>
+    <lastmod>2026-03-18T00:00:00+00:00</lastmod>
+  </url><url>
+    <loc>//localhost:1414/personen/bruder/</loc>
+    <lastmod>2026-03-18T00:00:00+00:00</lastmod>
+  </url><url>
+    <loc>//localhost:1414/posts/gemini-link/</loc>
+    <lastmod>2026-03-18T00:00:00+00:00</lastmod>
+  </url><url>
+    <loc>//localhost:1414/mac-nerds/</loc>
+    <lastmod>2026-03-18T00:00:00+00:00</lastmod>
+  </url><url>
+    <loc>//localhost:1414/personen/mutti/</loc>
+    <lastmod>2026-03-18T00:00:00+00:00</lastmod>
+  </url><url>
+    <loc>//localhost:1414/posts/neural-hack/</loc>
+    <lastmod>2026-03-18T00:00:00+00:00</lastmod>
+  </url><url>
+    <loc>//localhost:1414/posts/operation-apollo/</loc>
+    <lastmod>2026-03-18T00:00:00+00:00</lastmod>
+  </url><url>
+    <loc>//localhost:1414/personen/</loc>
+    <lastmod>2026-03-18T00:00:00+00:00</lastmod>
+  </url><url>
+    <loc>//localhost:1414/posts/</loc>
+    <lastmod>2026-03-18T00:00:00+00:00</lastmod>
+  </url><url>
+    <loc>//localhost:1414/posts/flux-overdrive/</loc>
+    <lastmod>2026-03-18T00:00:00+00:00</lastmod>
+  </url><url>
+    <loc>//localhost:1414/posts/icmp-echo/</loc>
+    <lastmod>2026-03-18T00:00:00+00:00</lastmod>
+  </url><url>
+    <loc>//localhost:1414/posts/digital-ghost/</loc>
+    <lastmod>2026-03-18T00:00:00+00:00</lastmod>
+  </url><url>
+    <loc>//localhost:1414/personen/sascha/</loc>
+    <lastmod>2026-03-18T00:00:00+00:00</lastmod>
+  </url><url>
+    <loc>//localhost:1414/personen/schwester/</loc>
+    <lastmod>2026-03-18T00:00:00+00:00</lastmod>
+  </url><url>
+    <loc>//localhost:1414/posts/spotlight-filter/</loc>
+    <lastmod>2026-03-18T00:00:00+00:00</lastmod>
+  </url><url>
+    <loc>//localhost:1414/personen/sven/</loc>
+    <lastmod>2026-03-18T00:00:00+00:00</lastmod>
+  </url><url>
+    <loc>//localhost:1414/posts/fork-bomb/</loc>
+    <lastmod>2026-03-18T00:00:00+00:00</lastmod>
+  </url><url>
+    <loc>//localhost:1414/posts/n8n-resurrection/</loc>
+    <lastmod>2026-03-18T00:00:00+00:00</lastmod>
+  </url><url>
+    <loc>//localhost:1414/posts/theme-annihilation/</loc>
+    <lastmod>2026-03-18T00:00:00+00:00</lastmod>
+  </url><url>
+    <loc>//localhost:1414/personen/vater/</loc>
+    <lastmod>2026-03-18T00:00:00+00:00</lastmod>
+  </url><url>
+    <loc>//localhost:1414/categories/</loc>
+  </url><url>
+    <loc>//localhost:1414/tags/</loc>
+  </url>
+</urlset>
diff --git a/public/tags/index.xml b/public/tags/index.xml
index bed8bdc..a4ed3fb 100644
--- a/public/tags/index.xml
+++ b/public/tags/index.xml
@@ -1 +1,15 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Tags on DIGITALE ANARCHIE | KI-LABOR</title><link>/tags/</link><description>Recent content in Tags on DIGITALE ANARCHIE | KI-LABOR</description><generator>Hugo</generator><language>de-de</language><atom:link href="/tags/index.xml" rel="self" type="application/rss+xml"/></channel></rss>
\ No newline at end of file
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+	<channel>
+		<title>Tags on DIGITALE ANARCHIE | KI-LABOR</title>
+		<link>//localhost:1414/tags/</link>
+		<description>Recent content in Tags on DIGITALE ANARCHIE | KI-LABOR</description>
+		<generator>Hugo</generator>
+		<language>de-de</language>
+		
+		
+		
+		
+			<atom:link href="//localhost:1414/tags/index.xml" rel="self" type="application/rss+xml" />
+	</channel>
+</rss>
diff --git a/static/.DS_Store b/static/.DS_Store
index c0169595871c6e9c0d04e4a3a77db9e01bd81515..bf16b122509d47562f884d8e3ec13364b675eaa4 100644
GIT binary patch
delta 82
zcmZoMXffC@mDw`#76StV6GIk5ac;hgOHxjL5|Ga^$8&w?5#<w(2)Puv9NW)jdk!m~
Xn0$^|d}HD&#!W00Oq<y`{_+C=12Y;g

delta 84
zcmZoMXffC@mD$pxl!1YPi6M)jI5*$LB`GIA3CQQ*TU1*2YyWXagj@=`+~jl2;*0^C
RKQfE4Ol;uZ%+B$b9{?xI8kqn9

diff --git a/static/js/ascii-shimmer.js b/static/js/ascii-shimmer.js
new file mode 100644
index 0000000..5b9f630
--- /dev/null
+++ b/static/js/ascii-shimmer.js
@@ -0,0 +1,114 @@
+/* ASCII-Shimmer: rendert einen Text als flimmerndes ASCII-Art-Textbild.
+   Idee: Buchstaben werden zu einer Pixelmaske, innerhalb der Maske
+   werden Zeichen aus einem Zeichensatz zufaellig neu gewuerfelt. */
+(function () {
+    function initAsciiShimmer(container) {
+        var text = container.dataset.text || 'KILABOR';
+        var cell = parseInt(container.dataset.cell || '10', 10);
+        var primaryColor = container.dataset.color || '#ff4500';
+        var dimColor = container.dataset.dimColor || 'rgba(212,175,55,0.35)';
+        var intervalMs = parseInt(container.dataset.interval || '140', 10);
+
+        var denseChars = ['$', '@', '%', '#', '&', '8', '0'];
+        var edgeChars = ['+', 'x', '-', '=', ':', '.', 'o'];
+
+        var canvas = document.createElement('canvas');
+        canvas.style.display = 'block';
+        container.appendChild(canvas);
+        var ctx = canvas.getContext('2d');
+
+        var mask = [];
+        var timer = null;
+        var cssWidth = 0;
+        var cssHeight = 0;
+
+        function buildMask() {
+            var width = container.clientWidth || 600;
+            var fontSize = Math.min(width / (text.length * 0.62), 160);
+            var height = Math.ceil(fontSize * 1.3);
+            cssWidth = width;
+            cssHeight = height;
+
+            var dpr = Math.min(window.devicePixelRatio || 1, 2);
+            canvas.width = Math.round(width * dpr);
+            canvas.height = Math.round(height * dpr);
+            canvas.style.width = width + 'px';
+            canvas.style.height = height + 'px';
+            ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+
+            var mCanvas = document.createElement('canvas');
+            mCanvas.width = width;
+            mCanvas.height = height;
+            var mctx = mCanvas.getContext('2d');
+            // Canvas bleibt transparent (alpha 0) - nur der Text bekommt Alpha > 0,
+            // darueber wird die Maske erkannt (kein separates Schwarz-Fuellen!).
+            mctx.fillStyle = '#fff';
+            mctx.font = "900 " + fontSize + "px 'Courier New', monospace";
+            mctx.textBaseline = 'middle';
+            mctx.textAlign = 'center';
+            mctx.fillText(text, width / 2, height / 2);
+
+            var imgData = mctx.getImageData(0, 0, width, height).data;
+            var cols = Math.floor(width / cell);
+            var rows = Math.floor(height / cell);
+            mask = [];
+
+            for (var ry = 0; ry < rows; ry++) {
+                for (var rx = 0; rx < cols; rx++) {
+                    var px = Math.floor(rx * cell + cell / 2);
+                    var py = Math.floor(ry * cell + cell / 2);
+                    var idx = (py * width + px) * 4;
+                    var alpha = imgData[idx + 3] / 255;
+                    if (alpha > 0.15) {
+                        mask.push({ x: rx, y: ry, alpha: alpha });
+                    }
+                }
+            }
+        }
+
+        function draw() {
+            ctx.clearRect(0, 0, cssWidth, cssHeight);
+            ctx.font = cell + "px 'Courier New', monospace";
+            ctx.textBaseline = 'middle';
+            ctx.textAlign = 'center';
+
+            for (var i = 0; i < mask.length; i++) {
+                var c = mask[i];
+                var isDense = c.alpha > 0.7;
+                var set = isDense ? denseChars : edgeChars;
+                var char = set[(Math.random() * set.length) | 0];
+                ctx.fillStyle = isDense ? primaryColor : dimColor;
+                ctx.fillText(char, c.x * cell + cell / 2, c.y * cell + cell / 2);
+            }
+        }
+
+        function start() {
+            buildMask();
+            draw();
+            timer = setInterval(draw, intervalMs);
+        }
+
+        function stop() {
+            if (timer) { clearInterval(timer); timer = null; }
+        }
+
+        start();
+
+        var resizeTimeout;
+        window.addEventListener('resize', function () {
+            clearTimeout(resizeTimeout);
+            resizeTimeout = setTimeout(function () { buildMask(); draw(); }, 200);
+        });
+
+        document.addEventListener('visibilitychange', function () {
+            if (document.hidden) { stop(); } else if (!timer) { start(); }
+        });
+    }
+
+    document.addEventListener('DOMContentLoaded', function () {
+        var containers = document.querySelectorAll('[data-ascii-shimmer]');
+        for (var i = 0; i < containers.length; i++) {
+            initAsciiShimmer(containers[i]);
+        }
+    });
+})();