From fdc6a6df230b7a534d0eb1962790d8b8c3e3c88f Mon Sep 17 00:00:00 2001
From: Moritz Graf <github@moritzgraf.de>
Date: Sun, 19 Apr 2026 09:32:03 +0200
Subject: [PATCH] refactor: convert to minimal club website for Haumdaucher
 n.e.V.

---
 Satzung HAUMDAUCHER n.e.V..md                 | 127 ++++++++++++++++++
 package-lock.json                             |  16 ++-
 src/App.spec.ts                               |  20 ++-
 src/App.vue                                   |  19 +--
 src/components/layout/Header.vue              |  11 +-
 src/components/sections/About.vue             |  52 -------
 src/components/sections/Beer.vue              |  38 ------
 src/components/sections/ClubSpirit.vue        |  55 ++++++++
 src/components/sections/History.vue           |  47 -------
 src/components/sections/Legal/Datenschutz.vue |  39 ++++++
 src/components/sections/Legal/Impressum.vue   |  40 ++++++
 src/composables/useAuth.ts                    |  27 ++--
 src/firebase.ts                               |  15 ++-
 src/locales/i18n.ts                           |  50 ++++---
 14 files changed, 362 insertions(+), 194 deletions(-)
 create mode 100644 Satzung HAUMDAUCHER n.e.V..md
 delete mode 100644 src/components/sections/About.vue
 delete mode 100644 src/components/sections/Beer.vue
 create mode 100644 src/components/sections/ClubSpirit.vue
 delete mode 100644 src/components/sections/History.vue
 create mode 100644 src/components/sections/Legal/Datenschutz.vue
 create mode 100644 src/components/sections/Legal/Impressum.vue

diff --git a/Satzung HAUMDAUCHER n.e.V..md b/Satzung HAUMDAUCHER n.e.V..md
new file mode 100644
index 0000000..146ff89
--- /dev/null
+++ b/Satzung HAUMDAUCHER n.e.V..md	
@@ -0,0 +1,127 @@
+# **Satzung des „HAUMDAUCHER Wurst und Spezialitäten n.e.V.“**
+
+**§ 1 Name, Sitz und Online-Präsenz**
+
+(1) Der Verein führt den Namen „HAUMDAUCHER Wurst und Spezialitäten n.e.V.“. Er ist ein nicht eingetragener Verein.
+
+(2) Der Sitz des Vereins ist Regensburg.
+
+(3) Der Verein präsentiert sich online unter www.haumdaucher.de.
+
+**§ 2 Vereinszweck und „Spirit“**
+
+(1) Der Verein pflegt die Kultur der Kulinarik. Es liegt in der DNA der Gemeinschaft, andere Menschen mit Spezialitäten zu bewirten und sich gegenseitig mit Köstlichkeiten zu verwöhnen. Der Fokus liegt auf, aber nicht exklusiv bei, Wurstspezialitäten.
+
+(2) Der Verein ist idealistisch und nicht auf wirtschaftlichen Gewinn ausgerichtet.
+
+**§ 3 Der „Wursttober“**
+
+Das Hauptevent des Vereinsjahres ist der „Wursttober“. Diese Veranstaltung findet jährlich, vorzugsweise im Oktober, statt. Fester Bestandteil und Tradition dieses Events ist es, gemeinschaftlich selbst frische Wurst herzustellen. Die Veranstaltung dient darüber hinaus der Präsentation der handwerklichen Ergebnisse und der Stärkung des Gemeinschaftsgeistes.
+
+**§ 4 Der Vorstand und Vertretung**
+
+(1) Der **geschäftsführende Vorstand** im Sinne des § 26 BGB besteht aus:
+
+a) dem 1\. Vorsitzenden
+
+b) dem stellvertretenden (2.) Vorsitzenden
+
+c) dem Finanzvorstand (Kassenwart)
+
+(2) Der **erweiterte Vorstand** besteht aus dem geschäftsführenden Vorstand sowie den jeweiligen Abteilungsvorsitzenden. Der erweiterte Vorstand berät über die strategische und kulinarische Ausrichtung des Vereins.
+
+(3) **Vertretungsbefugnis:** Der Verein wird gerichtlich und außergerichtlich durch den 1\. Vorsitzenden oder den 2\. Vorsitzenden vertreten (Einzelvertretungsbefugnis).
+
+(4) **Verfügungsbeschränkung:** Für Rechtsgeschäfte und Verträge, die einen Gegenwert von 500,00 Euro überschreiten, ist die gemeinsame Unterschrift von zwei Mitgliedern des geschäftsführenden Vorstands zwingend erforderlich.
+
+**§ 5 Abteilungen des Vereins**
+
+(1) Zur Erfüllung der vielfältigen kulinarischen Aufgaben können innerhalb des Vereins Abteilungen gebildet werden.
+
+(2) Die Gründung einer Abteilung erfolgt durch Beschluss des geschäftsführenden Vorstands.
+
+(3) Jede Abteilung wird durch einen Abteilungsvorsitzenden geleitet. Dieser wird durch seine Ernennung automatisch Mitglied des erweiterten Vorstands.
+
+(4) Die Einzelheiten der Abteilungsführung werden in einem separaten Abteilungsgründungsdokument festgelegt.
+
+**§ 6 Mitgliedschaft, Beendigung und Ausschluss**
+
+(1) Mitglied kann jeder werden, der den „HAUMDAUCHER-Spirit“ teilt. Über die Aufnahme entscheidet der Vorstand.
+
+(2) Die Mitgliedschaft endet durch Austritt, Tod oder Ausschluss.
+
+(3) **Ausschluss:** Mitglieder, die gegen den Vereinszweck oder den „HAUMDAUCHER-Spirit“ verstoßen, können durch einen mehrheitlichen Beschluss des geschäftsführenden Vorstands mit sofortiger Wirkung aus dem Verein ausgeschlossen werden.
+
+**§ 7 Die Mitgliederversammlung und Satzungsänderungen**
+
+(1) Die Mitgliederversammlung ist das oberste Organ des Vereins. Sie ist insbesondere zuständig für die Wahl des Vorstands, die Entlastung des Vorstands sowie für Satzungsänderungen.
+
+(2) Eine ordentliche Mitgliederversammlung findet mindestens einmal jährlich statt (vorzugsweise im Rahmen des „Wursttobers“).
+
+(3) Die Einberufung erfolgt formlos, in der Regel per E-Mail oder über die offizielle Vereins-WhatsApp-Gruppe, durch den Vorstand mit einer Frist von mindestens 7 Tagen unter Angabe der Tagesordnung.
+
+(4) **Satzungsänderungen:** Änderungen der Satzung bedürfen einer Mehrheit von zwei Dritteln (2/3) der anwesenden Mitglieder in der Mitgliederversammlung.
+
+**§ 8 Kassenprüfung**
+
+(1) Die Mitgliederversammlung wählt für die Dauer von zwei Jahren einen Kassenprüfer, der nicht dem Vorstand angehören darf.
+
+(2) Der Kassenprüfer prüft mindestens einmal jährlich die Vereinskasse und erstattet der Mitgliederversammlung Bericht, um die Entlastung des Finanzvorstands zu empfehlen.
+
+(3) Haben im abgelaufenen Geschäftsjahr keine finanziellen Transaktionen (Einnahmen oder Ausgaben) über die Vereinskasse stattgefunden, kann durch Beschluss des Vorstands auf die jährliche Kassenprüfung verzichtet werden.
+
+**§ 9 Datenschutz**
+
+(1) Zur Erfüllung der Zwecke und Aufgaben des Vereins werden unter Beachtung der Vorgaben der EU-Datenschutz-Grundverordnung (DSGVO) und des Bundesdatenschutzgesetzes (BDSG) personenbezogene Daten der Mitglieder (Name, Mobilfunknummer, E-Mail-Adresse) verarbeitet und vereinsintern gespeichert.
+
+(2) Die Kommunikation im Verein erfolgt maßgeblich über E-Mail und Messenger-Dienste (z. B. WhatsApp). Jedes Mitglied stimmt der Aufnahme in entsprechende Verteiler und Gruppen mit seinem Beitritt zu.
+
+**§ 10 Haftungsbeschränkung**
+
+(1) Die Haftung der Mitglieder des Vorstands (geschäftsführend und erweitert) gegenüber dem Verein und seinen Mitgliedern ist auf Vorsatz und grobe Fahrlässigkeit beschränkt.
+
+(2) Werden Vorstandsmitglieder durch Dritte auf Ersatz eines Schadens in Anspruch genommen, der bei der Wahrnehmung der Vorstandspflichten entstanden ist, so stellt der Verein sie im Innenverhältnis von der Haftung frei, sofern sie nicht vorsätzlich oder grob fahrlässig gehandelt haben.
+
+**§ 11 Auflösung**
+
+Bei Auflösung des Vereins, welche nur mit einer 3/4-Mehrheit der Mitgliederversammlung beschlossen werden kann, fällt das verbleibende Vermögen (sowie Ausrüstung und Vorräte) zu gleichen Teilen an die zum Zeitpunkt der Auflösung bestehenden Mitglieder.
+
+*Beschlossen und unterschrieben in der Gründungsversammlung am \_\_\_\_\_\_\_\_\_ in Etterzhausen.*
+
+*Liste der Gründungsmitglieder*
+
+*Name				Unterschrift*
+
+\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_		\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_
+
+\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_		\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_
+
+\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_		\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_
+
+\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_		\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_
+
+\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_		\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_
+
+\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_		\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_
+
+\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_		\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_
+
+\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_		\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_
+
+\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_		\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_
+
+\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_		\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_
+
+\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_		\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_
+
+\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_		\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_
+
+\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_		\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_
+
+\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_		\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_
+
+\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_		\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_
+
+\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_		\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_
+
+\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_		\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index fd42d2a..ae67f0a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -74,6 +74,7 @@
       "integrity": "sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.27.1",
         "@babel/generator": "^7.28.5",
@@ -2118,6 +2119,7 @@
       "resolved": "https://registry.npmjs.org/@firebase/app/-/app-0.14.6.tgz",
       "integrity": "sha512-4uyt8BOrBsSq6i4yiOV/gG6BnnrvTeyymlNcaN/dKvyU1GoolxAafvIvaNP1RCGPlNab3OuE4MKUQuv2lH+PLQ==",
       "license": "Apache-2.0",
+      "peer": true,
       "dependencies": {
         "@firebase/component": "0.7.0",
         "@firebase/logger": "0.5.0",
@@ -2184,6 +2186,7 @@
       "resolved": "https://registry.npmjs.org/@firebase/app-compat/-/app-compat-0.5.6.tgz",
       "integrity": "sha512-YYGARbutghQY4zZUWMYia0ib0Y/rb52y72/N0z3vglRHL7ii/AaK9SA7S/dzScVOlCdnbHXz+sc5Dq+r8fwFAg==",
       "license": "Apache-2.0",
+      "peer": true,
       "dependencies": {
         "@firebase/app": "0.14.6",
         "@firebase/component": "0.7.0",
@@ -2199,7 +2202,8 @@
       "version": "0.9.3",
       "resolved": "https://registry.npmjs.org/@firebase/app-types/-/app-types-0.9.3.tgz",
       "integrity": "sha512-kRVpIl4vVGJ4baogMDINbyrIOtOxqhkZQg4jTq3l8Lw6WSk0xfpEYzezFu+Kl4ve4fbPl79dvwRtaFqAC/ucCw==",
-      "license": "Apache-2.0"
+      "license": "Apache-2.0",
+      "peer": true
     },
     "node_modules/@firebase/auth": {
       "version": "1.12.0",
@@ -2650,6 +2654,7 @@
       "integrity": "sha512-0AZUyYUfpMNcztR5l09izHwXkZpghLgCUaAGjtMwXnCg3bj4ml5VgiwqOMOxJ+Nw4qN/zJAaOQBcJ7KGkWStqQ==",
       "hasInstallScript": true,
       "license": "Apache-2.0",
+      "peer": true,
       "dependencies": {
         "tslib": "^2.1.0"
       },
@@ -3680,6 +3685,7 @@
       "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.3",
         "fast-uri": "^3.0.1",
@@ -3908,6 +3914,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.9.0",
         "caniuse-lite": "^1.0.30001759",
@@ -4741,6 +4748,7 @@
       "resolved": "https://registry.npmjs.org/firebase/-/firebase-12.7.0.tgz",
       "integrity": "sha512-ZBZg9jFo8uH4Emd7caOqtalKJfDGHnHQSrCPiqRAdTFQd0wL3ERilUBfhnhBLnlernugkN/o7nJa0p+sE71Izg==",
       "license": "Apache-2.0",
+      "peer": true,
       "dependencies": {
         "@firebase/ai": "2.6.1",
         "@firebase/analytics": "0.10.19",
@@ -5053,6 +5061,7 @@
       "integrity": "sha512-QsCdAUHAmiDeKeaNojb1OHOPF7NjcWPBR7obdu3NwH2a/oyQaLg5d0aaCy/9My6CdPChYF07dvz5chaXBGaD4g==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/node": "^20.0.0",
         "@types/whatwg-mimetype": "^3.0.2",
@@ -6369,6 +6378,7 @@
       "integrity": "sha512-GVsDdsbJzzy4S/v3dqWPJ7EfvZJfCHiDqe80IyrF59LYuP+e6U1LJoUqeuqRbwAWoMNoXivMNeNAOf5E22VA1w==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "bin": {
         "rollup": "dist/bin/rollup"
       },
@@ -7167,6 +7177,7 @@
       "integrity": "sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==",
       "devOptional": true,
       "license": "Apache-2.0",
+      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -7315,6 +7326,7 @@
       "integrity": "sha512-+v57oAaoYNnO3hIu5Z/tJRZjq5aHM2zDve9YZ8HngVHbhk66RStobhb1sqPMIPEleV6cNKYK4eGrAbE9Ulbl2g==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "esbuild": "^0.18.10",
         "postcss": "^8.4.27",
@@ -8012,6 +8024,7 @@
       "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.26.tgz",
       "integrity": "sha512-SJ/NTccVyAoNUJmkM9KUqPcYlY+u8OVL1X5EW9RIs3ch5H2uERxyyIUI4MRxVCSOiEcupX9xNGde1tL9ZKpimA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@vue/compiler-dom": "3.5.26",
         "@vue/compiler-sfc": "3.5.26",
@@ -8483,6 +8496,7 @@
       "integrity": "sha512-fS6iqSPZDs3dr/y7Od6y5nha8dW1YnbgtsyotCVvoFGKbERG++CVRFv1meyGDE1SNItQA8BrnCw7ScdAhRJ3XQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "bin": {
         "rollup": "dist/bin/rollup"
       },
diff --git a/src/App.spec.ts b/src/App.spec.ts
index 14607cb..1b4d816 100644
--- a/src/App.spec.ts
+++ b/src/App.spec.ts
@@ -1,7 +1,25 @@
-import { describe, it, expect } from 'vitest'
+import { describe, it, expect, vi } from 'vitest'
 import { mount } from '@vue/test-utils'
 import App from './App.vue'
 
+vi.mock('./firebase', () => ({
+  auth: {},
+  db: {}
+}))
+
+vi.mock('./composables/useAuth', () => {
+  const { ref } = require('vue')
+  return {
+    useAuth: () => ({
+      isAllowed: true,
+      user: ref(null),
+      login: vi.fn(),
+      logout: vi.fn(),
+      error: null
+    })
+  }
+})
+
 describe('Smoke Test', () => {
     it('mounts properly', () => {
         const wrapper = mount(App)
diff --git a/src/App.vue b/src/App.vue
index af2fa8d..59419cb 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,9 +2,9 @@
 import { ref, onMounted } from 'vue'
 import Header from './components/layout/Header.vue'
 import Hero from './components/sections/Hero.vue'
-import About from './components/sections/About.vue'
-import History from './components/sections/History.vue'
-import Beer from './components/sections/Beer.vue'
+import ClubSpirit from './components/sections/ClubSpirit.vue'
+import Impressum from './components/sections/Legal/Impressum.vue'
+import Datenschutz from './components/sections/Legal/Datenschutz.vue'
 import HaumdaucherGame from './components/layout/HaumdaucherGame.vue'
 import { messages } from './locales/i18n'
 import { useAuth } from './composables/useAuth'
@@ -102,9 +102,11 @@ const t = (key: string) => {
     <!-- Member Banner -->
 
     <Hero :theme="theme" :t="t" />
-    <About :t="t" />
-    <History :t="t" />
-    <Beer :t="t" />
+    <ClubSpirit :t="t" />
+    
+    <!-- Legal Pages Section -->
+    <Impressum :t="t" />
+    <Datenschutz :t="t" />
     
     <!-- Hidden Backdoor Pixel -->
     <div class="backdoor" @click.stop="handleBackdoor"></div>
@@ -126,11 +128,12 @@ const t = (key: string) => {
   </div>
 
   <div v-for="boar in boars" :key="boar.id" class="running-boar" :style="{ top: boar.top + '%' }">🐗💨</div>
-  <footer class="container" style="padding: 40px 0; opacity: 0.6; font-size: 0.9em;">
-    © {{ new Date().getFullYear() }} Haumdaucher Regensburg. Alles für den Vogel.
+  <footer class="container" style="padding: 40px 0; opacity: 0.6; font-size: 0.9em; text-align: center;">
+    © {{ new Date().getFullYear() }} HAUMDAUCHER Wurst und Spezialitäten n.e.V. (in Gründung)
   </footer>
 </template>
 
+
 <style>
 @import './assets/styles/global.css';
 
diff --git a/src/components/layout/Header.vue b/src/components/layout/Header.vue
index 9cd2750..1a5de52 100644
--- a/src/components/layout/Header.vue
+++ b/src/components/layout/Header.vue
@@ -92,18 +92,17 @@ watch(user, (u) => {
   <!-- Mobile Bottom Nav -->
   <nav class="fancy-glass mobile-nav">
     <a href="#home" class="nav-item">🏠<span>{{ t('nav.home') }}</span></a>
-    <a href="#about" class="nav-item">👥<span>{{ t('nav.about') }}</span></a>
+    <a href="#spirit" class="nav-item">✨<span>{{ t('nav.spirit') }}</span></a>
     <button class="nav-item game-btn" @click="emit('open:game')">🕹️<span>{{ t('nav.game') }}</span></button>
-    <a href="#history" class="nav-item">📜<span>{{ t('nav.history') }}</span></a>
-    <a href="#beer" class="nav-item">🍺<span>{{ t('nav.beer') }}</span></a>
+    <a href="#impressum" class="nav-item">⚖️<span>Impressum</span></a>
   </nav>
 
   <!-- Desktop Side Nav / Links -->
   <nav class="desktop-links">
     <div class="container">
-      <a href="#about">{{ t('nav.about') }}</a>
-      <a href="#history">{{ t('nav.history') }}</a>
-      <a href="#beer">{{ t('nav.beer') }}</a>
+      <a href="#spirit">{{ t('nav.spirit') }}</a>
+      <a href="#impressum">Impressum</a>
+      <a href="#datenschutz">Datenschutz</a>
       <button class="game-nav-btn" @click="emit('open:game')">{{ t('nav.game') }}</button>
     </div>
   </nav>
diff --git a/src/components/sections/About.vue b/src/components/sections/About.vue
deleted file mode 100644
index 36b4f7b..0000000
--- a/src/components/sections/About.vue
+++ /dev/null
@@ -1,52 +0,0 @@
-<script setup lang="ts">
-defineProps<{
-  t: (key: string) => string
-}>()
-</script>
-
-<template>
-  <section id="about" class="about">
-    <div class="container fancy-glass alternate-bg">
-      <h2 class="section-title">{{ t('about.title') }}</h2>
-      <p class="section-text">{{ t('about.content') }}</p>
-      <div class="friends-grid">
-        <div v-for="i in 5" :key="i" class="friend-avatar">🍻</div>
-      </div>
-    </div>
-  </section>
-</template>
-
-<style scoped>
-.about {
-  background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.02) 100%);
-}
-
-.alternate-bg {
-  padding: 60px;
-  border-radius: 40px;
-}
-
-.section-title {
-  font-size: clamp(1.8rem, 8vw, 3rem);
-  margin-bottom: 20px;
-}
-
-.section-text {
-  font-size: clamp(1rem, 4vw, 1.3rem);
-  max-width: 800px;
-  margin: 0 auto 30px;
-}
-
-.friends-grid {
-  display: flex;
-  justify-content: center;
-  gap: 20px;
-  font-size: 2rem;
-}
-
-.friend-avatar {
-  background: rgba(var(--primary-color), 0.1);
-  padding: 20px;
-  border-radius: 50%;
-}
-</style>
diff --git a/src/components/sections/Beer.vue b/src/components/sections/Beer.vue
deleted file mode 100644
index aadece2..0000000
--- a/src/components/sections/Beer.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<script setup lang="ts">
-defineProps<{
-  t: (key: string) => string
-}>()
-</script>
-
-<template>
-  <section id="beer" class="beer">
-    <div class="container fancy-glass alternate-bg">
-      <h2 class="section-title">{{ t('beer.title') }}</h2>
-      <p class="section-text">{{ t('beer.content') }}</p>
-      <div class="beer-animation">🍺 🍺 🍺</div>
-    </div>
-  </section>
-</template>
-
-<style scoped>
-.history {
-  background-attachment: fixed;
-}
-
-.section-title {
-  font-size: clamp(1.8rem, 8vw, 3rem);
-  margin-bottom: 20px;
-}
-
-.section-text {
-  font-size: clamp(1rem, 4vw, 1.3rem);
-  max-width: 800px;
-  margin: 0 auto 30px;
-}
-
-.bird-accent {
-  font-size: 5rem;
-  margin-top: 40px;
-  opacity: 0.3;
-}
-</style>
diff --git a/src/components/sections/ClubSpirit.vue b/src/components/sections/ClubSpirit.vue
new file mode 100644
index 0000000..7e3299f
--- /dev/null
+++ b/src/components/sections/ClubSpirit.vue
@@ -0,0 +1,55 @@
+<script setup lang="ts">
+const props = defineProps<{
+  t: (key: string) => string
+}>()
+</script>
+
+<template>
+  <section id="spirit" class="glass-section container">
+    <h2>{{ t('spirit.title') }}</h2>
+    <div class="content-text">
+      <p>{{ t('spirit.content') }}</p>
+    </div>
+  </section>
+</template>
+
+<style scoped>
+.glass-section {
+  background: var(--glass-bg);
+  border: var(--glass-border);
+  box-shadow: var(--glass-shadow);
+  backdrop-filter: var(--glass-blur);
+  -webkit-backdrop-filter: var(--glass-blur);
+  border-radius: 20px;
+  padding: 40px;
+  margin-bottom: 40px;
+  color: var(--text-color);
+  transition: all 0.3s ease;
+}
+
+h2 {
+  font-size: 2.5rem;
+  margin-bottom: 20px;
+  color: var(--primary-color);
+  text-transform: uppercase;
+  letter-spacing: 2px;
+}
+
+.content-text {
+  font-size: 1.2rem;
+  line-height: 1.8;
+  white-space: pre-line;
+}
+
+@media (max-width: 480px) {
+  .glass-section {
+    padding: 20px;
+  }
+  h2 {
+    font-size: 2rem;
+  }
+  .content-text {
+    font-size: 1.1rem;
+  }
+}
+</style>
diff --git a/src/components/sections/History.vue b/src/components/sections/History.vue
deleted file mode 100644
index 9cc3dab..0000000
--- a/src/components/sections/History.vue
+++ /dev/null
@@ -1,47 +0,0 @@
-<script setup lang="ts">
-defineProps<{
-  t: (key: string) => string
-}>()
-</script>
-
-<template>
-  <section id="history" class="history">
-    <div class="container fancy-glass alternate-bg">
-      <h2 class="section-title">{{ t('history.title') }}</h2>
-      <p class="section-text">{{ t('history.content') }}</p>
-      <div class="bird-accent">🦢</div>
-    </div>
-  </section>
-</template>
-
-<style scoped>
-.beer {
-  padding-bottom: 150px;
-}
-
-.alternate-bg {
-  padding: 60px;
-  border-radius: 40px;
-}
-
-.section-title {
-  font-size: clamp(1.8rem, 8vw, 3rem);
-  margin-bottom: 20px;
-}
-
-.section-text {
-  font-size: clamp(1rem, 4vw, 1.3rem);
-  max-width: 800px;
-  margin: 0 auto 30px;
-}
-
-.beer-animation {
-  font-size: 4rem;
-  animation: clink 2s infinite ease-in-out;
-}
-
-@keyframes clink {
-  0%, 100% { transform: rotate(0); }
-  50% { transform: rotate(10deg) scale(1.1); }
-}
-</style>
diff --git a/src/components/sections/Legal/Datenschutz.vue b/src/components/sections/Legal/Datenschutz.vue
new file mode 100644
index 0000000..7de08a8
--- /dev/null
+++ b/src/components/sections/Legal/Datenschutz.vue
@@ -0,0 +1,39 @@
+<script setup lang="ts">
+const props = defineProps<{
+  t: (key: string) => string
+}>()
+</script>
+
+<template>
+  <section id="datenschutz" class="glass-section container legal-section">
+    <h2>{{ t('datenschutz.title') }}</h2>
+    <div class="content-text">
+      <p>{{ t('datenschutz.content') }}</p>
+    </div>
+  </section>
+</template>
+
+<style scoped>
+.legal-section {
+  background: rgba(0, 0, 0, 0.02);
+  border: var(--glass-border);
+  backdrop-filter: blur(10px);
+  -webkit-backdrop-filter: blur(10px);
+  border-radius: 12px;
+  padding: 30px;
+  margin-bottom: 20px;
+}
+
+h2 {
+  font-size: 1.5rem;
+  margin-bottom: 15px;
+  text-transform: uppercase;
+}
+
+.content-text {
+  font-size: 1rem;
+  line-height: 1.6;
+  white-space: pre-line;
+  opacity: 0.8;
+}
+</style>
diff --git a/src/components/sections/Legal/Impressum.vue b/src/components/sections/Legal/Impressum.vue
new file mode 100644
index 0000000..7ba1942
--- /dev/null
+++ b/src/components/sections/Legal/Impressum.vue
@@ -0,0 +1,40 @@
+<script setup lang="ts">
+const props = defineProps<{
+  t: (key: string) => string
+}>()
+</script>
+
+<template>
+  <section id="impressum" class="glass-section container legal-section">
+    <h2>{{ t('impressum.title') }}</h2>
+    <div class="content-text">
+      <p>{{ t('impressum.content') }}</p>
+    </div>
+  </section>
+</template>
+
+<style scoped>
+.legal-section {
+  margin-top: 60px;
+  background: rgba(0, 0, 0, 0.02);
+  border: var(--glass-border);
+  backdrop-filter: blur(10px);
+  -webkit-backdrop-filter: blur(10px);
+  border-radius: 12px;
+  padding: 30px;
+  margin-bottom: 20px;
+}
+
+h2 {
+  font-size: 1.5rem;
+  margin-bottom: 15px;
+  text-transform: uppercase;
+}
+
+.content-text {
+  font-size: 1rem;
+  line-height: 1.6;
+  white-space: pre-line;
+  opacity: 0.8;
+}
+</style>
diff --git a/src/composables/useAuth.ts b/src/composables/useAuth.ts
index b1eb464..54126f3 100644
--- a/src/composables/useAuth.ts
+++ b/src/composables/useAuth.ts
@@ -10,18 +10,22 @@ const isLoading = ref(true)
 const error = ref<string | null>(null)
 
 // Watch auth state
-auth.onAuthStateChanged((u) => {
-    console.log("🔥 Auth State Changed:", u ? u.email : "Logged Out")
-    user.value = u
-    if (!u) {
-        isAllowed.value = false
-        isLoading.value = false
-    }
-})
+if (auth) {
+    auth.onAuthStateChanged((u) => {
+        console.log("🔥 Auth State Changed:", u ? u.email : "Logged Out")
+        user.value = u
+        if (!u) {
+            isAllowed.value = false
+            isLoading.value = false
+        }
+    })
+} else {
+    isLoading.value = false
+}
 
 // Check allowlist
 watchEffect((onCleanup) => {
-    if (!user.value) return
+    if (!user.value || !db) return
 
     // Subscribe to the config/allowlist document
     const allowlistRef = doc(db, 'config', 'allowlist')
@@ -46,6 +50,10 @@ watchEffect((onCleanup) => {
 export function useAuth() {
     const login = async () => {
         error.value = null
+        if (!auth) {
+            error.value = "Firebase is not configured!"
+            return
+        }
         try {
             const provider = new GoogleAuthProvider()
             await signInWithPopup(auth, provider)
@@ -58,6 +66,7 @@ export function useAuth() {
 
     const logout = async () => {
         error.value = null
+        if (!auth) return
         try {
             await signOut(auth)
             user.value = null
diff --git a/src/firebase.ts b/src/firebase.ts
index 88ba874..c8c18ac 100644
--- a/src/firebase.ts
+++ b/src/firebase.ts
@@ -13,9 +13,14 @@ const firebaseConfig = {
   appId: import.meta.env.VITE_FIREBASE_APP_ID
 }
 
-// Initialize Firebase
-const app = initializeApp(firebaseConfig)
+// Initialize Firebase safely
+export let auth: ReturnType<typeof getAuth> | null = null;
+export let db: ReturnType<typeof getFirestore> | null = null;
 
-// Initialize services
-export const auth = getAuth(app)
-export const db = getFirestore(app)
+if (firebaseConfig.apiKey) {
+  const app = initializeApp(firebaseConfig)
+  auth = getAuth(app)
+  db = getFirestore(app)
+} else {
+  console.warn("⚠️ Firebase API Key missing. Firebase features are disabled.")
+}
diff --git a/src/locales/i18n.ts b/src/locales/i18n.ts
index bdbc352..f02868e 100644
--- a/src/locales/i18n.ts
+++ b/src/locales/i18n.ts
@@ -2,26 +2,24 @@ export const messages = {
   de: {
     nav: {
       home: 'Start',
-      about: 'Über uns',
-      history: 'Geschichte',
-      beer: 'Bier & Gaudi',
+      spirit: 'Spirit',
       game: 'Haumdaucher Game'
     },
     hero: {
-      title: 'D\'Haumdaucher',
-      subtitle: 'Eine Gemeinschaft aus Regensburg – offen für alle.'
+      title: 'Haumdaucher',
+      subtitle: 'Wurst und Spezialitäten n.e.V. – in Gründung'
     },
-    about: {
-      title: 'Wer wir sind',
-      content: 'Wir sind eine Truppe von etwa 15 Freunden aus Regensburg, die sich schon ewig kennen. Doch wir sind kein geschlossener Kreis: Wir freuen uns über jede neue Bekanntschaft und sind offen für die Welt.'
+    spirit: {
+      title: 'Unser Spirit',
+      content: 'Wir pflegen die Kultur der Kulinarik. Es liegt in unserer DNA, andere Menschen mit Spezialitäten zu bewirten und uns gegenseitig mit Köstlichkeiten zu verwöhnen. Der Fokus liegt bei uns auf – aber nicht exklusiv bei – echtem Wurst-Handwerk.'
     },
-    history: {
-      title: 'Die Geschichte der Haumdaucher',
-      content: 'Der "Haubentaucher" ist ein edler Vogel. Wir haben daraus den "Haumdaucher" gemacht – bayerisch, bodenständig, aber mit dem Blick über den Tellerrand.'
+    impressum: {
+      title: 'Impressum',
+      content: 'HAUMDAUCHER Wurst und Spezialitäten n.e.V. (in Gründung)\n\nVertreten durch:\n[Name des Vertreters]\n[Straße Hausnummer]\n[PLZ Ort]\n\nKontakt:\nE-Mail: info@haumdaucher.de'
     },
-    beer: {
-      title: 'Bier & Gaudi',
-      content: 'Geselligkeit steht bei uns an erster Stelle. Ob beim bayerischen Hellen oder beim Austausch mit neuen Gesichtern – bei uns ist jeder willkommen.'
+    datenschutz: {
+      title: 'Datenschutzerklärung',
+      content: 'Wir nehmen den Schutz Ihrer persönlichen Daten sehr ernst. Als reine Repräsentationsseite erheben wir keine personenbezogenen Daten von Besuchern, es sei denn, dies ist technisch für die Bereitstellung der Website absolut notwendig (z.B. Server-Logfiles). Wir verwenden keine Cookies zur Nachverfolgung Ihres Surfverhaltens.'
     },
     themes: {
       classic: 'Klassisch',
@@ -41,26 +39,24 @@ export const messages = {
   bar: {
     nav: {
       home: 'Dahoam',
-      about: 'Wer mir san',
-      history: 'Wia ois o’gfanga hod',
-      beer: 'Bia & Gaudi',
+      spirit: 'Unsara Spirit',
       game: 'Haumdaucher Spui'
     },
     hero: {
       title: 'D\'Haumdaucher',
-      subtitle: 'A echte Rengschbuaga G’schicht – offn fia olle.'
+      subtitle: 'Wuarscht und Spezialitätn n.e.V. – owei no am werkeln'
     },
-    about: {
-      title: 'Wer mir san',
-      content: 'Mir san a Hauffa vo ca. 15 Spezln aus Rengschbuag. Mia hoidn zam, oba mir san fia jedn offn, dea a bisserl a Gmiatlichkeit midbringt.'
+    spirit: {
+      title: 'Unsara Spirit',
+      content: 'Mir lem d\'Kultur vom guatn Essn. Bei uns in da DNA steht gschriem, dass ma andre Leid mid Spezialitätn gmiatlich bekocht und si a moi gegenseitig verwehnt. Da Fokus liegt hoid – oba ned nua – af echtem Wuarscht-Handwerk.'
     },
-    history: {
-      title: 'Vom Haubndaucha zum Haumdaucha',
-      content: 'Da "Haubentaucher" is a scheena Vogl. Mia hom an "Haumdaucher" draus gmocht – boarisch, ehrlich und offn fia de ganze Welt.'
+    impressum: {
+      title: 'Impressum (Rechtlichs Zoig)',
+      content: 'HAUMDAUCHER Wurst und Spezialitäten n.e.V. (in Gründung)\n\nVadredn durch:\n[Name des Vertreters]\n[Straße Hausnummer]\n[PLZ Ort]\n\nKontakt:\nE-Mail: info@haumdaucher.de'
     },
-    beer: {
-      title: 'Bia & Gaudi',
-      content: 'Gmiatlickheit is des Wichtigste. Egal ob mid am gscheidn Hellen oda mid neie Leit – bei uns ghead jeda dazua.'
+    datenschutz: {
+      title: 'Datenschutz',
+      content: 'Mir passn af dei Datn auf wia af a rohes Ei. Weil des nua a Schauseitn is, sammln mia a koane Datn vo dir eib, außa des wos da Server unbedingt braucht damits lafft. Mir schiabn dir a koane Cookies unda.'
     },
     themes: {
       classic: 'Klassisch',