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>
    );
}