sonith-website/impressum.html
Dominik Höfling 96fc0601b5 fix: Rechtliche Konformität 2026 + Google Fonts lokal hosten
- § 5 TMG → § 5 DDG (Digitale-Dienste-Gesetz seit Mai 2024)
- § 55 Abs. 2 RStV entfernt (nur bei redaktionellen Inhalten nötig)
- EU-OS-Plattform-Link entfernt (seit 20.07.2025 abgeschaltet)
- § 36 VSBG Hinweis Streitschlichtung korrekt formuliert
- Google Fonts lokal gehostet (DSGVO-konform, LG München)
- Inter Variable Font als woff2 (latin + latin-ext, 132 KB)
- Datenschutzerklärung: TDDDG statt TTDSG, Art. 21 DSGVO Widerspruchsrecht,
  Datenübertragbarkeit, Einschränkung der Verarbeitung ergänzt
- Tailwind CDN Hinweis in Datenschutz beibehalten (IP-Übermittlung)
- Versionsnummer v1.0.0 im Footer aller Seiten

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-23 21:37:04 +01:00

103 lines
4.4 KiB
HTML

<!DOCTYPE html>
<html lang="de" class="scroll-smooth">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Impressum — sonith</title>
<meta name="robots" content="noindex">
<link rel="icon" type="image/png" href="img/logo.png">
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
'sonith': { DEFAULT: '#DEDC1B', dark: '#c5c318', light: '#e8e64d' },
'dark': { DEFAULT: '#0f172a', light: '#1e293b', lighter: '#334155' },
},
fontFamily: { sans: ['Inter', 'system-ui', '-apple-system', 'sans-serif'] },
},
},
}
</script>
<link rel="stylesheet" href="fonts/inter.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body class="bg-dark text-slate-200 font-sans antialiased">
<!-- Navigation -->
<nav class="fixed top-0 left-0 right-0 z-50 bg-dark/95 backdrop-blur-md border-b border-slate-700/50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex items-center justify-between h-16 lg:h-20">
<a href="index.html" class="flex items-center gap-3">
<span class="text-2xl font-extrabold text-white">son<span class="text-sonith">i</span>th</span>
</a>
<a href="index.html" class="text-sm font-medium text-slate-300 hover:text-sonith transition-colors">&larr; Zurück zur Startseite</a>
</div>
</div>
</nav>
<!-- Content -->
<main class="pt-32 pb-24">
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
<h1 class="text-3xl sm:text-4xl font-extrabold text-white mb-8">Impressum</h1>
<div class="prose prose-invert prose-slate max-w-none space-y-6 text-slate-300 leading-relaxed">
<h2 class="text-xl font-bold text-white mt-8">Angaben gemäß § 5 DDG</h2>
<p>
sonith UG (haftungsbeschränkt)<br>
Kleinheubacher Str. 7<br>
63924 Rüdenau
</p>
<h2 class="text-xl font-bold text-white mt-8">Vertreten durch</h2>
<p>
<!-- Name des Geschäftsführers hier eintragen -->
Geschäftsführer: [Name eintragen]
</p>
<h2 class="text-xl font-bold text-white mt-8">Kontakt</h2>
<p>
Telefon: 0931 30 69 90 90<br>
E-Mail: <a href="mailto:mail@sonith.de" class="text-sonith hover:underline">mail@sonith.de</a>
</p>
<h2 class="text-xl font-bold text-white mt-8">Registereintrag</h2>
<p>
Eintragung im Handelsregister.<br>
Registergericht: [Amtsgericht eintragen]<br>
Registernummer: [HRB-Nummer eintragen]
</p>
<h2 class="text-xl font-bold text-white mt-8">Umsatzsteuer-ID</h2>
<p>
Umsatzsteuer-Identifikationsnummer gemäß § 27 a Umsatzsteuergesetz:<br>
[USt-IdNr. eintragen]
</p>
<h2 class="text-xl font-bold text-white mt-8">Verbraucherstreitbeilegung</h2>
<p>
Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen (§ 36 VSBG).
</p>
</div>
</div>
</main>
<!-- Footer -->
<footer class="py-8 bg-dark-light border-t border-slate-700/50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex flex-col sm:flex-row items-center justify-between gap-4">
<div class="flex items-center gap-3">
<p class="text-slate-500 text-sm">&copy; 2026 sonith UG (haftungsbeschränkt)</p>
<span class="text-slate-600 text-xs">v1.0.0</span>
</div>
<div class="flex items-center gap-6">
<a href="impressum.html" class="text-sonith text-sm">Impressum</a>
<a href="datenschutz.html" class="text-slate-500 text-sm hover:text-sonith transition-colors">Datenschutz</a>
</div>
</div>
</div>
</footer>
</body>
</html>