From 6af24d28e77433227c3ed7ae0577e14fc616b274 Mon Sep 17 00:00:00 2001
From: Basilosaurusrex <77463090+Basilosaurusrex@users.noreply.github.com>
Date: Mon, 2 Feb 2026 22:03:15 +0100
Subject: [PATCH] impressum

---
 src/App.tsx             |   2 +
 src/pages/Impressum.tsx | 196 ++++++++++++++++++++++++++++++++++++++++
 2 files changed, 198 insertions(+)
 create mode 100644 src/pages/Impressum.tsx

diff --git a/src/App.tsx b/src/App.tsx
index 5f6e190..cf12631 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -6,6 +6,7 @@ import { BrowserRouter, Routes, Route } from "react-router-dom";
 import Index from "./pages/Index";
 import ContactPage from "./pages/Contact";
 import AGBPage from "./pages/AGB";
+import ImpressumPage from "./pages/Impressum";
 import NotFound from "./pages/NotFound";
 
 const queryClient = new QueryClient();
@@ -20,6 +21,7 @@ const App = () => (
           <Route path="/" element={<Index />} />
           <Route path="/kontakt" element={<ContactPage />} />
           <Route path="/agb" element={<AGBPage />} />
+          <Route path="/impressum" element={<ImpressumPage />} />
           {/* ADD ALL CUSTOM ROUTES ABOVE THE CATCH-ALL "*" ROUTE */}
           <Route path="*" element={<NotFound />} />
         </Routes>
diff --git a/src/pages/Impressum.tsx b/src/pages/Impressum.tsx
new file mode 100644
index 0000000..d0d4e3f
--- /dev/null
+++ b/src/pages/Impressum.tsx
@@ -0,0 +1,196 @@
+import { Link } from "react-router-dom";
+import { Button } from "@/components/ui/button";
+import { ArrowLeft, Scale } from "lucide-react";
+
+const impressumDivider = (
+  <div className="my-8 border-t border-border" aria-hidden />
+);
+
+const Impressum = () => {
+  return (
+    <div className="min-h-screen bg-background">
+      {/* Header */}
+      <header className="fixed top-0 left-0 right-0 z-50 glass-nav py-4">
+        <div className="container mx-auto px-6">
+          <div className="flex items-center justify-between">
+            <Link to="/" className="flex items-center gap-2 group">
+              <span className="text-xl font-display font-medium text-foreground tracking-tight">
+                Webklar
+              </span>
+            </Link>
+            <Link to="/">
+              <Button
+                variant="ghost"
+                className="text-muted-foreground hover:text-foreground"
+              >
+                <ArrowLeft className="w-4 h-4 mr-2" />
+                Zurück
+              </Button>
+            </Link>
+          </div>
+        </div>
+      </header>
+
+      {/* Main Content */}
+      <main className="pt-32 pb-24">
+        <div className="container mx-auto px-6">
+          <div className="max-w-3xl mx-auto">
+            {/* Page Header */}
+            <div className="mb-12">
+              <div className="label-tag mb-4 flex items-center gap-2">
+                <Scale className="w-4 h-4" />
+                Rechtliches
+              </div>
+              <h1 className="text-4xl md:text-5xl font-display font-medium text-foreground tracking-tight uppercase mb-2">
+                Impressum
+              </h1>
+              <p className="text-muted-foreground text-lg">
+                Angaben gemäß § 5 TMG
+              </p>
+            </div>
+
+            {/* Impressum Content */}
+            <article className="space-y-8 text-foreground">
+              <section>
+                <h2 className="text-lg font-display font-medium uppercase tracking-tight text-foreground mb-3">
+                  WEBklar GbR
+                </h2>
+                <p className="text-muted-foreground leading-relaxed whitespace-pre-line">
+                  Am Schwimmbad 10<br />
+                  67722 Winnweiler<br />
+                  Deutschland
+                </p>
+              </section>
+              {impressumDivider}
+
+              <section>
+                <h2 className="text-lg font-display font-medium uppercase tracking-tight text-foreground mb-3">
+                  Vertreten durch
+                </h2>
+                <p className="text-muted-foreground leading-relaxed">
+                  Geschäftsführer:<br />
+                  Kenso Gri
+                </p>
+              </section>
+              {impressumDivider}
+
+              <section>
+                <h2 className="text-lg font-display font-medium uppercase tracking-tight text-foreground mb-3">
+                  Kontakt
+                </h2>
+                <p className="text-muted-foreground leading-relaxed">
+                  Telefon: 0176 23726355<br />
+                  E-Mail: kenso.gri@gmail.com
+                </p>
+              </section>
+              {impressumDivider}
+
+              <section>
+                <h2 className="text-lg font-display font-medium uppercase tracking-tight text-foreground mb-3">
+                  Rechtsform
+                </h2>
+                <p className="text-muted-foreground leading-relaxed">
+                  Gesellschaft bürgerlichen Rechts (GbR)
+                </p>
+              </section>
+              {impressumDivider}
+
+              <section>
+                <h2 className="text-lg font-display font-medium uppercase tracking-tight text-foreground mb-3">
+                  Umsatzsteuer
+                </h2>
+                <p className="text-muted-foreground leading-relaxed">
+                  Gemäß § 19 UStG wird keine Umsatzsteuer erhoben (Kleinunternehmerregelung).<br />
+                  (Falls das nicht stimmt oder sich ändert, unbedingt sagen.)
+                </p>
+              </section>
+              {impressumDivider}
+
+              <section>
+                <h2 className="text-lg font-display font-medium uppercase tracking-tight text-foreground mb-3">
+                  Verantwortlich für den Inhalt nach § 55 Absatz 2 RStV
+                </h2>
+                <p className="text-muted-foreground leading-relaxed whitespace-pre-line">
+                  Kenso Gri<br />
+                  Schliertal 21<br />
+                  67468 Frankenstein<br />
+                  Deutschland
+                </p>
+              </section>
+              {impressumDivider}
+
+              <section>
+                <h2 className="text-lg font-display font-medium uppercase tracking-tight text-foreground mb-3">
+                  Haftung für Inhalte
+                </h2>
+                <p className="text-muted-foreground leading-relaxed space-y-2">
+                  Als Diensteanbieter sind wir gemäß § 7 Absatz 1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich.<br />
+                  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>
+              </section>
+              {impressumDivider}
+
+              <section>
+                <h2 className="text-lg font-display font-medium uppercase tracking-tight text-foreground mb-3">
+                  Haftung für Links
+                </h2>
+                <p className="text-muted-foreground leading-relaxed space-y-2">
+                  Unsere Webseite enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben.<br />
+                  Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen.<br />
+                  Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich.
+                </p>
+              </section>
+              {impressumDivider}
+
+              <section>
+                <h2 className="text-lg font-display font-medium uppercase tracking-tight text-foreground mb-3">
+                  Urheberrecht
+                </h2>
+                <p className="text-muted-foreground leading-relaxed space-y-2">
+                  Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht.<br />
+                  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>
+              </section>
+              {impressumDivider}
+
+              <section>
+                <h2 className="text-lg font-display font-medium uppercase tracking-tight text-foreground mb-3">
+                  Online-Streitbeilegung
+                </h2>
+                <p className="text-muted-foreground leading-relaxed space-y-2">
+                  Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit:<br />
+                  <a
+                    href="https://ec.europa.eu/consumers/odr"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="text-foreground underline hover:no-underline"
+                  >
+                    https://ec.europa.eu/consumers/odr
+                  </a>
+                  <br /><br />
+                  Wir sind nicht verpflichtet und nicht bereit, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.
+                </p>
+              </section>
+            </article>
+
+            {/* Back / Contact */}
+            <div className="mt-16 pt-12 border-t border-border flex flex-wrap gap-4">
+              <Link to="/">
+                <Button variant="outline" className="rounded-full">
+                  Zur Startseite
+                </Button>
+              </Link>
+              <Link to="/kontakt">
+                <Button className="btn-minimal rounded-full">
+                  Kontakt
+                </Button>
+              </Link>
+            </div>
+          </div>
+        </div>
+      </main>
+    </div>
+  );
+};
+
+export default Impressum;