<%- include('partials/stitch-head') %>
<% const leg = site.legal || {}; %>
<body class="bg-surface text-on-surface font-body selection:bg-primary/30 selection:text-primary">
<%- include('partials/stitch-nav') %>
<main class="pt-[calc(4.5rem+env(safe-area-inset-top,0px))] md:pt-32 pb-24 min-h-screen botanical-bg">
<%- include('partials/stitch-breadcrumbs') %>
<div class="max-w-screen-2xl mx-auto px-4 sm:px-6 md:px-12">
<header class="mb-12 md:mb-16 max-w-3xl anim-page-head">
<span class="font-label text-primary tracking-[0.3em] uppercase text-[10px] mb-4 block">Rechtliches</span>
<h1 class="font-headline text-3xl sm:text-4xl md:text-6xl lg:text-7xl text-on-surface tracking-tight">Impressum</h1>
<p class="mt-6 text-on-surface-variant text-sm leading-relaxed max-w-2xl">
Angaben gemäß § 5 TMG und § 55 RStV. Umfang und Pflichtangaben hängen von Rechtsform und Tätigkeit ab — bitte vor Livegang mit Steuerberatung oder Rechtsanwalt prüfen und fehlende Daten im Impressum ergänzen.
</p>
</header>

<div class="glass-panel rounded-xl p-8 md:p-12 max-w-3xl space-y-12 motion-lift" data-reveal>
<section class="space-y-4" aria-labelledby="impressum-tmg">
<h2 id="impressum-tmg" class="font-headline text-xl md:text-2xl text-on-surface">Angaben gemäß § 5 TMG</h2>
<p class="text-on-surface-variant text-sm leading-relaxed">
<strong class="text-on-surface"><%= site.brand %></strong><br/>
<%= leg.businessForm || "Einzelunternehmen" %><br/>
<span class="text-on-surface"><%= leg.liableName %></span><% if (leg.liableRole) { %> · <%= leg.liableRole %><% } %>
</p>
<address class="not-italic text-on-surface-variant text-sm leading-relaxed">
<%= site.address.line1 %><br/>
<%= site.address.line2 %><br/>
<%= site.address.country %>
</address>
</section>

<section class="space-y-4" aria-labelledby="impressum-kontakt">
<h2 id="impressum-kontakt" class="font-headline text-xl md:text-2xl text-on-surface">Kontakt</h2>
<p class="text-on-surface-variant text-sm leading-relaxed">
Telefon: <a class="text-primary hover:underline underline-offset-4" href="tel:<%= site.phone %>"><%= site.phoneDisplay %></a><br/>
E-Mail: <a class="text-primary hover:underline underline-offset-4" href="mailto:<%= site.email %>"><%= site.email %></a>
</p>
</section>

<% if (leg.vatId && String(leg.vatId).trim()) { %>
<section class="space-y-4" aria-labelledby="impressum-ust">
<h2 id="impressum-ust" class="font-headline text-xl md:text-2xl text-on-surface">Umsatzsteuer-ID</h2>
<p class="text-on-surface-variant text-sm leading-relaxed">
Umsatzsteuer-Identifikationsnummer gemäß § 27 a Umsatzsteuergesetz: <strong class="text-on-surface"><%= leg.vatId %></strong>
</p>
</section>
<% } %>

<% if (leg.tradeRegisterCourt && leg.tradeRegisterNumber) { %>
<section class="space-y-4" aria-labelledby="impressum-hr">
<h2 id="impressum-hr" class="font-headline text-xl md:text-2xl text-on-surface">Handelsregister</h2>
<p class="text-on-surface-variant text-sm leading-relaxed">
Registergericht: <%= leg.tradeRegisterCourt %><br/>
Registernummer: <%= leg.tradeRegisterNumber %>
</p>
</section>
<% } %>

<% if (leg.professionalTitle && String(leg.professionalTitle).trim()) { %>
<section class="space-y-4" aria-labelledby="impressum-beruf">
<h2 id="impressum-beruf" class="font-headline text-xl md:text-2xl text-on-surface">Berufsbezeichnung &amp; Kammer</h2>
<p class="text-on-surface-variant text-sm leading-relaxed">
<%= leg.professionalTitle %><% if (leg.professionalChamber) { %><br/><%= leg.professionalChamber %><% } %>
</p>
</section>
<% } %>

<section class="space-y-4" aria-labelledby="impressum-haftung">
<h2 id="impressum-haftung" class="font-headline text-xl md:text-2xl text-on-surface">Haftung für Inhalte</h2>
<p class="text-on-surface-variant text-sm leading-relaxed">
Als Diensteanbieter sind wir gemäß § 7 Abs. 1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. 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>
<p class="text-on-surface-variant text-sm leading-relaxed">
Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.
</p>
</section>

<section class="space-y-4" aria-labelledby="impressum-links">
<h2 id="impressum-links" class="font-headline text-xl md:text-2xl text-on-surface">Haftung für Links</h2>
<p class="text-on-surface-variant text-sm leading-relaxed">
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.
</p>
</section>

<section class="space-y-4" aria-labelledby="impressum-streit">
<h2 id="impressum-streit" class="font-headline text-xl md:text-2xl text-on-surface">EU-Streitschlichtung</h2>
<p class="text-on-surface-variant text-sm leading-relaxed">
Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit: <a class="text-primary hover:underline underline-offset-4" href="https://ec.europa.eu/consumers/odr/" target="_blank" rel="noopener noreferrer">https://ec.europa.eu/consumers/odr/</a>. Unsere E-Mail-Adresse finden Sie oben im Impressum.
</p>
</section>

<section class="space-y-4" aria-labelledby="impressum-vsbg">
<h2 id="impressum-vsbg" class="font-headline text-xl md:text-2xl text-on-surface">Verbraucherstreitbeilegung</h2>
<p class="text-on-surface-variant text-sm leading-relaxed">
Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen, sofern nicht gesetzlich anders vorgeschrieben.
</p>
</section>
</div>

<p class="mt-12 text-center md:text-left anim-fade-soft">
<a href="/" class="inline-flex items-center gap-2 font-label text-[10px] tracking-[0.2em] uppercase text-primary hover:text-secondary transition-colors">
<span class="material-symbols-outlined text-base" aria-hidden="true">arrow_back</span> Zur Startseite
</a>
</p>
</div>
</main>
<%- include('partials/stitch-footer') %>
<%- include('partials/end', { scripts: [] }) %>
