Hauptwebseite durch Vorschau-Iteration ersetzt
- /vorschau/ existiert nicht mehr; deren Inhalte sind jetzt unter / - index.html, css/style.css, js/app.js und videos/ stammen aus dem ehemaligen vorschau/-Verzeichnis und ersetzen die bisherige Hauptseite. - Alte CSS/JS-Dateien (main.css, main.js etc.) bleiben erhalten - sie werden weiterhin von /lagen/, /datenschutz, /impressum genutzt. - Vorheriger Stand archiviert unter AegisSight/Webseite_alt. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Dieser Commit ist enthalten in:
Claude Code
771
index.html
771
index.html
@@ -3,316 +3,460 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title data-translate="pageTitle">AegisSight - Sicherheit Made in Germany</title>
|
||||
|
||||
<!-- Prevent search engine indexing -->
|
||||
<meta name="robots" content="noindex, nofollow, noarchive, nosnippet, noimageindex">
|
||||
<meta name="googlebot" content="noindex, nofollow, noarchive, nosnippet, noimageindex">
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/svg+xml" href="favicon.svg">
|
||||
<link rel="icon" type="image/svg+xml" href="assets/images/logos/AegisSightLogo_NavyGold.svg">
|
||||
<link rel="apple-touch-icon" href="assets/images/logos/AegisSightLogo_NavyGold.svg">
|
||||
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<link rel="stylesheet" href="css/animations-enhanced.css">
|
||||
<link rel="stylesheet" href="css/section-transitions.css">
|
||||
<link rel="stylesheet" href="css/about-modern.css">
|
||||
<link rel="stylesheet" href="css/products-modern.css">
|
||||
<link rel="stylesheet" href="css/fonts.css">
|
||||
<link rel="stylesheet" href="css/mobile.css">
|
||||
<link rel="stylesheet" href="cookie-consent.css">
|
||||
<title>AegisSight Monitor – Echtzeit-Lagebilder aus offenen Quellen</title>
|
||||
<meta name="description" content="OSINT-Monitoring Software aus Deutschland: KI-gestützte Echtzeit-Lagebilder aus offenen Quellen. Für Behörden, Redaktionen und Sicherheitsdienste.">
|
||||
<meta name="robots" content="noindex, nofollow, noarchive">
|
||||
<link rel="canonical" href="https://aegis-sight.de/">
|
||||
|
||||
<!-- Open Graph / Social Sharing -->
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="AegisSight">
|
||||
<meta property="og:title" content="AegisSight Monitor – Echtzeit-Lagebilder aus offenen Quellen">
|
||||
<meta property="og:description" content="KI-gestützte Echtzeit-Lagebilder aus offenen Quellen. Für Behörden, Redaktionen und Sicherheitsdienste – Made in Germany.">
|
||||
<meta property="og:url" content="https://aegis-sight.de/">
|
||||
<meta property="og:image" content="https://aegis-sight.de/assets/images/og-image.png">
|
||||
<meta property="og:image:width" content="1200">
|
||||
<meta property="og:image:height" content="630">
|
||||
<meta property="og:locale" content="de_DE">
|
||||
|
||||
<!-- Twitter Card -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="AegisSight Monitor – Echtzeit-Lagebilder aus offenen Quellen">
|
||||
<meta name="twitter:description" content="KI-gestützte Echtzeit-Lagebilder aus offenen Quellen. Für Behörden, Redaktionen und Sicherheitsdienste – Made in Germany.">
|
||||
<meta name="twitter:image" content="https://aegis-sight.de/assets/images/og-image.png">
|
||||
|
||||
<!-- Schema.org Organization -->
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Organization",
|
||||
"name": "AegisSight UG (haftungsbeschränkt)",
|
||||
"alternateName": "AegisSight",
|
||||
"url": "https://aegis-sight.de",
|
||||
"logo": "https://aegis-sight.de/assets/images/logos/AegisSightLogo_NavyGold.svg",
|
||||
"email": "info@aegis-sight.de",
|
||||
"address": {
|
||||
"@type": "PostalAddress",
|
||||
"streetAddress": "Gladbacher Straße 3-5",
|
||||
"postalCode": "40764",
|
||||
"addressLocality": "Langenfeld",
|
||||
"addressRegion": "Nordrhein-Westfalen",
|
||||
"addressCountry": "DE"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
|
||||
<link rel="apple-touch-icon" href="/assets/images/logos/AegisSightLogo_NavyGold.svg">
|
||||
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css">
|
||||
<link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.5.3/dist/MarkerCluster.css">
|
||||
<link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.5.3/dist/MarkerCluster.Default.css">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="stylesheet" href="/cookie-consent.css">
|
||||
</head>
|
||||
<body>
|
||||
<!-- Skip Navigation -->
|
||||
<a href="#features" class="skip-nav" data-translate="skipNav">Zum Hauptinhalt springen</a>
|
||||
|
||||
<!-- Password Gate -->
|
||||
<style>
|
||||
#login-gate{position:fixed;inset:0;z-index:10000;background:#0A1832;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:'Inter',system-ui,sans-serif}
|
||||
#login-gate .gate-logo{width:80px;height:80px;margin-bottom:2rem}
|
||||
#login-gate .gate-logo img{width:100%;height:100%;background:#fff;border-radius:12px;padding:6px}
|
||||
#login-gate h1{font-size:1.6rem;font-weight:700;color:#C8A851;margin-bottom:.5rem}
|
||||
#login-gate p{font-size:.95rem;color:#A0A8B8;margin-bottom:1.5rem}
|
||||
#login-gate .pw-form{display:flex;gap:.5rem}
|
||||
#login-gate .pw-input{padding:.7rem 1rem;border:1px solid rgba(200,168,81,.3);border-radius:6px;background:rgba(255,255,255,.05);color:#E8E8E8;font-family:inherit;font-size:.95rem;width:220px;outline:none}
|
||||
#login-gate .pw-input:focus{border-color:#C8A851}
|
||||
#login-gate .pw-input::placeholder{color:#5A6478}
|
||||
#login-gate .pw-btn{padding:.7rem 1.2rem;border:none;border-radius:6px;background:#C8A851;color:#0A1832;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer}
|
||||
#login-gate .pw-btn:hover{background:#D4B96A}
|
||||
#login-gate .pw-error{color:#E85454;font-size:.85rem;margin-top:.75rem;display:none}
|
||||
body.locked{overflow:hidden}
|
||||
</style>
|
||||
<div id="login-gate">
|
||||
<div class="gate-logo"><img src="/assets/images/logos/AegisSightLogo_NavyGold.svg" alt="AegisSight"></div>
|
||||
<h1>Vorschau</h1>
|
||||
<p>Zugang nur mit Passwort</p>
|
||||
<form class="pw-form" onsubmit="return checkPassword(event)">
|
||||
<input type="password" class="pw-input" id="pw-input" placeholder="Passwort" autofocus>
|
||||
<button type="submit" class="pw-btn">Weiter</button>
|
||||
</form>
|
||||
<div class="pw-error" id="pw-error">Falsches Passwort</div>
|
||||
</div>
|
||||
<script>
|
||||
var PW_HASH='feab257468bdb1b836bae5bc439db625d9a1b9a56ca60e0916ab04fb04c2ec31';
|
||||
function sha256(s){return crypto.subtle.digest('SHA-256',new TextEncoder().encode(s)).then(function(b){return Array.from(new Uint8Array(b)).map(function(x){return x.toString(16).padStart(2,'0')}).join('')})}
|
||||
function getCookie(n){var m=document.cookie.match(new RegExp('(?:^|; )'+n+'=([^;]*)'));return m?m[1]:null}
|
||||
function setCookie(n,v,d){var e=new Date();e.setTime(e.getTime()+d*864e5);document.cookie=n+'='+v+';expires='+e.toUTCString()+';path=/vorschau/;SameSite=Strict;Secure'}
|
||||
function unlock(){document.getElementById('login-gate').style.display='none';document.body.classList.remove('locked')}
|
||||
function checkPassword(e){e.preventDefault();sha256(document.getElementById('pw-input').value).then(function(h){if(h===PW_HASH){setCookie('vorschau_auth',h,30);unlock()}else{document.getElementById('pw-error').style.display='block';document.getElementById('pw-input').value='';document.getElementById('pw-input').focus()}});return false}
|
||||
if(getCookie('vorschau_auth')===PW_HASH){unlock()}else{document.body.classList.add('locked')}
|
||||
</script>
|
||||
|
||||
<!-- Navigation -->
|
||||
<nav class="navbar" role="navigation" aria-label="Hauptnavigation">
|
||||
<nav class="navbar" id="navbar">
|
||||
<div class="nav-container">
|
||||
<div class="logo">
|
||||
<img src="assets/images/logos/Logo+Schrift_Rechts.png" alt="AegisSight" class="logo-img">
|
||||
</div>
|
||||
<a href="#hero" class="nav-logo">
|
||||
<img src="/assets/images/logos/Logo+Schrift_Rechts.png" alt="AegisSight" class="logo-img">
|
||||
</a>
|
||||
<ul class="nav-menu">
|
||||
<li><a href="#home" data-translate="navHome">Startseite</a></li>
|
||||
<li><a href="#about" data-translate="navAbout">Über uns</a></li>
|
||||
<li><a href="#products" data-translate="navProducts">Lösungen</a></li>
|
||||
<li><a href="mailto:info@aegis-sight.de" data-translate="navContact">Kontakt</a></li>
|
||||
<li><a href="#features">Funktionen</a></li>
|
||||
<li><a href="#demos">Live-Lagebilder</a></li>
|
||||
<li><a href="#trust">Über uns</a></li>
|
||||
<li><a href="#contact">Kontakt</a></li>
|
||||
</ul>
|
||||
<div class="nav-extras">
|
||||
<button class="lang-toggle" data-lang="de" aria-label="Sprache wechseln" data-translate="langSwitch">DE | EN</button>
|
||||
<!-- Mobile Menu Toggle -->
|
||||
<button class="mobile-menu-toggle" aria-label="Menü öffnen" aria-expanded="false">
|
||||
<span class="hamburger">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
<button class="mobile-menu-toggle" aria-label="Menü öffnen" aria-expanded="false">
|
||||
<span></span><span></span><span></span>
|
||||
</button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- Mobile Navigation Menu -->
|
||||
<div class="nav-menu-mobile" aria-hidden="true">
|
||||
<button class="mobile-menu-close" aria-label="Menü schließen">
|
||||
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M18 6L6 18M6 6l12 12" stroke="currentColor"/>
|
||||
</svg>
|
||||
</button>
|
||||
|
||||
<!-- Mobile Menu -->
|
||||
<div class="mobile-menu" id="mobile-menu" aria-hidden="true">
|
||||
<ul>
|
||||
<li><a href="#home" data-translate="navHome">Startseite</a></li>
|
||||
<li><a href="#about" data-translate="navAbout">Über uns</a></li>
|
||||
<li><a href="#products" data-translate="navProducts">Lösungen</a></li>
|
||||
<li><a href="mailto:info@aegis-sight.de" data-translate="navContact">Kontakt</a></li>
|
||||
<li><a href="#features">Funktionen</a></li>
|
||||
<li><a href="#demos">Live-Lagebilder</a></li>
|
||||
<li><a href="#trust">Über uns</a></li>
|
||||
<li><a href="#contact">Kontakt</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Menu Overlay -->
|
||||
<div class="mobile-menu-overlay"></div>
|
||||
<div class="mobile-overlay" id="mobile-overlay"></div>
|
||||
|
||||
<!-- Hero Section -->
|
||||
<section class="hero" id="home">
|
||||
<!-- Animated Background Gradient -->
|
||||
<div class="gradient-animated" style="position: absolute; inset: 0; opacity: 0.3; z-index: 0;"></div>
|
||||
<!-- Rotating Background Videos -->
|
||||
<div class="hero-video-container">
|
||||
<video class="hero-video active" autoplay muted loop playsinline>
|
||||
<source src="assets/videos/hero-data-flow.mp4" type="video/mp4">
|
||||
</video>
|
||||
<video class="hero-video" autoplay muted loop playsinline>
|
||||
<source src="assets/videos/hero-network-viz.mp4" type="video/mp4">
|
||||
</video>
|
||||
<video class="hero-video" autoplay muted loop playsinline>
|
||||
<source src="assets/videos/hero-code-abstract.mp4" type="video/mp4">
|
||||
</video>
|
||||
</div>
|
||||
|
||||
<!-- Light Overlay for better text readability -->
|
||||
<section class="hero" id="hero">
|
||||
<div class="hero-overlay"></div>
|
||||
|
||||
<!-- Particle Animation Canvas -->
|
||||
<canvas id="particleCanvas" aria-hidden="true"></canvas>
|
||||
|
||||
<div class="hero-content animate-in">
|
||||
<h1 class="hero-title">
|
||||
<span class="main-title" data-translate="heroTitle">SICHERHEIT MADE IN GERMANY</span>
|
||||
</h1>
|
||||
<p class="hero-text animate-in stagger-2" data-translate="heroSubtitle">Spezialist für hochsichere, maßgeschneiderte IT-Lösungen für Behörden</p>
|
||||
</div>
|
||||
|
||||
<!-- Scroll Indicator -->
|
||||
<div class="scroll-indicator">
|
||||
<span class="scroll-text" data-translate="scrollToExplore">Scroll to Explore</span>
|
||||
<div class="scroll-arrow">
|
||||
<img src="assets/images/icons/arrow-down.svg" alt="Scroll Down" width="24" height="24">
|
||||
<div class="hero-content">
|
||||
<div class="hero-brand">
|
||||
<h1 class="hero-title">AegisSight Monitor</h1>
|
||||
<p class="hero-tagline">KI-gestützte Echtzeit-Lagebilder aus offenen Quellen, <span class="gold">vollautomatisch.</span></p>
|
||||
</div>
|
||||
|
||||
<div class="hero-slider" role="region" aria-label="Produktvorteile" aria-live="polite">
|
||||
<!-- Slide 1: Echtzeit-Monitoring (Video) -->
|
||||
<div class="hero-slide active" data-slide="0">
|
||||
<div class="hero-slide-video">
|
||||
<video muted playsinline preload="auto">
|
||||
<source src="videos/hero-slide-1-monitoring.mp4" type="video/mp4">
|
||||
</video>
|
||||
</div>
|
||||
<div class="hero-slide-bottom">
|
||||
<p class="hero-slide-example">Live-Beispiel: Der Iran-Konflikt wird mit über 14.900 Artikeln aus 375 Quellen kontinuierlich überwacht.</p>
|
||||
<div class="hero-slide-cta">
|
||||
<a href="#demos" class="btn btn-primary" onclick="positionCards(0)">Live-Beispiel ansehen</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Slide 2: Automatischer Faktencheck (Video) -->
|
||||
<div class="hero-slide" data-slide="1">
|
||||
<div class="hero-slide-video">
|
||||
<video muted playsinline preload="metadata">
|
||||
<source src="videos/hero-slide-2-monitoring.mp4?v=3" type="video/mp4">
|
||||
</video>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Slide 3: KI-Recherche (Video) -->
|
||||
<div class="hero-slide" data-slide="2">
|
||||
<div class="hero-slide-video">
|
||||
<video muted playsinline preload="metadata">
|
||||
<source src="videos/hero-slide-3-monitoring.mp4?v=2" type="video/mp4">
|
||||
</video>
|
||||
</div>
|
||||
<div class="hero-slide-bottom">
|
||||
<p class="hero-slide-example">Beispiel: Ein Dossier zur rechtlichen Lage von Deepfakes in Deutschland, 121 Artikel aus 90 Quellen, automatisch erstellt.</p>
|
||||
<div class="hero-slide-cta">
|
||||
<a href="#demos" class="btn btn-primary" onclick="positionCards(2)">Recherche-Beispiel ansehen</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Slide 4: Globale Quellenabdeckung (Video) -->
|
||||
<div class="hero-slide" data-slide="3">
|
||||
<div class="hero-slide-video">
|
||||
<video muted playsinline preload="metadata">
|
||||
<source src="videos/hero-slide-4-monitoring.mp4" type="video/mp4">
|
||||
</video>
|
||||
</div>
|
||||
<div class="hero-slide-bottom">
|
||||
<p class="hero-slide-example">Im Iran-Konflikt werden Primärquellen in Farsi, Arabisch und Hebräisch direkt ausgewertet.</p>
|
||||
<div class="hero-slide-cta">
|
||||
<a href="#demos" class="btn btn-primary" onclick="positionCards(0)">Live-Beispiel ansehen</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Slide 5: Flexibel einsetzbar (Video) -->
|
||||
<div class="hero-slide" data-slide="4">
|
||||
<div class="hero-slide-video">
|
||||
<video muted playsinline preload="metadata">
|
||||
<source src="videos/hero-slide-5-monitoring.mp4?v=2" type="video/mp4">
|
||||
</video>
|
||||
</div>
|
||||
<div class="hero-slide-bottom">
|
||||
<p class="hero-slide-example">Beispiel: Cyberangriffe auf deutsche Infrastruktur, 93 Artikel aus 41 Quellen, automatisch überwacht.</p>
|
||||
<div class="hero-slide-cta">
|
||||
<a href="#demos" class="btn btn-primary" onclick="positionCards(1)">Live-Beispiel ansehen</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hero-slider-nav">
|
||||
<div class="hero-slider-dots">
|
||||
<button class="hero-dot active" data-slide="0" aria-label="Echtzeit-Monitoring"></button>
|
||||
<button class="hero-dot" data-slide="1" aria-label="Faktencheck"></button>
|
||||
<button class="hero-dot" data-slide="2" aria-label="KI-gestützte Recherche"></button>
|
||||
<button class="hero-dot" data-slide="3" aria-label="Globale Abdeckung"></button>
|
||||
<button class="hero-dot" data-slide="4" aria-label="Flexibel einsetzbar"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-slider-arrows">
|
||||
<button class="hero-arrow hero-arrow-prev" aria-label="Vorheriger Slide">←</button>
|
||||
<button class="hero-arrow hero-arrow-next" aria-label="Nächster Slide">→</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- About Us Section -->
|
||||
<section class="about-section" id="about">
|
||||
<!-- Features -->
|
||||
<section class="section section-dark" id="features">
|
||||
<div class="container">
|
||||
<h2 class="section-title" data-translate="aboutTitle">ÜBER UNS</h2>
|
||||
<p class="section-subtitle" data-translate="aboutSubtitle">Ihr Partner für sichere Behördensoftware</p>
|
||||
|
||||
<!-- About Tabs Navigation -->
|
||||
<div class="about-tabs">
|
||||
<button class="about-tab active" data-tab="who-we-are" data-translate="tabWhoWeAre">Unternehmen</button>
|
||||
<button class="about-tab" data-tab="mission" data-translate="tabMission">Mission & Werte</button>
|
||||
<button class="about-tab" data-tab="competencies" data-translate="tabCompetencies">Kernkompetenzen</button>
|
||||
<button class="about-tab" data-tab="why-us" data-translate="tabWhyUs">Unser Versprechen</button>
|
||||
<h2 class="section-title">Was der Monitor leistet</h2>
|
||||
<!-- Highlight: Faktenprüfung -->
|
||||
<div class="feature-statement">
|
||||
<p class="feature-statement-text">Jede Behauptung wird automatisch gegen unabhängige Quellen geprüft.</p>
|
||||
<p class="feature-statement-sub">Statusverlauf, Evidenz und Quellenbelege. Automatisch und nachvollziehbar.</p>
|
||||
</div>
|
||||
|
||||
<!-- About Content Panels -->
|
||||
<div class="about-content">
|
||||
<!-- Wer wir sind -->
|
||||
<div class="about-panel active reveal" id="who-we-are">
|
||||
<div class="panel-text">
|
||||
<div class="company-cards-wrapper">
|
||||
<div class="company-card">
|
||||
<h4>
|
||||
<span class="company-card-icon">
|
||||
<img src="assets/images/icons/shield.svg" alt="Security" width="24" height="24">
|
||||
</span>
|
||||
<span data-translate="companyCardTitle1">Spezialist für Behördensoftware</span>
|
||||
</h4>
|
||||
<p data-translate="whoWeArePara1">AegisSight UG ist Ihr <strong>Spezialist für hochsichere, maßgeschneiderte IT-Lösungen</strong> aus Nordrhein-Westfalen. Wir entwickeln innovative Software speziell für staatliche Sicherheits- und Ermittlungsbehörden.</p>
|
||||
</div>
|
||||
<div class="company-card">
|
||||
<h4>
|
||||
<span class="company-card-icon">
|
||||
<img src="assets/images/icons/plus-circle.svg" alt="Future" width="24" height="24">
|
||||
</span>
|
||||
<span data-translate="companyCardTitle2">Unser Ansatz</span>
|
||||
</h4>
|
||||
<p data-translate="whoWeArePara2">Unser Ansatz vereint modernste Technologie mit einem tiefen Verständnis für die besonderen Anforderungen von Behörden. Dabei steht die Balance zwischen Sicherheit, Effizienz und rechtskonformer Umsetzung im Mittelpunkt unserer Arbeit.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="location-section">
|
||||
<div class="mini-germany-map">
|
||||
<img src="assets/images/nrw.png" alt="NRW Map" />
|
||||
</div>
|
||||
<div class="location-badge">
|
||||
<img src="assets/images/icons/location.svg" alt="Location" width="24" height="24">
|
||||
<span data-translate="locationBadge">Nordrhein-Westfalen, Deutschland</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid-3">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">
|
||||
<img src="/assets/images/icons/monitor.svg" alt="" width="36" height="36">
|
||||
</div>
|
||||
<h3>Echtzeit-Monitoring</h3>
|
||||
<p>Kontinuierliche Überwachung Ihrer definierten Quellen, rund um die Uhr.</p>
|
||||
</div>
|
||||
|
||||
<!-- Mission & Werte -->
|
||||
<div class="about-panel" id="mission">
|
||||
<div class="mission-grid">
|
||||
<div class="mission-header">
|
||||
<h3 data-translate="missionTitle">Unsere Mission</h3>
|
||||
<p data-translate="missionStatement">Wir schaffen <strong>effiziente, sichere und datenschutzkonforme Lösungen</strong> für moderne Strafverfolgung und Sicherheitsbehörden.</p>
|
||||
</div>
|
||||
<div class="values-grid">
|
||||
<div class="value-card card-hover-lift tilt-card">
|
||||
<div class="value-icon">
|
||||
<img src="assets/images/icons/shield-check.svg" alt="Verified" width="48" height="48">
|
||||
</div>
|
||||
<h4 data-translate="valueIntegrityTitle">Integrität</h4>
|
||||
<p data-translate="valueIntegrityDesc">Höchste ethische Standards in allem was wir tun</p>
|
||||
</div>
|
||||
<div class="value-card card-hover-lift tilt-card">
|
||||
<div class="value-icon">
|
||||
<img src="assets/images/icons/clock-circle.svg" alt="Time" width="48" height="48">
|
||||
</div>
|
||||
<h4 data-translate="valueTransparencyTitle">Transparenz</h4>
|
||||
<p data-translate="valueTransparencyDesc">Offene Kommunikation und nachvollziehbare Prozesse</p>
|
||||
</div>
|
||||
<div class="value-card card-hover-lift tilt-card">
|
||||
<div class="value-icon">
|
||||
<img src="assets/images/icons/pyramid.svg" alt="Scale" width="48" height="48">
|
||||
</div>
|
||||
<h4 data-translate="valueDemocracyTitle">Demokratische Prinzipien</h4>
|
||||
<p data-translate="valueDemocracyDesc">Kooperation nur mit Behörden im Einklang mit der freiheitlich demokratischen Grundordnung</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="principle-note">
|
||||
<p data-translate="principleNote"><strong>Unser Ziel:</strong> Technologie, die Recht und Sicherheit stärkt und die freiheitlich demokratische Grundordnung schützt.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">
|
||||
<img src="/assets/images/icons/cube.svg" alt="" width="36" height="36">
|
||||
</div>
|
||||
<h3>Quellenanalyse</h3>
|
||||
<p>Automatische Aggregation und Deduplizierung aus hunderten internationalen Quellen.</p>
|
||||
</div>
|
||||
|
||||
<!-- Kernkompetenzen -->
|
||||
<div class="about-panel" id="competencies">
|
||||
<div class="competencies-list">
|
||||
<div class="competency-item">
|
||||
<div class="competency-number">01</div>
|
||||
<div class="competency-content">
|
||||
<h4 data-translate="comp1Title">Behördenspezifische Software</h4>
|
||||
<p data-translate="comp1Desc">Entwicklung mit höchsten Sicherheitsstandards, maßgeschneidert für staatliche Anforderungen</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="competency-item">
|
||||
<div class="competency-number">02</div>
|
||||
<div class="competency-content">
|
||||
<h4 data-translate="comp2Title">Intuitive Bedienkonzepte</h4>
|
||||
<p data-translate="comp2Desc">Benutzerfreundliche Oberflächen trotz komplexer Funktionen für effizientes Arbeiten</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="competency-item">
|
||||
<div class="competency-number">03</div>
|
||||
<div class="competency-content">
|
||||
<h4 data-translate="comp3Title">Langzeit-Support</h4>
|
||||
<p data-translate="comp3Desc">Kontinuierliche Sicherheitsupdates und zuverlässige Wartung über den gesamten Lebenszyklus</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">
|
||||
<img src="/assets/images/icons/location.svg" alt="" width="36" height="36">
|
||||
</div>
|
||||
<h3>Geografische Verortung</h3>
|
||||
<p>Orte werden erkannt und auf einer interaktiven Karte dargestellt.</p>
|
||||
</div>
|
||||
|
||||
<!-- Warum AegisSight -->
|
||||
<div class="about-panel" id="why-us">
|
||||
<div class="why-grid">
|
||||
<div class="why-card card-hover-lift">
|
||||
<div class="why-icon">
|
||||
<img src="assets/images/icons/check-circle-filled.svg" alt="Check" width="48" height="48">
|
||||
</div>
|
||||
<h4 data-translate="why1Title">Enge Zusammenarbeit</h4>
|
||||
<p data-translate="why1Desc">Wir arbeiten Hand in Hand mit unseren Kunden für maßgeschneiderte Lösungen</p>
|
||||
</div>
|
||||
<div class="why-card card-hover-lift">
|
||||
<div class="why-icon german-flag-icon">
|
||||
<img src="assets/images/icons/german-flag.svg" alt="German Flag" width="60" height="36">
|
||||
</div>
|
||||
<h4 data-translate="why2Title">Made in Germany</h4>
|
||||
<p data-translate="why2Desc">Klare, robuste und sichere Software nach deutschen Qualitätsstandards</p>
|
||||
</div>
|
||||
<div class="why-card card-hover-lift">
|
||||
<div class="why-icon">
|
||||
<img src="assets/handshake.svg" alt="Handshake" width="50" height="50" />
|
||||
</div>
|
||||
<h4 data-translate="why3Title">Verlässliche Partnerschaft</h4>
|
||||
<p data-translate="why3Desc">Basierend auf gemeinsamen Werten und langfristigem Vertrauen</p>
|
||||
</div>
|
||||
<div class="why-card card-hover-lift">
|
||||
<div class="why-icon">
|
||||
<img src="assets/images/icons/clock.svg" alt="Clock" width="48" height="48">
|
||||
</div>
|
||||
<h4 data-translate="why4Title">Nachhaltigkeit</h4>
|
||||
<p data-translate="why4Desc">Fokus auf Sicherheit, Professionalität & zukunftssichere Lösungen</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">
|
||||
<img src="/assets/images/icons/languages.svg" alt="" width="36" height="36">
|
||||
</div>
|
||||
<h3>Mehrsprachige Auswertung</h3>
|
||||
<p>Quellen in verschiedenen Sprachen werden automatisch verarbeitet und zusammengeführt.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">
|
||||
<img src="/assets/images/icons/document.svg" alt="" width="36" height="36">
|
||||
</div>
|
||||
<h3>Strukturierte Lagebilder</h3>
|
||||
<p>Übersichtliche Zusammenfassungen mit Quellenbelegen und Zeitverläufen.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Products & Solutions Section -->
|
||||
<section class="products-section" id="products">
|
||||
<div class="tech-particles">
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
</div>
|
||||
<div class="products-container">
|
||||
<div style="text-align: center; margin-bottom: 60px;">
|
||||
<h2 class="section-title" data-translate="productsTitle">PRODUKTE & LÖSUNGEN</h2>
|
||||
<p class="section-subtitle" data-translate="productsSubtitle">Professionelle Werkzeuge für moderne Ermittlungsarbeit</p>
|
||||
</div>
|
||||
|
||||
<div class="products-grid">
|
||||
<!-- Product: AegisSight Monitor -->
|
||||
<div class="product-card">
|
||||
<div class="product-header">
|
||||
<div class="product-icon-wrapper">
|
||||
<div class="product-icon-bg"></div>
|
||||
<img class="product-icon" src="assets/images/icons/world-globe.svg" alt="AegisSight Monitor">
|
||||
</div>
|
||||
<div class="product-title-wrapper">
|
||||
<h3 class="product-title" data-translate="productOsintMonitorTitle">AegisSight Monitor</h3>
|
||||
<p class="product-tagline" data-translate="productOsintMonitorTagline">Open Source Intelligence - automatisiert</p>
|
||||
</div>
|
||||
<!-- Gradient: Features -> Problem -->
|
||||
<div class="divider divider-gradient-dark-to-base"></div>
|
||||
|
||||
<!-- Problem Statement -->
|
||||
<section class="section section-base" id="problem">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Warum manuelle OSINT-Auswertung nicht skaliert</h2>
|
||||
<p class="section-subtitle">Analysten in Sicherheitsbehörden, Redaktionen und Unternehmen stehen täglich vor der gleichen Herausforderung.</p>
|
||||
<div class="grid-3">
|
||||
<div class="problem-card">
|
||||
<div class="problem-icon">
|
||||
<img src="/assets/images/icons/world-globe.svg" alt="" width="40" height="40">
|
||||
</div>
|
||||
<div class="product-body">
|
||||
<p class="product-description" data-translate="productOsintMonitorDesc">AegisSight Monitor aggregiert, analysiert und verifiziert Informationen aus öffentlich zugänglichen Quellen in Echtzeit. Erleben Sie die Plattform live am Beispiel des Iran-Livetickers.</p>
|
||||
<a href="/lagen/iran-konflikt/" class="product-learn-more" style="text-decoration: none; text-align: center;">
|
||||
<span data-translate="osintMonitorButton">Iran-Liveticker öffnen</span>
|
||||
</a>
|
||||
<h3>Quellenvielfalt</h3>
|
||||
<p>Hunderte Nachrichtenagenturen, Telegram-Kanäle und soziale Medien in dutzenden Sprachen. Kein Analyst überblickt alles gleichzeitig.</p>
|
||||
</div>
|
||||
<div class="problem-card">
|
||||
<div class="problem-icon">
|
||||
<img src="/assets/images/icons/clock.svg" alt="" width="40" height="40">
|
||||
</div>
|
||||
<h3>Zeitdruck</h3>
|
||||
<p>Neue Meldungen im Minutentakt. Manuelle Auswertung kostet Zeit, die Sie nicht haben.</p>
|
||||
</div>
|
||||
<div class="problem-card">
|
||||
<div class="problem-icon">
|
||||
<img src="/assets/images/icons/document.svg" alt="" width="40" height="40">
|
||||
</div>
|
||||
<h3>Informationsflut</h3>
|
||||
<p>Kritische Informationen gehen in der Masse unter, Zusammenhänge bleiben unsichtbar.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Gradient: Problem -> Workflow -->
|
||||
<div class="divider divider-gradient-base-to-alt"></div>
|
||||
|
||||
<!-- Solution / Workflow -->
|
||||
<section class="section section-alt" id="solution">
|
||||
<div class="container">
|
||||
<h2 class="section-title">So funktioniert der AegisSight Monitor</h2>
|
||||
<div class="workflow">
|
||||
<div class="workflow-step">
|
||||
<div class="step-number">1</div>
|
||||
<h3>Erfassen</h3>
|
||||
<p>Hunderte Quellen werden kontinuierlich überwacht. Nachrichtenagenturen, Telegram, Social Media und mehr.</p>
|
||||
</div>
|
||||
<div class="workflow-connector"></div>
|
||||
<div class="workflow-step">
|
||||
<div class="step-number">2</div>
|
||||
<h3>Analysieren</h3>
|
||||
<p>Meldungen werden automatisch ausgewertet, Fakten geprüft und geografisch verortet.</p>
|
||||
</div>
|
||||
<div class="workflow-connector"></div>
|
||||
<div class="workflow-step">
|
||||
<div class="step-number">3</div>
|
||||
<h3>Berichten</h3>
|
||||
<p>Strukturierte Lagebilder mit Quellenbelegen, Faktencheck und Kartenansicht. In Echtzeit.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Gradient: Solution -> Demos -->
|
||||
<div class="divider divider-gradient-alt-to-base"></div>
|
||||
|
||||
<!-- Live Demos / Showcase -->
|
||||
<section class="section section-base" id="demos">
|
||||
<div class="container">
|
||||
<!-- Live Stats Bar -->
|
||||
<div class="live-stats-bar">
|
||||
<div class="live-stats-title">Großlage - Irankonflikt</div>
|
||||
<div class="live-stats-row">
|
||||
<div class="live-stat">
|
||||
<span class="live-stat-value" id="stat-articles">...</span>
|
||||
<span class="live-stat-label">Artikel</span>
|
||||
</div>
|
||||
<div class="live-stat">
|
||||
<span class="live-stat-value" id="stat-sources">...</span>
|
||||
<span class="live-stat-label">Quellen</span>
|
||||
</div>
|
||||
<div class="live-stat">
|
||||
<span class="live-stat-value" id="stat-factchecks">...</span>
|
||||
<span class="live-stat-label">Faktenchecks</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Product: AccountForger -->
|
||||
<div class="product-card">
|
||||
<div class="product-header">
|
||||
<div class="product-icon-wrapper">
|
||||
<div class="product-icon-bg"></div>
|
||||
<img class="product-icon" src="assets/images/icons/lock.svg" alt="AccountForger">
|
||||
</div>
|
||||
|
||||
<!-- 3D Carousel -->
|
||||
<div class="carousel-viewport">
|
||||
<button class="carousel-arrow carousel-prev" aria-label="Vorherige Lage">‹</button>
|
||||
<button class="carousel-arrow carousel-next" aria-label="Nächste Lage">›</button>
|
||||
<div class="carousel-track" id="carousel">
|
||||
<!-- Iran Card -->
|
||||
<div class="carousel-card card-live active" data-index="0" data-lage="iran-konflikt">
|
||||
<div class="demo-badge">LIVE</div>
|
||||
<h3 class="demo-title">Iran-Konflikt</h3>
|
||||
|
||||
<div class="demo-excerpt" id="demo-excerpt">
|
||||
<div class="excerpt-text" id="excerpt-text">Lagebild wird geladen...</div>
|
||||
</div>
|
||||
<div class="product-title-wrapper">
|
||||
<h3 class="product-title" data-translate="productAccountForgerTitle">AccountForger</h3>
|
||||
<p class="product-tagline">Zugang nur mit Berechtigung</p>
|
||||
<a href="/lagen/iran-konflikt/" class="btn btn-primary btn-block">Vollständiges Lagebild öffnen</a>
|
||||
</div>
|
||||
<!-- Cyberangriffe -->
|
||||
<div class="carousel-card card-live" data-index="1" data-lage="cyberangriffe">
|
||||
<div class="demo-badge">LIVE</div>
|
||||
<h3 class="demo-title">Cyberangriffe auf deutsche Infrastruktur</h3>
|
||||
|
||||
<div class="demo-excerpt" id="demo-excerpt-cyberangriffe">
|
||||
<div class="excerpt-text" id="excerpt-text-cyberangriffe">Lagebild wird geladen...</div>
|
||||
</div>
|
||||
<a href="/lagen/cyberangriffe/" class="btn btn-primary btn-block">Vollständiges Lagebild öffnen</a>
|
||||
</div>
|
||||
<div class="product-body">
|
||||
<p class="product-description" data-translate="protectedProductDesc">Dieses Produkt ist speziell für autorisierte Behörden entwickelt und erfordert eine Authentifizierung.</p>
|
||||
<button class="product-learn-more" onclick="showLoginModal()">
|
||||
<span data-translate="loginForAccess">Anmelden für Zugriff</span>
|
||||
</button>
|
||||
<!-- Deepfakes Recherche -->
|
||||
<div class="carousel-card card-live" data-index="2" data-lage="deepfakes">
|
||||
<div class="demo-badge">RECHERCHE</div>
|
||||
<h3 class="demo-title">Rechtliche Lage von Deepfakes in Deutschland</h3>
|
||||
|
||||
<div class="demo-excerpt" id="demo-excerpt-deepfakes">
|
||||
<div class="excerpt-text" id="excerpt-text-deepfakes">Recherche wird geladen...</div>
|
||||
</div>
|
||||
<a href="/lagen/deepfakes/" class="btn btn-primary btn-block">Vollständige Recherche öffnen</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-nav">
|
||||
<button class="carousel-dot active" data-index="0"></button>
|
||||
<button class="carousel-dot" data-index="1"></button>
|
||||
<button class="carousel-dot" data-index="2"></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Map -->
|
||||
<div class="map-section" id="map-section">
|
||||
<h3 class="map-title" id="map-title">Geografische Verortung der Meldungen</h3>
|
||||
<div id="map-container"></div>
|
||||
<div class="map-empty" id="map-empty" style="display:none">Kartendaten folgen</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Gradient: Demos -> Contact -->
|
||||
<div class="divider"></div>
|
||||
|
||||
<!-- Contact CTA -->
|
||||
<section class="section section-base" id="contact">
|
||||
<div class="container cta-container">
|
||||
<h2 class="section-title">Interesse am AegisSight Monitor?</h2>
|
||||
<p class="cta-text">Sprechen Sie mit uns über Ihren Einsatzfall.</p>
|
||||
<button class="btn btn-primary btn-lg" onclick="openContactModal()">Kontakt aufnehmen</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Diagonal: Contact -> Trust -->
|
||||
<div class="divider divider-diagonal-dark">
|
||||
<svg viewBox="0 0 1440 60" preserveAspectRatio="none"><path d="M0,60 L1440,0 L1440,60 Z" fill="#132844"/></svg>
|
||||
</div>
|
||||
|
||||
<!-- Trust / Unser Versprechen -->
|
||||
<section class="section section-dark" id="trust">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Unser Versprechen</h2>
|
||||
<div class="grid-4 trust-grid">
|
||||
<div class="trust-card">
|
||||
<div class="trust-icon-wrap">
|
||||
<img src="/assets/images/icons/check-circle-filled.svg" alt="" width="48" height="48">
|
||||
</div>
|
||||
<h3>Enge Zusammenarbeit</h3>
|
||||
<p>Wir arbeiten Hand in Hand mit unseren Kunden für maßgeschneiderte Lösungen</p>
|
||||
</div>
|
||||
<div class="trust-card">
|
||||
<div class="trust-icon-wrap trust-flag">
|
||||
<img src="/assets/images/icons/german-flag.svg" alt="" width="60" height="36">
|
||||
</div>
|
||||
<h3>Made in Germany</h3>
|
||||
<p>Klare, robuste und sichere Software nach deutschen Qualitätsstandards</p>
|
||||
</div>
|
||||
<div class="trust-card">
|
||||
<div class="trust-icon-wrap">
|
||||
<img src="/assets/handshake.svg" alt="" width="50" height="50">
|
||||
</div>
|
||||
<h3>Verlässliche Partnerschaft</h3>
|
||||
<p>Basierend auf gemeinsamen Werten und langfristigem Vertrauen</p>
|
||||
</div>
|
||||
<div class="trust-card">
|
||||
<div class="trust-icon-wrap">
|
||||
<img src="/assets/images/icons/shield-check.svg" alt="" width="48" height="48">
|
||||
</div>
|
||||
<h3>Nachhaltigkeit</h3>
|
||||
<p>Fokus auf Sicherheit, Professionalität und zukunftssichere Lösungen</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -321,53 +465,58 @@
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-content">
|
||||
<div class="footer-section">
|
||||
<h4 data-translate="footerCompanyTitle">AegisSight UG (haftungsbeschränkt)</h4>
|
||||
<p data-translate="footerCompanyAddress1">Gladbacher Strasse 3-5</p>
|
||||
<p data-translate="footerCompanyAddress2">40764 Langenfeld</p>
|
||||
<div class="footer-info">
|
||||
<p class="footer-company">AegisSight UG (haftungsbeschränkt)</p>
|
||||
<p>Gladbacher Straße 3-5, 40764 Langenfeld</p>
|
||||
</div>
|
||||
<div class="footer-section">
|
||||
<h4 data-translate="footerNavTitle">Navigation</h4>
|
||||
<ul>
|
||||
<li><a href="#home" data-translate="footerNavHome">Startseite</a></li>
|
||||
<li><a href="#about" data-translate="footerNavAbout">Über uns</a></li>
|
||||
<li><a href="#products" data-translate="footerNavProducts">Lösungen</a></li>
|
||||
<li><a href="https://blog.aegis-sight.de" target="_blank">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-section">
|
||||
<h4 data-translate="footerLegalTitle">Rechtliches</h4>
|
||||
<ul>
|
||||
<li><a href="impressum.html" data-translate="footerImprint">Impressum</a></li>
|
||||
<li><a href="datenschutz.html" data-translate="footerPrivacy">Datenschutz</a></li>
|
||||
<li><a href="#" id="cookie-settings-link" data-translate="footerCookies">Cookie-Einstellungen</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-section">
|
||||
<h4 data-translate="footerContactTitle">Kontakt</h4>
|
||||
<p>info@aegis-sight.de</p>
|
||||
<div class="footer-links">
|
||||
<a href="/impressum.html">Impressum</a>
|
||||
<a href="/datenschutz.html">Datenschutz</a>
|
||||
<a href="#" id="cookie-settings-link">Cookie-Einstellungen</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="copyright" data-translate="copyright">© {year} AegisSight UG (haftungsbeschränkt). Alle Rechte vorbehalten.</p>
|
||||
<p class="footer-copyright">© <span id="footer-year">2026</span> AegisSight UG (haftungsbeschränkt). Alle Rechte vorbehalten.</p>
|
||||
</div>
|
||||
</footer>
|
||||
<script>document.getElementById('footer-year').textContent=new Date().getFullYear();</script>
|
||||
|
||||
<!-- JavaScript Files -->
|
||||
<script src="js/config.js"></script>
|
||||
|
||||
<!-- Cookie Consent (MUSS vor Analytics geladen werden!) -->
|
||||
<script src="cookie-consent.js"></script>
|
||||
<!-- Contact Modal -->
|
||||
<div class="modal-overlay" id="contact-modal" style="display:none">
|
||||
<div class="modal-content">
|
||||
<button class="modal-close" onclick="closeContactModal()">×</button>
|
||||
<h2>Kontakt aufnehmen</h2>
|
||||
<p class="modal-sub">Sprechen Sie mit uns über Ihren Einsatzfall.</p>
|
||||
<form id="contact-form" onsubmit="return submitContact(event)">
|
||||
<div class="form-row">
|
||||
<div class="form-group">
|
||||
<label for="cf-name">Name</label>
|
||||
<input type="text" id="cf-name" name="name" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="cf-org">Organisation</label>
|
||||
<input type="text" id="cf-org" name="organisation">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="cf-email">E-Mail</label>
|
||||
<input type="email" id="cf-email" name="email" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="cf-message">Nachricht</label>
|
||||
<textarea id="cf-message" name="message" rows="4" required></textarea>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary btn-block">Nachricht senden</button>
|
||||
</form>
|
||||
<div class="form-success" id="form-success" style="display:none">
|
||||
<p>Vielen Dank für Ihre Nachricht. Wir melden uns zeitnah bei Ihnen.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="js/translations.js"></script>
|
||||
<script src="js/animations.js"></script>
|
||||
<script src="js/animations-enhanced.js"></script>
|
||||
<script src="js/section-transitions.js"></script>
|
||||
<script src="js/hero-videos.js"></script>
|
||||
<script src="js/components.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
<script src="js/mobile-nav.js"></script>
|
||||
|
||||
<!-- AegisSight Analytics wird automatisch durch Cookie Consent geladen -->
|
||||
<!-- <script async src="/insights/t.js"></script> ENTFERNT - wird nur bei Zustimmung geladen! -->
|
||||
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
|
||||
<script src="https://unpkg.com/leaflet.markercluster@1.5.3/dist/leaflet.markercluster.js"></script>
|
||||
<script src="js/app.js"></script>
|
||||
<script src="/cookie-consent.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
||||
In neuem Issue referenzieren
Einen Benutzer sperren