From 47ed80bd24b8eba8f9a18844e567dd7f9f8b25c6 Mon Sep 17 00:00:00 2001
From: rehlert <post@rehlert.de>
Date: Wed, 22 Jul 2026 22:14:50 +0200
Subject: [PATCH] adds impressum / privacy

---
 .idea/workspace.xml                 |  89 +++++-
 agents.md                           | 126 +++++++++
 src/routes/+layout.svelte           |  13 +-
 src/routes/datenschutz/+page.svelte | 411 ++++++++++++++++++++++++++++
 src/routes/impressum/+page.svelte   |  97 +++++++
 5 files changed, 731 insertions(+), 5 deletions(-)
 create mode 100644 agents.md
 create mode 100644 src/routes/datenschutz/+page.svelte
 create mode 100644 src/routes/impressum/+page.svelte

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 04658f8..de86b69 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -1,24 +1,108 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
+  <component name="AutoImportSettings">
+    <option name="autoReloadType" value="SELECTIVE" />
+  </component>
+  <component name="CMakeSettings">
+    <configurations />
+  </component>
   <component name="ChangeListManager">
     <list default="true" id="89f9fc3a-63ad-41cb-8d25-f07df352eb98" name="Changes" comment="">
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/routes/+page.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/routes/+page.svelte" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/routes/+layout.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/routes/+layout.svelte" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
     <option name="LAST_RESOLUTION" value="IGNORE" />
   </component>
+  <component name="FileTemplateManagerImpl">
+    <option name="RECENT_TEMPLATES">
+      <list>
+        <option value="+page.svelte" />
+      </list>
+    </option>
+  </component>
   <component name="Git.Settings">
+    <option name="RECENT_BRANCH_BY_REPOSITORY">
+      <map>
+        <entry key="$PROJECT_DIR$" value="features/shadcn" />
+      </map>
+    </option>
     <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
   </component>
+  <component name="McpProjectServerCommands">
+    <commands />
+    <urls />
+  </component>
   <component name="MetaFilesCheckinStateConfiguration" checkMetaFiles="true" />
+  <component name="NextEditCompletionFeaturesState">
+    <decayedCancelled>
+      <entry key="MS100" value="1.0" />
+      <entry key="MS500" value="1.000030264792808" />
+      <entry key="S2" value="1.0741710498535333" />
+      <entry key="S5" value="1.353259435419701" />
+      <entry key="S10" value="1.5943563202488056" />
+      <entry key="S30" value="1.8407798506380604" />
+      <entry key="S60" value="1.916982485499306" />
+      <entry key="M2" value="1.9733993920394513" />
+      <entry key="M5" value="2.54046111637059" />
+      <entry key="M10" value="3.820331613615542" />
+      <entry key="M15" value="4.711774035901717" />
+      <entry key="M30" value="6.035032387334216" />
+      <entry key="H1" value="6.920684152516748" />
+      <entry key="H2" value="7.4336791591637175" />
+      <entry key="H4" value="7.709839735759553" />
+      <entry key="D1" value="7.950638029700117" />
+      <entry key="W1" value="7.992923355805816" />
+    </decayedCancelled>
+    <decayedSelected>
+      <entry key="MS100" value="0.0" />
+      <entry key="MS500" value="0.0" />
+      <entry key="S2" value="0.0" />
+      <entry key="S5" value="0.0" />
+      <entry key="S10" value="0.0" />
+      <entry key="S30" value="0.0" />
+      <entry key="S60" value="0.0" />
+      <entry key="M2" value="0.0" />
+      <entry key="M5" value="0.0" />
+      <entry key="M10" value="0.0" />
+      <entry key="M15" value="0.0" />
+      <entry key="M30" value="0.0" />
+      <entry key="H1" value="0.0" />
+      <entry key="H2" value="0.0" />
+      <entry key="H4" value="0.0" />
+      <entry key="D1" value="0.0" />
+      <entry key="W1" value="0.0" />
+    </decayedSelected>
+    <decayedShown>
+      <entry key="MS100" value="0.004910208494225893" />
+      <entry key="MS500" value="0.3453286512092814" />
+      <entry key="S2" value="0.8228647326727687" />
+      <entry key="S5" value="1.215480411189489" />
+      <entry key="S10" value="1.5106753869300364" />
+      <entry key="S30" value="1.8078926104734718" />
+      <entry key="S60" value="1.8997675156293707" />
+      <entry key="M2" value="1.9645730736920846" />
+      <entry key="M5" value="2.5367044075651064" />
+      <entry key="M10" value="3.818241287421449" />
+      <entry key="M15" value="4.710284232071638" />
+      <entry key="M30" value="6.034216617353951" />
+      <entry key="H1" value="6.9202526638434145" />
+      <entry key="H2" value="7.433456593321955" />
+      <entry key="H4" value="7.709726618573428" />
+      <entry key="D1" value="7.9506189104308005" />
+      <entry key="W1" value="7.992920617800578" />
+    </decayedShown>
+  </component>
   <component name="ProjectColorInfo">{
   &quot;associatedIndex&quot;: 0,
   &quot;fromUser&quot;: false
 }</component>
   <component name="ProjectId" id="3Ez6dWfFxFKqFN56n3L3nruEC06" />
+  <component name="ProjectLevelVcsManager">
+    <ConfirmationsSetting value="1" id="Add" />
+  </component>
   <component name="ProjectViewState">
     <option name="hideEmptyMiddlePackages" value="true" />
     <option name="showLibraryContents" value="true" />
@@ -33,8 +117,9 @@
     "RunOnceActivity.typescript.service.memoryLimit.init": "true",
     "cidr.known.project.marker": "true",
     "codeWithMe.voiceChat.enabledByDefault": "false",
-    "git-widget-placeholder": "main",
+    "git-widget-placeholder": "develop",
     "last_opened_file_path": "/home/rehlert/repos/juri-merger",
+    "node.js.selected.package.tslint": "(autodetect)",
     "nodejs_package_manager_path": "pnpm",
     "settings.editor.selected.configurable": "preferences.pluginManager",
     "ts.external.directory.path": "/home/rehlert/repos/juri-merger/node_modules/typescript/lib",
diff --git a/agents.md b/agents.md
new file mode 100644
index 0000000..e51cec4
--- /dev/null
+++ b/agents.md
@@ -0,0 +1,126 @@
+# Project Agent Guide
+
+## Project overview
+
+This repository contains **juri-merger**, a German-language SvelteKit application whose current UI is branded as **beA-Edit**. The main route lets users select or drag ZIP files in the browser. It currently displays the selected filenames; no server-side upload or archive-processing flow is present in this version.
+
+The application also contains German legal pages for the imprint and privacy policy.
+
+## Technology stack
+
+- SvelteKit 2
+- Svelte 5 with runes mode forced for project source files
+- TypeScript with strict mode
+- Vite 8
+- Tailwind CSS 4 through `@tailwindcss/vite`
+- Skeleton 4 with a custom `nominandum` theme
+- pnpm and `pnpm-lock.yaml`
+- `@sveltejs/adapter-auto`
+- Prettier with the Svelte and Tailwind plugins
+
+Use **pnpm**, not npm or yarn, when installing packages or running project scripts.
+
+## Commands
+
+```sh
+pnpm install             # Install dependencies
+pnpm dev                 # Start the development server
+pnpm build               # Create a production build
+pnpm preview             # Preview the production build
+pnpm check               # Run Svelte and TypeScript diagnostics
+pnpm check:watch         # Run diagnostics in watch mode
+pnpm lint                # Check formatting with Prettier
+pnpm format              # Format the repository with Prettier
+```
+
+There is currently no automated unit or end-to-end test suite. For code changes, run at least:
+
+```sh
+pnpm check
+pnpm lint
+pnpm build
+```
+
+If pre-existing warnings remain outside the files being changed, report them rather than making unrelated edits.
+
+## Repository structure
+
+```text
+src/
+├── app.html                         # German document shell and Skeleton theme selection
+├── app.d.ts                         # SvelteKit application type declarations
+├── lib/
+│   ├── assets/                      # Bundled favicon and Nunito font files
+│   ├── components/                  # Reusable Svelte components
+│   │   ├── Button.svelte
+│   │   ├── Card.svelte
+│   │   └── ZipDropzone.svelte
+│   ├── index.ts                     # Public `$lib` exports
+│   └── nom-theme.css                # Custom Skeleton theme tokens
+└── routes/
+    ├── +layout.svelte               # Shared logo header and branded footer
+    ├── +page.svelte                 # Main ZIP-selection page
+    ├── layout.css                   # Tailwind/Skeleton imports and global font setup
+    ├── datenschutz/+page.svelte     # Privacy policy
+    └── impressum/+page.svelte       # Imprint
+static/                              # Files served unchanged from the site root
+```
+
+Generated directories such as `.svelte-kit/`, `build/`, and `node_modules/` must not be edited or committed.
+
+## Svelte conventions
+
+- Use Svelte 5 runes and current event syntax. Prefer `$props()`, `$state`, `$derived`, snippets, `{@render ...}`, and handlers such as `onclick` over legacy APIs.
+- Keep component scripts typed with `<script lang="ts">`.
+- Define a local `Props` type for non-trivial component props.
+- Use callback props for child-to-parent communication, as `ZipDropzone.svelte` does with `onFilesSelected`.
+- Use `$lib/...` for imports from `src/lib` rather than long relative paths.
+- Name reusable component files in PascalCase and route files according to SvelteKit conventions.
+- Keep browser-only APIs such as `File`, `FileList`, and drag-and-drop handling in components that execute in the browser. Do not introduce server-side upload behavior unless requested.
+- Preserve semantic HTML. Interactive drop zones must remain keyboard-operable buttons with an accessible name.
+
+The Vite configuration forces runes mode for application files, so do not add legacy Svelte component patterns.
+
+## Styling conventions
+
+Use **Tailwind utility classes in Svelte markup** for component and route styling. Orient new work around the existing classes in `+layout.svelte`, `+page.svelte`, `Card.svelte`, and `ZipDropzone.svelte`.
+
+- Prefer existing theme utilities such as `bg-primary-50`, `text-primary-900`, `border-primary-500`, and `rounded-container`.
+- Use the custom `primary`, `secondary`, `tertiary`, and `surface` scales defined in `src/lib/nom-theme.css` instead of adding arbitrary brand colors.
+- Keep the established visual language: cool blue-gray page background, white cards, dark blue headings, subtle shadows, rounded containers, and the Nunito typeface.
+- Use responsive Tailwind variants and ensure layouts work on narrow screens.
+- Prefer utilities over new component-level `<style>` blocks or inline styles. Add global CSS only when defining shared theme primitives, imports, font faces, or behavior that cannot reasonably be expressed with utilities.
+- Tailwind 4 is configured through Vite and `src/routes/layout.css`; there is no `tailwind.config` file.
+- Keep complete utility class names visible to Tailwind. For variants, map each state to complete class strings rather than constructing fragments such as `text-${color}`.
+- Preserve clear focus states, adequate contrast, and visible drag-and-drop feedback.
+
+`src/app.html` applies `data-theme="nominandum"`. Theme-level changes belong in `src/lib/nom-theme.css`; global Tailwind and Skeleton imports belong in `src/routes/layout.css`.
+
+## Formatting
+
+Follow the checked-in Prettier configuration:
+
+- Tabs for indentation
+- Single quotes in scripts and styles where supported
+- No trailing commas
+- 100-character print width
+- Svelte-aware and Tailwind-aware formatting
+
+Use `pnpm exec prettier --write <changed-files>` for targeted formatting. Avoid formatting unrelated files solely to clean up existing differences.
+
+## Product and content constraints
+
+- User-facing copy is German unless a task explicitly requests another language.
+- Preserve legal text in `datenschutz/+page.svelte` and `impressum/+page.svelte` unless the request explicitly asks for content changes.
+- Keep the shared Nominandum logo, footer artwork, and theme consistent across routes.
+- ZIP selection is client-side and accepts `.zip`, `application/zip`, and `application/x-zip-compressed` files.
+- Resetting the file input after selection is intentional so the same archive can be selected twice.
+- Do not add network requests, file uploads, analytics, or persistence without an explicit requirement.
+
+## Change discipline
+
+- Keep changes scoped to the request and preserve unrelated work, including untracked files.
+- Inspect existing components and theme tokens before introducing new abstractions.
+- Do not hand-edit generated output or lockfile contents. Update the lockfile only through pnpm when dependency changes are required.
+- Avoid adding dependencies when the task can be completed with Svelte, browser APIs, Tailwind, or existing Skeleton packages.
+- After implementation, review the changed files, run the relevant checks, and mention any remaining warnings or limitations.
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index da1b249..ef511f2 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -18,9 +18,16 @@
 <footer class="flex flex-col justify-end gap-15 min-h-78.5 h-96 px-4 mt-8.75 text-white py-8.75"
         style="background-image: url('/footer.svg');background-position: top right; background-size: cover; background-repeat: no-repeat">
     <div class="w-full max-w-360 mx-auto">
-        <h2 class="font-bold mb-4">Nominandum GmbH</h2>
+        <h2 class="hidden font-bold mb-4">Nominandum GmbH</h2>
 
         <div class="flex flex-row flex-wrap gap-15 text-[14px] leading-5 mx-auto">
+            <div>
+                <a class="underline" href="/impressum">Impressum</a><br/>
+                <a class="underline" href="/datenschutz">Datenschutzerklärung</a><br/>
+            </div>
+        </div>
+
+        <div class="hidden flex flex-row flex-wrap gap-15 text-[14px] leading-5 mx-auto">
             <div class="not-sm:hidden">
                 Holstenwall 1<br/>
                 20355 Hamburg<br/>
@@ -34,8 +41,8 @@
                 UstId. DE321802543
             </div>
             <div>
-                <a class="underline" href="">Impressum</a><br/>
-                <a class="underline" href="">Datenschutzerklärung</a><br/>
+                <a class="underline" href="/impressum">Impressum</a><br/>
+                <a class="underline" href="/datenschutz">Datenschutzerklärung</a><br/>
                 <a class="underline" href="">Nutzungsbedingungen</a><br/>
             </div>
             <div class="grow">
diff --git a/src/routes/datenschutz/+page.svelte b/src/routes/datenschutz/+page.svelte
new file mode 100644
index 0000000..ae51a76
--- /dev/null
+++ b/src/routes/datenschutz/+page.svelte
@@ -0,0 +1,411 @@
+<svelte:head>
+	<title>Datenschutzerklärung | Nominandum</title>
+	<meta
+		name="description"
+		content="Informationen zum Datenschutz und zur Verarbeitung personenbezogener Daten bei Nominandum."
+	/>
+</svelte:head>
+
+<main class="min-h-screen bg-primary-50/50 text-surface-800">
+	<header class="border-b-4 border-tertiary-400 bg-primary-900 text-white">
+		<div class="mx-auto max-w-7xl px-4 py-12 sm:px-8 sm:py-16 lg:py-20">
+			<a
+				class="mb-10 inline-flex items-center gap-2 rounded-sm text-sm font-bold text-primary-200 transition-colors hover:text-white focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-white"
+				href="/"
+				aria-label="Zurück zur Startseite"
+			>
+				<span aria-hidden="true">←</span>
+				Startseite
+			</a>
+			<p class="mb-3 text-xs font-extrabold tracking-[0.16em] text-tertiary-300 uppercase">
+				Rechtliches · Datenschutz
+			</p>
+			<h1
+				id="page-title"
+				class="max-w-4xl text-4xl leading-none font-extrabold tracking-tight text-white sm:text-6xl lg:text-7xl"
+			>
+				Datenschutz&shy;erklärung
+			</h1>
+			<p class="mt-6 max-w-2xl text-lg leading-relaxed text-primary-100 sm:text-xl">
+				Was wir erfassen, warum wir es verarbeiten und welche Rechte Sie dabei haben.
+			</p>
+		</div>
+	</header>
+
+	<div
+		class="mx-auto grid max-w-7xl gap-8 px-4 py-8 sm:px-8 sm:py-12 lg:grid-cols-[14rem_minmax(0,1fr)] lg:gap-12 lg:py-16"
+	>
+		<aside class="hidden lg:block" aria-label="Inhaltsverzeichnis">
+			<div class="sticky top-8">
+				<p class="mb-4 text-xs font-extrabold tracking-[0.16em] text-primary-700 uppercase">
+					Inhalt
+				</p>
+				<nav
+					class="flex flex-col border-l border-primary-200 [&_a]:grid [&_a]:grid-cols-[2rem_1fr] [&_a]:gap-2 [&_a]:border-l-2 [&_a]:border-transparent [&_a]:px-4 [&_a]:py-2.5 [&_a]:text-sm [&_a]:font-bold [&_a]:text-surface-600 [&_a]:transition-colors [&_a:hover]:border-tertiary-500 [&_a:hover]:text-primary-900 [&_span]:font-extrabold [&_span]:text-primary-400"
+				>
+					<a href="#ueberblick"><span>01</span>Auf einen Blick</a>
+					<a href="#hosting"><span>02</span>Hosting</a>
+					<a href="#pflichtinformationen"><span>03</span>Pflichtinformationen</a>
+					<a href="#datenerfassung"><span>04</span>Datenerfassung</a>
+				</nav>
+				<p class="mt-6 text-xs leading-relaxed text-surface-500">Vier Kapitel</p>
+			</div>
+		</aside>
+
+		<article aria-labelledby="page-title">
+			<div
+				class="[&_address]:my-6 [&_address]:w-fit [&_address]:rounded-r-xl [&_address]:border-l-4 [&_address]:border-tertiary-400 [&_address]:bg-primary-50 [&_address]:px-5 [&_address]:py-4 [&_address]:not-italic [&_address]:leading-relaxed [&_h2]:mb-8 [&_h2]:text-2xl [&_h2]:leading-tight [&_h2]:font-extrabold [&_h2]:tracking-tight [&_h2]:text-primary-900 sm:[&_h2]:text-3xl [&_h3]:mt-10 [&_h3]:mb-3 [&_h3]:text-xl [&_h3]:leading-snug [&_h3]:font-extrabold [&_h3]:text-primary-800 [&_h4]:mt-6 [&_h4]:mb-2 [&_h4]:font-extrabold [&_h4]:text-surface-900 [&_li]:leading-relaxed [&_p]:leading-[1.75] [&_p+p]:mt-4 [&_section]:scroll-mt-6 [&_section]:rounded-container [&_section]:border [&_section]:border-primary-100 [&_section]:bg-white [&_section]:p-6 [&_section]:shadow-sm sm:[&_section]:p-10 lg:[&_section]:p-14 [&_section+section]:mt-6 [&_ul]:my-5 [&_ul]:grid [&_ul]:list-disc [&_ul]:gap-2 [&_ul]:pl-6 [&_li::marker]:text-tertiary-600 [&_.legal-notice]:my-6 [&_.legal-notice]:rounded-xl [&_.legal-notice]:border [&_.legal-notice]:border-primary-200 [&_.legal-notice]:bg-primary-50 [&_.legal-notice]:p-5 sm:[&_.legal-notice]:p-7 [&_.legal-notice_p]:text-sm [&_.legal-notice_p]:font-bold [&_.legal-notice_p]:tracking-wide [&_.legal-notice_p]:text-primary-950 [&_.source]:mt-8 [&_.source]:flex [&_.source]:items-center [&_.source]:gap-3 [&_.source]:rounded-container [&_.source]:border [&_.source]:border-primary-100 [&_.source]:bg-white [&_.source]:px-6 [&_.source]:py-4 [&_.source]:text-sm [&_.source]:text-surface-500 [&_.source_span]:font-extrabold [&_.source_span]:tracking-wider [&_.source_span]:text-primary-700 [&_.source_span]:uppercase [&_.source_a]:font-bold [&_.source_a]:text-primary-700 [&_.source_a]:underline [&_.source_a]:underline-offset-4"
+			>
+				<section id="ueberblick" data-section="01">
+					<h2>1. Datenschutz auf einen Blick</h2>
+					<h3>Allgemeine Hinweise</h3>
+					<p>
+						Die folgenden Hinweise geben einen einfachen Überblick darüber, was mit Ihren
+						personenbezogenen Daten passiert, wenn Sie diese Website besuchen. Personenbezogene
+						Daten sind alle Daten, mit denen Sie persönlich identifiziert werden können.
+						Ausführliche Informationen zum Thema Datenschutz entnehmen Sie unserer unter diesem Text
+						aufgeführten Datenschutzerklärung.
+					</p>
+
+					<h3>Datenerfassung auf dieser Website</h3>
+					<h4>Wer ist verantwortlich für die Datenerfassung auf dieser Website?</h4>
+					<p>
+						Die Datenverarbeitung auf dieser Website erfolgt durch den Websitebetreiber. Dessen
+						Kontaktdaten können Sie dem Abschnitt „Hinweis zur Verantwortlichen Stelle“ in dieser
+						Datenschutzerklärung entnehmen.
+					</p>
+
+					<h4>Wie erfassen wir Ihre Daten?</h4>
+					<p>
+						Ihre Daten werden zum einen dadurch erhoben, dass Sie uns diese mitteilen. Hierbei kann
+						es sich z. B. um Daten handeln, die Sie in ein Kontaktformular eingeben.
+					</p>
+					<p>
+						Andere Daten werden automatisch oder nach Ihrer Einwilligung beim Besuch der Website
+						durch unsere IT-Systeme erfasst. Das sind vor allem technische Daten (z. B.
+						Internetbrowser, Betriebssystem oder Uhrzeit des Seitenaufrufs). Die Erfassung dieser
+						Daten erfolgt automatisch, sobald Sie diese Website betreten.
+					</p>
+
+					<h4>Wofür nutzen wir Ihre Daten?</h4>
+					<p>
+						Ein Teil der Daten wird erhoben, um eine fehlerfreie Bereitstellung der Website zu
+						gewährleisten. Andere Daten können zur Analyse Ihres Nutzerverhaltens verwendet werden.
+						Sofern über die Website Verträge geschlossen oder angebahnt werden können, werden die
+						übermittelten Daten auch für Vertragsangebote, Bestellungen oder sonstige
+						Auftragsanfragen verarbeitet.
+					</p>
+
+					<h4>Welche Rechte haben Sie bezüglich Ihrer Daten?</h4>
+					<p>
+						Sie haben jederzeit das Recht, unentgeltlich Auskunft über Herkunft, Empfänger und Zweck
+						Ihrer gespeicherten personenbezogenen Daten zu erhalten. Sie haben außerdem ein Recht,
+						die Berichtigung oder Löschung dieser Daten zu verlangen. Wenn Sie eine Einwilligung zur
+						Datenverarbeitung erteilt haben, können Sie diese Einwilligung jederzeit für die Zukunft
+						widerrufen. Außerdem haben Sie das Recht, unter bestimmten Umständen die Einschränkung
+						der Verarbeitung Ihrer personenbezogenen Daten zu verlangen. Des Weiteren steht Ihnen
+						ein Beschwerderecht bei der zuständigen Aufsichtsbehörde zu.
+					</p>
+					<p>
+						Hierzu sowie zu weiteren Fragen zum Thema Datenschutz können Sie sich jederzeit an uns
+						wenden.
+					</p>
+
+					<h3>Analyse-Tools und Tools von Dritt­anbietern</h3>
+					<p>
+						Beim Besuch dieser Website kann Ihr Surf-Verhalten statistisch ausgewertet werden. Das
+						geschieht vor allem mit sogenannten Analyseprogrammen.
+					</p>
+					<p>
+						Detaillierte Informationen zu diesen Analyseprogrammen finden Sie in der folgenden
+						Datenschutzerklärung.
+					</p>
+				</section>
+
+				<section id="hosting" data-section="02">
+					<h2>2. Hosting</h2>
+					<p>Wir hosten die Inhalte unserer Website bei folgendem Anbieter:</p>
+
+					<h3>Externes Hosting</h3>
+					<p>
+						Diese Website wird extern gehostet. Die personenbezogenen Daten, die auf dieser Website
+						erfasst werden, werden auf den Servern des Hosters / der Hoster gespeichert. Hierbei
+						kann es sich v. a. um IP-Adressen, Kontaktanfragen, Meta- und Kommunikationsdaten,
+						Vertragsdaten, Kontaktdaten, Namen, Websitezugriffe und sonstige Daten, die über eine
+						Website generiert werden, handeln.
+					</p>
+					<p>
+						Das externe Hosting erfolgt zum Zwecke der Vertragserfüllung gegenüber unseren
+						potenziellen und bestehenden Kunden (Art. 6 Abs. 1 lit. b DSGVO) und im Interesse einer
+						sicheren, schnellen und effizienten Bereitstellung unseres Online-Angebots durch einen
+						professionellen Anbieter (Art. 6 Abs. 1 lit. f DSGVO). Sofern eine entsprechende
+						Einwilligung abgefragt wurde, erfolgt die Verarbeitung ausschließlich auf Grundlage von
+						Art. 6 Abs. 1 lit. a DSGVO und § 25 Abs. 1 TDDDG, soweit die Einwilligung die
+						Speicherung von Cookies oder den Zugriff auf Informationen im Endgerät des Nutzers (z.
+						B. Device-Fingerprinting) im Sinne des TDDDG umfasst. Die Einwilligung ist jederzeit
+						widerrufbar.
+					</p>
+					<p>
+						Unser(e) Hoster wird bzw. werden Ihre Daten nur insoweit verarbeiten, wie dies zur
+						Erfüllung seiner Leistungspflichten erforderlich ist und unsere Weisungen in Bezug auf
+						diese Daten befolgen.
+					</p>
+					<p>Wir setzen folgende(n) Hoster ein:</p>
+
+					<address>
+						netcup GmbH<br />
+						Emmy-Noether-Str. 10<br />
+						76131 Karlsruhe
+					</address>
+
+					<h3>Auftragsverarbeitung</h3>
+					<p>
+						Wir haben einen Vertrag über Auftragsverarbeitung (AVV) zur Nutzung des oben genannten
+						Dienstes geschlossen. Hierbei handelt es sich um einen datenschutzrechtlich
+						vorgeschriebenen Vertrag, der gewährleistet, dass dieser die personenbezogenen Daten
+						unserer Websitebesucher nur nach unseren Weisungen und unter Einhaltung der DSGVO
+						verarbeitet.
+					</p>
+				</section>
+
+				<section id="pflichtinformationen" data-section="03">
+					<h2>3. Allgemeine Hinweise und Pflicht­informationen</h2>
+					<h3>Datenschutz</h3>
+					<p>
+						Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen Daten sehr ernst. Wir
+						behandeln Ihre personenbezogenen Daten vertraulich und entsprechend den gesetzlichen
+						Datenschutzvorschriften sowie dieser Datenschutzerklärung.
+					</p>
+					<p>
+						Wenn Sie diese Website benutzen, werden verschiedene personenbezogene Daten erhoben.
+						Personenbezogene Daten sind Daten, mit denen Sie persönlich identifiziert werden können.
+						Die vorliegende Datenschutzerklärung erläutert, welche Daten wir erheben und wofür wir
+						sie nutzen. Sie erläutert auch, wie und zu welchem Zweck das geschieht.
+					</p>
+					<p>
+						Wir weisen darauf hin, dass die Datenübertragung im Internet (z. B. bei der
+						Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der
+						Daten vor dem Zugriff durch Dritte ist nicht möglich.
+					</p>
+
+					<h3>Hinweis zur verantwortlichen Stelle</h3>
+					<p>Die verantwortliche Stelle für die Datenverarbeitung auf dieser Website ist:</p>
+
+					<address>
+						Robin Ehlert<br />
+						Am Frohnacker 3<br />
+						76829 Landau in der Pfalz<br /><br />
+						Telefon: +49 (0) 1782877207<br />
+						E-Mail: post@rehlert.de
+					</address>
+
+					<p>
+						Verantwortliche Stelle ist die natürliche oder juristische Person, die allein oder
+						gemeinsam mit anderen über die Zwecke und Mittel der Verarbeitung von personenbezogenen
+						Daten (z. B. Namen, E-Mail-Adressen o. Ä.) entscheidet.
+					</p>
+
+					<h3>Speicherdauer</h3>
+					<p>
+						Soweit innerhalb dieser Datenschutzerklärung keine speziellere Speicherdauer genannt
+						wurde, verbleiben Ihre personenbezogenen Daten bei uns, bis der Zweck für die
+						Datenverarbeitung entfällt. Wenn Sie ein berechtigtes Löschersuchen geltend machen oder
+						eine Einwilligung zur Datenverarbeitung widerrufen, werden Ihre Daten gelöscht, sofern
+						wir keine anderen rechtlich zulässigen Gründe für die Speicherung Ihrer
+						personenbezogenen Daten haben (z. B. steuer- oder handelsrechtliche
+						Aufbewahrungsfristen); im letztgenannten Fall erfolgt die Löschung nach Fortfall dieser
+						Gründe.
+					</p>
+
+					<h3>
+						Allgemeine Hinweise zu den Rechtsgrundlagen der Datenverarbeitung auf dieser Website
+					</h3>
+					<p>
+						Sofern Sie in die Datenverarbeitung eingewilligt haben, verarbeiten wir Ihre
+						personenbezogenen Daten auf Grundlage von Art. 6 Abs. 1 lit. a DSGVO bzw. Art. 9 Abs. 2
+						lit. a DSGVO, sofern besondere Datenkategorien nach Art. 9 Abs. 1 DSGVO verarbeitet
+						werden. Im Falle einer ausdrücklichen Einwilligung in die Übertragung personenbezogener
+						Daten in Drittstaaten erfolgt die Datenverarbeitung außerdem auf Grundlage von Art. 49
+						Abs. 1 lit. a DSGVO. Sofern Sie in die Speicherung von Cookies oder in den Zugriff auf
+						Informationen in Ihr Endgerät (z. B. via Device-Fingerprinting) eingewilligt haben,
+						erfolgt die Datenverarbeitung zusätzlich auf Grundlage von § 25 Abs. 1 TDDDG. Die
+						Einwilligung ist jederzeit widerrufbar. Sind Ihre Daten zur Vertragserfüllung oder zur
+						Durchführung vorvertraglicher Maßnahmen erforderlich, verarbeiten wir Ihre Daten auf
+						Grundlage des Art. 6 Abs. 1 lit. b DSGVO. Des Weiteren verarbeiten wir Ihre Daten,
+						sofern diese zur Erfüllung einer rechtlichen Verpflichtung erforderlich sind auf
+						Grundlage von Art. 6 Abs. 1 lit. c DSGVO. Die Datenverarbeitung kann ferner auf
+						Grundlage unseres berechtigten Interesses nach Art. 6 Abs. 1 lit. f DSGVO erfolgen. Über
+						die jeweils im Einzelfall einschlägigen Rechtsgrundlagen wird in den folgenden Absätzen
+						dieser Datenschutzerklärung informiert.
+					</p>
+
+					<h3>Empfänger von personenbezogenen Daten</h3>
+					<p>
+						Im Rahmen unserer Geschäftstätigkeit arbeiten wir mit verschiedenen externen Stellen
+						zusammen. Dabei ist teilweise auch eine Übermittlung von personenbezogenen Daten an
+						diese externen Stellen erforderlich. Wir geben personenbezogene Daten nur dann an
+						externe Stellen weiter, wenn dies im Rahmen einer Vertragserfüllung erforderlich ist,
+						wenn wir gesetzlich hierzu verpflichtet sind (z. B. Weitergabe von Daten an
+						Steuerbehörden), wenn wir ein berechtigtes Interesse nach Art. 6 Abs. 1 lit. f DSGVO an
+						der Weitergabe haben oder wenn eine sonstige Rechtsgrundlage die Datenweitergabe
+						erlaubt. Beim Einsatz von Auftragsverarbeitern geben wir personenbezogene Daten unserer
+						Kunden nur auf Grundlage eines gültigen Vertrags über Auftragsverarbeitung weiter. Im
+						Falle einer gemeinsamen Verarbeitung wird ein Vertrag über gemeinsame Verarbeitung
+						geschlossen.
+					</p>
+
+					<h3>Widerruf Ihrer Einwilligung zur Datenverarbeitung</h3>
+					<p>
+						Viele Datenverarbeitungsvorgänge sind nur mit Ihrer ausdrücklichen Einwilligung möglich.
+						Sie können eine bereits erteilte Einwilligung jederzeit widerrufen. Die Rechtmäßigkeit
+						der bis zum Widerruf erfolgten Datenverarbeitung bleibt vom Widerruf unberührt.
+					</p>
+
+					<h3>
+						Widerspruchsrecht gegen die Datenerhebung in besonderen Fällen sowie gegen Direktwerbung
+						(Art. 21 DSGVO)
+					</h3>
+					<div class="legal-notice">
+						<p>
+							WENN DIE DATENVERARBEITUNG AUF GRUNDLAGE VON ART. 6 ABS. 1 LIT. E ODER F DSGVO
+							ERFOLGT, HABEN SIE JEDERZEIT DAS RECHT, AUS GRÜNDEN, DIE SICH AUS IHRER BESONDEREN
+							SITUATION ERGEBEN, GEGEN DIE VERARBEITUNG IHRER PERSONENBEZOGENEN DATEN WIDERSPRUCH
+							EINZULEGEN; DIES GILT AUCH FÜR EIN AUF DIESE BESTIMMUNGEN GESTÜTZTES PROFILING. DIE
+							JEWEILIGE RECHTSGRUNDLAGE, AUF DENEN EINE VERARBEITUNG BERUHT, ENTNEHMEN SIE DIESER
+							DATENSCHUTZERKLÄRUNG. WENN SIE WIDERSPRUCH EINLEGEN, WERDEN WIR IHRE BETROFFENEN
+							PERSONENBEZOGENEN DATEN NICHT MEHR VERARBEITEN, ES SEI DENN, WIR KÖNNEN ZWINGENDE
+							SCHUTZWÜRDIGE GRÜNDE FÜR DIE VERARBEITUNG NACHWEISEN, DIE IHRE INTERESSEN, RECHTE UND
+							FREIHEITEN ÜBERWIEGEN ODER DIE VERARBEITUNG DIENT DER GELTENDMACHUNG, AUSÜBUNG ODER
+							VERTEIDIGUNG VON RECHTSANSPRÜCHEN (WIDERSPRUCH NACH ART. 21 ABS. 1 DSGVO).
+						</p>
+						<p>
+							WERDEN IHRE PERSONENBEZOGENEN DATEN VERARBEITET, UM DIREKTWERBUNG ZU BETREIBEN, SO
+							HABEN SIE DAS RECHT, JEDERZEIT WIDERSPRUCH GEGEN DIE VERARBEITUNG SIE BETREFFENDER
+							PERSONENBEZOGENER DATEN ZUM ZWECKE DERARTIGER WERBUNG EINZULEGEN; DIES GILT AUCH FÜR
+							DAS PROFILING, SOWEIT ES MIT SOLCHER DIREKTWERBUNG IN VERBINDUNG STEHT. WENN SIE
+							WIDERSPRECHEN, WERDEN IHRE PERSONENBEZOGENEN DATEN ANSCHLIESSEND NICHT MEHR ZUM ZWECKE
+							DER DIREKTWERBUNG VERWENDET (WIDERSPRUCH NACH ART. 21 ABS. 2 DSGVO).
+						</p>
+					</div>
+
+					<h3>Beschwerde­recht bei der zuständigen Aufsichts­behörde</h3>
+					<p>
+						Im Falle von Verstößen gegen die DSGVO steht den Betroffenen ein Beschwerderecht bei
+						einer Aufsichtsbehörde, insbesondere in dem Mitgliedstaat ihres gewöhnlichen
+						Aufenthalts, ihres Arbeitsplatzes oder des Orts des mutmaßlichen Verstoßes zu. Das
+						Beschwerderecht besteht unbeschadet anderweitiger verwaltungsrechtlicher oder
+						gerichtlicher Rechtsbehelfe.
+					</p>
+
+					<h3>Recht auf Daten­übertrag­barkeit</h3>
+					<p>
+						Sie haben das Recht, Daten, die wir auf Grundlage Ihrer Einwilligung oder in Erfüllung
+						eines Vertrags automatisiert verarbeiten, an sich oder an einen Dritten in einem
+						gängigen, maschinenlesbaren Format aushändigen zu lassen. Sofern Sie die direkte
+						Übertragung der Daten an einen anderen Verantwortlichen verlangen, erfolgt dies nur,
+						soweit es technisch machbar ist.
+					</p>
+
+					<h3>Auskunft, Berichtigung und Löschung</h3>
+					<p>
+						Sie haben im Rahmen der geltenden gesetzlichen Bestimmungen jederzeit das Recht auf
+						unentgeltliche Auskunft über Ihre gespeicherten personenbezogenen Daten, deren Herkunft
+						und Empfänger und den Zweck der Datenverarbeitung und ggf. ein Recht auf Berichtigung
+						oder Löschung dieser Daten. Hierzu sowie zu weiteren Fragen zum Thema personenbezogene
+						Daten können Sie sich jederzeit an uns wenden.
+					</p>
+
+					<h3>Recht auf Einschränkung der Verarbeitung</h3>
+					<p>
+						Sie haben das Recht, die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu
+						verlangen. Hierzu können Sie sich jederzeit an uns wenden. Das Recht auf Einschränkung
+						der Verarbeitung besteht in folgenden Fällen:
+					</p>
+					<ul>
+						<li>
+							Wenn Sie die Richtigkeit Ihrer bei uns gespeicherten personenbezogenen Daten
+							bestreiten, benötigen wir in der Regel Zeit, um dies zu überprüfen. Für die Dauer der
+							Prüfung haben Sie das Recht, die Einschränkung der Verarbeitung Ihrer
+							personenbezogenen Daten zu verlangen.
+						</li>
+						<li>
+							Wenn die Verarbeitung Ihrer personenbezogenen Daten unrechtmäßig geschah/geschieht,
+							können Sie statt der Löschung die Einschränkung der Datenverarbeitung verlangen.
+						</li>
+						<li>
+							Wenn wir Ihre personenbezogenen Daten nicht mehr benötigen, Sie sie jedoch zur
+							Ausübung, Verteidigung oder Geltendmachung von Rechtsansprüchen benötigen, haben Sie
+							das Recht, statt der Löschung die Einschränkung der Verarbeitung Ihrer
+							personenbezogenen Daten zu verlangen.
+						</li>
+						<li>
+							Wenn Sie einen Widerspruch nach Art. 21 Abs. 1 DSGVO eingelegt haben, muss eine
+							Abwägung zwischen Ihren und unseren Interessen vorgenommen werden. Solange noch nicht
+							feststeht, wessen Interessen überwiegen, haben Sie das Recht, die Einschränkung der
+							Verarbeitung Ihrer personenbezogenen Daten zu verlangen.
+						</li>
+					</ul>
+					<p>
+						Wenn Sie die Verarbeitung Ihrer personenbezogenen Daten eingeschränkt haben, dürfen
+						diese Daten – von ihrer Speicherung abgesehen – nur mit Ihrer Einwilligung oder zur
+						Geltendmachung, Ausübung oder Verteidigung von Rechtsansprüchen oder zum Schutz der
+						Rechte einer anderen natürlichen oder juristischen Person oder aus Gründen eines
+						wichtigen öffentlichen Interesses der Europäischen Union oder eines Mitgliedstaats
+						verarbeitet werden.
+					</p>
+
+					<h3>SSL- bzw. TLS-Verschlüsselung</h3>
+					<p>
+						Diese Seite nutzt aus Sicherheitsgründen und zum Schutz der Übertragung vertraulicher
+						Inhalte, wie zum Beispiel Bestellungen oder Anfragen, die Sie an uns als Seitenbetreiber
+						senden, eine SSL- bzw. TLS-Verschlüsselung. Eine verschlüsselte Verbindung erkennen Sie
+						daran, dass die Adresszeile des Browsers von „http://“ auf „https://“ wechselt und an
+						dem Schloss-Symbol in Ihrer Browserzeile.
+					</p>
+					<p>
+						Wenn die SSL- bzw. TLS-Verschlüsselung aktiviert ist, können die Daten, die Sie an uns
+						übermitteln, nicht von Dritten mitgelesen werden.
+					</p>
+
+					<h3>Widerspruch gegen Werbe-E-Mails</h3>
+					<p>
+						Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten zur
+						Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien
+						wird hiermit widersprochen. Die Betreiber der Seiten behalten sich ausdrücklich
+						rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa
+						durch Spam-E-Mails, vor.
+					</p>
+				</section>
+
+				<section id="datenerfassung" data-section="04">
+					<h2>4. Datenerfassung auf dieser Website</h2>
+					<h3>Server-Log-Dateien</h3>
+					<p>
+						Der Provider der Seiten erhebt und speichert automatisch Informationen in so genannten
+						Server-Log-Dateien, die Ihr Browser automatisch an uns übermittelt. Dies sind:
+					</p>
+					<ul>
+						<li>Browsertyp und Browserversion</li>
+						<li>verwendetes Betriebssystem</li>
+						<li>Referrer URL</li>
+						<li>Hostname des zugreifenden Rechners</li>
+						<li>Uhrzeit der Serveranfrage</li>
+						<li>IP-Adresse</li>
+					</ul>
+					<p>Eine Zusammenführung dieser Daten mit anderen Datenquellen wird nicht vorgenommen.</p>
+					<p>
+						Die Erfassung dieser Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO. Der
+						Websitebetreiber hat ein berechtigtes Interesse an der technisch fehlerfreien
+						Darstellung und der Optimierung seiner Website – hierzu müssen die Server-Log-Files
+						erfasst werden.
+					</p>
+				</section>
+
+				<p class="source">
+					<span>Quelle</span>
+					<a href="https://www.e-recht24.de">e-recht24.de</a>
+				</p>
+			</div>
+		</article>
+	</div>
+</main>
diff --git a/src/routes/impressum/+page.svelte b/src/routes/impressum/+page.svelte
new file mode 100644
index 0000000..b10c69a
--- /dev/null
+++ b/src/routes/impressum/+page.svelte
@@ -0,0 +1,97 @@
+<svelte:head>
+	<title>Impressum | Nominandum</title>
+	<meta name="description" content="Anbieterkennzeichnung und Kontaktdaten von Nominandum." />
+</svelte:head>
+
+<main class="min-h-screen bg-primary-50/50 text-surface-800">
+	<header class="border-b-4 border-tertiary-400 bg-primary-900 text-white">
+		<div class="mx-auto max-w-7xl px-4 py-12 sm:px-8 sm:py-16 lg:py-20">
+			<a
+				class="mb-10 inline-flex items-center gap-2 rounded-sm text-sm font-bold text-primary-200 transition-colors hover:text-white focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-white"
+				href="/"
+				aria-label="Zurück zur Startseite"
+			>
+				<span aria-hidden="true">←</span>
+				Startseite
+			</a>
+			<p class="mb-3 text-xs font-extrabold tracking-[0.16em] text-tertiary-300 uppercase">
+				Rechtliches · Anbieterkennzeichnung
+			</p>
+			<h1
+				id="page-title"
+				class="text-4xl leading-none font-extrabold tracking-tight text-white sm:text-6xl lg:text-7xl"
+			>
+				Impressum
+			</h1>
+			<p class="mt-6 max-w-2xl text-lg leading-relaxed text-primary-100 sm:text-xl">
+				Verantwortliche Person, ladungsfähige Anschrift und direkter Kontakt.
+			</p>
+		</div>
+	</header>
+
+	<div class="mx-auto max-w-7xl px-4 py-8 sm:px-8 sm:py-12 lg:py-16">
+		<article
+			class="relative grid overflow-hidden rounded-container border border-primary-100 bg-white shadow-sm md:grid-cols-2"
+			aria-labelledby="page-title"
+		>
+			<div
+				class="absolute top-0 right-6 rounded-b-lg bg-tertiary-400 px-3 py-2 text-xs font-extrabold tracking-[0.14em] text-primary-950"
+				aria-hidden="true"
+			>
+				IMP
+			</div>
+
+			<section class="p-7 sm:p-10 lg:p-14" aria-labelledby="address-heading">
+				<p class="mb-8 text-sm font-extrabold text-primary-400">01</p>
+				<h2
+					id="address-heading"
+					class="text-2xl font-extrabold tracking-tight text-primary-900 sm:text-3xl"
+				>
+					Anschrift
+				</h2>
+				<address class="mt-8 flex flex-col gap-1 text-base leading-relaxed not-italic sm:text-lg">
+					<strong class="mb-2 font-extrabold text-primary-900">Robin Ehlert</strong>
+					<span>Am Frohnacker 3</span>
+					<span>76829 Landau in der Pfalz</span>
+				</address>
+			</section>
+
+			<section
+				class="border-t border-primary-100 bg-primary-50/60 p-7 sm:p-10 md:border-t-0 md:border-l lg:p-14"
+				aria-labelledby="contact-heading"
+			>
+				<p class="mb-8 text-sm font-extrabold text-primary-400">02</p>
+				<h2
+					id="contact-heading"
+					class="text-2xl font-extrabold tracking-tight text-primary-900 sm:text-3xl"
+				>
+					Kontakt
+				</h2>
+				<dl class="mt-8 grid gap-6">
+					<div>
+						<dt class="mb-1 text-xs font-extrabold tracking-wider text-surface-500 uppercase">
+							Telefon
+						</dt>
+						<dd>
+							<a
+								class="rounded-sm text-lg font-bold text-primary-800 underline decoration-primary-300 underline-offset-4 hover:text-primary-600 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-primary-700"
+								href="tel:+491782877207">+49 (0) 178 2877207</a
+							>
+						</dd>
+					</div>
+					<div>
+						<dt class="mb-1 text-xs font-extrabold tracking-wider text-surface-500 uppercase">
+							E-Mail
+						</dt>
+						<dd>
+							<a
+								class="rounded-sm text-lg font-bold text-primary-800 underline decoration-primary-300 underline-offset-4 hover:text-primary-600 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-primary-700"
+								href="mailto:jm@rehlert.de">jm@rehlert.de</a
+							>
+						</dd>
+					</div>
+				</dl>
+			</section>
+		</article>
+	</div>
+</main>