Rebrand platform as SysnaptiK Neural

src/main/resources/static/css/platform-neural.css

@@ -0,0 +1,66 @@
+/* SysnaptiK Neural – Plattformhülle. Spielwelten werden über sn-platform bewusst nicht berührt. */
+body.sn-platform {
+  --accent:#78d7a0; --accent-2:#b4ebc8; --accent-ink:#06130d;
+  --secondary:#6fbbe8; --secondary-2:#9fd9f6;
+  --bg:#030b0d; --bg-glow:radial-gradient(900px 560px at 58% -12%,rgba(73,183,135,.14),transparent 61%);
+  --panel:#071316; --panel-2:#0a1a1d; --surface:#081518; --surface-2:#0d2023;
+  --border:#173438; --line:#10292d; --border-accent:rgba(120,215,160,.52);
+  --text:#dceae5; --muted:#93aaa4; --heading:#f3fbf7;
+  --glow-s:rgba(120,215,160,.46); --glow-w:rgba(120,215,160,.14);
+  --fluxtimer-primary:#74cde0; --fluxtimer-secondary:#78d7a0;
+  --fluxtimer-display:#061417; --fluxtimer-segment:#a6eac0;
+  background:
+    radial-gradient(circle at 12% 86%,rgba(55,168,123,.10),transparent 27%),
+    radial-gradient(circle at 82% 8%,rgba(52,158,181,.10),transparent 29%),
+    linear-gradient(135deg,#030b0d,#061216 54%,#02090b);
+}
+body.sn-platform::before {
+  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.55;
+  background:
+    radial-gradient(circle at 8% 12%,#78d7a0 0 1px,transparent 2px),
+    radial-gradient(circle at 27% 24%,#78d7a0 0 2px,transparent 3px),
+    radial-gradient(circle at 61% 14%,#68b9dd 0 1px,transparent 2px),
+    radial-gradient(circle at 88% 31%,#78d7a0 0 2px,transparent 3px),
+    linear-gradient(24deg,transparent 0 17%,rgba(120,215,160,.13) 17.1% 17.2%,transparent 17.3% 100%),
+    linear-gradient(145deg,transparent 0 52%,rgba(104,185,221,.10) 52.1% 52.2%,transparent 52.3% 100%);
+}
+body.sn-platform .mf-sidebar { background:linear-gradient(180deg,#061114,#071518); border-color:#17373a; }
+body.sn-platform .mf-logo { gap:.8rem; }
+body.sn-platform .mf-logo .mark, body.sn-platform .auth-head .mark, body.sn-platform .overlay-panel .o-emblem {
+  position:relative; display:inline-block; width:40px; height:40px; border-radius:50%;
+  background:radial-gradient(circle at center,#b9f0ce 0 4px,#70d39a 5px 7px,transparent 8px);
+  -webkit-mask:none; mask:none; filter:drop-shadow(0 0 10px rgba(120,215,160,.65));
+}
+body.sn-platform .mf-logo .mark::before, body.sn-platform .auth-head .mark::before, body.sn-platform .overlay-panel .o-emblem::before {
+  content:""; position:absolute; inset:-7px; border:1px solid rgba(120,215,160,.55); border-radius:50%;
+  box-shadow:9px -4px 0 -7px #9ce7b7,-8px 7px 0 -6px #74cde0,7px 9px 0 -6px #b4ebc8;
+}
+body.sn-platform .mf-logo .txt b { color:#e5f8ed; letter-spacing:.18em; font-size:.88rem; }
+body.sn-platform .mf-logo .txt span { color:#78d7a0; letter-spacing:.25em; font-size:.53rem; }
+body.sn-platform .mf-nav a.active { background:linear-gradient(100deg,rgba(120,215,160,.28),rgba(120,215,160,.12)); color:#e5f8ed; box-shadow:inset 0 0 0 1px rgba(180,235,200,.42),0 0 18px rgba(120,215,160,.18); }
+body.sn-platform .mf-panel, body.sn-platform .mf-card, body.sn-platform .mf-profile { background:linear-gradient(145deg,rgba(10,29,32,.92),rgba(5,16,19,.94)); border-color:#193a3e; box-shadow:0 13px 28px rgba(0,0,0,.22); }
+body.sn-platform .mf-card { overflow:hidden; }
+body.sn-platform .mf-card::after { content:""; position:absolute; inset:0; pointer-events:none; opacity:.55; background:radial-gradient(circle at 90% 8%,color-mix(in srgb,var(--accent) 22%,transparent) 0 1px,transparent 2px),linear-gradient(132deg,transparent 0 45%,color-mix(in srgb,var(--accent) 12%,transparent) 45.2% 45.4%,transparent 45.6%); }
+body.sn-platform .mf-card > * { position:relative; z-index:1; }
+body.sn-platform .mf-card-mindmatch { --accent:#c078f2; --accent-2:#ebc0ff; --glow-s:rgba(192,120,242,.40); }
+body.sn-platform .mf-card-techtacular { --accent:#d6db47; --accent-2:#f2f58a; --glow-s:rgba(214,219,71,.36); }
+body.sn-platform .mf-card-devlab { --accent:#78d7a0; --accent-2:#b4ebc8; --glow-s:rgba(120,215,160,.40); }
+body.sn-platform .mf-card-syntaxsaga { --accent:#b176ef; --accent-2:#dfbfff; --glow-s:rgba(177,118,239,.40); }
+body.sn-platform .mf-card-codeescape { --accent:#e5ae5b; --accent-2:#f8d09b; --glow-s:rgba(229,174,91,.38); }
+body.sn-platform .mf-card-serviceclash { --accent:#3abec5; --accent-2:#9de9e6; --glow-s:rgba(58,190,197,.38); }
+body.sn-platform .mf-card-bughunter { --accent:#e85e68; --accent-2:#ffb6bd; --glow-s:rgba(232,94,104,.38); }
+body.sn-platform .mf-card-networker { --accent:#55bdf0; --accent-2:#b2e7ff; --glow-s:rgba(85,189,240,.38); }
+body.sn-platform .mf-card-finalprotocol { --accent:#f09043; --accent-2:#ffd0a2; --glow-s:rgba(240,144,67,.38); }
+body.sn-platform .mf-footer { background:rgba(3,11,13,.72); border-color:#173438; }
+body.sn-platform .mf-center { min-height:100vh; position:relative; }
+body.sn-platform .auth-container { background:linear-gradient(145deg,rgba(10,29,32,.98),rgba(4,14,17,.98)); border-color:rgba(120,215,160,.46); }
+body.sn-platform .overlay { background:radial-gradient(520px 320px at 62% 18%,rgba(120,215,160,.20),transparent 62%),linear-gradient(150deg,#0a2224,#071416); }
+body.sn-platform .overlay-panel .o-emblem { width:56px; height:56px; }
+body.sn-platform .neon-btn { border-radius:10px; }
+body.sn-platform .auth-head b { color:#78d7a0; }
+body.sn-platform.finalflux-shell, body.sn-platform.finalflux-page {
+  --accent:#f09043; --accent-2:#ffd0a2; --accent-ink:#251004;
+  --glow-s:rgba(240,144,67,.40); --glow-w:rgba(240,144,67,.14);
+}
+body.sn-platform .finalflux-shell, body.sn-platform.finalflux-shell, body.sn-platform.finalflux-page { background:transparent; }
+@media (max-width:820px) { body.sn-platform .mf-sidebar { background:#061114; } }

src/main/resources/static/finalflux/ap1/datenschutz.html

@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-  <title>Datenschutz - FinalFlux AP1</title>
+  <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">
@@ -12,13 +12,13 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
   <h1>Datenschutz & Datensicherheit</h1>
 
   <section>
     <h2>Prüfungsmodus</h2>
     <p>
-      Dieser FluxCheck trainiert Datenschutz so, wie er in AP1-Handlungssituationen
+      Dieser ProtocolCheck trainiert Datenschutz so, wie er in AP1-Handlungssituationen
       auftaucht: personenbezogene Daten erkennen, DSGVO-Grundsätze anwenden,
       Betroffenenrechte einordnen, Schutzmaßnahmen auswählen und Praxisfälle bewerten.
     </p>

src/main/resources/static/finalflux/ap1/ip-berechnung.html

@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-  <title>IP-Adressberechnung - FinalFlux AP1</title>
+  <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">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
   <h1>IP-Adressberechnung</h1>
 
   <section>
@@ -116,7 +116,7 @@
 
   <section>
     <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
   </section>
 
   <section class="finalflux-test" data-finalflux-test aria-live="polite">

src/main/resources/static/finalflux/ap1/projektmanagement.html

@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-  <title>Projektmanagement - FinalFlux AP1</title>
+  <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">
@@ -12,13 +12,13 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
   <h1>Projektmanagement in der AP1</h1>
 
   <section>
     <h2>Prüfungsmodus</h2>
     <p>
-      Dieser FluxCheck führt dich durch prüfungsrelevante Projektmanagement-Themen:
+      Dieser ProtocolCheck führt dich durch prüfungsrelevante Projektmanagement-Themen:
       Auftrag, Ziele, Anforderungen, Planung, Risiken, Qualität, Kommunikation,
       Dokumentation und Abnahme. Jede Frage gehört zu einer Kategorie, die oben im
       Themenblock angezeigt wird.

src/main/resources/static/finalflux/ap1/zahlensysteme.html

@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-  <title>Zahlensysteme & Speicher - FinalFlux AP1</title>
+  <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">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
   <h1>Zahlensysteme & Speicher</h1>
 
   <section>
@@ -91,7 +91,7 @@
 
   <section>
     <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
   </section>
 
   <section class="finalflux-test" data-finalflux-test aria-live="polite">

src/main/resources/static/finalflux/ap2-fiae/entwurfsmuster.html

@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-  <title>Entwurfsmuster - FinalFlux AP2</title>
+  <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">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
   <h1>Entwurfsmuster (Design Patterns)</h1>
 
   <section>
@@ -74,7 +74,7 @@
 
   <section>
     <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP2-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP2-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
   </section>
 
   <section class="finalflux-test" data-finalflux-test aria-live="polite">

src/main/resources/static/finalflux/ap2-fisi/hochverfuegbarkeit.html

@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-  <title>Hochverfügbarkeit - FinalFlux AP2</title>
+  <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">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
   <h1>Hochverfügbarkeit (HA)</h1>
 
   <section>
@@ -60,7 +60,7 @@
 
   <section>
     <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP2-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP2-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
   </section>
 
   <section class="finalflux-test" data-finalflux-test aria-live="polite">

src/main/resources/static/finalflux/systemintegration/backuparten.html

@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-  <title>Backuparten - FinalFlux AP1</title>
+  <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">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
   <h1>Backuparten</h1>
 
   <section>
@@ -117,7 +117,7 @@
   <section>
     <h2>Prüfungsmodus</h2>
     <p>
-      Dieser FluxCheck trainiert Backup-Grundlagen, Sicherungsarten und typische
+      Dieser ProtocolCheck trainiert Backup-Grundlagen, Sicherungsarten und typische
       Praxisentscheidungen aus AP1-Situationen.
     </p>
   </section>

src/main/resources/static/finalflux/systemintegration/datenbank.html

@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-  <title>Datenbanksysteme - FinalFlux AP1</title>
+  <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">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
   <h1>Datenbanksysteme</h1>
 
   <section>
@@ -95,7 +95,7 @@
 
   <section>
     <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
   </section>
 
   <section class="finalflux-test" data-finalflux-test aria-live="polite">

src/main/resources/static/finalflux/systemintegration/dsl.html

@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-  <title>DSL und Internetanschluss - FinalFlux AP1</title>
+  <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">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
   <h1>DSL und Internetanschluss</h1>
 
   <section>
@@ -71,7 +71,7 @@
 
   <section>
     <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
   </section>
 
   <section class="finalflux-test" data-finalflux-test aria-live="polite">

src/main/resources/static/finalflux/systemintegration/osi.html

@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-  <title>OSI-Modell - FinalFlux AP1</title>
+  <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">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
   <h1>OSI-Modell</h1>
 
   <section>
@@ -115,7 +115,7 @@
   <section>
     <h2>Prüfungsmodus</h2>
     <p>
-      Dieser FluxCheck trainiert das OSI-Modell für typische AP1-Aufgaben:
+      Dieser ProtocolCheck trainiert das OSI-Modell für typische AP1-Aufgaben:
       Schichten erkennen, Geräte und Protokolle zuordnen und Fehler systematisch
       eingrenzen.
     </p>

src/main/resources/static/finalflux/systemintegration/storage.html

@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-  <title>Storage Systeme - FinalFlux AP1</title>
+  <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">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
   <h1>Storage Systeme</h1>
 
   <section>
@@ -54,7 +54,7 @@
 
   <section>
     <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
   </section>
 
   <section class="finalflux-test" data-finalflux-test aria-live="polite">

src/main/resources/static/finalflux/systemintegration/thin-client.html

@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-  <title>Thin Clients - FinalFlux AP1</title>
+  <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">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
   <h1>Thin Clients</h1>
 
   <section>
@@ -73,7 +73,7 @@
 
   <section>
     <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
   </section>
 
   <section class="finalflux-test" data-finalflux-test aria-live="polite">

src/main/resources/static/finalflux/systemintegration/topologien.html

@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-  <title>Netzwerktopologien - FinalFlux AP1</title>
+  <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">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
   <h1>Netzwerktopologien</h1>
 
   <section>
@@ -169,7 +169,7 @@
 
   <section>
     <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
   </section>
 
   <section class="finalflux-test" data-finalflux-test aria-live="polite">

src/main/resources/static/finalflux/systemintegration/usv.html

@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-  <title>USV - FinalFlux AP1</title>
+  <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">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
   <h1>USV - Unterbrechungsfreie Stromversorgung</h1>
 
   <section>
@@ -145,7 +145,7 @@
   <section>
     <h2>Prüfungsmodus</h2>
     <p>
-      Dieser FluxCheck trainiert USV-Grundlagen, Typen und Schutzumfang,
+      Dieser ProtocolCheck trainiert USV-Grundlagen, Typen und Schutzumfang,
       Dimensionierung (VA/Watt, Überbrückungszeit) sowie typische Betriebs- und
       Wartungsfragen aus AP1-Situationen.
     </p>

src/main/resources/static/finalflux/systemintegration/vdi-daas.html

@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-  <title>VDI & DaaS - FinalFlux AP1</title>
+  <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">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
   <h1>VDI & DaaS</h1>
 
   <section>
@@ -72,7 +72,7 @@
 
   <section>
     <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
   </section>
 
   <section class="finalflux-test" data-finalflux-test aria-live="polite">

src/main/resources/static/finalflux/systemintegration/vlan.html

@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-  <title>VLAN - FinalFlux AP1</title>
+  <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">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
   <h1>VLAN</h1>
 
   <section>
@@ -70,7 +70,7 @@
 
   <section>
     <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
   </section>
 
   <section class="finalflux-test" data-finalflux-test aria-live="polite">

src/main/resources/static/finalflux/wirtschaft/amortisation.html

@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-  <title>Amortisation - FinalFlux AP1</title>
+  <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">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
   <h1>Amortisation</h1>
 
   <section>
@@ -71,7 +71,7 @@
 
   <section>
     <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
   </section>
 
   <section class="finalflux-test" data-finalflux-test aria-live="polite">

src/main/resources/static/finalflux/wirtschaft/angebotsvergleich.html

@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-  <title>Angebotsvergleich - FinalFlux AP1</title>
+  <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">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
   <h1>Angebotsvergleich</h1>
 
   <section>
@@ -53,7 +53,7 @@
 
   <section>
     <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
   </section>
 
   <section class="finalflux-test" data-finalflux-test aria-live="polite">

src/main/resources/static/finalflux/wirtschaft/bezugskalkulation.html

@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-  <title>Bezugskalkulation - FinalFlux AP1</title>
+  <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">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
   <h1>Bezugskalkulation</h1>
 
   <section>
@@ -54,7 +54,7 @@
 
   <section>
     <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
   </section>
 
   <section class="finalflux-test" data-finalflux-test aria-live="polite">

src/main/resources/static/finalflux/wirtschaft/harvard_konzept.html

@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-  <title>Harvard-Konzept - FinalFlux AP1</title>
+  <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">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
   <h1>Harvard-Konzept</h1>
 
   <section>
@@ -49,7 +49,7 @@
 
   <section>
     <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
   </section>
 
   <section class="finalflux-test" data-finalflux-test aria-live="polite">

src/main/resources/static/finalflux/wirtschaft/kosten_nutzen.html

@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-  <title>Kosten-Nutzen-Vergleich - FinalFlux AP1</title>
+  <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">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
   <h1>Kosten-Nutzen-Vergleich</h1>
 
   <section>
@@ -61,7 +61,7 @@
 
   <section>
     <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
   </section>
 
   <section class="finalflux-test" data-finalflux-test aria-live="polite">

src/main/resources/static/finalflux/wirtschaft/make_or_buy.html

@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-  <title>Make or Buy - FinalFlux AP1</title>
+  <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">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
   <h1>Make or Buy</h1>
 
   <section>
@@ -66,7 +66,7 @@
 
   <section>
     <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
   </section>
 
   <section class="finalflux-test" data-finalflux-test aria-live="polite">

src/main/resources/static/finalflux/wirtschaft/marktformen.html

@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-  <title>Marktformen - FinalFlux AP1</title>
+  <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">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
   <h1>Marktformen</h1>
 
   <section>
@@ -71,7 +71,7 @@
 
   <section>
     <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
   </section>
 
   <section class="finalflux-test" data-finalflux-test aria-live="polite">

src/main/resources/static/finalflux/wirtschaft/nutzwertanalyse.html

@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-  <title>Nutzwertanalyse - FinalFlux AP1</title>
+  <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">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
   <h1>Nutzwertanalyse</h1>
 
   <section>
@@ -53,7 +53,7 @@
 
   <section>
     <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
   </section>
 
   <section class="finalflux-test" data-finalflux-test aria-live="polite">

src/main/resources/static/finalflux/wirtschaft/ratendarlehen.html

@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-  <title>Ratendarlehen - FinalFlux AP1</title>
+  <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">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
   <h1>Ratendarlehen</h1>
 
   <section>
@@ -66,7 +66,7 @@
 
   <section>
     <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
   </section>
 
   <section class="finalflux-test" data-finalflux-test aria-live="polite">

src/main/resources/static/finalflux/wirtschaft/rentabilitätsrechnung.html

@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-  <title>Rentabilitätsrechnung - FinalFlux AP1</title>
+  <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">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
   <h1>Rentabilitätsrechnung</h1>
 
   <section>
@@ -70,7 +70,7 @@
 
   <section>
     <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
   </section>
 
   <section class="finalflux-test" data-finalflux-test aria-live="polite">

src/main/resources/static/finalflux/wirtschaft/roi.html

@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-  <title>Return on Investment - FinalFlux AP1</title>
+  <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">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
   <h1>Return on Investment</h1>
 
   <section>
@@ -79,7 +79,7 @@
 
   <section>
     <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
   </section>
 
   <section class="finalflux-test" data-finalflux-test aria-live="polite">

src/main/resources/static/finalflux/wirtschaft/vertragsarten.html

@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-  <title>Vertragsarten - FinalFlux AP1</title>
+  <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">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
   <h1>Vertragsarten</h1>
 
   <section>
@@ -69,7 +69,7 @@
 
   <section>
     <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
   </section>
 
   <section class="finalflux-test" data-finalflux-test aria-live="polite">

src/main/resources/static/finalflux/wirtschaft/win_win_strategie.html

@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-  <title>Win-Win-Strategie - FinalFlux AP1</title>
+  <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">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
   <h1>Win-Win-Strategie</h1>
 
   <section>
@@ -64,7 +64,7 @@
 
   <section>
     <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
   </section>
 
   <section class="finalflux-test" data-finalflux-test aria-live="polite">

src/main/resources/static/finalflux/wirtschaft/wirtschaftssektoren.html

@@ -2,7 +2,7 @@
 <html lang="de" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-  <title>Wirtschaftssektoren - FinalFlux AP1</title>
+  <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">
@@ -12,7 +12,7 @@
 <body class="finalflux-page">
 <div class="mf-theme-float"><button class="mf-theme"></button></div>
 <main>
-  <a href="/finalflux" class="back-link">Zurück zu FinalFlux</a>
+  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
   <h1>Wirtschaftssektoren</h1>
 
   <section>
@@ -63,7 +63,7 @@
 
   <section>
     <h2>Prüfungsmodus</h2>
-    <p>Dieser FluxCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
+    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
   </section>
 
   <section class="finalflux-test" data-finalflux-test aria-live="polite">

src/main/resources/static/js/devlabgame.js

@@ -359,7 +359,7 @@
       r.check.hidden = true; r.hint.hidden = true;
       return;
     }
-    document.title = `${session.title} – Mindflux`;
+    document.title = `${session.title} – SysnaptiK Neural`;
     r.title.textContent = session.title;
     r.language.textContent = session.language || 'Dev Lab';
     r.sideTitle.textContent = session.title;

src/main/resources/static/js/fluxtimer.js

@@ -8,10 +8,10 @@
   var MAX_INTERVAL = 240;
   var DEFAULTS = { enabled:false, intervalMinutes:45, reminders:['aufstehen','trinken','augenpause'], customText:'', sound:false, notify:false, nextFireAt:null, lastFiredAt:null, reminderIndex:0 };
   var LABELS = {
-    aufstehen:'88 mph erreicht – kurz aufstehen, McFly!',
-    trinken:'Großer Scott! Zeit, etwas zu trinken.',
-    essen:'Dein Fluxkompensator braucht einen Snack.',
-    augenpause:'Blick in die Zukunft: Gönn deinen Augen eine Pause.'
+    aufstehen:'Zeit, deinen Körper kurz in Bewegung zu bringen.',
+    trinken:'Dein Netzwerk braucht Energie – nimm dir einen Schluck Wasser.',
+    essen:'Kurze Pause, dann verknüpft sich neues Wissen leichter.',
+    augenpause:'Deine Augen verdienen einen Moment Abstand vom Bildschirm.'
   };
   var state = load();
   var ringing = false;
@@ -51,13 +51,13 @@
   }
   function ensureUi() {
     if (!document.querySelector('.ft-popover')) {
-      var pop=document.createElement('section'); pop.className='ft-popover'; pop.setAttribute('aria-label','FluxTimer');
-      pop.innerHTML='<div class="ft-popover-head"><b>FLUXTIMER</b><button class="ft-close" type="button" data-ft-close aria-label="Schließen">×</button></div><div class="ft-circuit"><div class="ft-row primary"><span>NÄCHSTE PAUSE</span><strong data-ft-countdown>--:--:--</strong></div><div class="ft-row"><span>JETZT</span><strong data-ft-now>--:--:--</strong></div><div class="ft-row"><span>LETZTE PAUSE</span><strong data-ft-last>--:--:--</strong></div></div><p class="ft-popover-status" data-ft-status></p><div class="ft-popover-actions"><button class="ft-mini-toggle" type="button" data-ft-quick-toggle></button><a class="mf-btn outline" href="/profile/settings">Einstellungen</a></div>';
+      var pop=document.createElement('section'); pop.className='ft-popover'; pop.setAttribute('aria-label','NeuralPause');
+      pop.innerHTML='<div class="ft-popover-head"><b>NEURALPAUSE</b><button class="ft-close" type="button" data-ft-close aria-label="Schließen">×</button></div><div class="ft-circuit"><div class="ft-row primary"><span>NÄCHSTE PAUSE</span><strong data-ft-countdown>--:--:--</strong></div><div class="ft-row"><span>JETZT</span><strong data-ft-now>--:--:--</strong></div><div class="ft-row"><span>LETZTE PAUSE</span><strong data-ft-last>--:--:--</strong></div></div><p class="ft-popover-status" data-ft-status></p><div class="ft-popover-actions"><button class="ft-mini-toggle" type="button" data-ft-quick-toggle></button><a class="mf-btn outline" href="/profile/settings">Einstellungen</a></div>';
       document.body.appendChild(pop);
     }
     if (!document.querySelector('.ft-overlay')) {
       var overlay=document.createElement('div'); overlay.className='ft-overlay'; overlay.setAttribute('role','dialog'); overlay.setAttribute('aria-modal','true'); overlay.setAttribute('aria-labelledby','ft-title');
-      overlay.innerHTML='<div class="ft-modal"><span class="ft-kicker">ZEITSCHALTKREISE AKTIV</span><h2 id="ft-title">Zeit für eine Pause</h2><p data-ft-message></p><div class="ft-modal-actions"><button class="mf-btn outline" type="button" data-ft-snooze>+5 Minuten</button><button class="mf-btn" type="button" data-ft-done>Pause erledigt</button></div></div>';
+      overlay.innerHTML='<div class="ft-modal"><span class="ft-kicker">NEURALPAUSE AKTIV</span><h2 id="ft-title">Zeit für eine Pause</h2><p data-ft-message></p><div class="ft-modal-actions"><button class="mf-btn outline" type="button" data-ft-snooze>+5 Minuten</button><button class="mf-btn" type="button" data-ft-done>Pause erledigt</button></div></div>';
       document.body.appendChild(overlay);
     }
   }
@@ -69,7 +69,7 @@
   function closePopover() { var pop=document.querySelector('.ft-popover'); if(pop) pop.classList.remove('open'); var trigger=document.querySelector('[data-fluxtimer-toggle]'); if(trigger) trigger.setAttribute('aria-expanded','false'); }
   function closeOverlay() { var overlay=document.querySelector('.ft-overlay'); if(overlay) overlay.classList.remove('open'); }
   function playSound() { if (!state.sound) return; try { var C=window.AudioContext||window.webkitAudioContext; if(!C)return; var ctx=new C(),o=ctx.createOscillator(),g=ctx.createGain(); o.frequency.value=523.25; g.gain.setValueAtTime(.05,ctx.currentTime); g.gain.exponentialRampToValueAtTime(.001,ctx.currentTime+.35); o.connect(g);g.connect(ctx.destination);o.start();o.stop(ctx.currentTime+.35); } catch(e){} }
-  function notify(text) { if (!state.notify || !('Notification' in window) || Notification.permission!=='granted') return; try { new Notification('Mindflux FluxTimer',{body:text,tag:'mindflux-fluxtimer'}); } catch(e){} }
+  function notify(text) { if (!state.notify || !('Notification' in window) || Notification.permission!=='granted') return; try { new Notification('SysnaptiK Neural · NeuralPause',{body:text,tag:'sysnaptik-neural-pause'}); } catch(e){} }
   function fire(testOnly) { ensureUi(); if(ringing&&!testOnly)return; ringing=true; var text=reminderText(); state.lastFiredAt=Date.now(); save(); var msg=document.querySelector('[data-ft-message]'); if(msg)msg.textContent=text; document.querySelector('.ft-overlay').classList.add('open'); playSound(); notify(text); }
   function done() { closeOverlay(); schedule(Date.now()); }
   function snooze() { closeOverlay(); state.nextFireAt=Date.now()+5*60000; ringing=false; save(); }

src/main/resources/static/js/theme.js

@@ -13,13 +13,20 @@
   if (!document.querySelector('link[data-fluxtimer]')) {
     var timerCss = document.createElement('link');
     timerCss.rel = 'stylesheet';
-    timerCss.href = '/css/fluxtimer.css?v=3';
+    timerCss.href = '/css/fluxtimer.css?v=4';
     timerCss.setAttribute('data-fluxtimer', '');
     document.head.appendChild(timerCss);
   }
+  if (!document.querySelector('link[data-platform-neural]')) {
+    var neuralCss = document.createElement('link');
+    neuralCss.rel = 'stylesheet';
+    neuralCss.href = '/css/platform-neural.css?v=1';
+    neuralCss.setAttribute('data-platform-neural', '');
+    document.head.appendChild(neuralCss);
+  }
   if (!document.querySelector('script[data-fluxtimer]')) {
     var timerScript = document.createElement('script');
-    timerScript.src = '/js/fluxtimer.js?v=1';
+    timerScript.src = '/js/fluxtimer.js?v=2';
     timerScript.defer = true;
     timerScript.setAttribute('data-fluxtimer', '');
     document.head.appendChild(timerScript);
@@ -96,6 +103,8 @@
   }
 
   document.addEventListener('DOMContentLoaded', function () {
+    var isGame = document.querySelector('.mm-body,.tt-body,.dl-body,.dlg-body,.ss-body,.esc-app,.bh-app,.sc-app,.nw-app');
+    if (!isGame) document.body.classList.add('sn-platform');
     document.querySelectorAll('.mf-theme').forEach(function (b) {
       b.setAttribute('role', 'button');
       b.setAttribute('aria-label', 'Theme umschalten');