Lagebild: CTA-Block durch Floating Pill ersetzt

- Statischer CTA-Block am Seitenende entfernt
- Floating Pill am unteren Bildschirmrand (zentriert)
- Erscheint nach 400px Scroll, Glasmorphism-Stil
- Gold-Button Kontakt aufnehmen mit mailto-Link
- Schliessbar mit X-Button
- Responsive: volle Breite auf Mobile

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Dieser Commit ist enthalten in:
Claude Code
2026-03-07 15:30:34 +01:00
Ursprung d48c090385
Commit 3c0989545b
3 geänderte Dateien mit 296 neuen und 224 gelöschten Zeilen

Datei anzeigen

@@ -41,6 +41,7 @@ var Lagebild = {
this.initTabs();
this.initLangToggle();
this.initScrollReveal();
this.initFloatingCta();
} catch (e) {
console.error('Lagebild laden fehlgeschlagen:', e);
this.showError();
@@ -576,6 +577,32 @@ var Lagebild = {
});
},
/* ===== FLOATING CTA ===== */
initFloatingCta: function() {
var cta = document.createElement('div');
cta.className = 'floating-cta';
cta.innerHTML = '<span class="floating-cta-text">AegisSight Monitor f\u00fcr Ihre Organisation</span>'
+ '<a href="mailto:info@aegis-sight.de" class="floating-cta-btn">Kontakt aufnehmen \u2192</a>'
+ '<button class="floating-cta-close" aria-label="Schlie\u00dfen">&times;</button>';
document.body.appendChild(cta);
// Show after scrolling past hero
var shown = false;
window.addEventListener('scroll', function() {
if (shown) return;
if (window.scrollY > 400) {
cta.classList.add('visible');
shown = true;
}
});
// Close button
cta.querySelector('.floating-cta-close').addEventListener('click', function(e) {
e.preventDefault();
cta.classList.add('dismissed');
});
},
/* ===== SCROLL REVEAL ===== */
initScrollReveal: function() {
var cards = document.querySelectorAll('.content-card, .lagebild-cta');