diff --git a/src/main/resources/static/css/accessibility-placement.css b/src/main/resources/static/css/accessibility-placement.css
index 2e3760e..7a35b3b 100644
--- a/src/main/resources/static/css/accessibility-placement.css
+++ b/src/main/resources/static/css/accessibility-placement.css
@@ -1,4 +1,4 @@
-body{padding-left:0!important;padding-bottom:0!important}
+/* (Legacy-Dock-Padding-Reset entfallen – es gibt kein body-padding-Dock mehr.) */
 .mf-a11y-trigger{position:static!important;width:42px;height:42px;z-index:auto;flex:0 0 42px;box-shadow:0 0 14px var(--glow-w);border-radius:10px}
 .mf-a11y-trigger svg{width:20px;height:20px}
 .mf-a11y-panel{inset:76px 16px auto auto!important;width:min(450px,calc(100vw - 32px));max-height:calc(100dvh - 92px)}
@@ -17,5 +17,5 @@ body[class*="mf-a11y-skin-"] .mf-a11y-trigger{border-color:color-mix(in srgb,var
 body[class*="mf-a11y-skin-"] .mf-a11y-panel{border-color:color-mix(in srgb,var(--mf-a11y-accent) 56%,var(--border));box-shadow:0 12px 45px rgba(0,0,0,.55),0 0 22px var(--mf-a11y-glow)}
 body[class*="mf-a11y-skin-"] .mf-a11y-head{background:color-mix(in srgb,var(--mf-a11y-accent) 28%,#07121f)}
 body[class*="mf-a11y-skin-"] .mf-a11y-close{background:var(--mf-a11y-accent);color:var(--mf-a11y-ink)}
-body[class*="mf-a11y-skin-"] .mf-a11y-option[aria-pressed="true"]{border-color:var(--mf-a11y-accent);background:color-mix(in srgb,var(--mf-a11y-accent) 18%,var(--surface));box-shadow:inset 0 0 0 2px var(--mf-a11y-accent)}
+body[class*="mf-a11y-skin-"] .mf-a11y-option[aria-pressed="true"],body[class*="mf-a11y-skin-"] .mf-a11y-option.is-active{border-color:var(--mf-a11y-accent);background:color-mix(in srgb,var(--mf-a11y-accent) 18%,var(--surface));box-shadow:inset 0 0 0 2px var(--mf-a11y-accent)}
 @media(max-width:700px){.mf-a11y-panel{inset:70px 6px auto 6px!important;width:auto;max-height:calc(100dvh - 82px)}}
diff --git a/src/main/resources/static/css/accessibility.css b/src/main/resources/static/css/accessibility.css
index a974006..3cb943c 100644
--- a/src/main/resources/static/css/accessibility.css
+++ b/src/main/resources/static/css/accessibility.css
@@ -3,6 +3,8 @@ html[data-mf-readable="true"] body,html[data-mf-readable="true"] button,html[dat
 /* Die Tokens liegen je nach Spiel auf body bzw. der jeweiligen Spielwurzel.
    Deshalb müssen die Overrides auf der ganzen Oberfläche gelten – ein Override
    nur auf html wurde von den lokalen Themes bislang wieder überschrieben. */
+/* Hochkontrast ist BEWUSST immer dunkel (maximaler, deterministischer Kontrast) –
+   auch im Light Mode. Im Button-Untertitel als "immer dunkel" gekennzeichnet. */
 html[data-mf-contrast="true"] body,html[data-mf-contrast="true"] body *{--bg:#000!important;--panel:#050505!important;--panel-2:#080808!important;--surface:#0b0b0b!important;--surface-2:#151515!important;--text:#fff!important;--heading:#fff!important;--muted:#f1f1f1!important;--border:#fff!important;--line:#fff!important;--border-accent:#6fffb5!important;--accent:#6fffb5!important;--accent-2:#fff!important;--secondary:#83dbff!important;--secondary-2:#fff!important;--success:#83dbff!important;--danger:#ff9caf!important;--esc-accent:#6fffb5!important;--bh-accent:#6fffb5!important;--sc-accent:#83dbff!important;--nw-accent:#83dbff!important;--mm-accent:#6fffb5!important;--mm-secondary:#83dbff!important;--tt-accent:#6fffb5!important;--tt-secondary:#83dbff!important;--dl-accent:#6fffb5!important;--dl-secondary:#83dbff!important;--ss-accent:#6fffb5!important;--ss-secondary:#83dbff!important;--ff-accent:#6fffb5!important;--ff-secondary:#83dbff!important;--glow-s:transparent!important;--glow-w:transparent!important;--esc-glow:transparent!important;--bh-glow:transparent!important;--sc-glow:transparent!important;--nw-glow:transparent!important;--mm-glow:transparent!important;--tt-glow:transparent!important;--dl-glow:transparent!important;--ss-glow:transparent!important;--ff-glow:transparent!important}
 html[data-mf-contrast="true"] body{background:#000!important;color:#fff!important;color-scheme:dark}
 html[data-mf-contrast="true"] body *,html[data-mf-contrast="true"] body *::before,html[data-mf-contrast="true"] body *::after{text-shadow:none!important;box-shadow:none!important}
@@ -22,6 +24,7 @@ html[data-mf-color="safe"].sn-platform body .mf-card-finalprotocol{--accent:#999
 html[data-mf-mono="true"] body{filter:grayscale(1)}html[data-mf-links="true"] a{text-decoration:underline!important;text-underline-offset:.18em;text-decoration-thickness:.12em}
 html[data-mf-motion="false"] *,html[data-mf-motion="false"] *::before,html[data-mf-motion="false"] *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
 html[data-mf-cursor="true"],html[data-mf-cursor="true"] *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M2 1v25l7-7 5 11 5-2-5-10h10z' fill='white' stroke='black' stroke-width='2'/%3E%3C/svg%3E") 2 1,auto!important}
-body{padding-left:72px}.mf-a11y-dock{position:fixed;inset:0 auto 0 0;z-index:1799;width:72px;display:flex;align-items:flex-end;justify-content:center;padding:0 0 18px;background:color-mix(in srgb,var(--panel) 94%,transparent);border-right:1px solid var(--border);box-shadow:5px 0 18px rgba(0,0,0,.16)}
+/* Legacy-Dock entfernt: der A11y-Trigger sitzt jetzt als 42px-Icon-Button im Header
+   (Platzierung in accessibility-placement.css). Kein body-padding / Fixed-Dock mehr. */
 .mf-a11y-trigger{width:42px;height:42px;border:1px solid var(--border);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);color:var(--muted);cursor:pointer;transition:all .18s}.mf-a11y-trigger:hover{color:var(--accent);border-color:var(--border-accent);box-shadow:0 0 14px var(--glow-w)}.mf-a11y-trigger svg{width:20px;height:20px}.mf-a11y-trigger:focus-visible,.mf-a11y-panel button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
-.mf-a11y-panel{position:fixed;left:82px;bottom:18px;z-index:1801;width:min(450px,calc(100vw - 100px));max-height:calc(100dvh - 36px);overflow:auto;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);box-shadow:0 12px 45px rgba(0,0,0,.55)}.mf-a11y-panel[hidden]{display:none}.mf-a11y-head{position:sticky;top:0;display:flex;align-items:center;gap:1rem;padding:.65rem;background:#07121f;color:#fff;z-index:1}.mf-a11y-head h2{font:800 1.05rem Arial,sans-serif;margin:0 auto}.mf-a11y-close{width:44px;height:44px;border:0;border-radius:6px;background:#fff;color:#07121f;font-size:1.8rem;cursor:pointer}.mf-a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:10px;background:var(--surface)}.mf-a11y-option{min-height:88px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);color:var(--text);padding:.65rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;font:inherit;cursor:pointer}.mf-a11y-option strong{font-size:1.35rem}.mf-a11y-option[aria-pressed="true"]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--surface));box-shadow:inset 0 0 0 2px var(--accent)}.mf-a11y-option small{color:var(--muted)}@media(max-width:700px){body{padding-left:0;padding-bottom:68px}.mf-a11y-dock{inset:auto 0 0 0;width:auto;height:68px;padding:0 10px;justify-content:flex-start;align-items:center;border-right:0;border-top:1px solid var(--border);box-shadow:0 -5px 18px rgba(0,0,0,.18)}.mf-a11y-trigger{width:52px;height:52px}.mf-a11y-panel{left:6px;bottom:74px;width:calc(100vw - 12px);max-height:calc(100dvh - 86px)}.mf-a11y-grid{grid-template-columns:1fr 1fr}.mf-a11y-option{min-height:78px;font-size:.82rem}}
+.mf-a11y-panel{position:fixed;left:82px;bottom:18px;z-index:1801;width:min(450px,calc(100vw - 100px));max-height:calc(100dvh - 36px);overflow:auto;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);box-shadow:0 12px 45px rgba(0,0,0,.55)}.mf-a11y-panel[hidden]{display:none}.mf-a11y-head{position:sticky;top:0;display:flex;align-items:center;gap:1rem;padding:.65rem;background:#07121f;color:#fff;z-index:1}.mf-a11y-head h2{font:800 1.05rem Arial,sans-serif;margin:0 auto}.mf-a11y-close{width:44px;height:44px;border:0;border-radius:6px;background:#fff;color:#07121f;font-size:1.8rem;cursor:pointer}.mf-a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:10px;background:var(--surface)}.mf-a11y-option{min-height:88px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);color:var(--text);padding:.65rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;font:inherit;cursor:pointer}.mf-a11y-option strong{font-size:1.35rem}.mf-a11y-option[aria-pressed="true"],.mf-a11y-option.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--surface));box-shadow:inset 0 0 0 2px var(--accent)}.mf-a11y-option small{color:var(--muted)}@media(max-width:700px){.mf-a11y-panel{left:6px;bottom:74px;width:calc(100vw - 12px);max-height:calc(100dvh - 86px)}.mf-a11y-grid{grid-template-columns:1fr 1fr}.mf-a11y-option{min-height:78px;font-size:.82rem}}
diff --git a/src/main/resources/static/finalflux/ap1/datenschutz.html b/src/main/resources/static/finalflux/ap1/datenschutz.html
index 8918893..a61fed7 100644
--- a/src/main/resources/static/finalflux/ap1/datenschutz.html
+++ b/src/main/resources/static/finalflux/ap1/datenschutz.html
@@ -5,9 +5,9 @@
   <title>Datenschutz - FinalProtocol AP1</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/ap1/ip-berechnung.html b/src/main/resources/static/finalflux/ap1/ip-berechnung.html
index fbe30fd..25225a2 100644
--- a/src/main/resources/static/finalflux/ap1/ip-berechnung.html
+++ b/src/main/resources/static/finalflux/ap1/ip-berechnung.html
@@ -5,9 +5,9 @@
   <title>IP-Adressberechnung - FinalProtocol AP1</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/ap1/projektmanagement.html b/src/main/resources/static/finalflux/ap1/projektmanagement.html
index 6079bdc..b0a5656 100644
--- a/src/main/resources/static/finalflux/ap1/projektmanagement.html
+++ b/src/main/resources/static/finalflux/ap1/projektmanagement.html
@@ -5,9 +5,9 @@
   <title>Projektmanagement - FinalProtocol AP1</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/ap1/zahlensysteme.html b/src/main/resources/static/finalflux/ap1/zahlensysteme.html
index e2c621e..e5e5a6b 100644
--- a/src/main/resources/static/finalflux/ap1/zahlensysteme.html
+++ b/src/main/resources/static/finalflux/ap1/zahlensysteme.html
@@ -5,9 +5,9 @@
   <title>Zahlensysteme & Speicher - FinalProtocol AP1</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/ap2-fiae/algorithmen.html b/src/main/resources/static/finalflux/ap2-fiae/algorithmen.html
index 297c5b1..88640b6 100644
--- a/src/main/resources/static/finalflux/ap2-fiae/algorithmen.html
+++ b/src/main/resources/static/finalflux/ap2-fiae/algorithmen.html
@@ -5,9 +5,9 @@
   <title>Algorithmen - FinalProtocol AP2</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/ap2-fiae/entwurfsmuster.html b/src/main/resources/static/finalflux/ap2-fiae/entwurfsmuster.html
index 2c07344..624c5a0 100644
--- a/src/main/resources/static/finalflux/ap2-fiae/entwurfsmuster.html
+++ b/src/main/resources/static/finalflux/ap2-fiae/entwurfsmuster.html
@@ -5,9 +5,9 @@
   <title>Entwurfsmuster - FinalProtocol AP2</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/ap2-fiae/oop.html b/src/main/resources/static/finalflux/ap2-fiae/oop.html
index dbd63a5..f09c8f8 100644
--- a/src/main/resources/static/finalflux/ap2-fiae/oop.html
+++ b/src/main/resources/static/finalflux/ap2-fiae/oop.html
@@ -5,9 +5,9 @@
   <title>OOP - FinalProtocol AP2</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/ap2-fiae/sql.html b/src/main/resources/static/finalflux/ap2-fiae/sql.html
index 3348067..eb63a2f 100644
--- a/src/main/resources/static/finalflux/ap2-fiae/sql.html
+++ b/src/main/resources/static/finalflux/ap2-fiae/sql.html
@@ -5,9 +5,9 @@
   <title>SQL - FinalProtocol AP2</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/ap2-fiae/testverfahren.html b/src/main/resources/static/finalflux/ap2-fiae/testverfahren.html
index cb4d46a..af24109 100644
--- a/src/main/resources/static/finalflux/ap2-fiae/testverfahren.html
+++ b/src/main/resources/static/finalflux/ap2-fiae/testverfahren.html
@@ -5,9 +5,9 @@
   <title>Testverfahren - FinalProtocol AP2</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/ap2-fiae/uml.html b/src/main/resources/static/finalflux/ap2-fiae/uml.html
index b38ec0e..32a2df2 100644
--- a/src/main/resources/static/finalflux/ap2-fiae/uml.html
+++ b/src/main/resources/static/finalflux/ap2-fiae/uml.html
@@ -5,9 +5,9 @@
   <title>UML - FinalProtocol AP2</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/ap2-fisi/hochverfuegbarkeit.html b/src/main/resources/static/finalflux/ap2-fisi/hochverfuegbarkeit.html
index bca37bf..b1adf5e 100644
--- a/src/main/resources/static/finalflux/ap2-fisi/hochverfuegbarkeit.html
+++ b/src/main/resources/static/finalflux/ap2-fisi/hochverfuegbarkeit.html
@@ -5,9 +5,9 @@
   <title>Hochverfügbarkeit - FinalProtocol AP2</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/ap2-fisi/it-sicherheit.html b/src/main/resources/static/finalflux/ap2-fisi/it-sicherheit.html
index 932056c..7a77280 100644
--- a/src/main/resources/static/finalflux/ap2-fisi/it-sicherheit.html
+++ b/src/main/resources/static/finalflux/ap2-fisi/it-sicherheit.html
@@ -5,9 +5,9 @@
   <title>IT-Sicherheit - FinalProtocol AP2</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/ap2-fisi/monitoring-backup.html b/src/main/resources/static/finalflux/ap2-fisi/monitoring-backup.html
index f464ebc..79b77d6 100644
--- a/src/main/resources/static/finalflux/ap2-fisi/monitoring-backup.html
+++ b/src/main/resources/static/finalflux/ap2-fisi/monitoring-backup.html
@@ -5,9 +5,9 @@
   <title>Monitoring &amp; Backup - FinalProtocol AP2</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/ap2-fisi/netzwerkplanung.html b/src/main/resources/static/finalflux/ap2-fisi/netzwerkplanung.html
index c4a6e6c..d0d52e2 100644
--- a/src/main/resources/static/finalflux/ap2-fisi/netzwerkplanung.html
+++ b/src/main/resources/static/finalflux/ap2-fisi/netzwerkplanung.html
@@ -5,9 +5,9 @@
   <title>Netzwerkplanung - FinalProtocol AP2</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/ap2-fisi/skripting.html b/src/main/resources/static/finalflux/ap2-fisi/skripting.html
index 2e0bffc..a4b5d25 100644
--- a/src/main/resources/static/finalflux/ap2-fisi/skripting.html
+++ b/src/main/resources/static/finalflux/ap2-fisi/skripting.html
@@ -5,9 +5,9 @@
   <title>Skripting - FinalProtocol AP2</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/ap2-fisi/virtualisierung.html b/src/main/resources/static/finalflux/ap2-fisi/virtualisierung.html
index b22bd08..6da77d3 100644
--- a/src/main/resources/static/finalflux/ap2-fisi/virtualisierung.html
+++ b/src/main/resources/static/finalflux/ap2-fisi/virtualisierung.html
@@ -5,9 +5,9 @@
   <title>Virtualisierung - FinalProtocol AP2</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/systemintegration/backuparten.html b/src/main/resources/static/finalflux/systemintegration/backuparten.html
index c31eb19..d29ee2b 100644
--- a/src/main/resources/static/finalflux/systemintegration/backuparten.html
+++ b/src/main/resources/static/finalflux/systemintegration/backuparten.html
@@ -5,9 +5,9 @@
   <title>Backuparten - FinalProtocol AP1</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/systemintegration/datenbank.html b/src/main/resources/static/finalflux/systemintegration/datenbank.html
index 509934c..f657fdc 100644
--- a/src/main/resources/static/finalflux/systemintegration/datenbank.html
+++ b/src/main/resources/static/finalflux/systemintegration/datenbank.html
@@ -5,9 +5,9 @@
   <title>Datenbanksysteme - FinalProtocol AP1</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/systemintegration/dsl.html b/src/main/resources/static/finalflux/systemintegration/dsl.html
index 5718409..26a39d0 100644
--- a/src/main/resources/static/finalflux/systemintegration/dsl.html
+++ b/src/main/resources/static/finalflux/systemintegration/dsl.html
@@ -5,9 +5,9 @@
   <title>DSL und Internetanschluss - FinalProtocol AP1</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/systemintegration/osi.html b/src/main/resources/static/finalflux/systemintegration/osi.html
index 85d36e0..e1aed51 100644
--- a/src/main/resources/static/finalflux/systemintegration/osi.html
+++ b/src/main/resources/static/finalflux/systemintegration/osi.html
@@ -5,9 +5,9 @@
   <title>OSI-Modell - FinalProtocol AP1</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/systemintegration/storage.html b/src/main/resources/static/finalflux/systemintegration/storage.html
index 49ae599..46c6d2a 100644
--- a/src/main/resources/static/finalflux/systemintegration/storage.html
+++ b/src/main/resources/static/finalflux/systemintegration/storage.html
@@ -5,9 +5,9 @@
   <title>Storage Systeme - FinalProtocol AP1</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/systemintegration/thin-client.html b/src/main/resources/static/finalflux/systemintegration/thin-client.html
index c18c244..c26bdfb 100644
--- a/src/main/resources/static/finalflux/systemintegration/thin-client.html
+++ b/src/main/resources/static/finalflux/systemintegration/thin-client.html
@@ -5,9 +5,9 @@
   <title>Thin Clients - FinalProtocol AP1</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/systemintegration/topologien.html b/src/main/resources/static/finalflux/systemintegration/topologien.html
index 3f2efa3..86231c2 100644
--- a/src/main/resources/static/finalflux/systemintegration/topologien.html
+++ b/src/main/resources/static/finalflux/systemintegration/topologien.html
@@ -5,9 +5,9 @@
   <title>Netzwerktopologien - FinalProtocol AP1</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/systemintegration/usv.html b/src/main/resources/static/finalflux/systemintegration/usv.html
index d7c1b56..53fc7cb 100644
--- a/src/main/resources/static/finalflux/systemintegration/usv.html
+++ b/src/main/resources/static/finalflux/systemintegration/usv.html
@@ -5,9 +5,9 @@
   <title>USV - FinalProtocol AP1</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/systemintegration/vdi-daas.html b/src/main/resources/static/finalflux/systemintegration/vdi-daas.html
index 351293b..d740674 100644
--- a/src/main/resources/static/finalflux/systemintegration/vdi-daas.html
+++ b/src/main/resources/static/finalflux/systemintegration/vdi-daas.html
@@ -5,9 +5,9 @@
   <title>VDI & DaaS - FinalProtocol AP1</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/systemintegration/vlan.html b/src/main/resources/static/finalflux/systemintegration/vlan.html
index f83fdd1..b8e28df 100644
--- a/src/main/resources/static/finalflux/systemintegration/vlan.html
+++ b/src/main/resources/static/finalflux/systemintegration/vlan.html
@@ -5,9 +5,9 @@
   <title>VLAN - FinalProtocol AP1</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/wirtschaft/amortisation.html b/src/main/resources/static/finalflux/wirtschaft/amortisation.html
index fa8f1d8..5c2c124 100644
--- a/src/main/resources/static/finalflux/wirtschaft/amortisation.html
+++ b/src/main/resources/static/finalflux/wirtschaft/amortisation.html
@@ -5,9 +5,9 @@
   <title>Amortisation - FinalProtocol AP1</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/wirtschaft/angebotsvergleich.html b/src/main/resources/static/finalflux/wirtschaft/angebotsvergleich.html
index de6c0ae..30ab09b 100644
--- a/src/main/resources/static/finalflux/wirtschaft/angebotsvergleich.html
+++ b/src/main/resources/static/finalflux/wirtschaft/angebotsvergleich.html
@@ -5,9 +5,9 @@
   <title>Angebotsvergleich - FinalProtocol AP1</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/wirtschaft/bezugskalkulation.html b/src/main/resources/static/finalflux/wirtschaft/bezugskalkulation.html
index b7cc710..4f16e4e 100644
--- a/src/main/resources/static/finalflux/wirtschaft/bezugskalkulation.html
+++ b/src/main/resources/static/finalflux/wirtschaft/bezugskalkulation.html
@@ -5,9 +5,9 @@
   <title>Bezugskalkulation - FinalProtocol AP1</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/wirtschaft/harvard_konzept.html b/src/main/resources/static/finalflux/wirtschaft/harvard_konzept.html
index 0114406..bd13caa 100644
--- a/src/main/resources/static/finalflux/wirtschaft/harvard_konzept.html
+++ b/src/main/resources/static/finalflux/wirtschaft/harvard_konzept.html
@@ -5,9 +5,9 @@
   <title>Harvard-Konzept - FinalProtocol AP1</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/wirtschaft/kosten_nutzen.html b/src/main/resources/static/finalflux/wirtschaft/kosten_nutzen.html
index a7f6c4d..a321797 100644
--- a/src/main/resources/static/finalflux/wirtschaft/kosten_nutzen.html
+++ b/src/main/resources/static/finalflux/wirtschaft/kosten_nutzen.html
@@ -5,9 +5,9 @@
   <title>Kosten-Nutzen-Vergleich - FinalProtocol AP1</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/wirtschaft/make_or_buy.html b/src/main/resources/static/finalflux/wirtschaft/make_or_buy.html
index c158abc..321ec2d 100644
--- a/src/main/resources/static/finalflux/wirtschaft/make_or_buy.html
+++ b/src/main/resources/static/finalflux/wirtschaft/make_or_buy.html
@@ -5,9 +5,9 @@
   <title>Make or Buy - FinalProtocol AP1</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/wirtschaft/marktformen.html b/src/main/resources/static/finalflux/wirtschaft/marktformen.html
index 9fcb16c..73ab465 100644
--- a/src/main/resources/static/finalflux/wirtschaft/marktformen.html
+++ b/src/main/resources/static/finalflux/wirtschaft/marktformen.html
@@ -5,9 +5,9 @@
   <title>Marktformen - FinalProtocol AP1</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/wirtschaft/nutzwertanalyse.html b/src/main/resources/static/finalflux/wirtschaft/nutzwertanalyse.html
index 3a1f68a..3cefb69 100644
--- a/src/main/resources/static/finalflux/wirtschaft/nutzwertanalyse.html
+++ b/src/main/resources/static/finalflux/wirtschaft/nutzwertanalyse.html
@@ -5,9 +5,9 @@
   <title>Nutzwertanalyse - FinalProtocol AP1</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/wirtschaft/ratendarlehen.html b/src/main/resources/static/finalflux/wirtschaft/ratendarlehen.html
index df3b436..c21bbaf 100644
--- a/src/main/resources/static/finalflux/wirtschaft/ratendarlehen.html
+++ b/src/main/resources/static/finalflux/wirtschaft/ratendarlehen.html
@@ -5,9 +5,9 @@
   <title>Ratendarlehen - FinalProtocol AP1</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/wirtschaft/rentabilitätsrechnung.html b/src/main/resources/static/finalflux/wirtschaft/rentabilitätsrechnung.html
index 75bb33c..1cf98fa 100644
--- a/src/main/resources/static/finalflux/wirtschaft/rentabilitätsrechnung.html
+++ b/src/main/resources/static/finalflux/wirtschaft/rentabilitätsrechnung.html
@@ -5,9 +5,9 @@
   <title>Rentabilitätsrechnung - FinalProtocol AP1</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/wirtschaft/roi.html b/src/main/resources/static/finalflux/wirtschaft/roi.html
index 7b72e44..5a5ea0e 100644
--- a/src/main/resources/static/finalflux/wirtschaft/roi.html
+++ b/src/main/resources/static/finalflux/wirtschaft/roi.html
@@ -5,9 +5,9 @@
   <title>Return on Investment - FinalProtocol AP1</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/wirtschaft/vertragsarten.html b/src/main/resources/static/finalflux/wirtschaft/vertragsarten.html
index 9f20f7f..c9a8ad4 100644
--- a/src/main/resources/static/finalflux/wirtschaft/vertragsarten.html
+++ b/src/main/resources/static/finalflux/wirtschaft/vertragsarten.html
@@ -5,9 +5,9 @@
   <title>Vertragsarten - FinalProtocol AP1</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/wirtschaft/win_win_strategie.html b/src/main/resources/static/finalflux/wirtschaft/win_win_strategie.html
index d89bf47..e137c9e 100644
--- a/src/main/resources/static/finalflux/wirtschaft/win_win_strategie.html
+++ b/src/main/resources/static/finalflux/wirtschaft/win_win_strategie.html
@@ -5,9 +5,9 @@
   <title>Win-Win-Strategie - FinalProtocol AP1</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/finalflux/wirtschaft/wirtschaftssektoren.html b/src/main/resources/static/finalflux/wirtschaft/wirtschaftssektoren.html
index 570c1d3..7314e9f 100644
--- a/src/main/resources/static/finalflux/wirtschaft/wirtschaftssektoren.html
+++ b/src/main/resources/static/finalflux/wirtschaft/wirtschaftssektoren.html
@@ -5,9 +5,9 @@
   <title>Wirtschaftssektoren - FinalProtocol AP1</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css">
-  <script src="/js/theme.js?v=3"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/static/js/accessibility.js b/src/main/resources/static/js/accessibility.js
index f4cd5c6..3e52b77 100644
--- a/src/main/resources/static/js/accessibility.js
+++ b/src/main/resources/static/js/accessibility.js
@@ -5,8 +5,17 @@ apply();
 function applySkin(){var root=document.querySelector('[data-a11y-skin]'),skin=root&&root.getAttribute('data-a11y-skin');if(!skin&&document.querySelector('.mm-body'))skin='mindmatch';if(!skin&&document.querySelector('.tt-body'))skin='techtacular';if(!skin&&document.querySelector('.dl-body,.dlg-body'))skin='devlab';if(!skin&&document.querySelector('.ss-body'))skin='syntaxsaga';if(!skin&&document.querySelector('.finalflux-shell,.finalflux-page'))skin='finalflux';if(!skin&&document.querySelector('.esc-app'))skin='codeescape';if(!skin&&document.querySelector('.bh-app'))skin='bughunter';if(!skin&&document.querySelector('.sc-app'))skin='serviceclash';if(!skin&&document.querySelector('.nw-app'))skin='networker';if(skin)document.body.classList.add('mf-a11y-skin-'+skin);}
 function button(id,icon,label,detail){return '<button type="button" class="mf-a11y-option" data-a11y="'+id+'"><strong aria-hidden="true">'+icon+'</strong><span>'+label+'</span>'+(detail?'<small>'+detail+'</small>':'')+'</button>';}
 function init(){if(document.querySelector('.mf-a11y-trigger'))return;var trigger=document.createElement('button');trigger.type='button';trigger.className='mf-a11y-trigger';trigger.setAttribute('aria-label','Barrierefreiheit öffnen');trigger.setAttribute('aria-expanded','false');trigger.setAttribute('aria-controls','mf-a11y-panel');trigger.innerHTML='<svg viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"><circle cx="18" cy="5" r="3" fill="currentColor"/><path d="M13 11l5-2 5 4m-7-2-2 7-6 1m8-4 6 2 3 7M13 18a7 7 0 1 0 6 7"/></svg>';
-var panel=document.createElement('section');panel.id='mf-a11y-panel';panel.className='mf-a11y-panel';panel.hidden=true;panel.setAttribute('role','dialog');panel.setAttribute('aria-modal','false');panel.setAttribute('aria-labelledby','mf-a11y-title');panel.innerHTML='<div class="mf-a11y-head"><button type="button" class="mf-a11y-close" aria-label="Barrierefreiheit schließen">×</button><h2 id="mf-a11y-title">Barrierefreiheit</h2></div><div class="mf-a11y-grid">'+button('font','T⁺','Text vergrößern','100 %')+button('contrast','◐','Hochkontrast')+button('color','◉','Farbenblind-Modus')+button('mono','◒','Monochrom')+button('readable','Aa','Lesemodus (Dyslexie)','Verdana + Abstände')+button('links','🔗','Links unterstreichen')+button('motion','Ⅱ','Animationen stoppen')+button('cursor','➤','Großer Cursor')+button('reset','↺','Alles zurücksetzen')+'</div>';
-document.body.appendChild(trigger);document.body.appendChild(panel);var close=panel.querySelector('.mf-a11y-close');function paint(){panel.querySelectorAll('[data-a11y]').forEach(function(b){var id=b.dataset.a11y,on=id==='font'?state.font>100:id==='motion'?!state.motion:id==='reset'?false:!!state[id];b.setAttribute('aria-pressed',on);if(id==='font')b.querySelector('small').textContent=state.font+' %';});}
+var panel=document.createElement('section');panel.id='mf-a11y-panel';panel.className='mf-a11y-panel';panel.hidden=true;panel.setAttribute('role','dialog');panel.setAttribute('aria-modal','false');panel.setAttribute('aria-labelledby','mf-a11y-title');panel.innerHTML='<div class="mf-a11y-head"><button type="button" class="mf-a11y-close" aria-label="Barrierefreiheit schließen">×</button><h2 id="mf-a11y-title">Barrierefreiheit</h2></div><div class="mf-a11y-grid">'+button('font','T⁺','Text vergrößern','100 %')+button('contrast','◐','Hochkontrast','immer dunkel')+button('color','◉','Farbenblind-Modus')+button('mono','◒','Monochrom')+button('readable','Aa','Lesemodus (Dyslexie)','Verdana + Abstände')+button('links','🔗','Links unterstreichen')+button('motion','Ⅱ','Animationen stoppen')+button('cursor','➤','Großer Cursor')+button('reset','↺','Alles zurücksetzen')+'</div>';
+document.body.appendChild(trigger);document.body.appendChild(panel);var close=panel.querySelector('.mf-a11y-close');
+function paint(){panel.querySelectorAll('[data-a11y]').forEach(function(b){var id=b.dataset.a11y;
+if(id==='font'){var on=state.font>100;b.classList.toggle('is-active',on);b.removeAttribute('aria-pressed');b.setAttribute('aria-label','Textgröße ändern – aktuell '+state.font+' %');var s=b.querySelector('small');if(s)s.textContent=state.font+' %';}
+else if(id==='reset'){b.removeAttribute('aria-pressed');}
+else{b.setAttribute('aria-pressed',id==='motion'?!state.motion:!!state[id]);}});}
 var host=document.querySelector('.mf-a11y-host,.mf-tools,.tt-header-tools,.mm-header-tools,.ss-header-tools,.dlg-header-tools,.mf-theme-float');if(host){host.insertBefore(trigger,host.firstChild);}else{var utility=document.createElement('div');utility.className='mf-a11y-utility';utility.setAttribute('aria-label','Globale Werkzeuge');utility.appendChild(trigger);document.body.insertBefore(utility,document.body.firstChild);}
-function hide(){panel.hidden=true;trigger.setAttribute('aria-expanded','false');trigger.focus();}function show(){panel.hidden=false;trigger.setAttribute('aria-expanded','true');paint();close.focus();}trigger.addEventListener('click',function(){panel.hidden?show():hide();});close.addEventListener('click',hide);window.addEventListener('keydown',function(e){if(e.key==='Escape'&&!panel.hidden)hide();});panel.addEventListener('click',function(e){var b=e.target.closest('[data-a11y]');if(!b)return;var id=b.dataset.a11y;if(id==='reset')state=Object.assign({},defaults);else if(id==='font')state.font=levels[(levels.indexOf(state.font)+1)%levels.length];else if(id==='motion')state.motion=!state.motion;else state[id]=!state[id];apply();paint();});paint();}
+function focusables(){return Array.prototype.slice.call(panel.querySelectorAll('button:not([disabled])'));}
+function trap(e){if(e.key!=='Tab')return;var f=focusables();if(!f.length)return;var first=f[0],last=f[f.length-1];if(e.shiftKey&&document.activeElement===first){e.preventDefault();last.focus();}else if(!e.shiftKey&&document.activeElement===last){e.preventDefault();first.focus();}}
+function onDocPointer(e){if(panel.hidden)return;if(panel.contains(e.target)||trigger.contains(e.target))return;hide();}
+function hide(){panel.hidden=true;panel.setAttribute('aria-modal','false');trigger.setAttribute('aria-expanded','false');document.removeEventListener('keydown',trap,true);document.removeEventListener('mousedown',onDocPointer,true);trigger.focus();}
+function show(){panel.hidden=false;panel.setAttribute('aria-modal','true');trigger.setAttribute('aria-expanded','true');paint();document.addEventListener('keydown',trap,true);document.addEventListener('mousedown',onDocPointer,true);close.focus();}
+trigger.addEventListener('click',function(){panel.hidden?show():hide();});close.addEventListener('click',hide);window.addEventListener('keydown',function(e){if(e.key==='Escape'&&!panel.hidden)hide();});panel.addEventListener('click',function(e){var b=e.target.closest('[data-a11y]');if(!b)return;var id=b.dataset.a11y;if(id==='reset')state=Object.assign({},defaults);else if(id==='font')state.font=levels[(levels.indexOf(state.font)+1)%levels.length];else if(id==='motion')state.motion=!state.motion;else state[id]=!state[id];apply();paint();});paint();}
 function start(){applySkin();init();}if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',start);else start();})();
diff --git a/src/main/resources/static/js/theme.js b/src/main/resources/static/js/theme.js
index 2ca9adf..52a6a53 100644
--- a/src/main/resources/static/js/theme.js
+++ b/src/main/resources/static/js/theme.js
@@ -21,7 +21,7 @@
   if (!document.querySelector('link[data-fluxtimer]')) {
     var timerCss = document.createElement('link');
     timerCss.rel = 'stylesheet';
-    timerCss.href = '/css/fluxtimer.css?v=4';
+    timerCss.href = '/css/fluxtimer.css?v=5';
     timerCss.setAttribute('data-fluxtimer', '');
     document.head.appendChild(timerCss);
   }
@@ -35,18 +35,18 @@
   if (!document.querySelector('link[data-accessibility]')) {
     var accessibilityCss = document.createElement('link');
     accessibilityCss.rel = 'stylesheet';
-    accessibilityCss.href = '/css/accessibility.css?v=5';
+    accessibilityCss.href = '/css/accessibility.css?v=6';
     accessibilityCss.setAttribute('data-accessibility', '');
     document.head.appendChild(accessibilityCss);
     var accessibilityPlacementCss = document.createElement('link');
     accessibilityPlacementCss.rel = 'stylesheet';
-    accessibilityPlacementCss.href = '/css/accessibility-placement.css?v=9';
+    accessibilityPlacementCss.href = '/css/accessibility-placement.css?v=10';
     accessibilityPlacementCss.setAttribute('data-accessibility', '');
     document.head.appendChild(accessibilityPlacementCss);
   }
   if (!document.querySelector('script[data-accessibility]')) {
     var accessibilityScript = document.createElement('script');
-    accessibilityScript.src = '/js/accessibility.js?v=8';
+    accessibilityScript.src = '/js/accessibility.js?v=9';
     accessibilityScript.defer = true;
     accessibilityScript.setAttribute('data-accessibility', '');
     document.head.appendChild(accessibilityScript);
diff --git a/src/main/resources/templates/achievements.html b/src/main/resources/templates/achievements.html
index 21e1595..3eae94a 100644
--- a/src/main/resources/templates/achievements.html
+++ b/src/main/resources/templates/achievements.html
@@ -4,8 +4,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>SysnaptiK Neural – Trophäen</title>
-    <link rel="stylesheet" href="/css/theme.css?v=3">
-    <script src="/js/theme.js?v=4"></script>
+    <link rel="stylesheet" href="/css/theme.css?v=4">
+    <script src="/js/theme.js?v=5"></script>
     <style>
         .mf-ach-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:1rem; }
         .achievement-card { background:var(--surface-2); border:1px solid var(--border); border-radius:13px; padding:1.3rem 1.1rem; text-align:center; transition:transform .16s ease, box-shadow .25s ease; }
diff --git a/src/main/resources/templates/admin/bughunter-hunt.html b/src/main/resources/templates/admin/bughunter-hunt.html
index 8552a98..6defb22 100644
--- a/src/main/resources/templates/admin/bughunter-hunt.html
+++ b/src/main/resources/templates/admin/bughunter-hunt.html
@@ -1 +1 @@
-<!doctype html><html lang="de" data-theme="dark" xmlns:th="http://www.thymeleaf.org"><head><meta charset="utf-8"><title>BugHunter Fallakte</title><link rel="stylesheet" href="/css/theme.css?v=3"><script src="/js/theme.js?v=4"></script></head><body><main class="mf-container" th:if="${hunt != null}"><a class="mf-back" href="/admin/bughunter">← Fallakten</a><h1 th:text="${hunt.title}" style="margin:1rem 0;color:var(--heading)"></h1><div class="mf-grid"><form class="mf-panel" method="post" th:action="@{/admin/bughunter/{id}/files(id=${hunt.id})}"><h2>Datei hinzufügen</h2><div class="mf-field"><label class="mf-label">Dateiname</label><input class="mf-input" name="filename" required></div><div class="mf-field"><label class="mf-label">Code</label><textarea class="mf-input" rows="14" name="content" required></textarea></div><button class="mf-btn">Datei speichern</button></form><form class="mf-panel" method="post" th:action="@{/admin/bughunter/{id}/bugs(id=${hunt.id})}"><h2>Bug hinzufügen</h2><div class="mf-field"><label class="mf-label">Punkte</label><input class="mf-input" type="number" name="points" value="100"></div><div class="mf-field"><label class="mf-label">Payload JSON</label><textarea class="mf-input" rows="14" name="payload" required>{"file":"Datei.java","line":1,"category":"logik","evidence":"...","fixOptions":["..."],"fixIndex":0,"fixedLine":"...","explanation":"..."}</textarea></div><p style="color:var(--muted);font-size:.85rem">Dateiname und Zeile müssen zu einer vorhandenen Datei passen; Kategorie: syntax, logik, laufzeit oder sicherheit.</p><button class="mf-btn">Bug speichern</button></form></div><section class="mf-panel" style="margin-top:1rem"><h2>Dateien</h2><table class="mf-table"><tr><th>Datei</th><th>Zeilen</th><th></th></tr><tr th:each="f:${hunt.files}"><td th:text="${f.filename}"></td><td th:text="${#strings.arrayLength(#strings.arraySplit(f.content, '\n'))}"></td><td><form method="post" th:action="@{/admin/bughunter/files/{id}/delete(id=${f.id})}"><input type="hidden" name="huntId" th:value="${hunt.id}"><button class="mf-btn danger">Löschen</button></form></td></tr></table></section><section class="mf-panel" style="margin-top:1rem"><h2>Bugs</h2><table class="mf-table"><tr><th>Punkte</th><th>Payload</th><th></th></tr><tr th:each="b:${hunt.bugs}"><td th:text="${b.points}"></td><td><code th:text="${b.payload}"></code></td><td><form method="post" th:action="@{/admin/bughunter/bugs/{id}/delete(id=${b.id})}"><input type="hidden" name="huntId" th:value="${hunt.id}"><button class="mf-btn danger">Löschen</button></form></td></tr></table></section></main><main class="mf-container" th:unless="${hunt != null}"><p>Fallakte nicht gefunden.</p></main></body></html>
+<!doctype html><html lang="de" data-theme="dark" xmlns:th="http://www.thymeleaf.org"><head><meta charset="utf-8"><title>BugHunter Fallakte</title><link rel="stylesheet" href="/css/theme.css?v=4"><script src="/js/theme.js?v=5"></script></head><body><main class="mf-container" th:if="${hunt != null}"><a class="mf-back" href="/admin/bughunter">← Fallakten</a><h1 th:text="${hunt.title}" style="margin:1rem 0;color:var(--heading)"></h1><div class="mf-grid"><form class="mf-panel" method="post" th:action="@{/admin/bughunter/{id}/files(id=${hunt.id})}"><h2>Datei hinzufügen</h2><div class="mf-field"><label class="mf-label">Dateiname</label><input class="mf-input" name="filename" required></div><div class="mf-field"><label class="mf-label">Code</label><textarea class="mf-input" rows="14" name="content" required></textarea></div><button class="mf-btn">Datei speichern</button></form><form class="mf-panel" method="post" th:action="@{/admin/bughunter/{id}/bugs(id=${hunt.id})}"><h2>Bug hinzufügen</h2><div class="mf-field"><label class="mf-label">Punkte</label><input class="mf-input" type="number" name="points" value="100"></div><div class="mf-field"><label class="mf-label">Payload JSON</label><textarea class="mf-input" rows="14" name="payload" required>{"file":"Datei.java","line":1,"category":"logik","evidence":"...","fixOptions":["..."],"fixIndex":0,"fixedLine":"...","explanation":"..."}</textarea></div><p style="color:var(--muted);font-size:.85rem">Dateiname und Zeile müssen zu einer vorhandenen Datei passen; Kategorie: syntax, logik, laufzeit oder sicherheit.</p><button class="mf-btn">Bug speichern</button></form></div><section class="mf-panel" style="margin-top:1rem"><h2>Dateien</h2><table class="mf-table"><tr><th>Datei</th><th>Zeilen</th><th></th></tr><tr th:each="f:${hunt.files}"><td th:text="${f.filename}"></td><td th:text="${#strings.arrayLength(#strings.arraySplit(f.content, '\n'))}"></td><td><form method="post" th:action="@{/admin/bughunter/files/{id}/delete(id=${f.id})}"><input type="hidden" name="huntId" th:value="${hunt.id}"><button class="mf-btn danger">Löschen</button></form></td></tr></table></section><section class="mf-panel" style="margin-top:1rem"><h2>Bugs</h2><table class="mf-table"><tr><th>Punkte</th><th>Payload</th><th></th></tr><tr th:each="b:${hunt.bugs}"><td th:text="${b.points}"></td><td><code th:text="${b.payload}"></code></td><td><form method="post" th:action="@{/admin/bughunter/bugs/{id}/delete(id=${b.id})}"><input type="hidden" name="huntId" th:value="${hunt.id}"><button class="mf-btn danger">Löschen</button></form></td></tr></table></section></main><main class="mf-container" th:unless="${hunt != null}"><p>Fallakte nicht gefunden.</p></main></body></html>
diff --git a/src/main/resources/templates/admin/bughunter.html b/src/main/resources/templates/admin/bughunter.html
index f715e3d..cd7527a 100644
--- a/src/main/resources/templates/admin/bughunter.html
+++ b/src/main/resources/templates/admin/bughunter.html
@@ -1 +1 @@
-<!doctype html><html lang="de" data-theme="dark" xmlns:th="http://www.thymeleaf.org"><head><meta charset="utf-8"><title>Admin · BugHunter</title><link rel="stylesheet" href="/css/theme.css?v=3"><script src="/js/theme.js?v=4"></script></head><body><main class="mf-container"><a class="mf-back" href="/admin">← Admin</a><h1 style="margin:1rem 0;color:var(--heading)">BugHunter · Fallakten</h1><form class="mf-panel" method="post" action="/admin/bughunter/add"><div class="mf-field"><label class="mf-label">Titel</label><input class="mf-input" name="title" required></div><div class="mf-field"><label class="mf-label">Code-Sprache</label><input class="mf-input" name="language" value="Java"></div><div class="mf-field"><label class="mf-label">Stufe</label><select class="mf-select" name="difficulty"><option>junior</option><option>senior</option><option>principal</option></select></div><div class="mf-field"><label class="mf-label">Prüfungsbereich</label><select class="mf-select" name="examScope"><option>AP1</option><option>AP2_FIAE</option><option>AP2_FISI</option><option>CROSS</option></select></div><div class="mf-field"><label class="mf-label">Kurzbeschreibung</label><textarea class="mf-input" name="description"></textarea></div><div class="mf-field"><label class="mf-label">Briefing</label><textarea class="mf-input" name="briefing"></textarea></div><div class="mf-field"><label class="mf-label">Konsolen-Ausgabe</label><textarea class="mf-input" name="consoleOutput"></textarea></div><button class="mf-btn">Fallakte anlegen</button></form><table class="mf-table" style="margin-top:1rem"><tr><th>Titel</th><th>Stufe</th><th>Scope</th><th>Fälle</th><th>Status</th><th></th></tr><tr th:each="h:${hunts}"><td><a th:href="@{/admin/bughunter/{id}(id=${h.id})}" th:text="${h.title}"></a></td><td th:text="${h.difficulty}"></td><td th:text="${h.examScope}"></td><td th:text="${h.bugs.size}"></td><td th:text="${h.active?'aktiv':'inaktiv'}"></td><td><form style="display:inline" method="post" th:action="@{/admin/bughunter/{id}/toggle(id=${h.id})}"><button class="mf-btn outline">Toggle</button></form> <form style="display:inline" method="post" th:action="@{/admin/bughunter/{id}/delete(id=${h.id})}"><button class="mf-btn danger">Löschen</button></form></td></tr></table></main></body></html>
+<!doctype html><html lang="de" data-theme="dark" xmlns:th="http://www.thymeleaf.org"><head><meta charset="utf-8"><title>Admin · BugHunter</title><link rel="stylesheet" href="/css/theme.css?v=4"><script src="/js/theme.js?v=5"></script></head><body><main class="mf-container"><a class="mf-back" href="/admin">← Admin</a><h1 style="margin:1rem 0;color:var(--heading)">BugHunter · Fallakten</h1><form class="mf-panel" method="post" action="/admin/bughunter/add"><div class="mf-field"><label class="mf-label">Titel</label><input class="mf-input" name="title" required></div><div class="mf-field"><label class="mf-label">Code-Sprache</label><input class="mf-input" name="language" value="Java"></div><div class="mf-field"><label class="mf-label">Stufe</label><select class="mf-select" name="difficulty"><option>junior</option><option>senior</option><option>principal</option></select></div><div class="mf-field"><label class="mf-label">Prüfungsbereich</label><select class="mf-select" name="examScope"><option>AP1</option><option>AP2_FIAE</option><option>AP2_FISI</option><option>CROSS</option></select></div><div class="mf-field"><label class="mf-label">Kurzbeschreibung</label><textarea class="mf-input" name="description"></textarea></div><div class="mf-field"><label class="mf-label">Briefing</label><textarea class="mf-input" name="briefing"></textarea></div><div class="mf-field"><label class="mf-label">Konsolen-Ausgabe</label><textarea class="mf-input" name="consoleOutput"></textarea></div><button class="mf-btn">Fallakte anlegen</button></form><table class="mf-table" style="margin-top:1rem"><tr><th>Titel</th><th>Stufe</th><th>Scope</th><th>Fälle</th><th>Status</th><th></th></tr><tr th:each="h:${hunts}"><td><a th:href="@{/admin/bughunter/{id}(id=${h.id})}" th:text="${h.title}"></a></td><td th:text="${h.difficulty}"></td><td th:text="${h.examScope}"></td><td th:text="${h.bugs.size}"></td><td th:text="${h.active?'aktiv':'inaktiv'}"></td><td><form style="display:inline" method="post" th:action="@{/admin/bughunter/{id}/toggle(id=${h.id})}"><button class="mf-btn outline">Toggle</button></form> <form style="display:inline" method="post" th:action="@{/admin/bughunter/{id}/delete(id=${h.id})}"><button class="mf-btn danger">Löschen</button></form></td></tr></table></main></body></html>
diff --git a/src/main/resources/templates/admin/codeescape-room.html b/src/main/resources/templates/admin/codeescape-room.html
index c6423bb..110e6ae 100644
--- a/src/main/resources/templates/admin/codeescape-room.html
+++ b/src/main/resources/templates/admin/codeescape-room.html
@@ -1 +1 @@
-<!doctype html><html lang="de" data-theme="dark" xmlns:th="http://www.thymeleaf.org"><head><meta charset="utf-8"><title>CodeEscape Raum</title><link rel="stylesheet" href="/css/theme.css?v=3"><script src="/js/theme.js?v=4"></script></head><body><main class="mf-container"><a class="mf-back" th:href="@{/admin/codeescape/{id}(id=${room.scenario.id})}">← Szenario</a><h1 th:text="${room.title}" style="margin:1rem 0;color:var(--heading)"></h1><form class="mf-panel" method="post" th:action="@{/admin/codeescape/rooms/{id}/puzzles(id=${room.id})}"><h2>Rätsel hinzufügen</h2><div class="mf-field"><label class="mf-label">Typ</label><select class="mf-select" name="type"><option>code</option><option>choice</option><option>order</option><option>match</option></select></div><div class="mf-field"><label class="mf-label">Titel</label><input class="mf-input" name="prompt" required></div><div class="mf-field"><label class="mf-label">Punkte</label><input class="mf-input" type="number" name="points" value="100"></div><div class="mf-field"><label class="mf-label">Fragment</label><input class="mf-input" name="codeFragment" required></div><div class="mf-field"><label class="mf-label">Payload JSON</label><textarea class="mf-input" rows="10" name="payload" required>{"instruction":"...","solutions":["..."]}</textarea></div><button class="mf-btn">Rätsel anlegen</button></form><table class="mf-table" style="margin-top:1rem"><tr><th>Typ</th><th>Titel</th><th>Fragment</th><th></th></tr><tr th:each="p:${room.puzzles}"><td th:text="${p.type}"></td><td th:text="${p.prompt}"></td><td th:text="${p.codeFragment}"></td><td><form method="post" th:action="@{/admin/codeescape/puzzles/{id}/delete(id=${p.id})}"><input type="hidden" name="roomId" th:value="${room.id}"><button class="mf-btn danger">Löschen</button></form></td></tr></table></main></body></html>
+<!doctype html><html lang="de" data-theme="dark" xmlns:th="http://www.thymeleaf.org"><head><meta charset="utf-8"><title>CodeEscape Raum</title><link rel="stylesheet" href="/css/theme.css?v=4"><script src="/js/theme.js?v=5"></script></head><body><main class="mf-container"><a class="mf-back" th:href="@{/admin/codeescape/{id}(id=${room.scenario.id})}">← Szenario</a><h1 th:text="${room.title}" style="margin:1rem 0;color:var(--heading)"></h1><form class="mf-panel" method="post" th:action="@{/admin/codeescape/rooms/{id}/puzzles(id=${room.id})}"><h2>Rätsel hinzufügen</h2><div class="mf-field"><label class="mf-label">Typ</label><select class="mf-select" name="type"><option>code</option><option>choice</option><option>order</option><option>match</option></select></div><div class="mf-field"><label class="mf-label">Titel</label><input class="mf-input" name="prompt" required></div><div class="mf-field"><label class="mf-label">Punkte</label><input class="mf-input" type="number" name="points" value="100"></div><div class="mf-field"><label class="mf-label">Fragment</label><input class="mf-input" name="codeFragment" required></div><div class="mf-field"><label class="mf-label">Payload JSON</label><textarea class="mf-input" rows="10" name="payload" required>{"instruction":"...","solutions":["..."]}</textarea></div><button class="mf-btn">Rätsel anlegen</button></form><table class="mf-table" style="margin-top:1rem"><tr><th>Typ</th><th>Titel</th><th>Fragment</th><th></th></tr><tr th:each="p:${room.puzzles}"><td th:text="${p.type}"></td><td th:text="${p.prompt}"></td><td th:text="${p.codeFragment}"></td><td><form method="post" th:action="@{/admin/codeescape/puzzles/{id}/delete(id=${p.id})}"><input type="hidden" name="roomId" th:value="${room.id}"><button class="mf-btn danger">Löschen</button></form></td></tr></table></main></body></html>
diff --git a/src/main/resources/templates/admin/codeescape-scenario.html b/src/main/resources/templates/admin/codeescape-scenario.html
index f9d9b6c..c030b40 100644
--- a/src/main/resources/templates/admin/codeescape-scenario.html
+++ b/src/main/resources/templates/admin/codeescape-scenario.html
@@ -1 +1 @@
-<!doctype html><html lang="de" data-theme="dark" xmlns:th="http://www.thymeleaf.org"><head><meta charset="utf-8"><title>CodeEscape Szenario</title><link rel="stylesheet" href="/css/theme.css?v=3"><script src="/js/theme.js?v=4"></script></head><body><main class="mf-container"><a class="mf-back" href="/admin/codeescape">← Szenarien</a><h1 th:text="${scenario.title}" style="margin:1rem 0;color:var(--heading)"></h1><form class="mf-panel" method="post" th:action="@{/admin/codeescape/{id}/rooms(id=${scenario.id})}"><h2>Raum hinzufügen</h2><div class="mf-field"><label class="mf-label">Titel</label><input class="mf-input" name="title" required></div><div class="mf-field"><label class="mf-label">Intro</label><textarea class="mf-input" name="intro"></textarea></div><div class="mf-field"><label class="mf-label">Tür-Hinweis</label><input class="mf-input" name="doorPrompt"></div><div class="mf-field"><label class="mf-label">Türcode</label><input class="mf-input" name="doorCode" required></div><div class="mf-field"><label class="mf-label">Erfolgstext</label><input class="mf-input" name="successText"></div><button class="mf-btn">Raum anlegen</button></form><div class="mf-grid" style="margin-top:1rem"><article class="mf-panel" th:each="r:${scenario.rooms}"><h2><a th:href="@{/admin/codeescape/rooms/{id}(id=${r.id})}" th:text="${r.title}"></a></h2><p th:text="${r.intro}"></p><form method="post" th:action="@{/admin/codeescape/rooms/{id}/delete(id=${r.id})}"><button class="mf-btn danger">Raum löschen</button></form></article></div></main></body></html>
+<!doctype html><html lang="de" data-theme="dark" xmlns:th="http://www.thymeleaf.org"><head><meta charset="utf-8"><title>CodeEscape Szenario</title><link rel="stylesheet" href="/css/theme.css?v=4"><script src="/js/theme.js?v=5"></script></head><body><main class="mf-container"><a class="mf-back" href="/admin/codeescape">← Szenarien</a><h1 th:text="${scenario.title}" style="margin:1rem 0;color:var(--heading)"></h1><form class="mf-panel" method="post" th:action="@{/admin/codeescape/{id}/rooms(id=${scenario.id})}"><h2>Raum hinzufügen</h2><div class="mf-field"><label class="mf-label">Titel</label><input class="mf-input" name="title" required></div><div class="mf-field"><label class="mf-label">Intro</label><textarea class="mf-input" name="intro"></textarea></div><div class="mf-field"><label class="mf-label">Tür-Hinweis</label><input class="mf-input" name="doorPrompt"></div><div class="mf-field"><label class="mf-label">Türcode</label><input class="mf-input" name="doorCode" required></div><div class="mf-field"><label class="mf-label">Erfolgstext</label><input class="mf-input" name="successText"></div><button class="mf-btn">Raum anlegen</button></form><div class="mf-grid" style="margin-top:1rem"><article class="mf-panel" th:each="r:${scenario.rooms}"><h2><a th:href="@{/admin/codeescape/rooms/{id}(id=${r.id})}" th:text="${r.title}"></a></h2><p th:text="${r.intro}"></p><form method="post" th:action="@{/admin/codeescape/rooms/{id}/delete(id=${r.id})}"><button class="mf-btn danger">Raum löschen</button></form></article></div></main></body></html>
diff --git a/src/main/resources/templates/admin/codeescape.html b/src/main/resources/templates/admin/codeescape.html
index 84ab6ca..e8a0ec9 100644
--- a/src/main/resources/templates/admin/codeescape.html
+++ b/src/main/resources/templates/admin/codeescape.html
@@ -1 +1 @@
-<!doctype html><html lang="de" data-theme="dark" xmlns:th="http://www.thymeleaf.org"><head><meta charset="utf-8"><title>Admin · CodeEscape</title><link rel="stylesheet" href="/css/theme.css?v=3"><script src="/js/theme.js?v=4"></script></head><body><main class="mf-container"><a class="mf-back" href="/admin">← Admin</a><h1 style="margin:1rem 0;color:var(--heading)">CodeEscape · Szenarien</h1><form class="mf-panel" method="post" action="/admin/codeescape/add"><div class="mf-field"><label class="mf-label">Titel</label><input class="mf-input" name="title" required></div><div class="mf-field"><label class="mf-label">Schwierigkeit</label><select class="mf-select" name="difficulty"><option>leicht</option><option>mittel</option><option>schwer</option></select></div><div class="mf-field"><label class="mf-label">Prüfungsbereich</label><select class="mf-select" name="examScope"><option>AP1</option><option>AP2_FIAE</option><option>AP2_FISI</option><option>CROSS</option></select></div><div class="mf-field"><label class="mf-label">Beschreibung</label><textarea class="mf-input" name="description"></textarea></div><div class="mf-field"><label class="mf-label">Zeitlimit Sekunden</label><input class="mf-input" type="number" name="timeLimitSeconds" value="900"></div><button class="mf-btn">Szenario anlegen</button></form><table class="mf-table" style="margin-top:1rem"><tr><th>Titel</th><th>Scope</th><th>Status</th><th>Aktion</th></tr><tr th:each="s:${scenarios}"><td><a th:href="@{/admin/codeescape/{id}(id=${s.id})}" th:text="${s.title}"></a></td><td th:text="${s.examScope}"></td><td th:text="${s.active?'aktiv':'inaktiv'}"></td><td><form style="display:inline" method="post" th:action="@{/admin/codeescape/{id}/toggle(id=${s.id})}"><button class="mf-btn outline">Toggle</button></form> <form style="display:inline" method="post" th:action="@{/admin/codeescape/{id}/delete(id=${s.id})}"><button class="mf-btn danger">Löschen</button></form></td></tr></table></main></body></html>
+<!doctype html><html lang="de" data-theme="dark" xmlns:th="http://www.thymeleaf.org"><head><meta charset="utf-8"><title>Admin · CodeEscape</title><link rel="stylesheet" href="/css/theme.css?v=4"><script src="/js/theme.js?v=5"></script></head><body><main class="mf-container"><a class="mf-back" href="/admin">← Admin</a><h1 style="margin:1rem 0;color:var(--heading)">CodeEscape · Szenarien</h1><form class="mf-panel" method="post" action="/admin/codeescape/add"><div class="mf-field"><label class="mf-label">Titel</label><input class="mf-input" name="title" required></div><div class="mf-field"><label class="mf-label">Schwierigkeit</label><select class="mf-select" name="difficulty"><option>leicht</option><option>mittel</option><option>schwer</option></select></div><div class="mf-field"><label class="mf-label">Prüfungsbereich</label><select class="mf-select" name="examScope"><option>AP1</option><option>AP2_FIAE</option><option>AP2_FISI</option><option>CROSS</option></select></div><div class="mf-field"><label class="mf-label">Beschreibung</label><textarea class="mf-input" name="description"></textarea></div><div class="mf-field"><label class="mf-label">Zeitlimit Sekunden</label><input class="mf-input" type="number" name="timeLimitSeconds" value="900"></div><button class="mf-btn">Szenario anlegen</button></form><table class="mf-table" style="margin-top:1rem"><tr><th>Titel</th><th>Scope</th><th>Status</th><th>Aktion</th></tr><tr th:each="s:${scenarios}"><td><a th:href="@{/admin/codeescape/{id}(id=${s.id})}" th:text="${s.title}"></a></td><td th:text="${s.examScope}"></td><td th:text="${s.active?'aktiv':'inaktiv'}"></td><td><form style="display:inline" method="post" th:action="@{/admin/codeescape/{id}/toggle(id=${s.id})}"><button class="mf-btn outline">Toggle</button></form> <form style="display:inline" method="post" th:action="@{/admin/codeescape/{id}/delete(id=${s.id})}"><button class="mf-btn danger">Löschen</button></form></td></tr></table></main></body></html>
diff --git a/src/main/resources/templates/admin/dashboard.html b/src/main/resources/templates/admin/dashboard.html
index 34439e5..dfd5706 100644
--- a/src/main/resources/templates/admin/dashboard.html
+++ b/src/main/resources/templates/admin/dashboard.html
@@ -6,8 +6,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>SysnaptiK Neural Admin Dashboard</title>
-  <link rel="stylesheet" href="/css/theme.css?v=3">
-  <script src="/js/theme.js?v=4"></script>
+  <link rel="stylesheet" href="/css/theme.css?v=4">
+  <script src="/js/theme.js?v=5"></script>
   <style>
     .admin-actions { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1rem; margin-top:1.1rem; }
     .admin-card {
diff --git a/src/main/resources/templates/admin/devlab-game.html b/src/main/resources/templates/admin/devlab-game.html
index e452c1e..0be18b8 100644
--- a/src/main/resources/templates/admin/devlab-game.html
+++ b/src/main/resources/templates/admin/devlab-game.html
@@ -6,8 +6,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title th:text="${game.title} + ' – Dev Lab'">Dev-Lab-Spiel</title>
-  <link rel="stylesheet" href="/css/theme.css?v=3">
-  <script src="/js/theme.js?v=4"></script>
+  <link rel="stylesheet" href="/css/theme.css?v=4">
+  <script src="/js/theme.js?v=5"></script>
   <style>
     .dlg { max-width: 1000px; margin: 0 auto; padding: 0 1rem; width: 100%; }
     .dlg .grid2 { display: grid; grid-template-columns: 160px 1fr; gap: 0.7rem; }
diff --git a/src/main/resources/templates/admin/devlab.html b/src/main/resources/templates/admin/devlab.html
index b188475..64f43d0 100644
--- a/src/main/resources/templates/admin/devlab.html
+++ b/src/main/resources/templates/admin/devlab.html
@@ -6,8 +6,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Dev-Lab-Verwaltung – Admin</title>
-  <link rel="stylesheet" href="/css/theme.css?v=3">
-  <script src="/js/theme.js?v=4"></script>
+  <link rel="stylesheet" href="/css/theme.css?v=4">
+  <script src="/js/theme.js?v=5"></script>
   <style>
     .dla { max-width: 1000px; margin: 0 auto; padding: 0 1rem; width: 100%; }
     .dla .new-game { margin-bottom: 1.6rem; }
diff --git a/src/main/resources/templates/admin/mindmatch.html b/src/main/resources/templates/admin/mindmatch.html
index 44ef76f..44a5439 100644
--- a/src/main/resources/templates/admin/mindmatch.html
+++ b/src/main/resources/templates/admin/mindmatch.html
@@ -6,8 +6,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>MindMatch-Verwaltung – Admin</title>
-  <link rel="stylesheet" href="/css/theme.css?v=3">
-  <script src="/js/theme.js?v=4"></script>
+  <link rel="stylesheet" href="/css/theme.css?v=4">
+  <script src="/js/theme.js?v=5"></script>
   <style>
     .mmadmin { max-width: 1000px; margin: 0 auto; padding: 0 1rem; width: 100%; }
     .mmadmin .deck {
diff --git a/src/main/resources/templates/admin/syntaxsaga-mission.html b/src/main/resources/templates/admin/syntaxsaga-mission.html
index 8769d6f..c693aec 100644
--- a/src/main/resources/templates/admin/syntaxsaga-mission.html
+++ b/src/main/resources/templates/admin/syntaxsaga-mission.html
@@ -6,8 +6,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title th:text="${mission.title} + ' – Syntax Saga'">Syntax-Saga-Mission</title>
-  <link rel="stylesheet" href="/css/theme.css?v=3">
-  <script src="/js/theme.js?v=4"></script>
+  <link rel="stylesheet" href="/css/theme.css?v=4">
+  <script src="/js/theme.js?v=5"></script>
   <style>
     .ssm { max-width: 1000px; margin: 0 auto; padding: 0 1rem; width: 100%; }
     .ssm .grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0.7rem; }
diff --git a/src/main/resources/templates/admin/syntaxsaga.html b/src/main/resources/templates/admin/syntaxsaga.html
index d7a48c4..3c4da1f 100644
--- a/src/main/resources/templates/admin/syntaxsaga.html
+++ b/src/main/resources/templates/admin/syntaxsaga.html
@@ -6,8 +6,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Syntax-Saga-Verwaltung – Admin</title>
-  <link rel="stylesheet" href="/css/theme.css?v=3">
-  <script src="/js/theme.js?v=4"></script>
+  <link rel="stylesheet" href="/css/theme.css?v=4">
+  <script src="/js/theme.js?v=5"></script>
   <style>
     .ssadmin { max-width: 1000px; margin: 0 auto; padding: 0 1rem; width: 100%; }
     .ssadmin .new-mission { margin-bottom: 1.6rem; }
diff --git a/src/main/resources/templates/admin/techtacular-category.html b/src/main/resources/templates/admin/techtacular-category.html
index fa987c8..c9b3822 100644
--- a/src/main/resources/templates/admin/techtacular-category.html
+++ b/src/main/resources/templates/admin/techtacular-category.html
@@ -6,8 +6,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title th:text="${category.title} + ' – TechTacular'">TechTacular-Kategorie</title>
-  <link rel="stylesheet" href="/css/theme.css?v=3">
-  <script src="/js/theme.js?v=4"></script>
+  <link rel="stylesheet" href="/css/theme.css?v=4">
+  <script src="/js/theme.js?v=5"></script>
   <style>
     .ttcat { max-width: 1000px; margin: 0 auto; padding: 0 1rem; width: 100%; }
     .ttcat .q {
diff --git a/src/main/resources/templates/admin/techtacular.html b/src/main/resources/templates/admin/techtacular.html
index fca5ef4..e416edc 100644
--- a/src/main/resources/templates/admin/techtacular.html
+++ b/src/main/resources/templates/admin/techtacular.html
@@ -6,8 +6,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>TechTacular-Verwaltung – Admin</title>
-  <link rel="stylesheet" href="/css/theme.css?v=3">
-  <script src="/js/theme.js?v=4"></script>
+  <link rel="stylesheet" href="/css/theme.css?v=4">
+  <script src="/js/theme.js?v=5"></script>
   <style>
     .ttadmin { max-width: 1000px; margin: 0 auto; padding: 0 1rem; width: 100%; }
     .ttadmin .new-cat { margin-bottom: 1.6rem; }
diff --git a/src/main/resources/templates/admin/users/form.html b/src/main/resources/templates/admin/users/form.html
index 6e8cf53..90481fb 100644
--- a/src/main/resources/templates/admin/users/form.html
+++ b/src/main/resources/templates/admin/users/form.html
@@ -6,8 +6,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Benutzer bearbeiten</title>
-    <link rel="stylesheet" href="/css/theme.css?v=3">
-    <script src="/js/theme.js?v=4"></script>
+    <link rel="stylesheet" href="/css/theme.css?v=4">
+    <script src="/js/theme.js?v=5"></script>
 </head>
 <body>
 
diff --git a/src/main/resources/templates/admin/users/list.html b/src/main/resources/templates/admin/users/list.html
index d9abc3f..582d2a6 100644
--- a/src/main/resources/templates/admin/users/list.html
+++ b/src/main/resources/templates/admin/users/list.html
@@ -6,8 +6,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Benutzerverwaltung</title>
-    <link rel="stylesheet" href="/css/theme.css?v=3">
-    <script src="/js/theme.js?v=4"></script>
+    <link rel="stylesheet" href="/css/theme.css?v=4">
+    <script src="/js/theme.js?v=5"></script>
 </head>
 <body>
 
diff --git a/src/main/resources/templates/bughunter.html b/src/main/resources/templates/bughunter.html
index 6251704..b872a4c 100644
--- a/src/main/resources/templates/bughunter.html
+++ b/src/main/resources/templates/bughunter.html
@@ -1 +1 @@
-<!doctype html><html lang="de" data-theme="dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>BugHunter · SysnaptiK Neural</title><link rel="stylesheet" href="/css/theme.css?v=3"><link rel="stylesheet" href="/css/bughunter.css?v=3"><script src="/js/theme.js?v=4"></script></head><body class="bh-body"><main class="bh-app"><header class="bh-top"><div style="display:flex;align-items:center;gap:.65rem"><a href="/dashboard" class="bh-back">← Dashboard</a><a href="/bughunter" class="bh-btn">AKTENSCHRANK</a><button class="mf-theme" type="button" aria-label="Theme umschalten"></button></div><div class="bh-brand"><b>BUGHUNTER</b><span>DEBUG-FALLAKTEN</span></div><span class="mf-a11y-host"></span></header><section id="bhView" class="bh-view"><div class="bh-loading">FALLAKTEN WERDEN GEÖFFNET …</div></section></main><script src="/js/bughunter.js?v=5"></script></body></html>
+<!doctype html><html lang="de" data-theme="dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>BugHunter · SysnaptiK Neural</title><link rel="stylesheet" href="/css/theme.css?v=4"><link rel="stylesheet" href="/css/bughunter.css?v=3"><script src="/js/theme.js?v=5"></script></head><body class="bh-body"><main class="bh-app"><header class="bh-top"><div style="display:flex;align-items:center;gap:.65rem"><a href="/dashboard" class="bh-back">← Dashboard</a><a href="/bughunter" class="bh-btn">AKTENSCHRANK</a><button class="mf-theme" type="button" aria-label="Theme umschalten"></button></div><div class="bh-brand"><b>BUGHUNTER</b><span>DEBUG-FALLAKTEN</span></div><span class="mf-a11y-host"></span></header><section id="bhView" class="bh-view"><div class="bh-loading">FALLAKTEN WERDEN GEÖFFNET …</div></section></main><script src="/js/bughunter.js?v=5"></script></body></html>
diff --git a/src/main/resources/templates/codeescape.html b/src/main/resources/templates/codeescape.html
index 61cafe5..8212859 100644
--- a/src/main/resources/templates/codeescape.html
+++ b/src/main/resources/templates/codeescape.html
@@ -1 +1 @@
-<!doctype html><html lang="de" data-theme="dark" xmlns:th="http://www.thymeleaf.org"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>SystemEscape · SysnaptiK Neural</title><link rel="stylesheet" href="/css/theme.css?v=3"><link rel="stylesheet" href="/css/codeescape.css?v=2"><link rel="stylesheet" href="/css/codeescape-guide.css?v=3"><link rel="stylesheet" href="/css/codeescape-global.css?v=1"><script src="/js/theme.js?v=4"></script></head><body><main class="esc-app"><header class="esc-top"><a href="/dashboard" class="esc-back">← Dashboard</a><div class="esc-brand"><b>SYSTEMESCAPE</b><span>FACILITY ACCESS PROTOCOL</span></div><div class="esc-global-tools"><span class="mf-a11y-host"></span><div class="esc-timer" id="escTimer">--:--</div></div></header><section id="escView" class="esc-view"><div class="esc-loading">FACILITY WIRD INITIALISIERT …</div></section></main><script src="/js/codeescape.js?v=2"></script></body></html>
+<!doctype html><html lang="de" data-theme="dark" xmlns:th="http://www.thymeleaf.org"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>SystemEscape · SysnaptiK Neural</title><link rel="stylesheet" href="/css/theme.css?v=4"><link rel="stylesheet" href="/css/codeescape.css?v=2"><link rel="stylesheet" href="/css/codeescape-guide.css?v=3"><link rel="stylesheet" href="/css/codeescape-global.css?v=1"><script src="/js/theme.js?v=5"></script></head><body><main class="esc-app"><header class="esc-top"><a href="/dashboard" class="esc-back">← Dashboard</a><div class="esc-brand"><b>SYSTEMESCAPE</b><span>FACILITY ACCESS PROTOCOL</span></div><div class="esc-global-tools"><span class="mf-a11y-host"></span><div class="esc-timer" id="escTimer">--:--</div></div></header><section id="escView" class="esc-view"><div class="esc-loading">FACILITY WIRD INITIALISIERT …</div></section></main><script src="/js/codeescape.js?v=2"></script></body></html>
diff --git a/src/main/resources/templates/dashboard.html b/src/main/resources/templates/dashboard.html
index 5005d14..a26d8ef 100644
--- a/src/main/resources/templates/dashboard.html
+++ b/src/main/resources/templates/dashboard.html
@@ -6,8 +6,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>SysnaptiK Neural Dashboard</title>
-  <link rel="stylesheet" href="/css/theme.css?v=3">
-  <script src="/js/theme.js?v=4"></script>
+  <link rel="stylesheet" href="/css/theme.css?v=4">
+  <script src="/js/theme.js?v=5"></script>
   <style>
     /* Dashboard-spezifische Widgets (rechte Spalte) */
     .network-status { display:grid; grid-template-columns:auto 1fr; gap:.85rem; align-items:start; }
diff --git a/src/main/resources/templates/devlab-game.html b/src/main/resources/templates/devlab-game.html
index 3c7b377..4ea8087 100644
--- a/src/main/resources/templates/devlab-game.html
+++ b/src/main/resources/templates/devlab-game.html
@@ -4,8 +4,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Dev Lab Spiel – SysnaptiK Neural</title>
-  <link rel="stylesheet" href="/css/theme.css?v=3">
-  <script src="/js/theme.js?v=4"></script>
+  <link rel="stylesheet" href="/css/theme.css?v=4">
+  <script src="/js/theme.js?v=5"></script>
   <link rel="stylesheet" href="/css/devlabgame.css?v=5">
 </head>
 <body class="dlg-body" th:attr="data-game=${gameSlug}">
diff --git a/src/main/resources/templates/devlab.html b/src/main/resources/templates/devlab.html
index 0cb5336..0245a16 100644
--- a/src/main/resources/templates/devlab.html
+++ b/src/main/resources/templates/devlab.html
@@ -4,8 +4,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Dev Lab - SysnaptiK Neural</title>
-  <link rel="stylesheet" href="/css/theme.css?v=3">
-  <script src="/js/theme.js?v=4"></script>
+  <link rel="stylesheet" href="/css/theme.css?v=4">
+  <script src="/js/theme.js?v=5"></script>
   <link rel="stylesheet" href="/css/devlab.css?v=3">
 </head>
 <body class="dl-body">
diff --git a/src/main/resources/templates/error.html b/src/main/resources/templates/error.html
index de9eb90..2d850bf 100644
--- a/src/main/resources/templates/error.html
+++ b/src/main/resources/templates/error.html
@@ -4,8 +4,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>SysnaptiK Neural – Fehler</title>
-  <link rel="stylesheet" href="/css/theme.css?v=3">
-  <script src="/js/theme.js?v=4"></script>
+  <link rel="stylesheet" href="/css/theme.css?v=4">
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body>
 
diff --git a/src/main/resources/templates/finalflux.html b/src/main/resources/templates/finalflux.html
index 57a93cb..97efb79 100644
--- a/src/main/resources/templates/finalflux.html
+++ b/src/main/resources/templates/finalflux.html
@@ -5,9 +5,9 @@
   <title>FinalProtocol - SysnaptiK Neural</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/theme.css?v=3">
+  <link rel="stylesheet" href="/css/theme.css?v=4">
   <link rel="stylesheet" href="/css/finalflux.css?v=2">
-  <script src="/js/theme.js?v=4"></script>
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body class="finalflux-shell">
   <aside class="finalflux-sidebar">
diff --git a/src/main/resources/templates/forgot-password.html b/src/main/resources/templates/forgot-password.html
index 4debf51..2f2a8d3 100644
--- a/src/main/resources/templates/forgot-password.html
+++ b/src/main/resources/templates/forgot-password.html
@@ -4,8 +4,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Passwort zurücksetzen · Mindflux</title>
-  <link rel="stylesheet" href="/css/theme.css?v=3">
-  <script src="/js/theme.js?v=4"></script>
+  <link rel="stylesheet" href="/css/theme.css?v=4">
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body>
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/templates/impressum.html b/src/main/resources/templates/impressum.html
index f28afd3..40520d3 100644
--- a/src/main/resources/templates/impressum.html
+++ b/src/main/resources/templates/impressum.html
@@ -5,8 +5,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>SysnaptiK Neural – Impressum</title>
-  <link rel="stylesheet" href="/css/theme.css?v=3">
-  <script src="/js/theme.js?v=4"></script>
+  <link rel="stylesheet" href="/css/theme.css?v=4">
+  <script src="/js/theme.js?v=5"></script>
   <style>
     .mf-cardbox { max-width:620px; text-align:center; }
     .mf-doc { font-size:3rem; margin-bottom:.6rem; filter:drop-shadow(0 0 14px var(--glow-s)); }
diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html
index fbdf226..9026383 100644
--- a/src/main/resources/templates/index.html
+++ b/src/main/resources/templates/index.html
@@ -4,8 +4,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>SysnaptiK Neural – Deine Zukunft beginnt hier</title>
-    <link rel="stylesheet" href="/css/theme.css?v=3">
-    <script src="/js/theme.js?v=4"></script>
+    <link rel="stylesheet" href="/css/theme.css?v=4">
+    <script src="/js/theme.js?v=5"></script>
     <link rel="stylesheet" href="/css/auth.css">
 </head>
 <body>
diff --git a/src/main/resources/templates/knowledge.html b/src/main/resources/templates/knowledge.html
index 7d06566..ff658ed 100644
--- a/src/main/resources/templates/knowledge.html
+++ b/src/main/resources/templates/knowledge.html
@@ -4,8 +4,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Knowledge Core – SysnaptiK Neural</title>
-    <link rel="stylesheet" href="/css/theme.css?v=3">
-    <script src="/js/theme.js?v=4"></script>
+    <link rel="stylesheet" href="/css/theme.css?v=4">
+    <script src="/js/theme.js?v=5"></script>
     <style>
         .kc-intro{max-width:720px;color:var(--muted);line-height:1.6}.kc-stats,.kc-routes{display:grid;gap:1rem}.kc-stats{grid-template-columns:repeat(3,1fr);margin:1.2rem 0}.kc-stat{padding:1rem;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.kc-stat span,.kc-route small{display:block;color:var(--muted);font-size:.74rem}.kc-stat b{display:block;margin-top:.25rem;color:var(--heading);font-size:1.35rem}.kc-routes{grid-template-columns:repeat(3,1fr)}.kc-route{display:flex;flex-direction:column;gap:.7rem;padding:1.2rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.kc-route h2{color:var(--heading);font-size:1.05rem;margin:0}.kc-route p{color:var(--muted);font-size:.86rem;line-height:1.5;flex:1;margin:0}.kc-links{display:flex;flex-wrap:wrap;gap:.5rem}.kc-links a{color:var(--accent);font-size:.76rem;text-decoration:none;border:1px solid var(--border-accent);border-radius:7px;padding:.42rem .55rem}.kc-links a:hover{background:var(--accent);color:var(--accent-ink)}.kc-history{margin-top:1rem}.kc-history li{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid var(--border);color:var(--text)}.kc-history li span{color:var(--muted);font-size:.82rem}.mf-footer{text-align:center;color:var(--muted);font-size:.82rem;padding:1.6rem 1rem}.mf-footer a{color:var(--muted);text-decoration:none;margin:0 .15rem}.mf-footer a:hover{color:var(--accent)}@media(max-width:720px){.kc-stats,.kc-routes{grid-template-columns:1fr}}
     </style>
diff --git a/src/main/resources/templates/legal/datenschutz.html b/src/main/resources/templates/legal/datenschutz.html
index 7c187d6..2b0da69 100644
--- a/src/main/resources/templates/legal/datenschutz.html
+++ b/src/main/resources/templates/legal/datenschutz.html
@@ -5,8 +5,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>SysnaptiK Neural – Datenschutzerklärung</title>
-  <link rel="stylesheet" href="/css/theme.css?v=3">
-  <script src="/js/theme.js?v=4"></script>
+  <link rel="stylesheet" href="/css/theme.css?v=4">
+  <script src="/js/theme.js?v=5"></script>
   <style>
     .mf-legal { max-width:860px; }
     .mf-legal h1 { color:var(--heading); font-size:1.7rem; font-weight:800; margin:.2rem 0 .3rem; }
diff --git a/src/main/resources/templates/legal/nutzungsbedingungen.html b/src/main/resources/templates/legal/nutzungsbedingungen.html
index dea862c..7aa4728 100644
--- a/src/main/resources/templates/legal/nutzungsbedingungen.html
+++ b/src/main/resources/templates/legal/nutzungsbedingungen.html
@@ -5,8 +5,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>SysnaptiK Neural – Nutzungsbedingungen (AGB)</title>
-  <link rel="stylesheet" href="/css/theme.css?v=3">
-  <script src="/js/theme.js?v=4"></script>
+  <link rel="stylesheet" href="/css/theme.css?v=4">
+  <script src="/js/theme.js?v=5"></script>
   <style>
     .mf-legal { max-width:860px; }
     .mf-legal h1 { color:var(--heading); font-size:1.7rem; font-weight:800; margin:.2rem 0 .3rem; }
diff --git a/src/main/resources/templates/legal/richtlinien.html b/src/main/resources/templates/legal/richtlinien.html
index a519b33..7464ea3 100644
--- a/src/main/resources/templates/legal/richtlinien.html
+++ b/src/main/resources/templates/legal/richtlinien.html
@@ -5,8 +5,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>SysnaptiK Neural – Richtlinien</title>
-  <link rel="stylesheet" href="/css/theme.css?v=3">
-  <script src="/js/theme.js?v=4"></script>
+  <link rel="stylesheet" href="/css/theme.css?v=4">
+  <script src="/js/theme.js?v=5"></script>
   <style>
     .mf-legal { max-width:860px; }
     .mf-legal h1 { color:var(--heading); font-size:1.7rem; font-weight:800; margin:.2rem 0 .3rem; }
diff --git a/src/main/resources/templates/mindmatch.html b/src/main/resources/templates/mindmatch.html
index 80cb4d8..b70ed53 100644
--- a/src/main/resources/templates/mindmatch.html
+++ b/src/main/resources/templates/mindmatch.html
@@ -4,8 +4,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>MindMatch – SysnaptiK Neural</title>
-  <link rel="stylesheet" href="/css/theme.css?v=3">
-  <script src="/js/theme.js?v=4"></script>
+  <link rel="stylesheet" href="/css/theme.css?v=4">
+  <script src="/js/theme.js?v=5"></script>
   <link rel="stylesheet" href="/css/mindmatch.css?v=5">
 </head>
 <body class="mm-body">
diff --git a/src/main/resources/templates/networker.html b/src/main/resources/templates/networker.html
index 8e735e4..ff4fdad 100644
--- a/src/main/resources/templates/networker.html
+++ b/src/main/resources/templates/networker.html
@@ -1 +1 @@
-<!doctype html><html lang="de" data-theme="dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>NetWorker · SysnaptiK Neural</title><link rel="stylesheet" href="/css/theme.css?v=3"><link rel="stylesheet" href="/css/networker.css?v=2"><link rel="stylesheet" href="/css/networker-guide.css?v=1"><script src="/js/theme.js?v=4"></script></head><body class="nw-body"><main class="nw-app"><header class="nw-top"><div style="display:flex;align-items:center;gap:.65rem"><a href="/dashboard" class="nw-back">← Dashboard</a><a href="/networker" class="nw-btn">NETZPLÄNE</a><button class="mf-theme" type="button" aria-label="Theme umschalten"></button></div><div class="nw-brand"><b>NetWorker</b><span>NETZPLAN · DIAGNOSE</span></div><span class="mf-a11y-host"></span></header><section id="nwView" class="nw-view"><div class="nw-loading">NETZWERKPLÄNE WERDEN KALIBRIERT …</div></section></main><script src="/js/networker.js?v=1"></script><script src="/js/networker-guide.js?v=1"></script></body></html>
+<!doctype html><html lang="de" data-theme="dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>NetWorker · SysnaptiK Neural</title><link rel="stylesheet" href="/css/theme.css?v=4"><link rel="stylesheet" href="/css/networker.css?v=2"><link rel="stylesheet" href="/css/networker-guide.css?v=1"><script src="/js/theme.js?v=5"></script></head><body class="nw-body"><main class="nw-app"><header class="nw-top"><div style="display:flex;align-items:center;gap:.65rem"><a href="/dashboard" class="nw-back">← Dashboard</a><a href="/networker" class="nw-btn">NETZPLÄNE</a><button class="mf-theme" type="button" aria-label="Theme umschalten"></button></div><div class="nw-brand"><b>NetWorker</b><span>NETZPLAN · DIAGNOSE</span></div><span class="mf-a11y-host"></span></header><section id="nwView" class="nw-view"><div class="nw-loading">NETZWERKPLÄNE WERDEN KALIBRIERT …</div></section></main><script src="/js/networker.js?v=1"></script><script src="/js/networker-guide.js?v=1"></script></body></html>
diff --git a/src/main/resources/templates/profile.html b/src/main/resources/templates/profile.html
index fec20fd..482af66 100644
--- a/src/main/resources/templates/profile.html
+++ b/src/main/resources/templates/profile.html
@@ -4,8 +4,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>SysnaptiK Neural – Profil</title>
-  <link rel="stylesheet" href="/css/theme.css?v=3">
-  <script src="/js/theme.js?v=4"></script>
+  <link rel="stylesheet" href="/css/theme.css?v=4">
+  <script src="/js/theme.js?v=5"></script>
   <style>
     .mf-profile-pic { display:flex; justify-content:center; margin-bottom:1.3rem; }
     .mf-profile-pic img { width:140px; height:140px; border-radius:50%; object-fit:cover; border:2px solid var(--border-accent); box-shadow:0 0 22px var(--glow-w); }
diff --git a/src/main/resources/templates/progress.html b/src/main/resources/templates/progress.html
index 475be68..3282f89 100644
--- a/src/main/resources/templates/progress.html
+++ b/src/main/resources/templates/progress.html
@@ -4,8 +4,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Fortschritt – SysnaptiK Neural</title>
-    <link rel="stylesheet" href="/css/theme.css?v=3">
-    <script src="/js/theme.js?v=4"></script>
+    <link rel="stylesheet" href="/css/theme.css?v=4">
+    <script src="/js/theme.js?v=5"></script>
     <script src="/js/vendor/chart.umd.min.js?v=4.4.7"></script>
     <style>
         .mf-progress-summary { display:flex; flex-wrap:wrap; align-items:center; gap:2rem; }
diff --git a/src/main/resources/templates/reset-password.html b/src/main/resources/templates/reset-password.html
index 1bc1880..6615c7e 100644
--- a/src/main/resources/templates/reset-password.html
+++ b/src/main/resources/templates/reset-password.html
@@ -4,8 +4,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Neues Passwort · Mindflux</title>
-  <link rel="stylesheet" href="/css/theme.css?v=3">
-  <script src="/js/theme.js?v=4"></script>
+  <link rel="stylesheet" href="/css/theme.css?v=4">
+  <script src="/js/theme.js?v=5"></script>
 </head>
 <body>
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/templates/serviceclash.html b/src/main/resources/templates/serviceclash.html
index 99314c3..0151e8b 100644
--- a/src/main/resources/templates/serviceclash.html
+++ b/src/main/resources/templates/serviceclash.html
@@ -1 +1 @@
-<!doctype html><html lang="de" data-theme="dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>ServiceClash · SysnaptiK Neural</title><link rel="stylesheet" href="/css/theme.css?v=3"><link rel="stylesheet" href="/css/serviceclash.css?v=2"><script src="/js/theme.js?v=4"></script></head><body class="sc-body"><main class="sc-app"><header class="sc-top"><div class="sc-nav"><a href="/dashboard">← Dashboard</a><a href="/serviceclash" class="sc-nav-button">SCHICHTEN</a><button class="mf-theme" type="button" aria-label="Theme umschalten"></button></div><div class="sc-brand"><b>ServiceClash</b><span>LEITSTAND · TRIAGE</span></div><span class="mf-a11y-host"></span></header><section id="scView" class="sc-view"><p class="sc-loading">LEITSTAND WIRD HOCHGEFAHREN …</p></section></main><script src="/js/serviceclash.js?v=2"></script></body></html>
+<!doctype html><html lang="de" data-theme="dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>ServiceClash · SysnaptiK Neural</title><link rel="stylesheet" href="/css/theme.css?v=4"><link rel="stylesheet" href="/css/serviceclash.css?v=2"><script src="/js/theme.js?v=5"></script></head><body class="sc-body"><main class="sc-app"><header class="sc-top"><div class="sc-nav"><a href="/dashboard">← Dashboard</a><a href="/serviceclash" class="sc-nav-button">SCHICHTEN</a><button class="mf-theme" type="button" aria-label="Theme umschalten"></button></div><div class="sc-brand"><b>ServiceClash</b><span>LEITSTAND · TRIAGE</span></div><span class="mf-a11y-host"></span></header><section id="scView" class="sc-view"><p class="sc-loading">LEITSTAND WIRD HOCHGEFAHREN …</p></section></main><script src="/js/serviceclash.js?v=2"></script></body></html>
diff --git a/src/main/resources/templates/settings.html b/src/main/resources/templates/settings.html
index 30c9d25..46c32d9 100644
--- a/src/main/resources/templates/settings.html
+++ b/src/main/resources/templates/settings.html
@@ -4,8 +4,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>SysnaptiK Neural – Einstellungen</title>
-  <link rel="stylesheet" href="/css/theme.css?v=3">
-  <script src="/js/theme.js?v=4"></script>
+  <link rel="stylesheet" href="/css/theme.css?v=4">
+  <script src="/js/theme.js?v=5"></script>
   <style>
     .mf-section-title { color:var(--accent); font-size:.78rem; letter-spacing:.12em; text-transform:uppercase; margin-bottom:.9rem; }
     .mf-check { display:flex; align-items:center; gap:.55rem; color:var(--text); font-size:.92rem; margin:.5rem 0; cursor:pointer; }
diff --git a/src/main/resources/templates/soziales.html b/src/main/resources/templates/soziales.html
index 83b7c7f..37032bd 100644
--- a/src/main/resources/templates/soziales.html
+++ b/src/main/resources/templates/soziales.html
@@ -3,8 +3,8 @@
 <head>
   <meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>NeuralNet – SysnaptiK Neural</title>
-  <link rel="stylesheet" href="/css/theme.css?v=3"><link rel="stylesheet" href="/css/neuralnet.css?v=3">
-  <script src="/js/theme.js?v=4"></script><script src="/js/neuralnet.js?v=5" defer></script>
+  <link rel="stylesheet" href="/css/theme.css?v=4"><link rel="stylesheet" href="/css/neuralnet.css?v=3">
+  <script src="/js/theme.js?v=5"></script><script src="/js/neuralnet.js?v=5" defer></script>
 </head>
 <body>
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
diff --git a/src/main/resources/templates/syntaxsaga.html b/src/main/resources/templates/syntaxsaga.html
index 5bb7931..8a77efd 100644
--- a/src/main/resources/templates/syntaxsaga.html
+++ b/src/main/resources/templates/syntaxsaga.html
@@ -4,8 +4,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Syntax Saga – SysnaptiK Neural</title>
-  <link rel="stylesheet" href="/css/theme.css?v=3">
-  <script src="/js/theme.js?v=4"></script>
+  <link rel="stylesheet" href="/css/theme.css?v=4">
+  <script src="/js/theme.js?v=5"></script>
   <link rel="stylesheet" href="/css/syntaxsaga.css?v=2">
 </head>
 <body class="ss-body">
diff --git a/src/main/resources/templates/techtacular.html b/src/main/resources/templates/techtacular.html
index 37591d1..184be8f 100644
--- a/src/main/resources/templates/techtacular.html
+++ b/src/main/resources/templates/techtacular.html
@@ -4,8 +4,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>TechTacular – SysnaptiK Neural</title>
-  <link rel="stylesheet" href="/css/theme.css?v=3">
-  <script src="/js/theme.js?v=4"></script>
+  <link rel="stylesheet" href="/css/theme.css?v=4">
+  <script src="/js/theme.js?v=5"></script>
   <link rel="stylesheet" href="/css/techtacular.css?v=5">
 </head>
 <body class="tt-body">