Datenschutz und Impressum auf neues Layout migriert

- Wechsel von altem Multi-File-CSS-Setup (main.css/fonts.css/mobile.css) auf
  das neue /css/style.css der Hauptseite. Bebas-Neue-Headlines und
  Glassmorphism-Karten ersetzt durch Inter + flaches Design mit Navy/Gold-Akzent.
- Header (Navbar + Mobile-Menu + Mobile-Overlay) und Footer aus index.html
  uebernommen; Anker-Links zeigen auf die Hauptseite (/#features etc.).
- Inhalt 1:1 erhalten; Klassen normalisiert auf .legal-section/.legal-content.
- Inline-Styles am Quellverweis durch .source-note-Klasse ersetzt.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Dieser Commit ist enthalten in:
Claude Code
2026-04-26 14:54:57 +02:00
Ursprung 2abf6f798a
Commit 0e0744779c
2 geänderte Dateien mit 163 neuen und 289 gelöschten Zeilen

Datei anzeigen

@@ -3,142 +3,118 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Impressum - AegisSight</title>
<!-- Prevent search engine indexing -->
<title>Impressum AegisSight</title>
<!-- Rechtliche Seiten von Suchmaschinen ausschliessen -->
<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/fonts.css">
<link rel="stylesheet" href="css/mobile.css">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="apple-touch-icon" href="/assets/images/logos/AegisSightLogo_NavyGold.svg">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/cookie-consent.css">
<style>
body {
background: #0a0f1c;
min-height: 100vh;
}
.impressum-container {
max-width: 800px;
margin: 0 auto;
padding: 120px 20px 40px;
}
.impressum-header {
margin-bottom: 40px;
text-align: center;
}
.impressum-header h1 {
font-family: 'Bebas Neue', sans-serif;
font-size: 3rem;
font-weight: 400;
color: #ffffff;
margin-bottom: 10px;
text-transform: uppercase;
letter-spacing: 3px;
}
.impressum-content {
background: rgba(255, 255, 255, 0.95);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
border-radius: 20px;
padding: 40px;
backdrop-filter: blur(10px);
}
.impressum-section {
margin-bottom: 30px;
border-bottom: 1px solid rgba(15, 114, 181, 0.1);
padding-bottom: 20px;
}
.impressum-section:last-child {
border-bottom: none;
}
.impressum-section h2 {
font-family: 'Bebas Neue', sans-serif;
font-size: 1.5rem;
color: #0f72b5;
margin-bottom: 15px;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
}
.impressum-section p {
font-family: 'Inter', sans-serif;
color: #333333;
line-height: 1.6;
margin-bottom: 10px;
}
.impressum-section strong {
color: #1a1a1a;
font-weight: 600;
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: var(--white); margin: 0; }
.legal-page { padding: calc(var(--nav-height) + 56px) 0 80px; min-height: calc(100vh - 220px); }
.legal-container { max-width: 820px; margin: 0 auto; padding: 0 24px; }
.legal-container h1 { font-size: 2.25rem; font-weight: 700; color: var(--navy); margin: 0 0 12px; }
.legal-meta { color: var(--text-light); margin: 0 0 32px; font-size: 0.95rem; }
.legal-content { background: var(--base); border-radius: var(--radius-lg); padding: 32px 40px; box-shadow: var(--shadow); border: 1px solid var(--gray-100); }
.legal-section { margin-bottom: 28px; }
.legal-section:last-child { margin-bottom: 0; }
.legal-section h2 { font-size: 1.35rem; font-weight: 700; color: var(--navy); margin: 0 0 14px; padding-bottom: 8px; border-bottom: 2px solid var(--gold); }
.legal-section h3 { font-size: 1.05rem; font-weight: 600; color: var(--navy); margin: 22px 0 8px; }
.legal-section p { margin: 0 0 12px; line-height: 1.7; color: var(--text); font-size: 0.95rem; }
.legal-section a { color: var(--gold-dark); text-decoration: underline; }
.legal-section a:hover { color: var(--gold); }
.legal-section ul { margin: 12px 0 16px 22px; padding: 0; }
.legal-section li { margin-bottom: 6px; line-height: 1.6; color: var(--text); font-size: 0.95rem; }
.legal-section strong { color: var(--navy); font-weight: 600; }
.legal-section table { width: 100%; border-collapse: collapse; margin: 12px 0 16px; }
.legal-section td, .legal-section th { padding: 8px 12px; border: 1px solid var(--gray-200); text-align: left; font-size: 0.92rem; }
.source-note { margin-top: 40px; padding-top: 16px; border-top: 1px solid var(--gray-200); font-size: 0.85rem; color: var(--text-light); }
.source-note a { color: var(--gold-dark); }
@media (max-width: 768px) {
.legal-container { padding: 0 16px; }
.legal-content { padding: 24px 20px; }
.legal-container h1 { font-size: 1.75rem; }
}
</style>
</head>
<body>
<!-- Navigation -->
<nav class="navbar" role="navigation" aria-label="Hauptnavigation">
<nav class="navbar" id="navbar">
<div class="nav-container">
<div class="logo">
<a href="index.html">
<img src="assets/images/logos/Logo+Schrift_Rechts.svg" alt="AegisSight" class="logo-img">
</a>
</div>
<a href="/" 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="index.html#home">Startseite</a></li>
<li><a href="index.html#about">Über uns</a></li>
<li><a href="index.html#products">Produkte & Lösungen</a></li>
<li><a href="mailto:info@aegis-sight.de">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">DE | EN</button>
</div>
<button class="mobile-menu-toggle" aria-label="Menü öffnen" aria-expanded="false">
<span></span><span></span><span></span>
</button>
</div>
</nav>
<div class="impressum-container">
<div class="impressum-header">
<h1>Impressum</h1>
</div>
<!-- Mobile Menu -->
<div class="mobile-menu" id="mobile-menu" aria-hidden="true">
<ul>
<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="mobile-overlay" id="mobile-overlay"></div>
<div class="impressum-content">
<div class="impressum-section">
<main class="legal-page">
<div class="legal-container">
<h1>Impressum</h1>
<div class="legal-section">
<h2>Angaben gemäß § 5 TMG</h2>
<p><strong>AegisSight UG (haftungsbeschränkt)</strong></p>
<p>Gladbacher Strasse 3-5<br>
40764 Langenfeld</p>
</div>
<div class="impressum-section">
<div class="legal-section">
<h2>Vertreten durch</h2>
<p>Hendrik Gebhardt<br>
Monami Homma</p>
</div>
<div class="impressum-section">
<div class="legal-section">
<h2>Kontakt</h2>
<p>E-Mail: info@aegis-sight.de</p>
</div>
<div class="impressum-section">
<div class="legal-section">
<h2>Registereintrag</h2>
<p>Handelsregister: HRB 110105<br>
Registergericht: Amtsgericht Düsseldorf</p>
</div>
<div class="impressum-section">
<div class="legal-section">
<h2>Umsatzsteuer-ID</h2>
<p>Umsatzsteuer-Identifikationsnummer gemäß § 27 a Umsatzsteuergesetz:<br>
DE457846602</p>
</div>
<div class="impressum-section">
<div class="legal-section">
<h2>Verbraucherstreitbeilegung/<wbr>Universalschlichtungsstelle</h2>
<p>Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.</p>
</div>
<div class="impressum-section">
<div class="legal-section">
<h2>Haftungsausschluss</h2>
<p><strong>Haftung für Inhalte</strong><br>
Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte können wir jedoch keine Gewähr übernehmen. Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen.</p>
@@ -149,51 +125,30 @@
<p><strong>Urheberrecht</strong><br>
Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers.</p>
<p style="margin-top: 30px; font-size: 0.9rem; color: #666;">
Quelle: <a href="https://www.e-recht24.de" target="_blank" style="color: #0066cc;">eRecht24</a>
</p>
<p class="source-note">Quelle: <a href="https://www.e-recht24.de" target="_blank">eRecht24</a></p>
</div>
</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 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>Navigation</h4>
<ul>
<li><a href="index.html#home">Startseite</a></li>
<li><a href="index.html#about">Über uns</a></li>
<li><a href="index.html#products">Produkte</a></li>
<li><a href="mailto:info@aegis-sight.de">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>
</ul>
</div>
<div class="footer-section">
<h4>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">© <span class="current-year"></span> AegisSight UG (haftungsbeschränkt). Alle Rechte vorbehalten.</p>
<p class="footer-copyright">&copy; <span id="footer-year">2026</span> AegisSight UG (haftungsbeschränkt). Alle Rechte vorbehalten.</p>
</div>
</footer>
<!-- JavaScript for legal pages -->
<script src="js/legal-pages.js"></script>
<!-- AegisSight Analytics -->
<script async src="/insights/t.js"></script>
<script>document.getElementById('footer-year').textContent=new Date().getFullYear();</script>
<script src="/js/app.js"></script>
<script src="/cookie-consent.js"></script>
</body>
</html>