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>
113 lines
5.1 KiB
HTML
113 lines
5.1 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="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">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 TMG</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">Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV</h2>
|
|
<p>
|
|
[Name eintragen]<br>
|
|
Kleinheubacher Str. 7<br>
|
|
63924 Rüdenau
|
|
</p>
|
|
|
|
<h2 class="text-xl font-bold text-white mt-8">Streitschlichtung</h2>
|
|
<p>
|
|
Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit:
|
|
<a href="https://ec.europa.eu/consumers/odr/" target="_blank" rel="noopener" class="text-sonith hover:underline">https://ec.europa.eu/consumers/odr/</a>.
|
|
</p>
|
|
<p>
|
|
Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.
|
|
</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-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>
|