added impressum and bugifx index

This commit is contained in:
Florian Späth
2025-10-24 14:07:26 +02:00
parent 223ce207b8
commit 4748c06eb8
2 changed files with 127 additions and 5 deletions

122
impressum.html Normal file
View File

@@ -0,0 +1,122 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Impressum | Reifen Späth</title>
<meta name="description" content="Impressum von Reifen Späth Kfz-Meisterbetrieb in Langenmosen.">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Orbitron:wght@400;700&display=swap" rel="stylesheet">
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<style>
body {
font-family: 'Inter', sans-serif;
background: #0a0a0a;
color: #e5e5e5;
line-height: 1.7;
}
h1, h2, h3 {
font-family: 'Orbitron', sans-serif;
color: #fff;
}
a {
color: #ef4444;
}
a:hover {
text-decoration: underline;
}
.container {
max-width: 900px;
margin: 0 auto;
padding: 3rem 1.5rem;
}
</style>
</head>
<body>
<main class="container">
<h1 class="text-4xl font-bold mb-8">Impressum</h1>
<section class="mb-10">
<h2 class="text-2xl font-semibold mb-4">Angaben gemäß § 5 TMG</h2>
<p>
<strong>Reifen Späth Kfz-Meisterbetrieb</strong><br>
Inhaber: <strong>Daniel Späth</strong><br>
Sandizeller Straße 10C<br>
86571 Langenmosen<br>
Deutschland
</p>
<p class="mt-4">
📞 Telefon: <a href="tel:+4915568569616">+49 (0)155 68569616</a><br>
✉ E-Mail: <a href="mailto:info@reifenspaeth.de">info@reifenspaeth.de</a><br>
🌐 Website: <a href="https://www.reifenspaeth.de">www.reifenspaeth.de</a>
</p>
</section>
<section class="mb-10">
<h2 class="text-2xl font-semibold mb-4">Berufsbezeichnung und berufsrechtliche Angaben</h2>
<p>
<strong>Berufsbezeichnung:</strong> Kfz-Meister<br>
<strong>Zuständige Kammer:</strong> Handwerkskammer für München und Oberbayern<br>
<strong>Verliehen in:</strong> Deutschland
</p>
</section>
<section class="mb-10">
<h2 class="text-2xl font-semibold mb-4">Haftungsausschluss (Disclaimer)</h2>
<h3 class="text-xl font-semibold mt-6 mb-2">Haftung für Inhalte</h3>
<p>
Als Diensteanbieter bin ich gemäß § 7 Abs. 1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich.
Nach §§ 8 bis 10 TMG bin ich 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.
Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt.
Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich.
Bei Bekanntwerden entsprechender Rechtsverletzungen werde ich diese Inhalte umgehend entfernen.
</p>
<h3 class="text-xl font-semibold mt-6 mb-2">Haftung für Links</h3>
<p>
Mein Angebot enthält Links zu externen Websites Dritter, auf deren Inhalte ich keinen Einfluss habe.
Deshalb kann ich für diese fremden Inhalte auch keine Gewähr übernehmen.
Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich.
Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft.
Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar.
Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar.
Bei Bekanntwerden von Rechtsverletzungen werde ich derartige Links umgehend entfernen.
</p>
<h3 class="text-xl font-semibold mt-6 mb-2">Urheberrecht</h3>
<p>
Die durch den 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 Urheberrechts
bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers.
Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet.
Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet.
Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitte ich um einen entsprechenden Hinweis.
Bei Bekanntwerden von Rechtsverletzungen werde ich derartige Inhalte umgehend entfernen.
</p>
</section>
<section>
<h2 class="text-2xl font-semibold mb-4">Verantwortlich für den Inhalt nach § 18 Abs. 2 MStV</h2>
<p>
Daniel Späth<br>
Sandizeller Straße 10C<br>
86571 Langenmosen
</p>
</section>
<footer class="mt-16 pt-6 border-t border-gray-700 text-sm text-gray-500">
<p>© 2025 Reifen Späth Kfz-Meisterbetrieb. Alle Rechte vorbehalten.</p>
<p class="mt-2"><a href="index.html" class="text-red-500 hover:underline">Zurück zur Startseite</a></p>
</footer>
</main>
</body>
</html>

View File

@@ -69,9 +69,8 @@
.typing-animation {
overflow: hidden;
border-right: 2px solid var(--accent-red);
white-space: nowrap;
animation: typing 3s steps(40, end), blink-caret 0.75s step-end infinite;
animation: typing 3s steps(40, end);
}
@keyframes typing {
from { width: 0 }
@@ -300,8 +299,9 @@
<div>
<div class="font-orbitron text-xl font-bold metallic-text mb-4">REIFEN SPÄTH</div>
<p class="text-gray-400 font-rajdhani mb-4">KfzMeisterbetrieb</p>
<p class="text-gray-400 font-rajdhani mb-4">Daniel Späth,
<p class="text-gray-400 font-rajdhani">ihr Spezialist für Premium Reifen und Felgen in Langenmosen.</p>
<p class="text-gray-400 font-rajdhani mb-4">Daniel Späth,</br>
ihr Spezialist für Premium Reifen und Felgen in Langenmosen.
</p><a href="impressum.html" class="underline text-red-400 hover:text-red-600">Impressum</a>
</div>
<div>
<h3 class="font-orbitron text-lg font-bold metallic-text mb-4">KONTAKT</h3>
@@ -324,7 +324,7 @@
</div>
<div class="border-t border-gray-800 mt-8 pt-8 text-center">
<p class="text-gray-500 font-rajdhani text-sm">
© 2024 Reifen Späth KfzMeisterbetrieb. Alle Rechte vorbehalten.
© 2025 Reifen Späth KfzMeisterbetrieb. Alle Rechte vorbehalten.
</p>
</div>
</div>