feat: add MCP server with resources, tools, auth, and Traefik routing

- Add backend/app/mcp_server.py with FastMCP server (hms-cms)
- Resources: design-rules, page-structure, sync-status
- Tools: trigger_sync, get_sync_log, set_rentman_token, read_file,
  write_file, create_page, deploy, git_commit, git_status
- Bearer token auth via MCP_AUTH_TOKEN env var
- Mount MCP at /mcp with streamable HTTP transport
- Integrate session manager in FastAPI lifespan
- Add Traefik labels for external /mcp route on hms.media-on.de
- Add git, docker.io, curl to backend Dockerfile
- Mount repo root + docker socket in backend container
- Add mcp>=1.0.0 to requirements.txt

frontend-nuxt-old/components/AppFooter.vue

@@ -0,0 +1,52 @@
+<template>
+  <footer class="hms-footer mt-16" role="contentinfo">
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
+      <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">
+        <div>
+          <div class="flex items-center gap-2 mb-4" style="color: var(--text)">
+            <HmsLogo :size="36" />
+            <div><div class="font-bold text-sm">HMS Licht & Ton</div><div class="text-xs" style="color: var(--secondary)">Veranstaltungstechnik</div></div>
+          </div>
+          <p class="text-sm leading-relaxed" style="color: var(--secondary)">Hammerschmidt u. Mössle GbR – seit über 20 Jahren Ihr Partner für professionelle Veranstaltungstechnik in der Region Leipheim / Ellzee.</p>
+        </div>
+        <div>
+          <h3 class="text-sm font-semibold mb-4" style="color: var(--text)">Navigation</h3>
+          <ul class="space-y-2 text-sm">
+            <li><NuxtLink to="/" style="color: var(--secondary)" class="hover:text-[var(--color-accent)]">Home</NuxtLink></li>
+            <li><NuxtLink to="/referenzen" style="color: var(--secondary)" class="hover:text-[var(--color-accent)]">Referenzen</NuxtLink></li>
+            <li><NuxtLink to="/mietkatalog" style="color: var(--secondary)" class="hover:text-[var(--color-accent)]">Mietkatalog</NuxtLink></li>
+            <li><NuxtLink to="/kontakt" style="color: var(--secondary)" class="hover:text-[var(--color-accent)]">Kontakt</NuxtLink></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="text-sm font-semibold mb-4" style="color: var(--text)">Kontakt</h3>
+          <ul class="space-y-2 text-sm" style="color: var(--secondary)">
+            <li>Grockelhofen 10, 89340 Leipheim</li>
+            <li><a href="tel:+498221204433" style="color: var(--secondary)" class="hover:text-[var(--color-accent)]">+49 (0) 8221 / 204433</a></li>
+            <li><a href="mailto:info@hms-licht-ton.de" style="color: var(--secondary)" class="hover:text-[var(--color-accent)]">info@hms-licht-ton.de</a></li>
+            <li class="flex gap-3 pt-2">
+              <a href="https://facebook.com" target="_blank" rel="noopener" aria-label="Facebook" style="color: var(--secondary)" class="hover:text-[var(--color-accent)]"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg></a>
+              <a href="https://instagram.com" target="_blank" rel="noopener" aria-label="Instagram" style="color: var(--secondary)" class="hover:text-[var(--color-accent)]"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg></a>
+            </li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="text-sm font-semibold mb-4" style="color: var(--text)">Rechtliches</h3>
+          <ul class="space-y-2 text-sm">
+            <li><NuxtLink to="/impressum" style="color: var(--secondary)" class="hover:text-[var(--color-accent)]">Impressum</NuxtLink></li>
+            <li><NuxtLink to="/datenschutz" style="color: var(--secondary)" class="hover:text-[var(--color-accent)]">DSGVO</NuxtLink></li>
+            <li><NuxtLink to="/agb-vermietung" style="color: var(--secondary)" class="hover:text-[var(--color-accent)]">AGB Vermietung</NuxtLink></li>
+            <li><NuxtLink to="/admin" style="color: var(--secondary)" class="hover:text-[var(--color-accent)] text-xs">Admin-Login</NuxtLink></li>
+          </ul>
+        </div>
+      </div>
+      <div class="border-t mt-8 pt-6 text-center text-xs" :style="{ borderColor: 'var(--border)', color: 'var(--secondary)' }">
+        © {{ year }} Hammerschmidt u. Mössle GbR · Veranstaltungstechnik · Leipheim / Ellzee
+      </div>
+    </div>
+  </footer>
+</template>
+
+<script setup lang="ts">
+const year = new Date().getFullYear()
+</script>

frontend-nuxt-old/components/AppHeader.vue

@@ -0,0 +1,65 @@
+<template>
+  <header class="hms-header" role="banner">
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+      <div class="flex items-center justify-between" :style="{ height: 'var(--header-height)' }">
+        <NuxtLink to="/" class="flex items-center gap-2" style="color: var(--text)" aria-label="HMS Licht & Ton Startseite">
+          <HmsLogo :size="40" />
+          <div class="hidden sm:block leading-tight">
+            <div class="font-bold text-base" style="color: var(--text)">HMS Licht & Ton</div>
+            <div class="text-xs" style="color: var(--secondary)">Veranstaltungstechnik</div>
+          </div>
+        </NuxtLink>
+        <nav class="hidden md:flex items-center gap-1" role="navigation" aria-label="Hauptnavigation">
+          <NuxtLink v-for="item in navItems" :key="item.to" :to="item.to"
+            class="hms-nav-btn px-4 py-2 rounded-lg text-sm font-medium"
+            :style="isActive(item.to) ? { color: 'var(--color-accent)', background: 'var(--color-accent-light)' } : { color: 'var(--text-muted)' }"
+            :aria-current="isActive(item.to) ? 'page' : undefined">
+            {{ item.label }}
+          </NuxtLink>
+          <NuxtLink to="/warenkorb" class="hms-btn hms-btn-primary text-sm ml-2 px-4 py-2">
+            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/></svg>
+            Warenkorb
+          </NuxtLink>
+        </nav>
+        <button @click="mobileMenuOpen = !mobileMenuOpen" class="md:hidden p-2 rounded-lg" :style="{ color: 'var(--text-muted)' }" :aria-expanded="mobileMenuOpen" aria-label="Menü öffnen/schließen">
+          <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path v-if="!mobileMenuOpen" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>
+            <path v-else stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
+          </svg>
+        </button>
+      </div>
+    </div>
+    <transition name="mobile-menu">
+      <nav v-if="mobileMenuOpen" id="mobile-menu" class="md:hidden border-t" :style="{ borderColor: 'var(--border)', background: 'var(--panel)' }" role="navigation" aria-label="Mobile Navigation">
+        <div class="px-4 py-3 space-y-1">
+          <NuxtLink v-for="item in navItems" :key="item.to" :to="item.to" @click="mobileMenuOpen = false"
+            class="hms-nav-btn block w-full text-left px-4 py-3 rounded-lg text-sm font-medium"
+            :style="isActive(item.to) ? { color: 'var(--color-accent)', background: 'var(--color-accent-light)' } : { color: 'var(--text-muted)' }">
+            {{ item.label }}
+          </NuxtLink>
+          <NuxtLink to="/warenkorb" @click="mobileMenuOpen = false" class="block w-full text-left px-4 py-3 rounded-lg text-sm font-medium text-white" style="background: var(--color-accent)">🛒 Warenkorb</NuxtLink>
+        </div>
+      </nav>
+    </transition>
+  </header>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
+const mobileMenuOpen = ref(false)
+
+const navItems = [
+  { label: 'Home', to: '/' },
+  { label: 'Referenzen', to: '/referenzen' },
+  { label: 'Mietkatalog', to: '/mietkatalog' },
+  { label: 'Kontakt', to: '/kontakt' }
+]
+
+function isActive(to: string): boolean {
+  if (to === '/') return route.path === '/'
+  return route.path.startsWith(to)
+}
+</script>

frontend-nuxt-old/components/EmptyState.vue

@@ -0,0 +1,13 @@
+<template>
+  <div class="text-center py-16 px-4" role="status">
+    <div class="text-6xl mb-4" aria-hidden="true">{{ icon }}</div>
+    <h3 class="text-xl font-semibold mb-2" style="color: var(--text)">{{ title }}</h3>
+    <p class="max-w-md mx-auto mb-6" style="color: var(--secondary)">{{ message }}</p>
+    <button v-if="actionLabel" @click="$emit('action')" class="hms-btn hms-btn-primary">{{ actionLabel }}</button>
+  </div>
+</template>
+
+<script setup lang="ts">
+withDefaults(defineProps<{ icon?: string; title: string; message: string; actionLabel?: string }>(), { icon: '🔍' })
+defineEmits<{ action: [] }>()
+</script>

frontend-nuxt-old/components/EquipmentCard.vue

@@ -0,0 +1,22 @@
+<template>
+  <div class="hms-eq-card" @click="$emit('click', item)" role="article" tabindex="0" @keydown.enter="$emit('click', item)">
+    <div class="aspect-[4/3] flex items-center justify-center relative overflow-hidden" style="background: var(--surface)">
+      <img v-if="item.image" :src="item.image" :alt="item.name" loading="lazy" class="absolute inset-0 w-full h-full object-cover" />
+      <div v-else class="text-4xl" style="color: var(--secondary)">📦</div>
+      <span v-if="item.category" class="hms-badge hms-badge-primary absolute top-3 left-3">{{ item.category }}</span>
+    </div>
+    <div class="p-4">
+      <h3 class="font-semibold text-sm mb-1 truncate" style="color: var(--text)">{{ item.name }}</h3>
+      <p class="text-xs mb-3 line-clamp-2" style="color: var(--secondary)">{{ item.description }}</p>
+      <div class="flex items-center justify-between">
+        <span class="text-xs" style="color: var(--secondary)">{{ item.code }}</span>
+        <button @click.stop="$emit('add-to-cart', item)" class="hms-btn hms-btn-ghost text-xs px-3 py-1.5" style="color: var(--color-accent)" :aria-label="item.name + ' zum Warenkorb hinzufügen'">+ Hinzufügen</button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineProps<{ item: Record<string, any> }>()
+defineEmits<{ click: [item: any]; 'add-to-cart': [item: any] }>()
+</script>

frontend-nuxt-old/components/ErrorState.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="text-center py-16 px-4" role="alert">
+    <div class="inline-flex items-center justify-center w-16 h-16 rounded-full mb-4" :style="{ background: 'var(--color-error-bg)', color: 'var(--color-error)' }">
+      <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/></svg>
+    </div>
+    <h3 class="text-xl font-semibold mb-2" style="color: var(--text)">{{ title }}</h3>
+    <p class="max-w-md mx-auto mb-6" style="color: var(--secondary)">{{ message }}</p>
+    <button @click="$emit('retry')" class="hms-btn hms-btn-primary">Erneut versuchen</button>
+  </div>
+</template>
+
+<script setup lang="ts">
+withDefaults(defineProps<{ title?: string; message: string }>(), { title: 'Ein Fehler ist aufgetreten' })
+defineEmits<{ retry: [] }>()
+</script>

frontend-nuxt-old/components/HmsLogo.vue

@@ -0,0 +1,10 @@
+<template>
+  <svg class="hms-logo-svg" viewBox="0 0 200 200" :style="`height:${size}px;width:auto`" aria-label="HMS Licht & Ton Logo" role="img">
+    <path fill="currentColor" d="M166.266,172.872h-37.687v-60.718H74.226v60.718H36.539V26.956h37.687v56.335h54.354V26.956h37.687V172.872z" />
+    <rect x="23.598" y="15.343" fill="none" stroke="#FA5C01" stroke-width="15.1525" stroke-miterlimit="10" width="155.612" height="168.874" />
+  </svg>
+</template>
+
+<script setup lang="ts">
+withDefaults(defineProps<{ size?: number }>(), { size: 40 })
+</script>

frontend-nuxt-old/components/LegalContentPage.vue

@@ -0,0 +1,29 @@
+<template>
+  <div class="max-w-3xl mx-auto">
+    <!-- Loading State -->
+    <div v-if="loading" class="space-y-4">
+      <div class="skeleton-shimmer rounded-md" style="height: 32px; width: 60%" />
+      <div class="skeleton-shimmer rounded-md" style="height: 20px" />
+      <div class="skeleton-shimmer rounded-md" style="height: 20px; width: 90%" />
+      <div class="skeleton-shimmer rounded-md" style="height: 20px" />
+      <div class="skeleton-shimmer rounded-md" style="height: 20px; width: 80%" />
+    </div>
+
+    <!-- Content State -->
+    <article v-else>
+      <h1 class="text-3xl font-bold text-text mb-6">{{ title }}</h1>
+      <div class="prose prose-invert max-w-none text-text-muted" v-html="content" />
+    </article>
+  </div>
+</template>
+
+<script setup lang="ts">
+withDefaults(defineProps<{
+  title: string;
+  content?: string;
+  loading?: boolean;
+}>(), {
+  content: "",
+  loading: false,
+});
+</script>

frontend-nuxt-old/components/LoadingSkeleton.vue

@@ -0,0 +1,12 @@
+<template>
+  <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6" aria-live="polite" aria-busy="true">
+    <div v-for="i in count" :key="i" class="hms-card overflow-hidden">
+      <div class="hms-skeleton aspect-[4/3]" style="border-radius:0"></div>
+      <div class="p-4 space-y-3"><div class="hms-skeleton h-4 w-3/4"></div><div class="hms-skeleton h-3 w-full"></div><div class="hms-skeleton h-3 w-1/2"></div><div class="flex justify-between items-center pt-2"><div class="hms-skeleton h-3 w-20"></div><div class="hms-skeleton h-6 w-24" style="border-radius:var(--radius-md)"></div></div></div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+withDefaults(defineProps<{ count?: number }>(), { count: 6 })
+</script>

frontend-nuxt-old/components/ServiceCard.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class="hms-card p-6">
+    <div class="hms-icon-circle mb-4"><span aria-hidden="true">{{ icon }}</span></div>
+    <h3 class="text-lg font-semibold mb-2" style="color: var(--text)">{{ title }}</h3>
+    <p class="text-sm leading-relaxed" style="color: var(--text-muted)">{{ description }}</p>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineProps<{ icon: string; title: string; description: string }>()
+</script>

frontend-nuxt-old/components/SpeakerIcon.vue

@@ -0,0 +1,24 @@
+<template>
+  <span class="hms-speaker-icon-wrap" v-html="svgStr"></span>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+
+const props = withDefaults(defineProps<{ type?: string }>(), { type: 'linearray' })
+
+const icons: Record<string, string> = {
+  linearray: '<rect x="8" y="2" width="16" height="40" rx="2"/><circle cx="16" cy="10" r="3"/><circle cx="16" cy="22" r="4"/><circle cx="16" cy="34" r="3"/>',
+  subwoofer: '<rect x="4" y="8" width="24" height="20" rx="3"/><circle cx="16" cy="18" r="7"/><circle cx="16" cy="18" r="3"/>',
+  monitor: '<path d="M4 6h20v14H4z"/><path d="M8 24h12"/><circle cx="14" cy="13" r="3"/>',
+  pointsource: '<circle cx="16" cy="16" r="12"/><circle cx="16" cy="16" r="6"/><circle cx="16" cy="16" r="2"/>',
+  column: '<rect x="10" y="2" width="12" height="44" rx="2"/><circle cx="16" cy="8" r="2"/><circle cx="16" cy="16" r="2"/><circle cx="16" cy="24" r="2"/><circle cx="16" cy="32" r="2"/><circle cx="16" cy="40" r="2"/>',
+  movinghead: '<rect x="10" y="4" width="12" height="16" rx="2"/><path d="M16 20v8"/><rect x="8" y="28" width="16" height="4" rx="1"/>'
+}
+
+const svgStr = computed(() =>
+  '<svg class="hms-speaker-icon" viewBox="0 0 32 48" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true">' +
+  (icons[props.type] || icons.linearray) +
+  '</svg>'
+)
+</script>