From 1415139c10e77cc90fcacc866807b2876fa3b678 Mon Sep 17 00:00:00 2001
From: Claude Code <noreply@anthropic.com>
Date: Mon, 30 Mar 2026 10:14:33 +0200
Subject: [PATCH] =?UTF-8?q?Lagebild:=20Powered=20by=20AegisSight=20Monitor?=
 =?UTF-8?q?=20Badge=20im=20Hero=20hinzugef=C3=BCgt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Dezenter Badge rechts oben im Hero-Bereich, verlinkt auf /#products.
Responsive: Auf Mobile zentriert über dem Content.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 lagebild/index.html   |  2 ++
 lagebild/lagebild.css | 36 ++++++++++++++++++++++++++++++++++++
 2 files changed, 38 insertions(+)

diff --git a/lagebild/index.html b/lagebild/index.html
index 03eaffe..1791d17 100644
--- a/lagebild/index.html
+++ b/lagebild/index.html
@@ -56,6 +56,7 @@
         <canvas id="hero-particles"></canvas>
         <div class="hero-bg-pattern"></div>
         <div class="container">
+            <a href="/#products" class="powered-badge"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> Powered by AegisSight Monitor</a>
             <div class="hero-badge">
                 <span class="badge-dot"></span>
                 <span>LIVE-LAGEBILD</span>
@@ -190,5 +191,6 @@
     <script src="../js/mobile-nav.js"></script>
     <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
     <script src="lagebild.js"></script>
+    <script src="/analytics-events.js" defer></script>
 </body>
 </html>
diff --git a/lagebild/lagebild.css b/lagebild/lagebild.css
index 93c18a3..25dd8a4 100644
--- a/lagebild/lagebild.css
+++ b/lagebild/lagebild.css
@@ -158,6 +158,37 @@
     50% { opacity: 0.4; transform: scale(0.7); }
 }
 
+/* Powered-by Badge */
+.powered-badge {
+    position: absolute;
+    top: 90px;
+    right: 24px;
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    background: rgba(200, 168, 81, 0.08);
+    border: 1px solid rgba(200, 168, 81, 0.18);
+    padding: 5px 12px;
+    border-radius: 16px;
+    font-size: 0.7rem;
+    font-weight: 500;
+    letter-spacing: 0.5px;
+    color: var(--lb-text-sec);
+    text-decoration: none;
+    z-index: 2;
+    transition: color 0.3s, border-color 0.3s, background 0.3s;
+}
+.powered-badge:hover {
+    color: var(--lb-accent);
+    border-color: rgba(200, 168, 81, 0.4);
+    background: rgba(200, 168, 81, 0.12);
+}
+.powered-badge svg {
+    color: var(--lb-accent);
+    opacity: 0.7;
+    flex-shrink: 0;
+}
+
 /* Hero Title */
 .lagebild-hero h1 {
     font-family: 'Bebas Neue', sans-serif;
@@ -1412,6 +1443,11 @@ a.source-detail-article-title:hover {
     .lagebild-hero {
         padding: 120px 16px 50px;
     }
+    .powered-badge {
+        position: static;
+        margin: 0 auto 1rem;
+        font-size: 0.65rem;
+    }
     .lagebild-hero h1 {
         font-size: 2.5rem;
         letter-spacing: 3px;