- Vier Tonstufen (--tone-1 bis --tone-4) fuer Problem, Workflow, Demos, Contact: Seite atmet beim Scrollen sanft von hell nach kuehler
- Contact in hellem Blau-Grau-Weiss (#ECF2F9) als frischer Akzent vor dem dunklen Trust
- Divider-Uebergaenge per Adjacent-Sibling an die neuen Tonstufen angepasst
- Trust und Contact in Page-Reihenfolge zurueckgetauscht: Contact vor Trust (Trust bleibt visueller Schluss-Anker), Navbar-Reihenfolge bleibt aber Funktionen-Live-Lagebilder-Ueber-uns-Kontakt
- Subpixel-Luecke unter dem Diagonal-Divider Contact->Trust mit margin-top:-1px geschlossen
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
- Features (Was der Monitor leistet) wandert direkt unter Hero, bekommt section-dark
- Problem (Warum manuelle OSINT-Auswertung nicht skaliert) rutscht eine Position nach unten, bekommt section-base
- Feature-Cards im dunklen Kontext: Glasmorphism mit dezent transparentem Hintergrund, permanente Gold-Border, Gold-getoente Icon-Box, goldfarbene Icons (CSS-Filter), Hover mit kraeftigerer Gold-Border und Lift
- Neuer Divider divider-gradient-base-to-alt fuer den Uebergang Problem -> Workflow
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
- Slider endet jetzt bei bottom:60px statt bottom:0 -> Video-Bereich
beginnt unter der Navbar und endet oberhalb einer reservierten Zone
fuer die Dots, damit sie keine Video-Schrift verdecken
- Dots auf bottom:22px (Desktop) / 18px (Mobile) statt 75/65px
Rollback-Punkt: fa17c1f
- Slider-Container beginnt jetzt bei top:var(--nav-height) statt 0;
das Video wurde zuvor oben durch die fixe Navbar ueberdeckt, obwohl
object-fit:contain es komplett rendert
- HERO_ENDCARD_MS von 3000 auf 7000 (User-Feedback: zu kurz)
Rollback-Punkt: c85be47
Live-Lagen (iran-konflikt, cyberangriffe) bekommen einen neuen ersten Tab
Neueste Entwicklungen mit Bullet-Cards, klickbaren Quellen-Pills und
Zeitstempel. Recherche-Lagen (deepfakes) bekommen an selber Stelle einen
Tab Zusammenfassung, der den Zusammenfassung-Abschnitt aus dem Markdown
extrahiert und mit Citation-Links rendert.
lagebild.js: renderUeberblick, renderLatestDevelopmentsHtml,
extractZusammenfassung ergaenzt. i18n-Keys tabUeberblick/Research.
Lang-Toggle aktualisiert Tab-Label und h2.
Vorschau-Karten zeigen wieder den Lagebild-Text fuer alle Lagen
(renderLatestDevelopments-Calls aus loadLiveData entfernt).
- visibility:hidden aus Slide-States entfernt (brach Video-Playback)
- #hero-video-container + Sonderfall-Logik für Slide 0 entfernt
- Video in Slide 0 inline verschoben, generische Restart-Logik
- Videos starten bei jedem Slide-Wechsel bei 0:00 (bewusste
Verhaltensänderung gegenüber 9df30bc)
- Autoplay-Intervall auf 15s vereinheitlicht (kein Video/Text-Sonderfall)
- Hover-Pause des Sliders entfernt (stoppte Autoplay unerwartet)
- Neue Videos in weiteren Slides erfordern jetzt nur HTML-Block + src
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Slide 0 hat weniger Inhalt seit Video ausgelagert wurde,
die fixe min-height erzeugte unnötigen Leerraum vor den Dots.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Video aus dem Slide-Div herausgelöst und als eigenständiges Element
zwischen hero-brand und hero-slider platziert. Dadurch wird es nie
via visibility:hidden versteckt und der Browser resettet es nicht.
Ein-/Ausblenden per opacity + max-height Transition.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Video wird jetzt als Inline-Element unter der Tagline angezeigt
(volle Breite, object-fit contain, nichts abgeschnitten).
Label und Headline entfernt (redundant mit Tagline).
Beispiel-Text und CTA-Button unterhalb des Videos.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Overlay z-index 1, Video z-index 2, Content z-index 3.
Video war vorher hinter dem fast undurchsichtigen Overlay versteckt.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Video füllt jetzt die komplette Hero-Section (88vh) statt nur den
700px-breiten Slide-Container. Ein-/Ausblenden per CSS-Transition
(0.8s) gekoppelt an den aktiven Slide (nur bei Slide 0 sichtbar).
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Komprimiertes Video (2.1 MB, 1920x1080, 15s loop) als Hintergrund
- Beschreibungstext entfernt (wird durch Video repräsentiert)
- Label, Headline, Beispiel-Zitat und CTA bleiben sichtbar
- Text-Shadows für Lesbarkeit über Video
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Identischer CSS-Block war doppelt vorhanden (Zeilen 77-105 und 108-136),
was bei späteren Änderungen zu Wartungsproblemen geführt hätte.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Lagebild-Karte auf geclusterte Marker umgebaut (primary/secondary als Pulse, rest als CircleMarker). Popups zeigen jetzt Top-Artikel mit Links. Vorschau Hero-Buttons scrollen zum Demo-Karussell statt direkt zu den Lagen.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Slide rein beschreibend umformuliert mit Verifikationsstatus-Erklaerung.
Beispiel-Hinweis entfernt, Bild-Platzhalter fuer Screenshot vorbereitet.
Media-Col nur noch sichtbar wenn tatsaechlich ein img-Element vorhanden.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Ersetzt die 3 rotierenden Stockvideos durch 5 inhaltsgetriebene Slides,
die die Kernfeatures des Monitors bewerben (Echtzeit-Monitoring,
Faktencheck, KI-Recherche, Globale Abdeckung, Flexibilitaet).
Jeder Slide mit Feature-Text, konkretem Beispiel-Beleg und CTAs.
Grafik-Spalte pro Slide vorbereitet fuer spaetere Screenshots.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Feature-Cards: flex-direction:column, volle Breite auf Mobile
- Karussell: nur aktive Card sichtbar, volle Breite, keine Side-Cards
- Stats-Bar: kleinere Zahlen, weniger Padding
- Carousel-Pfeile auf Mobile ausgeblendet
- Dot-Navigation bleibt fuer Card-Wechsel
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Untertitel in Problem-Section: Zielgruppe definiert
(Sicherheitsbehoerden, Redaktionen, Unternehmen)
- Feature-Cards auf Mobile volle Breite (Flex-Override)
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
clip-path auf der Hero-Section selbst schneidet sauber spitz ab,
kein separates SVG-Element mehr. Video, Overlay und Content
werden alle gleichmässig abgeschnitten.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Navy-Dreieck ragt von unten in den Hero hinein (negative margin),
erzeugt sauberen spitzen Uebergang zwischen Video-Hero und
dunkler Problem-Section.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Map-Instanz wird einmalig erstellt, Marker dynamisch gewechselt
- data-lage Attribute auf Carousel-Cards fuer Lagen-Zuordnung
- Bei Lage mit Daten: Marker + Legende angezeigt
- Bei Platzhalter: Karte ausgeblendet, 'Kartendaten folgen'
- Zukunftssicher: Neue Lagen brauchen nur data-lage + summary.json
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- 'Grosslage - Irankonflikt' als Titel ueber den Stats
- Zahlen in einzelnen Boxen mit Schatten und Rahmen
- Uebergangsbereich zwischen Workflow und Stats deutlich kleiner
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Stats (Artikel/Quellen/Faktenchecks) als prominente Bar ueber dem
Karussell mit Count-Up-Animation und gruener Live-Pulse-Anzeige
- Pfeil-Buttons links/rechts fuer Karussell-Navigation
- Text-Card breiter (860px)
- Stats nicht mehr in der Card
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Statt dem gesamten Lagebild-Text wird nur der Abschnitt
'Zusammenfassung aktueller Entwicklungen' extrahiert und
vollständig angezeigt. Kein Scroll, kein Weiterlesen.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Active Card position:relative statt absolute (Sektion wächst mit)
- Side Cards absolute positioniert mit Überlappung
- Excerpt max-height 500px mit Scroll für langen Text
- Viewport overflow:hidden verhindert Überlauf
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- 3D-Perspektiv-Karussell: Zentrale Card gross, seitliche klein/gekippt
- Klick auf seitliche Cards wechselt Ansicht, Dot-Navigation
- Karte mit exakten Pulse-Markern (Ring + Dot Animation)
- Dark Popups und Dark Legende wie bei /lagen/iran-konflikt/
- Kategorie-Farben und Labels aus der API
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
