Dominik Höfling
dc51be2da1
Kompletter Relaunch als statische Website: - index.html: One-Pager mit Hero, Leistungen, USPs, Team, Kontakt - impressum.html + datenschutz.html: Separate Unterseiten - TailwindCSS via CDN, Custom Styles, Scroll-Animationen - Mobile Menu, Scroll-Spy, Fade-in Animationen - Farbschema: Dunkel-modern mit Sonith-Gelb (#DEDC1B) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
184 lines
12 KiB
HTML
184 lines
12 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>Datenschutz — 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="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;800&display=swap" rel="stylesheet">
|
|
<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">← 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">Datenschutzerklärung</h1>
|
|
|
|
<div class="space-y-6 text-slate-300 leading-relaxed">
|
|
|
|
<h2 class="text-xl font-bold text-white mt-8">1. Datenschutz auf einen Blick</h2>
|
|
|
|
<h3 class="text-lg font-semibold text-white mt-6">Allgemeine Hinweise</h3>
|
|
<p>
|
|
Die folgenden Hinweise geben einen einfachen Überblick darüber, was mit Ihren personenbezogenen Daten passiert, wenn Sie diese Website besuchen. Personenbezogene Daten sind alle Daten, mit denen Sie persönlich identifiziert werden können.
|
|
</p>
|
|
|
|
<h3 class="text-lg font-semibold text-white mt-6">Datenerfassung auf dieser Website</h3>
|
|
<p>
|
|
<strong class="text-white">Wer ist verantwortlich für die Datenerfassung auf dieser Website?</strong><br>
|
|
Die Datenverarbeitung auf dieser Website erfolgt durch den Websitebetreiber. Dessen Kontaktdaten können Sie dem Abschnitt „Hinweis zur verantwortlichen Stelle" in dieser Datenschutzerklärung entnehmen.
|
|
</p>
|
|
<p>
|
|
<strong class="text-white">Wie erfassen wir Ihre Daten?</strong><br>
|
|
Ihre Daten werden zum einen dadurch erhoben, dass Sie uns diese mitteilen (z. B. per E-Mail oder Telefon). Andere Daten werden automatisch oder nach Ihrer Einwilligung beim Besuch der Website durch unsere IT-Systeme erfasst. Das sind vor allem technische Daten (z. B. Internetbrowser, Betriebssystem oder Uhrzeit des Seitenaufrufs).
|
|
</p>
|
|
<p>
|
|
<strong class="text-white">Wofür nutzen wir Ihre Daten?</strong><br>
|
|
Die Daten werden erhoben, um eine fehlerfreie Bereitstellung der Website zu gewährleisten.
|
|
</p>
|
|
<p>
|
|
<strong class="text-white">Welche Rechte haben Sie bezüglich Ihrer Daten?</strong><br>
|
|
Sie haben jederzeit das Recht, unentgeltlich Auskunft über Herkunft, Empfänger und Zweck Ihrer gespeicherten personenbezogenen Daten zu erhalten. Sie haben außerdem ein Recht, die Berichtigung oder Löschung dieser Daten zu verlangen. Wenn Sie eine Einwilligung zur Datenverarbeitung erteilt haben, können Sie diese jederzeit für die Zukunft widerrufen. Hierzu sowie zu weiteren Fragen zum Thema Datenschutz können Sie sich jederzeit an uns wenden.
|
|
</p>
|
|
|
|
<h2 class="text-xl font-bold text-white mt-8">2. Hosting</h2>
|
|
<p>
|
|
Wir hosten die Inhalte unserer Website auf eigenen Servern in Deutschland. Beim Besuch unserer Website erfasst der Webserver automatisch Logdateien (Server-Logfiles). Diese enthalten:
|
|
</p>
|
|
<ul class="list-disc list-inside space-y-1 ml-4">
|
|
<li>Browsertyp und Browserversion</li>
|
|
<li>Verwendetes Betriebssystem</li>
|
|
<li>Referrer URL</li>
|
|
<li>Hostname des zugreifenden Rechners</li>
|
|
<li>Uhrzeit der Serveranfrage</li>
|
|
<li>IP-Adresse</li>
|
|
</ul>
|
|
<p>
|
|
Diese Daten werden nicht mit anderen Datenquellen zusammengeführt. Die Erfassung dieser Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO.
|
|
</p>
|
|
|
|
<h2 class="text-xl font-bold text-white mt-8">3. Allgemeine Hinweise und Pflichtinformationen</h2>
|
|
|
|
<h3 class="text-lg font-semibold text-white mt-6">Datenschutz</h3>
|
|
<p>
|
|
Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen Daten sehr ernst. Wir behandeln Ihre personenbezogenen Daten vertraulich und entsprechend den gesetzlichen Datenschutzvorschriften sowie dieser Datenschutzerklärung.
|
|
</p>
|
|
|
|
<h3 class="text-lg font-semibold text-white mt-6">Hinweis zur verantwortlichen Stelle</h3>
|
|
<p>
|
|
Die verantwortliche Stelle für die Datenverarbeitung auf dieser Website ist:
|
|
</p>
|
|
<p>
|
|
sonith UG (haftungsbeschränkt)<br>
|
|
Kleinheubacher Str. 7<br>
|
|
63924 Rüdenau<br><br>
|
|
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>
|
|
|
|
<h3 class="text-lg font-semibold text-white mt-6">Speicherdauer</h3>
|
|
<p>
|
|
Soweit innerhalb dieser Datenschutzerklärung keine speziellere Speicherdauer genannt wurde, verbleiben Ihre personenbezogenen Daten bei uns, bis der Zweck für die Datenverarbeitung entfällt. Wenn Sie ein berechtigtes Löschersuchen geltend machen oder eine Einwilligung zur Datenverarbeitung widerrufen, werden Ihre Daten gelöscht, sofern wir keine anderen rechtlich zulässigen Gründe für die Speicherung Ihrer personenbezogenen Daten haben.
|
|
</p>
|
|
|
|
<h3 class="text-lg font-semibold text-white mt-6">Widerruf Ihrer Einwilligung zur Datenverarbeitung</h3>
|
|
<p>
|
|
Viele Datenverarbeitungsvorgänge sind nur mit Ihrer ausdrücklichen Einwilligung möglich. Sie können eine bereits erteilte Einwilligung jederzeit widerrufen. Die Rechtmäßigkeit der bis zum Widerruf erfolgten Datenverarbeitung bleibt vom Widerruf unberührt.
|
|
</p>
|
|
|
|
<h3 class="text-lg font-semibold text-white mt-6">Beschwerderecht bei der zuständigen Aufsichtsbehörde</h3>
|
|
<p>
|
|
Im Falle von Verstößen gegen die DSGVO steht den Betroffenen ein Beschwerderecht bei einer Aufsichtsbehörde zu. Die zuständige Aufsichtsbehörde ist:<br><br>
|
|
Bayerisches Landesamt für Datenschutzaufsicht (BayLDA)<br>
|
|
Promenade 18<br>
|
|
91522 Ansbach
|
|
</p>
|
|
|
|
<h2 class="text-xl font-bold text-white mt-8">4. Datenerfassung auf dieser Website</h2>
|
|
|
|
<h3 class="text-lg font-semibold text-white mt-6">Server-Log-Dateien</h3>
|
|
<p>
|
|
Der Provider der Seiten erhebt und speichert automatisch Informationen in sogenannten Server-Log-Dateien, die Ihr Browser automatisch an uns übermittelt (siehe Abschnitt „Hosting").
|
|
</p>
|
|
<p>
|
|
Eine Zusammenführung dieser Daten mit anderen Datenquellen wird nicht vorgenommen.
|
|
</p>
|
|
|
|
<h3 class="text-lg font-semibold text-white mt-6">Anfrage per E-Mail oder Telefon</h3>
|
|
<p>
|
|
Wenn Sie uns per E-Mail oder Telefon kontaktieren, wird Ihre Anfrage inklusive aller daraus hervorgehenden personenbezogenen Daten (Name, Anfrage) zum Zwecke der Bearbeitung Ihres Anliegens bei uns gespeichert und verarbeitet. Diese Daten geben wir nicht ohne Ihre Einwilligung weiter.
|
|
</p>
|
|
<p>
|
|
Die Verarbeitung dieser Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. b DSGVO, sofern Ihre Anfrage mit der Erfüllung eines Vertrags zusammenhängt oder zur Durchführung vorvertraglicher Maßnahmen erforderlich ist. In allen übrigen Fällen beruht die Verarbeitung auf unserem berechtigten Interesse an der effektiven Bearbeitung der an uns gerichteten Anfragen (Art. 6 Abs. 1 lit. f DSGVO).
|
|
</p>
|
|
|
|
<h2 class="text-xl font-bold text-white mt-8">5. Externe Dienste</h2>
|
|
|
|
<h3 class="text-lg font-semibold text-white mt-6">Google Fonts (CDN)</h3>
|
|
<p>
|
|
Diese Seite nutzt zur einheitlichen Darstellung von Schriftarten sogenannte Google Fonts, die von Google bereitgestellt werden. Beim Aufruf einer Seite lädt Ihr Browser die benötigten Fonts in Ihren Browsercache, um Texte und Schriftarten korrekt anzuzeigen. Zu diesem Zweck muss der von Ihnen verwendete Browser Verbindung zu den Servern von Google aufnehmen. Hierdurch erlangt Google Kenntnis darüber, dass über Ihre IP-Adresse diese Website aufgerufen wurde.
|
|
</p>
|
|
<p>
|
|
Die Nutzung von Google Fonts erfolgt auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO. Weitere Informationen zu Google Fonts finden Sie unter
|
|
<a href="https://developers.google.com/fonts/faq" target="_blank" rel="noopener" class="text-sonith hover:underline">https://developers.google.com/fonts/faq</a>
|
|
und in der Datenschutzerklärung von Google:
|
|
<a href="https://policies.google.com/privacy" target="_blank" rel="noopener" class="text-sonith hover:underline">https://policies.google.com/privacy</a>.
|
|
</p>
|
|
|
|
<h3 class="text-lg font-semibold text-white mt-6">Tailwind CSS (CDN)</h3>
|
|
<p>
|
|
Diese Website nutzt das CSS-Framework Tailwind CSS, das über ein Content Delivery Network (CDN) eingebunden wird. Beim Aufruf unserer Seite wird eine Verbindung zu den Servern des CDN-Anbieters hergestellt. Dabei wird Ihre IP-Adresse an den CDN-Anbieter übermittelt. Dies erfolgt auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO.
|
|
</p>
|
|
|
|
<p class="text-slate-500 text-sm mt-12 pt-8 border-t border-slate-700/50">
|
|
Stand: März 2026
|
|
</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">
|
|
<p class="text-slate-500 text-sm">© 2026 sonith UG (haftungsbeschränkt)</p>
|
|
<div class="flex items-center gap-6">
|
|
<a href="impressum.html" class="text-slate-500 text-sm hover:text-sonith transition-colors">Impressum</a>
|
|
<a href="datenschutz.html" class="text-sonith text-sm">Datenschutz</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|