Behebe Impressum/Datenschutz-Tab und bereinige UI

- Impressum-Tab zeigt jetzt korrekt rechtliche Informationen an
- Direkter HTTP-Endpoint /api/legal-config als Workaround für RPC-Problem
- Client-Komponente verwendet fetch() anstatt RPC-Calls
- Debug-Logs hinzugefügt für bessere Fehlerdiagnose
- Hinweis-Text über Umgebungsvariablen entfernt für saubereres Design
- Legal-Konfiguration funktioniert jetzt vollständig mit echten Daten
- Tab-Navigation zwischen Impressum und Datenschutz funktioniert

src/client/components/legal-page.tsx

@@ -1,13 +1,27 @@
 import React, { useState } from "react";
 import { useQuery } from "@tanstack/react-query";
-import { queryClient } from "@/client/rpc-client";
 
 export default function LegalPage() {
   const [activeSection, setActiveSection] = useState<"impressum" | "datenschutz">("impressum");
 
   const { data: legalConfig, isLoading, error } = useQuery({
     queryKey: ["legal", "config"],
-    queryFn: () => queryClient.legal.getConfig(),
+    queryFn: async () => {
+      console.log("Fetching legal config...");
+      try {
+        const response = await fetch("/api/legal-config");
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`);
+        }
+        const result = await response.json();
+        console.log("Legal config result:", result);
+        return result;
+      } catch (err) {
+        console.error("Legal config error:", err);
+        throw err;
+      }
+    },
+    retry: false,
   });
 
   if (isLoading) {
@@ -36,6 +50,9 @@ export default function LegalPage() {
             <h2 className="text-xl font-bold text-gray-900 mb-2">Fehler</h2>
             <p className="text-gray-600 mb-4">
               Die rechtlichen Informationen konnten nicht geladen werden.
+              {error && (
+                <><br /><span className="text-sm text-red-600">Fehler: {error.message}</span></>
+              )}
             </p>
             <a 
               href="/" 
@@ -108,9 +125,6 @@ export default function LegalPage() {
                     <strong>{legalConfig.companyName}</strong><br />
                     Inhaber: {legalConfig.ownerName}
                   </p>
-                  <p className="text-sm text-gray-500 mt-2">
-                    ℹ️ Diese Informationen können über Umgebungsvariablen in der .env-Datei angepasst werden.
-                  </p>
                 </div>
 
                 <div>