Dateien
Website/lagen/deepfakes/index.html
claude-dev 51278e59ca Performance Quick-Wins: Logo-SVG, lazy images, preconnect
- Logo-Header: PNG (31.7 KB) -> SVG (6.3 KB) auf 12 Seiten, mit width/height fuer CLS
- loading=lazy auf 25 unter-Fold-Bilder (Feature-/Problem-/Trust-Icons + handshake)
  Logo bleibt eager (above-the-fold)
- preconnect zu unpkg.com (CDN fuer Leaflet) im Head von 8 Seiten
  Reduziert TLS-Handshake-Verzoegerung beim ersten Leaflet-Asset
2026-05-10 15:36:13 +02:00

304 Zeilen
14 KiB
HTML

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://unpkg.com" crossorigin>
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<meta name="theme-color" content="#0A1832">
<meta name="author" content="AegisSight UG">
<title>Recherche: Rechtliche Lage von Deepfakes in Deutschland - AegisSight</title>
<link rel="alternate" hreflang="de" href="https://aegis-sight.de/lagen/deepfakes/">
<link rel="alternate" hreflang="en" href="https://aegis-sight.de/en/situations/deepfakes/">
<link rel="alternate" hreflang="x-default" href="https://aegis-sight.de/lagen/deepfakes/">
<meta name="description" content="Recherche-Briefing zur rechtlichen Lage von Deepfakes in Deutschland: KI-gestützte Auswertung von Rechtsprechung, Gesetzgebung und Medienberichterstattung.">
<link rel="canonical" href="https://aegis-sight.de/lagen/deepfakes/">
<!-- Open Graph -->
<meta property="og:type" content="article">
<meta property="og:site_name" content="AegisSight">
<meta property="og:title" content="Recherche: Rechtliche Lage von Deepfakes in Deutschland - AegisSight">
<meta property="og:description" content="Recherche-Briefing zur rechtlichen Lage von Deepfakes in Deutschland: KI-gestützte Auswertung von Rechtsprechung, Gesetzgebung und Medienberichterstattung.">
<meta property="og:url" content="https://aegis-sight.de/lagen/deepfakes/">
<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">
<meta property="og:locale:alternate" content="en_GB">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Recherche: Rechtliche Lage von Deepfakes in Deutschland - AegisSight">
<meta name="twitter:description" content="Recherche-Briefing zur rechtlichen Lage von Deepfakes in Deutschland: KI-gestützte Auswertung von Rechtsprechung, Gesetzgebung und Medienberichterstattung.">
<meta name="twitter:image" content="https://aegis-sight.de/assets/images/og-image.png">
<!-- Schema.org -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "Recherche: Rechtliche Lage von Deepfakes in Deutschland",
"name": "Recherche: Rechtliche Lage von Deepfakes in Deutschland",
"description": "Recherche-Briefing zur rechtlichen Lage von Deepfakes in Deutschland: KI-gestützte Auswertung von Rechtsprechung, Gesetzgebung und Medienberichterstattung.",
"url": "https://aegis-sight.de/lagen/deepfakes/",
"image": "https://aegis-sight.de/assets/images/og-image.png",
"inLanguage": "de-DE",
"isAccessibleForFree": true,
"datePublished": "2026-01-08",
"dateModified": "2026-05-10",
"articleSection": "Recht und Regulierung",
"author": {
"@type": "Organization",
"name": "AegisSight Monitor",
"url": "https://aegis-sight.de/",
"description": "KI-gestützte OSINT-Aggregation aus offenen Quellen, jede Behauptung gegen unabhängige Quellen geprüft."
},
"publisher": {
"@type": "Organization",
"name": "AegisSight UG (haftungsbeschränkt)",
"url": "https://aegis-sight.de/",
"logo": {
"@type": "ImageObject",
"url": "https://aegis-sight.de/assets/images/logos/AegisSightLogo_NavyGold.svg"
}
}
}
</script>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="stylesheet" href="/css/main.css">
<link rel="stylesheet" href="/css/fonts.css">
<link rel="stylesheet" href="/css/mobile.css">
<link rel="stylesheet" href="/css/lang-switcher.css">
<link rel="stylesheet" href="/lagen/iran-konflikt/lagebild.css">
<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="/cookie-consent.css">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "AegisSight",
"item": "https://aegis-sight.de/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Rechtliche Lage von Deepfakes",
"item": "https://aegis-sight.de/lagen/deepfakes/"
}
]
}
</script>
</head>
<body class="lagebild-page">
<!-- Scroll Progress Bar -->
<div class="scroll-progress" id="scroll-progress"></div>
<!-- Navigation -->
<nav class="navbar" role="navigation">
<div class="nav-container">
<div class="logo">
<a href="/"><img src="/assets/images/logos/Logo+Schrift_Rechts.svg" alt="AegisSight" class="logo-img" width="200" height="40"></a>
</div>
<ul class="nav-menu">
<li><a href="/">Startseite</a></li>
<li><a href="/#about">Über uns</a></li>
<li><a href="/#products">Lösungen</a></li>
<li><a href="mailto:info@aegis-sight.de">Kontakt</a></li>
</ul>
<div class="nav-extras">
<div class="lang-switcher" role="group" aria-label="Sprache">
<span class="lang-active" lang="de" aria-current="true">DE</span>
<span class="lang-sep" aria-hidden="true">|</span>
<a class="lang-link" href="/en/situations/deepfakes/" lang="en" hreflang="en" rel="alternate">EN</a>
</div>
<button class="mobile-menu-toggle" aria-label="Menü öffnen" aria-expanded="false">
<span class="hamburger"><span></span><span></span><span></span></span>
</button>
</div>
</div>
</nav>
<!-- Mobile Navigation -->
<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>
<ul>
<li><a href="/">Startseite</a></li>
<li><a href="/#about">Über uns</a></li>
<li><a href="/#products">Lösungen</a></li>
<li><a href="mailto:info@aegis-sight.de">Kontakt</a></li>
</ul>
<div class="lang-switcher" role="group" aria-label="Sprache">
<span class="lang-active" lang="de" aria-current="true">DE</span>
<span class="lang-sep" aria-hidden="true">|</span>
<a class="lang-link" href="/en/situations/deepfakes/" lang="en" hreflang="en" rel="alternate">EN</a>
</div>
</div>
<div class="mobile-menu-overlay"></div>
<!-- Hero Section -->
<section class="lagebild-hero">
<canvas id="hero-particles"></canvas>
<div class="hero-bg-pattern"></div>
<div class="container">
<h1 id="hero-title">RECHERCHE</h1>
<p class="hero-incident-title" id="incident-title">Rechtliche Lage von Deepfakes in Deutschland</p>
<div class="hero-stats" id="hero-stats"></div>
</div>
</section>
<!-- Control Bar: Timeline + Tabs -->
<div class="control-bar">
<div class="container">
<div class="timeline-wrapper">
<div class="timeline-strip" id="timeline-strip"></div>
<div class="timeline-dropdown" id="timeline-dropdown"></div>
</div>
<div class="tab-nav" id="tab-nav">
<button class="tab-btn active" data-tab="ueberblick">Zusammenfassung</button>
<button class="tab-btn" data-tab="lagebild">Recherche</button>
<button class="tab-btn" data-tab="karte">Karte</button>
<button class="tab-btn" data-tab="faktenchecks">Faktenchecks <span class="tab-badge" id="tab-badge-faktenchecks"></span></button>
<button class="tab-btn" data-tab="quellen">Quellen <span class="tab-badge" id="tab-badge-quellen"></span></button>
</div>
</div>
</div>
<!-- Main Content -->
<main class="lagebild-main">
<div class="container">
<!-- Tab: Ueberblick (Zusammenfassung) -->
<div class="tab-panel active" id="panel-ueberblick">
<p class="data-source-note">Daten bereitgestellt durch AegisSight Monitor</p>
<section class="content-card">
<div class="card-header">
<h2 id="ueberblick-title">Zusammenfassung</h2>
<span class="card-timestamp" id="ueberblick-timestamp"></span>
</div>
<div class="card-body" id="ueberblick-content">
<div class="loading-skeleton">
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
<div class="skeleton-line short"></div>
</div>
</div>
</section>
</div>
<!-- Tab: Lagebild (Recherche) -->
<div class="tab-panel" id="panel-lagebild">
<p class="data-source-note">Daten bereitgestellt durch AegisSight Monitor</p>
<section class="content-card">
<div class="card-header">
<h2 id="lagebild-date-title">Recherche</h2>
<span class="card-timestamp" id="lagebild-timestamp"></span>
</div>
<div class="card-body" id="summary-content">
<div class="loading-skeleton">
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
<div class="skeleton-line short"></div>
</div>
</div>
<div class="card-footer" id="inline-sources"></div>
</section>
</div>
<!-- Tab: Quellen -->
<div class="tab-panel" id="panel-quellen">
<section class="content-card">
<div class="card-header">
<h2>Quellen</h2>
<p class="card-description">Alle vom AegisSight Monitor ausgewerteten Quellen</p>
</div>
<div class="card-body" id="sources-grid-container">
<div class="loading-skeleton">
<div class="skeleton-line"></div>
<div class="skeleton-line short"></div>
</div>
</div>
</section>
</div>
<!-- Tab: Karte -->
<div class="tab-panel" id="panel-karte">
<section class="content-card">
<div class="card-header">
<h2>Karte</h2>
<p class="card-description">Geografische Einordnung der Quellen</p>
</div>
<div class="card-body">
<div id="map-container" style="height:500px;border-radius:4px;overflow:hidden;"></div>
</div>
</section>
</div>
<!-- Tab: Faktenchecks -->
<div class="tab-panel" id="panel-faktenchecks">
<section class="content-card">
<div class="card-header">
<h2>Faktenchecks</h2>
<p class="card-description">KI-gestützte Verifizierung aller zentralen Aussagen gegen unabhängige Quellen.</p>
</div>
<div class="card-body" id="factchecks-content"></div>
</section>
</div>
</div>
</main>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-section">
<h4>AegisSight UG (haftungsbeschränkt)</h4>
<p>Gladbacher Strasse 3-5</p>
<p>40764 Langenfeld</p>
</div>
<div class="footer-section">
<h4>Navigation</h4>
<ul>
<li><a href="/">Startseite</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>
<div class="footer-section">
<h4>Rechtliches</h4>
<ul>
<li><a href="/impressum.html">Impressum</a></li>
<li><a href="/datenschutz.html">Datenschutz</a></li>
<li><a href="#" id="cookie-settings-link">Cookie-Einstellungen</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Kontakt</h4>
<p>info@aegis-sight.de</p>
</div>
</div>
<p class="copyright">&copy; 2026 AegisSight UG (haftungsbeschränkt). Alle Rechte vorbehalten.</p>
</div>
</footer>
<!-- Scripts -->
<script src="/js/config.js"></script>
<script src="/js/mobile-nav.js"></script>
<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="/lagen/iran-konflikt/lagebild.js"></script>
<script src="/cookie-consent.js"></script>
</body>
</html>