Files
webkulisse-saas-tanstack/src/routes/impressum.tsx
T

210 lines
12 KiB
TypeScript

import { createFileRoute } from "@tanstack/react-router";
import { PublicShell } from "@/components/public-shell.tsx";
export const Route = createFileRoute("/impressum")({
component: ImpressumPage,
head: () => ({
meta: [
{ title: "Impressum - webkulisse" },
{
name: "description",
content:
"Anbieterkennzeichnung nach § 5 DDG sowie inhaltlich Verantwortlicher nach § 18 Abs. 2 MStV.",
},
],
links: [{ rel: "canonical", href: "https://webkulisse.de/impressum" }],
}),
});
function ImpressumPage() {
return (
<PublicShell>
<section className="mx-auto max-w-3xl px-4 pt-10 pb-6 md:px-6 md:pt-16">
<span className="island-kicker">Rechtliches</span>
<h1 className="mt-3 font-heading text-3xl font-bold leading-tight tracking-tight text-(--sea-ink) sm:text-4xl">
Impressum
</h1>
<p className="mt-4 text-(--sea-ink-soft) sm:text-lg">
Angaben gemäß § 5 Digitale-Dienste-Gesetz (DDG) sowie § 18 Abs. 2
Medienstaatsvertrag (MStV).
</p>
</section>
<section className="mx-auto max-w-3xl px-4 pb-16 md:px-6 md:pb-24">
<div className="island-shell rounded-3xl p-6 sm:p-10">
<div className="space-y-10 text-(--sea-ink)">
<div className="space-y-3">
<h2 className="font-heading text-xl font-semibold">
Diensteanbieter
</h2>
<address className="not-italic leading-relaxed">
Hurler Webdesign
<br />
Mathias Hurler (Einzelunternehmer)
<br />
Untermagerbein 30
<br />
86751 Mönchsdeggingen
<br />
Deutschland
</address>
</div>
<div className="space-y-3">
<h2 className="font-heading text-xl font-semibold">Kontakt</h2>
<ul className="space-y-1 leading-relaxed">
<li>
Telefon:{" "}
<a
href="tel:+491718084830"
className="underline underline-offset-2"
>
+49 171 8084830
</a>
</li>
<li>
E-Mail:{" "}
<a
href="mailto:info@webkulisse.de"
className="underline underline-offset-2"
>
info@webkulisse.de
</a>
</li>
</ul>
</div>
<div className="space-y-3">
<h2 className="font-heading text-xl font-semibold">
Redaktionell verantwortlich
</h2>
<p className="leading-relaxed text-(--sea-ink-soft)">
Verantwortlich für den Inhalt nach § 18 Abs. 2 MStV:
</p>
<address className="not-italic leading-relaxed">
Mathias Hurler
<br />
Untermagerbein 30
<br />
86751 Mönchsdeggingen
</address>
</div>
<div className="space-y-3">
<h2 className="font-heading text-xl font-semibold">
Verbraucherstreitbeilegung
</h2>
<p className="leading-relaxed text-(--sea-ink-soft)">
Wir sind nicht bereit und nicht verpflichtet, an
Streitbeilegungsverfahren vor einer
Verbraucherschlichtungsstelle im Sinne des
Verbraucherstreitbeilegungsgesetzes (VSBG) teilzunehmen.
</p>
<p className="leading-relaxed text-(--sea-ink-soft)">
Die Europäische Kommission stellt eine Plattform zur
Online-Streitbeilegung (OS) bereit, die Sie unter{" "}
<a
href="https://ec.europa.eu/consumers/odr/"
target="_blank"
rel="noreferrer noopener"
className="underline underline-offset-2"
>
https://ec.europa.eu/consumers/odr/
</a>{" "}
finden. Unsere E-Mail-Adresse haben Sie oben.
</p>
</div>
<div className="space-y-3">
<h2 className="font-heading text-xl font-semibold">
Haftung für Inhalte
</h2>
<p className="leading-relaxed text-(--sea-ink-soft)">
Als Diensteanbieter sind wir gemäß § 7 Abs. 1 DDG für
eigene Inhalte auf diesen Seiten nach den allgemeinen
Gesetzen verantwortlich. Nach den §§ 8 bis 10 DDG 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>
<p className="leading-relaxed text-(--sea-ink-soft)">
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 werden wir diese Inhalte umgehend
entfernen.
</p>
</div>
<div className="space-y-3">
<h2 className="font-heading text-xl font-semibold">
Haftung für Links
</h2>
<p className="leading-relaxed text-(--sea-ink-soft)">
Unser Angebot enthält Links zu externen Websites Dritter,
auf deren Inhalte wir keinen Einfluss haben. Deshalb können
wir 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.
</p>
<p className="leading-relaxed text-(--sea-ink-soft)">
Eine permanente inhaltliche Kontrolle der verlinkten Seiten
ist jedoch ohne konkrete Anhaltspunkte einer
Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von
Rechtsverletzungen werden wir derartige Links umgehend
entfernen.
</p>
</div>
<div className="space-y-3">
<h2 className="font-heading text-xl font-semibold">
Urheberrecht
</h2>
<p className="leading-relaxed text-(--sea-ink-soft)">
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 Urheberrechtes
bedürfen der schriftlichen Zustimmung des jeweiligen Autors
bzw. Erstellers.
</p>
<p className="leading-relaxed text-(--sea-ink-soft)">
Soweit die Inhalte auf dieser Seite nicht vom Betreiber
erstellt wurden, werden die Urheberrechte Dritter beachtet.
Insbesondere werden Inhalte Dritter als solche
gekennzeichnet. Sollten Sie trotzdem auf eine
Urheberrechtsverletzung aufmerksam werden, bitten wir um
einen entsprechenden Hinweis. Bei Bekanntwerden von
Rechtsverletzungen werden wir derartige Inhalte umgehend
entfernen.
</p>
</div>
<div className="space-y-3">
<h2 className="font-heading text-xl font-semibold">
Bildnachweise
</h2>
<p className="leading-relaxed text-(--sea-ink-soft)">
Sofern nicht anders gekennzeichnet, stammen die auf dieser
Website verwendeten Bilder aus eigener Produktion oder aus
lizenzfrei nutzbaren Quellen.
</p>
</div>
<p className="pt-4 text-sm text-(--sea-ink-soft)">
Stand: September 2026
</p>
</div>
</div>
</section>
</PublicShell>
);
}